 
@import url("../css/comm.css");
@import url("../css/diy.css");
@import url("../css/animate.css");
@import url("../css/focus.css");
html { -moz-text-size-adjust: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, th, td, p, blockquote, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0px; padding: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
body { overflow-wrap: break-word; text-align: center; font: 14px/1.8 arial,"Microsoft Yahei","Hiragino San"; color: rgb(85, 85, 85); background: rgba(0, 0, 0, 0) url("../images/bg-img-03.jpg") no-repeat scroll center top; }
input, select, textarea, button { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0px; }
img { border: 0px none; }
li { list-style: outside none none; }
.left { float: left; }
.right { float: right; }
.clear { display: block; clear: both; font-size: 0px; height: 0px; line-height: 0px; width: 0px; margin: 0px; padding: 0px; overflow: hidden; }
body a { color: rgb(102, 102, 102); text-decoration: none; }
img { max-width: 100%; height: auto; width: auto; }
body a:hover { color: rgb(0, 93, 180); text-decoration: none; }
.page_style { width: 100%; text-align: center; overflow: hidden; margin: 0px auto; font-family: "微软雅黑"; background: white none repeat scroll 0% 0%; }
.zdy_left { padding-left: 0px !important; }
.zdy_right { padding-right: 0px !important; }
.top_box { clear: both; display: block; width: 100%; padding: 0px; margin: 0px; border-bottom: 1px solid rgb(189, 190, 191); background: rgba(0, 0, 0, 0) url("../images/top_bg.jpg") repeat-x scroll 0px top; }
.top_box_inner { clear: both; display: block; max-width: 1120px; margin: 0px auto; height: 100%; width: 100%; position: relative; z-index: 4; }
.topcontent { clear: both; overflow: hidden; display: block; line-height: 29px; padding: 5px 0px; }
.top_left { float: left; }
.top_left a { float: left; padding: 0px 10px 0px 0px; }
.top_right { float: right; }
.logo { float: left; height: 90px;  width: auto; text-align: center; padding: 5px 0px; overflow: hidden; position: absolute; top: 39px; left: 0px; }
.logo img { display: block;max-height: 90px; }
.page_style .menu_box { padding: 0px; width: 100%; margin: 45px 0px 0px; }
.menu_box ul { float: right; width: auto; margin: 0px; padding: 0px; border-radius: 0px; border: 0px none; }
.menu_box li { float: left; position: relative; }
.menu_box li a { display: block; text-decoration: none; width: auto; padding: 0px 1.6em; font-size: 15px; color: rgb(128, 128, 128); line-height: 72px; position: relative; }
.menu_box li a:hover { color: rgb(230, 0, 18); }
.menu_box li i.n_right { display: none; }
.menu_box li.menu_current a { color: rgb(0, 93, 180); }
@media only screen and (max-width: 1000px) {
  .top_box { border: 0px none; height: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
  .logo { top: 0%; width: auto; height: 56px; text-align: left; padding: 0px; }
  .logo img { height: 100%; width: auto; }
  .topcontent { display: none; }
  .page_style .top_box .collapse { display: none !important; }
  .page_style .top_box .collapse.in { display: block !important; }
  .navbar-header { width: 100%; }
  .page_style .top_box .navbar-toggle { display: block !important; float: right; }
  .top_box .menu_box { border-top: 0px none; margin: 0px; }
  .menu_box ul { clear: both; overflow: hidden; padding: 15px; background: rgb(0, 80, 156) none repeat scroll 0% 0%; width: 100%; }
  .menu_box li { width: 100%; position: relative; border-right: 0px none; }
  .menu_box li a { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; color: white; height: 40px; line-height: 40px; text-align: left; font-size: 16px; border-bottom: 1px solid rgb(74, 131, 185); padding: 0px 8px; }
  .menu_box li a:hover { background: rgb(0, 93, 180) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(74, 131, 185); color: white; }
  .menu_box li#MenuItem64 { margin-left: 0%; }
  .menu_box li a span { padding: 0px; }
  .menu_box li a em { display: none; }
  .menu_box li i.n_right { clear: both; overflow: hidden; display: block; font-style: normal; position: absolute; top: 0px; right: 0px; font-size: 22px; font-weight: 300; transition: all 0.5s ease 0s; font-family: Georgia,"Times New Roman",Times,serif; text-align: center; color: white; height: 40px; width: 40px; cursor: pointer; }
  .menu_box li ul { position: relative; }
  .menu_box li ul li:hover { background: rgb(0, 93, 180) none repeat scroll 0% 0%; }
  .menu_box li.menu_current a { color: rgb(255, 255, 255); }
  .menu_box li a:hover i.n_xt { display: none; }
  .menu_box li.menu_current a i.n_xt { display: none; }
}
.banner .panel { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
.page_l61 .banner { margin: 0px auto; }
.page_l65_sl534 .banner { margin: 0px auto; }
.banner { clear: both; text-align: left; position: relative; z-index: 3; overflow: hidden; }
.smallbanner { clear: both; padding: 0px; margin: 0px 0px 5px; text-align: left; }
.page_l61 .main_box_style { clear: both; overflow: hidden; position: static; padding: 0px; max-width: 100%; }
.page_l61 .main_box_style .main_box_inner { max-width: 100%; }
.page_l67 .main_box_style { padding-top: 0px; }
.sublanmupage .main_box_style { background: rgb(247, 247, 247) none repeat scroll 0% 0%; max-width: 100%; width: 100%; padding: 3em 0px; }
.main_box_style { position: relative; z-index: 5; padding-bottom: 30px; }
.main_box_style .main_box_inner { clear: both; overflow: hidden; max-width: 1120px; margin: 0px auto; }
.main_box_style1 { position: relative; z-index: 5; padding-bottom: 30px; }
.main_box_style1 .main_box_inner { width: 100%; max-width: 1120px; margin: 0px auto; clear: both; }
.main_box_style1 .main_box_inner_left { float: left; width: 24%; margin: 0px; text-align: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
.main_box_style1 .main_box_inner_right { float: right; width: 71%; margin: 0px auto; padding: 3em 0px 0px; overflow: hidden; text-align: left; }
@media only screen and (max-width: 1000px) {
  .sublanmupage .main_box_style .main_box_inner { width: 95%; }
  .page_l61 .main_box_style .module_box .module_box_inner { max-width: 95%; }
  .main_box_style { max-width: 95%; }
  .main_box_style1 .main_box_inner {  }
  .main_box_style1 .main_box_inner_left { width: 100%; padding: 0px 2.5%; }
  .main_box_style1 .main_box_inner_right { width: 100%; padding: 0px 2.5%; }
}
.main_box_style2 { clear: both; overflow: hidden; position: relative; z-index: 5; }
.main_box_style2 .main_box_inner { width: 1000px; margin: 85px auto 0px; }
.main_box_style2 .main_box_inner_left { float: left; width: 700px; margin: 0px 10px 0px 0px; overflow: hidden; text-align: left; }
.main_box_style2 .main_box_inner_right { float: right; width: 232px; margin: 0px; overflow: hidden; text-align: left; }
.main_box_style3 { clear: both; margin: 3px 0px 0px; overflow: hidden; }
.main_box_style3 .main_box_inner_left { float: left; width: 220px; margin: 0px 10px 0px 0px; overflow: hidden; text-align: left; }
.main_box_style3 .main_box_inner_middle { float: left; width: 540px; margin: 0px; overflow: hidden; text-align: left; }
.main_box_style3 .main_box_inner_right { float: right; width: 220px; margin: 0px 0px 0px 10px; overflow: hidden; text-align: left; }
.nav_box { clear: both; width: 100%; margin: 0px; padding: 0px; text-align: center; font-size: 0px; }
.nav_box .navbar-toggle { position: absolute; top: 0px; right: 10px; height: 45px; padding: 0px; margin: 0px; }
.nav_box .navbar-toggle span { background: white none repeat scroll 0% 0%; height: 3px; }
.nav_title { clear: both; text-align: left; overflow: hidden; background: rgb(139, 137, 160) none repeat scroll 0% 0%; padding: 0px 0px 0px 1em; width: 100%; position: absolute; top: -85px; left: 0px; }
.nav_sign { clear: both; overflow: hidden; display: block; color: rgb(255, 255, 255); padding: 20px 0px 20px 20px; }
.nav_sign em { display: block; color: rgb(255, 255, 255); font-style: normal; font-size: 14px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; line-height: 20px; text-transform: uppercase; }
.nav_sign i { display: block; font-style: normal; color: rgb(255, 255, 255); font-size: 22px; line-height: 25px; }
.nav_more { float: right; font-weight: normal; padding: 8px 10px 0px; display: none; }
.nav_more a { line-height: 15px; font-size: 10px; }
.nav_content { padding: 5px 0px; border: 0px solid rgb(204, 204, 204); text-align: left; }
.nav_menu.navbar-collapse.collapse { clear: both; padding: 0px; }
.nav_menu ul { clear: both; margin: 0px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; padding: 0px 0px 10px; }
.nav_menu li { clear: both; overflow: hidden; text-align: left; padding: 0px; position: relative; margin: 0px; border-right: 0px solid rgb(234, 234, 234); }
.nav_menu li i.n_right { display: block; transition: all 0.5s ease 0s; font-family: Georgia,"Times New Roman",Times,serif; position: absolute; top: 0px; right: 0px; color: rgb(51, 51, 51); text-align: center; font-size: 20px; cursor: pointer; height: 45px; line-height: 45px; width: 45px; }
.nav_menu li a { clear: both; overflow: hidden; display: block; line-height: 25px; padding: 10px 1.5em; color: rgb(128, 128, 128); font-size: 14px; position: relative; text-decoration: none; border-left: 1px solid rgb(242, 242, 242); }
.nav_menu li a:hover { color: rgb(0, 93, 180); border-left: 1px solid rgb(0, 93, 180); }
.nav_menu li a.current { color: rgb(0, 93, 180); border-left: 1px solid rgb(0, 93, 180); }
.nav_menu li a.current:hover {  }
.nav_menu li ul { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 0px; }
.nav_menu li ul li { text-align: left; margin: 0px 15px; }
.nav_menu li ul li i.n_right { width: 35px; height: 35px; line-height: 35px; }
.nav_menu li ul li a { display: block; line-height: 25px; padding: 5px 35px 5px 10px; font-size: 12px; border-left: 0px none; background: rgba(0, 0, 0, 0) url("../images/nav2.gif") no-repeat scroll left center; }
.nav_menu li ul li a:hover { background: rgba(0, 0, 0, 0) url("../images/nav2.gif") no-repeat scroll left center; border-left: 0px none; }
.nav_menu li ul li a.current { background: rgba(0, 0, 0, 0) url("../images/nav2.gif") no-repeat scroll left center; border-left: 0px none; }
.nav_menu ul li ul { clear: both; width: 100%; z-index: 4; margin: 0px; position: static; border: 0px none; box-shadow: none; padding: 0px 0px 0px 15px; }
.nav_menu ul li ul li {  }
.nav_menu ul li ul li ul { top: 0px; left: 100%; }
.nav_menu ul li ul li span.node { float: left; height: 22px; width: 15px; cursor: pointer; display: none; }
.nav_menu ul li ul li span.node_close { float: left; height: 22px; width: 15px; cursor: pointer; display: none; }
.nav_menu ul li ul li span { float: left; height: 22px; width: 15px; display: none; }
@media only screen and (max-width: 1000px) {
  .nav_box .navbar-toggle { display: block; }
  .nav_box .navbar-toggle span { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
  .nav_box { width: 100%; margin: 20px auto; position: relative; border-bottom: 0px none; }
  .nav_title { border-bottom: 0px solid rgb(204, 204, 204); line-height: 45px; padding: 0px; display: block; position: static; }
  .nav_sign { text-align: left; font-size: 16px; padding: 0px 0px 0px 10px; color: rgb(85, 85, 85); margin: 0px; }
  .nav_sign em { display: none; }
  .nav_sign i { line-height: 45px; }
  .nav_box .nav-toggle { display: block; top: 1.5px; }
  .nav_box .nav-toggle i { color: rgb(255, 255, 255); font-size: 20px; }
  .nav_menu.navbar-collapse.collapse { position: static; display: none !important; max-width: 100%; width: 100%; height: auto; overflow: hidden; padding: 0px 0px 10px; }
  .nav_menu.navbar-collapse.collapse.in { display: block !important; }
  .nav_menu ul { float: none; max-width: 100%; display: block; }
  .nav_menu li { float: none; width: 100%; border-right: 0px none; }
  .nav_menu li i.n_right { height: 40px; line-height: 40px; width: 40px; display: block; }
  .nav_menu li ul li i.n_right { height: 34px; line-height: 34px; }
  .nav_menu li a { line-height: 40px; padding: 0px 10px; border-bottom: 1px dashed rgb(204, 204, 204); }
  .nav_menu li a i { height: 40px; top: 0px; }
  .nav_menu li a:hover {  }
  .nav_menu li a.current {  }
  .nav_menu li a.current:hover {  }
  .nav_menu ul li ul { display: none; position: static; padding: 0px; }
  .nav_menu ul li ul li { margin: 0px; }
  .nav_menu ul li ul li a { padding: 0px 0px 0px 10px; line-height: 34px; margin: 0px 20px; }
  .nav_box ul li .nav-toggle { height: 40px; line-height: 40px; border-left: 0px none; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; right: 0px; padding: 0px; z-index: 10; }
  .nav_box ul li .nav-toggle i { color: rgb(77, 77, 77); }
  .nav_box ul li .active { transform: rotate(90deg); transition: all 0.5s ease 0s; }
}
#module_204 { background: rgb(249, 249, 249) none repeat scroll 0% 0%; }
.module_box { clear: both; margin: 0px; border: 0px solid rgb(204, 204, 204); overflow: hidden; }
.module_box_layout_left { float: left; margin: 0px 3.5% 3em 0px; border: 0px solid rgb(204, 204, 204); overflow: hidden; }
.module_box_layout_right { float: right; margin: 0px 0px 3em; border: 0px solid rgb(204, 204, 204); overflow: hidden; }
.module_box_inner { clear: both; text-align: center; padding: 0px; border: 0px solid rgb(204, 204, 204); overflow: hidden; height: 100%; max-width: 1120px; margin: 1.5em auto; }
.module_box_layout_left .module_box_inner { clear: both; text-align: center; margin: 0px; padding: 0px; }
.module_title { clear: both; text-align: center; overflow: hidden; height: auto; padding: 1em 0px 2.5em; margin-bottom: 2.5em; background: rgba(0, 0, 0, 0) url("../images/module-title-bg.png") no-repeat scroll center bottom; }
.module_sign { display: inline-block; font-size: 28px; color: rgb(51, 51, 51); }
.module_sign h2 { margin-bottom: 13px; line-height: normal; color: rgb(51, 51, 51); font-size: 3.8rem; }
.module_sign .module_title_line { margin: 13px auto 10px; width: 16px; height: 1px; background: rgb(127, 127, 127) none repeat scroll 0% 0%; }
.module_sign h3 { margin: 0px 20px; line-height: normal; font-weight: normal; color: rgb(153, 153, 153); font-size: 1.6rem; }
.module_more { float: right; line-height: 28px; padding: 0px 0px 6px; display: none; }
.module_more a { color: rgb(136, 136, 136); font-size: 13px; }
.module_more { float: right; line-height: 28px; }
.module_more a { color: rgb(136, 136, 136); font-size: 13px; }
.module_content { padding: 0px; text-align: left; }
.module_footer { clear: both; height: 1px; overflow: hidden; background-color: rgb(204, 204, 204); display: none; }
.module_footer .l { float: left; }
.module_footer .r { float: right; }
.lanmupage .current_location { display: none; }
.current_location { clear: both; overflow: hidden; text-align: center; width: 100%; border-bottom: 1px solid rgb(229, 229, 229); margin: 0px 0px 1em; display: none; }
.current_location_1 { float: right; padding: 12px 10px 12px 15px; line-height: 21px; background: rgba(0, 0, 0, 0) url("../images/icon-home.png") no-repeat scroll left 16px; }
.current_location_2 { float: left; text-align: left; line-height: 45px; font-size: 16px; color: rgb(77, 77, 77); font-weight: bold; }
.sublanmu_box { text-align: left; padding-bottom: 10px; }
.sublanmu_content { padding: 0px 0px 10px; text-align: left; }
.sublanmu_content_introduct { line-height: 2; font-size: 1.1em; }
.sublanmu_content_introduct p { margin-bottom: 10px; min-height: 10px; }
.sublanmu_page { clear: both; text-align: center; margin: 15px 0px 10px; font-size: 12px; font-family: 宋体; }
.sublanmu_page a { vertical-align: middle; height: 20px; line-height: 20px; padding: 2px 8px 3px; border: 1px solid rgb(204, 204, 204); }
.sublanmu_page span.c { padding: 2px 2px 3px; font-weight: bold; border: 0px solid rgb(204, 204, 204); }
.sublanmu_page span { vertical-align: middle; height: 20px; line-height: 20px; padding: 2px 8px 3px; }
.sublanmu_page span.c { padding: 2px 2px 3px; border: 0px solid rgb(204, 204, 204); }
.sublanmu_pn { font-size: 13px; padding: 15px; clear: both; overflow: hidden; }
.sublanmu_pn li { font-size: 14px; line-height: 30px; }
.sublanmu_pn li.syb { float: left; width: 49%; }
.sublanmu_pn li.xyb { float: right; width: 49%; text-align: right; }
.sublanmu_pn li a { color: rgb(85, 85, 85); }
.sublanmu_pn li a:hover { color: rgb(0, 93, 180); }
@media only screen and (max-width: 1000px) {
  .current_location_1 { float: left; text-align: left; }
  .current_location_2 { display: none; }
  .sublanmu_box { width: 99%; margin: 0px auto; }
  .sublanmu_pn li.syb { width: 100%; }
  .sublanmu_pn li.xyb { float: left; width: 100%; text-align: left; }
}
.comments_box { text-align: left; border: 1px solid rgb(204, 204, 204); margin: 10px 0px; }
.comments_box .title { padding: 2px 0px 0px 10px; height: 20px; font-weight: bold; background-color: rgb(236, 236, 236); }
.comments_box ul li { padding: 5px 0px 5px 25px; }
.comments_box .textarea { width: 520px; height: 100px; border-width: 1px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgb(0, 0, 0) rgb(204, 204, 204) rgb(204, 204, 204) rgb(0, 0, 0); }
.comments_list { padding: 5px 0px 0px; border: 0px solid rgb(204, 204, 204); overflow: hidden; }
.comments_list .title { display: block; padding: 2px 0px 3px 5px; height: 18px; width: 100%; font-weight: bold; }
.comments_list .item { clear: both; margin: 0px 0px 10px; overflow: hidden; }
.comments_list .header { padding: 3px 0px 0px 10px; height: 22px; background-color: rgb(238, 238, 238); }
.comments_list .header .floornum { font-size: 12px; font-style: italic; font-weight: bold; }
.comments_list .header .left { float: left; }
.comments_list .header .right { float: right; padding-right: 10px; }
.comments_list .quote { display: block; color: rgb(153, 153, 153); padding: 5px 5px 5px 10px; border: 1px solid rgb(236, 236, 236); }
.comments_list .content { padding: 5px 5px 5px 15px; }
.comments_list .reply { background: rgba(0, 0, 0, 0) url("../images/reply.gif") no-repeat scroll 5px 5px; border: 1px dashed rgb(204, 204, 204); padding: 2px 5px 2px 25px; margin: 2px 0px 5px; color: rgb(211, 53, 6); }
.comments_page { clear: both; vertical-align: middle; text-align: right; background-color: rgb(255, 255, 255); margin: 10px 0px; font-family: 宋体; }
.comments_page a { height: 15px; line-height: 15px; vertical-align: middle; padding: 2px 8px; border: 1px solid rgb(204, 204, 204); font-size: 12px; }
.comments_page span { height: 15px; line-height: 15px; vertical-align: middle; padding: 2px 5px; font-size: 12px; }
.comments_page span.c { vertical-align: middle; padding: 2px 3px; font-weight: bold; font-size: 12px; }
.page_l61 .bottom_box { margin: 2em 0px 0px; }
.bottom_box { clear: both; margin: 0px 0px 5px; text-align: left; width: 100%; padding: 1em 0px; background: rgb(34, 39, 51) none repeat scroll 0% 0%; }
.loginbox_item { height: 20px; padding: 0px 5px 5px 0px; text-align: left; font-size: 9pt; }
.loginbox_textbox { width: 100px; height: 15px; border: 1px solid rgb(204, 204, 204); }
.loginbox_textbox_yzm { width: 40px; height: 15px; border: 1px solid rgb(204, 204, 204); }
.loginbox_submit { width: 90px; height: 20px; border-style: solid; border-color: rgb(51, 51, 51); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 0px 1px 1px 0px; background-color: rgb(221, 221, 221); cursor: pointer; }
a.logined_href:link { font-size: 9pt; color: rgb(255, 0, 0); text-decoration: underline; }
a.logined_href:visited { font-size: 9pt; color: rgb(255, 0, 0); text-decoration: underline; }
a.logined_href:hover { font-size: 9pt; color: rgb(255, 0, 0); text-decoration: underline; }
.textarea { border-width: 1px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgb(0, 0, 0) rgb(204, 204, 204) rgb(204, 204, 204) rgb(0, 0, 0); }
.button { width: 55px; font-size: 9pt; height: 19px; cursor: pointer; background-image: url("../images/button.gif"); background-position: center center; border-width: 0px; border-style: outset; border-color: rgb(238, 238, 238) rgb(136, 136, 136) rgb(136, 136, 136) rgb(238, 238, 238); padding-top: 2px; background-repeat: repeat-x; }
.tb { border-width: 1px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgb(0, 0, 0) rgb(204, 204, 204) rgb(204, 204, 204) rgb(0, 0, 0); }
.bt { height: 22px; width: 70px; font-size: 9pt; background-image: url("../images/bt.gif"); padding-top: 2px; cursor: pointer; border-width: 0px; }
