@charset "utf-8";

body {font-size:12px;color:#343434;line-height:20px; margin:0; padding:0}
img { border:0}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font { font-size:12px}
h3,h4,h5 { font-weight:normal}

a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover {color:#cc0000;text-decoration: underline}
#clear { clear:both}

.w1000 { width:1000px;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.bgf { background-color:#FFFFFF}
#clear { clear:both}
.pt5 { padding-top:5px}
.pt10 { padding-top:10px}
.p10 { padding:10px 0}

.logo_i { padding:40px 0 25px 0}
#index_yd { width:1000px; padding-top:20px; margin:0 auto}
#index_yd h1 { float:right; width:650px; font-size:12px; text-align:left; font-weight:normal; background:url(images/yindao_01.jpg) left no-repeat; padding-left:70px}
#index_yd h3 { text-align:left; font-size:12px;}
.db_lan { line-height:26px; background-color:#FF7D07; line-height:26px; text-align:center; color:#fff; margin:15px 0}
.db_lan a { color:#fff}
#bottom { font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif}
.kefu {Z-INDEX: 100; right: 10px; top:180px; POSITION: absolute; width:165px; height:294px;}
.kefu_gb { display:block; float:right; cursor:pointer}

@media all and (max-width:720px) {
.kefu { display:none}

.db_lan { width:100%}
#bottom { width:100%}
}

#head { width:1000px; height:86px; overflow:hidden; margin:0 auto}

@media all and (max-width:720px) {
#head { width:95%; height:auto; padding-bottom:10px}
#head .fr { display:none}
#head .ft { float:none; width:100%}
#head .ft img { max-width:80%; height:auto}
}
#nav { height:62px; background-image:url(images/nav_bg.jpg); position:relative; z-index:999}
#nav .w1000 { position:relative; margin:0 auto; text-align:center}
#nav ul li { float:left; width:87px; font-size:14px; font-weight:bold; position:relative}
#nav ul li:hover { background:url(images/nav_01.jpg) top no-repeat; color:#fff;}
#nav li .v a{ width:86px; height:36px; overflow:hidden; display:block; color:#797979; background:url(images/nav_02.jpg) no-repeat; float:left; margin-left:1px; font-size:14px; padding-top:13px}
#nav ul li .v a:hover{ display:block; background:url(images/nav_01.jpg) no-repeat; color:#fff; font-size:14px; font-weight:bold; padding-top:10px; text-decoration:none}
#nav li .v b{ display:block; background:url(images/nav_01.jpg) no-repeat; color:#fff; padding-top:10px; margin-top:-12px; line-height:26px}
#nav ul ul { position: absolute;visibility: hidden; line-height:26px; color:#fff; font-weight:normal; left:0; top:40px; font-size:12px; z-index:9999}
#nav ul ul li { height:34px; float: none; width:161px; text-align:left; font-size:12px}
#nav ul li:hover ul {visibility: visible;}
#nav ul ul li a { display:block; height:34px; line-height:34px; font-size:12px; font-weight:normal; background:url(images/daohang_bg1.png) center no-repeat; background-position:-5px -5px; padding-left:15px; color:#552800}
#nav ul ul li a:hover { background:url(images/daohang_bg1.png) center no-repeat; background-position:-5px -56px; text-decoration:none}
#nav h1 { position:absolute; left:0; top:40px; font-size:12px; font-weight:normal; text-align:left; width:600px; text-align:left; color:#fff; padding-left:5px}

.index_et { float:right; width:87px}
.index_et a { display:block; line-height:26px; background:url(images/nav_03.jpg) no-repeat; color:#fff; font-size:14px; font-weight:bold; padding-top:10px; text-decoration:none}

@media all and (max-width:720px) {
#nav { height:5px; background:#FF7C06; overflow:hidden}
#nav .w1000 { width:100%}
#nav ul { display:none}
#nav h1 { display:none}
#nav .index_et { display:none}
}

.index_hd { padding-top:10px; width:1000px; margin:0 auto; position:relative; z-index:10}
.index_hd2 { display:none}
#mainVisual { width: 1000px; height: 325px; overflow: hidden; _width: 1004px}
.menuItem { position: relative; overflow: hidden; float: left; width: 62px; height: 325px; background-color: #fff }
.menuItem div.big { position: absolute; overflow: hidden; width: 682px }
.menuItem div.small {  position: absolute; width: 63px; background-color: #fff}
.menuItem a { position: absolute; left: 40px; display: block; width: 200px; height: 30px; overflow: hidden; z-index:14}
.menuItem.menu0 a { top: 227px; }
.menuItem.menu1 a { top: 217px; }
.menuItem.menu2 a { top: 223px; }
.menuItem.menu2 a.second { top: 257px; }
.menuItem.menu3 a { top: 217px; }
.menuItem.menu4 a { top: 221px; }
.menuItem.menu5 a { top: 227px; }
.menuItem.menu0 div.big { background-color: #b11200; }
.menuItem.menu1 div.big { background-color: #024884; }
.menuItem.menu2 div.big { background-color: #863307; }
.menuItem.menu3 div.big { background-color: #005f01; }
.menuItem.menu4 div.big { background-color: #3f3ea4; }

@media all and (max-width:720px) {
.index_hd { display:none}
.index_hd2 { width:95%; display:block; margin:0 auto}
.index_hd2 ul li img { display:block; width:100%; height:auto; padding-top:10px}
}

#zj_index { width:1000px; margin:0 auto; padding-top:20px}
#zj_index .zj_il img,#zj_index .zj_ir img { padding-top:5px;}
#zj_index .zj_il { width:475px; text-align:left}
#zj_index .zj_il .zj_nli { width:405px}
#zj_index .zj_il .zj_nli ul li { font-size:12px; line-height:22px; text-align:right; color:#999; font-family:Arial, Helvetica, sans-serif}
#zj_index .zj_il .zj_nli ul li a { float:left; padding-left:15px; background:url(images/ico_01.jpg) left no-repeat; display:block; width:310px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; text-align:left}

@media all and (max-width:720px) {
#zj_index { width:95%}

#zj_index .zj_il { width:100%}
#zj_index .zj_il.ft { float:none}
#zj_index .zj_il .ft { display:block; float:none; padding-bottom:10px; border-bottom:1px #DDD8CE solid; margin-bottom:10px}
#zj_index .zj_il.fr { float:none;}
#zj_index .zj_il .zj_nli { width:100%; padding-bottom:15px}
#zj_index .zj_il .zj_nli ul li { height:24px; overflow:hidden}
#zj_index .zj_il .zj_nli ul li a { text-align:left; width:95%}
}

#zj_index .zj_ir { width:500px; text-align:left}
#zj_index .zj_ir .zj_ab { width:396px; margin:0 auto}
#zj_index .zj_ir .zj_ab ul { background:url(images/about_01.jpg) left top no-repeat; height:105px}
#zj_index .zj_ir .zj_ab ul li { text-align:center; float:left; width:70px}
#zj_index .zj_ir .zj_ab ul li a { display:block; padding-top:63px; }
#zj_index .zj_ir .zj_ab ul li a:hover { background:url(images/about_02.jpg) no-repeat; color:#F45D02; text-decoration:none}
#zj_index .zj_ir .zj_ab ul li a.ab_01:hover { background-position:0 0}
#zj_index .zj_ir .zj_ab ul li a.ab_02:hover { background-position:-70px 0}
#zj_index .zj_ir .zj_ab ul li a.ab_03:hover { background-position:-140px 0}
#zj_index .zj_ir .zj_ab ul li a.ab_04:hover { background-position:-210px 0}
#zj_index .zj_ir .zj_ab ul li a.ab_05:hover { background-position:-280px 0}

@media all and (max-width:720px) {
#zj_index .zj_ir { float:none; width:100%}
#zj_index .zj_ir .ft { display:block; float:none; padding-bottom:10px; border-bottom:1px #DDD8CE solid; margin-bottom:10px}
#zj_index .zj_ir .zj_ab { width:100%; margin:0 auto}
#zj_index .zj_ir .zj_ab ul li { text-align:center; float:left; width:20%}
}

#zj_index .zj_fl { float:left; width:250px; padding-top:15px; text-align:left}
#zj_index .zj_fl .fl_top { width:235px; border-bottom:1px #DDD8CE solid; padding-bottom:5px}
#zj_index .zj_fl .fl_li { padding-top:10px; line-height:22px;}
#zj_index .zj_fl .fl_li a { padding-left:15px; background:url(images/ico_02.png) left no-repeat; display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap}
#zj_index .zj_fl .fl_fb { height:110px; padding-top:10px; background:url(images/about_03.jpg) no-repeat; background-position:165px 65px}
#zj_index .zj_fl .fl_fb ul { height:80px; width:240px}
#zj_index .zj_fl .fl_fb ul li { float:left; width:60px}
#zj_index .zj_fl .fl_fb ul li a { padding-left:5px}
#zj_index .zj_fl .fl_lx { height:120px; background:url(images/about_04.jpg) no-repeat; background-position:165px 65px}
#zj_index .zj_fl .fl_lx h3 { font-size:12px; padding:10px 10px 0 5px}
#zj_index .zj_fl h4 { padding-top:5px}

@media all and (max-width:720px) {
#zj_index .zj_fl { float:none; width:100%}
#zj_index .zj_fl .fl_top { width:100%}
#zj_index .zj_fl .fl_fb { background:none; height:auto; padding-bottom:10px}
#zj_index .zj_fl .fl_fb ul { width:100%; height:auto; overflow:hidden; padding-bottom:10px}
#zj_index .zj_fl .fl_fb ul li { float:left; width:25%}
#zj_index .zj_fl .fl_lx { background:url(images/about_04.jpg) right bottom no-repeat; background-position:auto auto}
}


#zj_index .zj_pic { padding-top:10px}
#zj_index .zj_pic .fl_top { padding-bottom:10px}
#zj_index .zj_pic ul li { float:left; width:166px; text-align:center}
#zj_index .zj_pic ul li img { border:2px #ccc solid}
#zj_index .zj_pic ul li img:hover { border:2px #FB9613 solid}
#zj_index .zj_pic ul li h3 { line-height:24px; font-size:12px}

@media all and (max-width:720px) {
#zj_index .zj_pic .fl_top { border-bottom:1px #DDD8CE solid; padding-bottom:5px; margin-bottom:10px}
#zj_index .zj_pic ul li { width:50%; padding-bottom:10px}
#zj_index .zj_pic ul li img { max-width:95%; height:100px}
}

.about { width:1000px; margin:0 auto;}
.about .now_s { font-size:12px; color:#666; padding:15px 20px 15px 30px; background:url(images/ico_04.jpg) left no-repeat;}
.about .now_s a { color:#666}
.about h1 { font-size:24px; font-weight:normal; line-height:30px; padding-top:10px; color:#F45D02; padding-left:5px}
.about h1 span { font-size:14px; color:#666; padding-left:10px; font-weight:bold}
.about h2 { font-size:14px; text-align:left; color:#666; width:700px; padding:10px 5px; font-weight:normal}
.about .abou_li ul li { text-align:left; padding:15px 0; border-bottom:1px #ccc dotted}
.about .abou_li ul li a:hover { color:#F45D02; text-decoration:none}
.about .abou_li ul li h3 { float:left; width:160px; font-size:14px; text-align:center; font-weight:bold; padding-top:10px; padding-right:20px}
.about .abou_li ul li h4 { float:left; width:720px; font-size:12px; color:#666}
.about .abou_li ul ul li { padding:10px 0 0 0; border:none; float:left; width:170px; position:relative}
.about .abou_li ul ul li .img01 { position:absolute; left:0; top:10px}

@media all and (max-width:720px) {
.about { width:95%}
.about h1 { padding-bottom:5px; font-size:14px; line-height:20px}
.about h2 { width:100%; padding-top:5px}
.about .p10 img { width:100%; height:auto}
.about .now_s.fr { float:none; padding:5px 20px 5px 30px} 
.about .abou_li ul li h3 { float:none; width:100%; font-size:16px; text-align:left; padding-bottom:10px}
.about .abou_li ul li h4 { float:none; width:100%; font-size:14px; line-height:24px}
.about div img { max-width:100%; height:auto}

.about .kec div.tac{ display:none}
.bn2 { display:none}

.about a.fanhui { display:block; float:right; width:35px; height:30px; background:url(images/fanhui.png) left no-repeat; background-size:auto 100%} 
}

.about .kec { padding-top:20px}
.about .kec div.tac{ border-bottom:1px #ccc solid; width:800px; margin:0 auto}
.about .kec ul li { width:160px; float:left; text-align:center; line-height:40px}
.about .kec ul li a { color:#343434; text-decoration:none}


#organic-tabs { width:960px; margin:0 auto}
#all-list-wrap { padding-bottom:20px}
#all-list-wrap h3 { font-size:14px; line-height:26px; padding:20px 5px 10px 5px; border-bottom:1px #ccc dotted}
#all-list-wrap font { font-size:14px;}
#all-list-wrap h1 { display:none}

#explore-nav { overflow: hidden; }
#explore-nav li.last { margin-right: 0; }
#jquerytuts, #core, #classics, #fix, #ssix { display: none; }
#explore-nav li#ex-featured a.current, ul#featured li a:hover { border-bottom:2px solid #BD2210; }
#explore-nav li#ex-core a.current, ul#core li a:hover { border-bottom:2px solid #034784;}
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { border-bottom:2px solid #843105; }
#explore-nav li#ex-classics a.current, ul#classics li a:hover { border-bottom:2px solid #005E00; }
#explore-nav li#ex-fix a.current, ul#fix li a:hover { border-bottom:2px solid #3F3EA4; }
#explore-nav li#ex-ssix a.current, ul#ssix li a:hover { border-bottom:2px solid #232323; }
#featured h3 b { color:#BD2210}
#core h3 b { color:#034784}
#jquerytuts h3 b { color:#843105}
#classics h3 b { color:#005E00}
#fix h3 b { color:#3F3EA4}
#ssix h3 b { color:#232323}

@media all and (max-width:720px) {
.about .kec div.tac{ display:none}
#explore-nav{ display:none}
#all-list-wrap h1 { display:block; text-align:center; font-size:16px; padding-bottom:10px; padding-top:10px}
#all-list-wrap h1 img { display:block; margin:0 auto}
#organic-tabs { width:95%; margin:0 auto}
#jquerytuts, #core, #classics, #fix, #ssix { display: block; }

#featured h3 b { color:#F45D02}
#core h3 b { color:#F45D02}
#jquerytuts h3 b { color:#F45D02}
#classics h3 b { color:#F45D02}
#fix h3 b { color:#F45D02}
#ssix h3 b { color:#F45D02}
}

.about .kec2 { padding-top:15px}
.fenbu_l { width:210px}
.fenbu_l h4 { height:30px; line-height:30px; background-image:url(images/fenbu_01.jpg); color:#fff; font-size:14px; padding-left:30px; font-weight:bold}
.fenbu_l .diqu_li { border:1px #FF7D07 solid; border-top:none; padding:4px 0 10px 0; margin-bottom:10px}
.fenbu_l .diqu_li ul li { width:104px; float:left; text-align:left; padding-top:6px}
.fenbu_l .diqu_li ul li a { display:block; padding-left:15px; background:url(images/ico_02.png) left no-repeat; margin-left:10px}
.fenbu_l .kaiye_li { border:1px #FF7D07 solid; border-top:none; padding-top:12px;}
.fenbu_l .kaiye_li ul li { height:50px; text-align:left; padding-right:5px}
.fenbu_l .kaiye_li ul li h5 { float:left; width:60px; height:50px; color:red; font-size:12px; text-align:center}
.fenbu_r { width:780px}
.fenbu_r h3 { font-size:12px; padding-left:10px; line-height:30px; background-color:#FFF1E6}
.fenbu_r .wd_li { padding:15px 0 10px 0; width:760px}
.fenbu_r .wd_li ul li { width:370px; float:left; background:url(images/fenbu_02.jpg) no-repeat; background-position:20px 0; height:95px}
.fenbu_r .wd_li ul li h4 { font-size:12px; padding-left:35px}
.fenbu_r .wd_li ul li b { display:block; padding-left:35px; padding-top:10px}

@media all and (max-width:720px) {
.fenbu_l { width:95%; margin:0 auto}
.fenbu_l.ft { float:none}
.fenbu_l h4 { display:none}
.fenbu_l .kaiye_li { display:none}
.fenbu_l .diqu_li { border-top:1px #FF7D07 solid;}
.fenbu_l img { display:none}
.fenbu_l .diqu_li ul li { width:33.3%}

.fenbu_l.ft.nobs { display:none}



.fenbu_r{ width:95%; margin:0 auto}
.fenbu_r.fr { float:none}
.fenbu_r .wd_li { padding:15px 0 10px 0; width:100%}

.fenbu_r .wd_li ul li { width:100%; float:none; background:url(images/fenbu_02.jpg) no-repeat; background-position:auto auto; background-size:100% 100%; height:auto; padding-bottom:10px; margin-bottom:15px}
.fenbu_r .wd_li ul li h4 { padding-left:15px; padding-left:15px}
.fenbu_r .wd_li ul li b { padding-left:15px; padding-left:15px}
}

.news_r { width:760px}
.news_r .news_li { margin-bottom:10px}
.news_r .news_li ul li { padding-bottom:10px; border-bottom:1px #ccc dotted; text-align:left; margin-bottom:20px}
.news_r .news_li ul li img { float:left; margin-right:15px; padding:2px; margin-top:-5px; border:1px #ccc solid}
.news_r .news_li ul li h3 { float:left; font-size:14px; font-weight:bold;}
.news_r .news_li ul li h5 { font-size:12px; line-height:20px; color:#999999; padding-bottom:5px}
.news_r .news_li ul li h4 { font-size:12px; padding-right:50px; height:60px}
.news_r .news_li ul li h4 a { color:#F45D02}
.fenbu_l .news_li { border:1px #FF7D07 solid; border-top:none; padding:10px 0; margin-bottom:10px}
.fenbu_l .news_li ul li { text-align:left; line-height:28px}
.fenbu_l .news_li ul li a { padding-left:20px; background:url(images/ico_02.png) left no-repeat; background-position:6px 3px}
.fenbu_l .news_li ul li span { background:url(images/news_01.jpg) no-repeat center; padding-left:15px; display:block; line-height:24px; color:#fff; font-weight:bold}
.news_r .meneame { PADDING: 3px; FONT-SIZE: 12px; MARGIN: 3px; COLOR: #ff6500; TEXT-ALIGN: center; height:40px}
.news_r .meneame A {BORDER: #ff9600 1px solid; PADDING:5px 7px; BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(meneame.jpg); COLOR: #ff6500; MARGIN-RIGHT: 3px; TEXT-DECORATION: none}
.news_r .meneame A:hover { BORDER: #ff9600 1px solid; BACKGROUND-IMAGE: none; COLOR: #ff6500; BACKGROUND-COLOR: #ffc794}
.news_r .meneame A:active { BORDER: #ff9600 1px solid; BACKGROUND-IMAGE: none; COLOR: #ff6500; BACKGROUND-COLOR: #ffc794}
.news_r .meneame SPAN.thisclass { BORDER: #ff6500 1px solid; PADDING:5px 7px; FONT-WEIGHT: bold; COLOR: #ff6500; MARGIN-RIGHT: 3px; BACKGROUND-COLOR: #ffbe94}
.news_r .meneame SPAN.disabled { BORDER: #ffe3c6 1px solid; PADDING:5px 7px; COLOR: #ffe3c6; MARGIN-RIGHT: 3px; }


@media all and (max-width:720px) {
.fenbu_l.fr { float:none; width:100%;}
.fenbu_l .news_li { border:0 none; background:#FFF2E8; overflow:hidden}
.fenbu_l .news_li ul li { float:left; width:33.3%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; height:28px}

.news_r.ft { float:none; width:100%;}
.news_r .news_li ul li img { float:none; width:30%; height:auto; margin-bottom:10px; display:block}
.news_r .news_li ul li h3 { font-size:16px; clear:both; float:none; padding-bottom:5px}
.news_r .news_li ul li h4 { height:auto; padding-right:0}

}

.center { width:1000px; margin:0 auto; padding-top:10px}
.center .huangd { width:580px; height:268px}
.center .hot{ background-color:#FFF4EA; width:410px; height:268px}
.center .hot .hot_top { padding:5px}
.center .hot h1 { font-size:14px; text-align:center; line-height:40px}
.center .hot h1 a { color:#F45D02}
.center .hot h3 { font-size:12px; text-align:left; padding:0 10px 10px 10px; margin:0 10px 10px 10px; border-bottom:1px #ccc dotted}
.center .hot ul li { padding-left:20px; line-height:24px}
.center .hot ul li a { padding-left:5px}
.center .ct_top1 { height:32px; line-height:32px; background-image:url(images/dalei_01.gif); color:#EE7A13; margin-top:10px; text-align:right; padding-right:20px}
.center .ct_top2 { height:32px; line-height:32px; background-image:url(images/dalei_02.gif); color:#3A84A3; text-align:right; padding-right:20px}
.center .ct_top3 { height:32px; line-height:32px; background-image:url(images/dalei_03.gif); color:#AA5050; text-align:right; padding-right:20px}
.center h2 { font-size:12px; padding-left:20px; float:left}
.center .ct_con { height:202px; margin:5px 0 10px 0}
.center .bg_con1 { background-image:url(images/cencon_01.jpg)}
.center .bg_con2 { background-image:url(images/cencon_02.jpg)}
.center .bg_con3 { background-image:url(images/cencon_03.jpg)}
.center .ct_con ul { float:left; width:250px}
.center .ct_con h3 { width:130px; height:40px; line-height:40px; font-size:14px; margin:15px 0 10px 15px; text-align:center; font-weight:bold}
.center .bg_con1 h3 { color:#EE7A13; background-image:url(images/centop_01.jpg)}
.center .bg_con2 h3 { color:#3A84A3; background-image:url(images/centop_02.jpg)}
.center .bg_con3 h3 { color:#AA5050; background-image:url(images/centop_03.jpg)}
.center .bg_con1 h3 a { color:#EE7A13}
.center .bg_con2 h3 a { color:#3A84A3}
.center .bg_con3 h3 a { color:#AA5050}
.center .ct_con ul li { line-height:26px; padding-left:15px; line-height:24px; font-size:14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap}
.center .ct_con ul li a { padding-left:15px; background:url(images/ico_02.png) left no-repeat; }
.center .bg_con1 a { color:#EE7A13;}
.center .bg_con2 a { color:#3A84A3;}
.center .bg_con3 a { color:#AA5050;}
.center .ct_r { width:248px; text-align:center; line-height:26px}
.center .ct_r h3 { padding:0; line-height:24px}
.center .ct_r .ctr_01 { width:220px; margin:0 auto; background-image:url(images/cenr_01.jpg); height:120px}
.center .ct_r .ctr_02 { width:220px; margin:0 auto; background-image:url(images/cenr_02.jpg); height:120px}
.center .ct_r .ctr_03 { width:220px; margin:0 auto; background-image:url(images/cenr_03.jpg); height:120px}
.center .ct_r a { display:block; padding-top:8px; margin-right:20px}

@media all and (max-width:720px) {
.center { width:95%;}
.center .huangd { width:100%; height:auto}
.center .huangd.ft { float:none}
.center .huangd img { display:block; margin:0 auto; width:100%; height:auto}

.center .hot { width:100%; height:auto; padding-bottom:15px; padding-top:10px}
.center .ct_top1 { width:100%; background-size:100% 100%; padding-right:0}
.center .ct_top2 { width:100%; background-size:100% 100%; padding-right:0}
.center .ct_top3 { width:100%; background-size:100% 100%; padding-right:0}

.center .bg_con1 { background:none; height:auto}
.center .bg_con2 { background:none; height:auto}
.center .bg_con3 { background:none; height:auto}

.center .ct_r { width:100%}
.center .ct_r.fr { float:none}
.center .ct_con h3 { margin:15px auto 10px auto}
.center .ct_con ul { float:none; width:100%}
.center .ct_con ul li { padding-left:0}
}

.cen_li_top {margin-bottom:15px; margin-left:-10px; width:770px; height:160px; background-image:url(images/main_visual.jpg)}
.cen_li_top h2 { font-size:16px; color:#F45D02; width:280px; text-align:center; padding-top:120px; font-weight:bold; letter-spacing:2px}
.art_r { width:760px}
.art_r h1 { text-align:center; padding:0; line-height:50px; font-size:18px; margin:0; color:#343434; width:720px; border-bottom:1px #ccc solid}
.art_r h2 { font-size:12px; color:#999; line-height:30px; text-align:center; padding:0; margin:0}
.art_r h2 a { color:#999}
.art_r .text_c { font-size:14px; text-align:left; line-height:26px; padding:10px}
.art_r .text_c font { font-size:14px}

@media all and (max-width:720px) {
.art_r { width:100%}
.art_r.fr { float:none}
.art_r h1 { text-align:left; line-height:30px; font-size:18px; width:100%; border-bottom:1px #ccc solid; padding-bottom:10px}
.art_r h2 { line-height:20px; text-align:left; padding:10px 0}

.art_r .text_c img { width:inherit !important; max-width:80%; height:auto !important}
.art_r.fr .ft,.art_r.fr .fr { float:none; padding-top:10px}
.art_r.fr .ft { border-top:1px #ddd solid}
}

.jiameng { width:1000px; margin:0 auto; background-image:url(images/jiameng_01.jpg)}
.jiameng .jiam_l { width:170px; padding-top:10px}
.jiameng .jiam_l .jm_ys { padding-bottom:10px; border-bottom:1px #ccc dotted}
.jiameng .jiam_l .jm_ys ul li { padding-left:20px; font-family:"Times New Roman", Times, serif; line-height:24px}
.jiameng .jiam_l .jm_jm { padding:15px 0;}
.jiameng .jiam_l .jm_jm a { display:block; width:121px; height:24px; margin:0 auto; background-image:url(images/jiameng_03.jpg)}
.jiameng .jiam_l .jm_jm a:hover { background-image:url(images/jiameng_04.jpg)}
.jiameng .jiam_l h2 { font-size:12px; padding-left:15px}
.jiameng .jiam_c { width:570px}
.jiameng .jiam_c .jm_jj ul li { width:540px; margin:0 auto; background:url(images/jiameng_05.jpg) top left no-repeat; padding-bottom:30px}
.jiameng .jiam_c .jm_jj ul li h1 { font-size:14px; text-align:center; line-height:40px; padding-top:5px; color:#F45D02}
.jiameng .jiam_c .jm_jj ul li h3 { font-size:12px; text-align:left; padding:0 10px}
.jiameng .jiam_c .jm_ys { width:540px; border:1px #ccc solid; height:240px; margin:0 auto; background-color:#F4F4F4; padding:10px 0}
.jiameng .jiam_c .jm_ys ul li { background-color:#fff; height:60px; border-bottom:1px #ccc dotted}
.jiameng .jiam_c .jm_ys ul li img { float:left; margin:10px 0 0 10px}
.jiameng .jiam_c .jm_ys ul li h3 { font-size:12px; padding:8px 10px 0 5px}
.jiameng .jiam_r { width:260px}
.jiameng .jiam_r h3 { font-size:14px; font-weight:bold; line-height:30px; padding-top:5px; padding-left:15px; padding-bottom:5px}
.jiameng .jiam_r h4 { font-size:12px; padding-left:15px}
.jiameng .jiam_r .jm_zx { padding-top:15px}
.jiameng .jiam_r .jm_zx ul li { line-height:24px; padding-left:15px; float:left; width:115px}
.jiameng .jiam_r .jm_zx ul li a { padding-left:15px; background:url(images/ico_02.png) left no-repeat; display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

@media all and (max-width:720px) {
.jiameng { width:95%; background:none}
.jiameng .p10 img { display:block; width:100%; height:auto}

.jiameng .jiam_l { width:100%;}
.jiameng .jiam_l.ft { float:none}
.jiameng .jiam_l .p10 { display:none}
.jiameng .jiam_l img { display:none}
.jiameng .jiam_l h2 { display:none}
.jiameng .jiam_l .jm_ys { overflow:hidden}
.jiameng .jiam_l .jm_ys ul li { padding-left:0; width:50%; float:left}
.jiameng .jiam_l .jm_jm { display:none}

.jiameng .jiam_c { width:100%;}
.jiameng .jiam_c.ft { float:none}
.jiameng .jiam_c .jm_jj ul li { width:100%; background-size:100% auto}

.jiameng .jiam_c .jm_ys { width:auto; height:auto;}
.jiameng .jiam_c .jm_ys ul li { height:auto; padding-bottom:10px}
.jiameng .jiam_c .jm_ys ul li img { float:none; display:block; margin:0 auto; padding:15px 0 10px 0}
.jiameng .jiam_c .jm_ys ul li h3 { padding-top:0}

.jiameng .jiam_r { width:100%;}
.jiameng .jiam_r.fr { float:none; padding-top:15px}
.jiameng .jiam_r .jm_zx { display:none}

}

.contact_c { width:900px; height:550px; background-image:url(images/bg_contact.gif); margin-top:15px}
.contact_c .contact_r { width:450px; padding-top:50px; text-align:left}
.contact_c .contact_r img { padding:2px; background-color:#fff; border:1px #ccc solid}
.contact_c .contact_l { width:400px; text-align:left}
.contact_c .contact_l h2 { font-size:12px; padding-left:130px; padding-top:25px}
.contact_c .contact_l h3 { font-size:12px; padding-left:140px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; line-height:26px}

@media all and (max-width:720px) {
.contact_c { width:100%; height:auto; background-position:top}
.contact_c .contact_r { width:100%; padding-top:30px; padding-bottom:30px}
.contact_c .contact_r.fr { float:none}
.contact_c .contact_r img { display:block; margin:0 auto}

.contact_c .contact_l { width:100%;}
.contact_c .contact_l.ft { float:none}
.contact_c .contact_l h2 { font-size:14px; padding-left:30px; padding-top:25px}
.contact_c .contact_l h3 { padding-left:30px;}
}

.cent_l { width:440px; height:460px; background:url(images/cent_01.jpg) right repeat-y; margin-top:10px; position:relative}
.cent_r { width:540px}
.cent_r .js_con {height:235px; overflow:scroll; overflow-x: hidden; padding-right:10px; margin-top:10px; font-size:14px; line-height:24px}
.cent_r .js_con font { font-size:14px}
.cent_l h3 { font-size:14px; padding-top:20px; line-height:24px; position:absolute; left:0; bottom:0; width:420px; background-color:#000;FILTER: alpha(opacity=60);opacity:0.6; padding:5px 0; color:#fff}
.cent_l h3 b { font-weight:normal; padding-left:15px}
.cent_r h2 { font-size:14px; line-height:30px; color:#F45D02; font-weight:bold; padding:15px 0 5px 10px;}
.cent_r ul li { font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right; padding:0 15px; line-height:26px; border-bottom:1px #ccc dotted}
.cent_r ul li a { float:left; padding-left:15px; background:url(images/ico_02.png) left no-repeat;}
.cent_r .js_mo { padding-top:10px; text-align:right}
.cent_r .js_mo a { color:#F45D02}
.js_xc { height:27px; background:url(images/cent_02.jpg); margin-top:10px; text-align:right; line-height:27px; padding-right:10px; font-weight:bold}
.js_xc h2 { float:left; width:118px; text-align:center; font-size:14px; color:#fff; padding:0; font-weight:bold}
.js_xc_li { border:1px #ccc solid; border-top:none}
.w960 { width:990px; margin:0 auto}
.js_xc_li ul li { float:left; width:165px; text-align:center; line-height:24px; padding:20px 0 10px 0}
.js_xc_li ul li img { border:2px #ccc solid}
.js_xc_li ul li img:hover { border:2px #FB9613 solid}

.bt2 { border-top:10px #E7E7E7 solid; padding:10px 0}
.index_fl { padding:5px 0; position:relative}

.index_fl i { display:block; background-color:#EeEeEe; position:absolute; width:230px; height:40px; bottom:20px; right:50%; margin-right:-490px; z-index:333}

@media all and (max-width:720px) {
.cent_l { width:95%; margin:0 auto; height:auto; padding-top:15px; background:none}
.cent_l.ft { float:none}
.cent_l img { width:100%; height:auto; display:block}
.cent_l h3 { width:100%;}

.cent_r { width:95%; margin:0 auto}
.cent_r.fr { float:none}
.cent_r .js_con { height:auto; overflow:auto}
.cent_r .js_con .ft { display:none;}

.cent_r h2 { padding-left:0; border-bottom:1px #ddd solid; margin-bottom:10px}
.cent_r ul li { text-align:left; border-bottom:1px #ddd dashed; padding:5px 10px; height:20px; line-height:20px; overflow:hidden}
.cent_r ul li a { float:none; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display:block}

.js_xc_li .w960 { width:100%; margin:0 auto}
.js_xc_li ul li { width:50%}
.js_xc_li ul li img { max-width:90%; height:auto; max-height:120px}
}

@media all and (max-width:720px) {
.pageinfo { display:none}
.disabled { display:none}
.news_r .meneame A { display:none}
.news_r .meneame A.prev { display:inline}
.news_r .meneame A.next { display:inline}
}