@charset "utf-8"; /* CSS Document */ body { margin: 0px; font-size: 12px; color: #0d0d0d; } a, a:visited, a:hover { font-size: 12px; color: #484848; text-decoration: none; } .abs { position: absolute; top: auto; left: auto; right: auto; bottom: auto; } .body_width { width: 969px; margin: auto; } .xao_body_height { height: 270px; } .fl { float: left; } .mg_left { margin-left: 10px; } .clr_red { color: #F00; font-weight: bold; } .clr_ys { color: #92278f; font-weight: bold; } /*================首页样式===================*/ .xao_top_Div { position: relative; height: 62px; background: url(../images/xao_sy_topbg.gif) no-repeat right top #f4f2f5; } .xao_top_Div .xao_logo { top: 0px; left: 0px; bottom: 0px; width: 385px; height: 100%; background: url(../images/xao_sy_logo.gif) no-repeat left top; } .xao_top_Div .xao_menu { top: 0px; bottom: 0px; right: 10px; width: 300px; line-height: 62px; text-align: right; font-weight: bold; } .xao_menu a, .xao_menu a:visited, .xao_menu a:hover { font-weight: bold; font-family: "微软雅黑","黑体"; font-size: 12px; } .xao_banner_Div { height: 274px; background-color: #f4f2f5; } .xao_dh_div { height: 45px; background: url(../images/xao_sy_dhbg.gif) repeat-x left top; position: relative; } .xao_menu_list { padding-left: 13px; width: 944px; height: 36px; } .xao_menu_list a, .xao_menu_list a:visited, .xao_menu_list a:hover { display: block; float: left; line-height: 36px; height: 36px; width: 118px; text-align: center; color: #fff; font-weight: bold; } a.menuover, a.menuover:visited, a.menuover:hover { background-color: #FFF; color: #a11250; } .menulist { width: auto; overflow: visible; height: 30px; padding-right: 6px; background: url(../images/xao_menu_rightbg.gif) no-repeat right bottom; } .menulist a, .menulist a:visited, .menulist a:hover { display: block; float: left; height: 30px; line-height: 30px; width: 100px; background-color: #FFF; color: #a11250; text-align: center; background: url(../images/xao_menu_bg.gif) repeat-x left bottom; } .menu01 { top: 32px; left: 13px; } .menu02 { top: 32px; left: 131px; } .menu03 { top: 32px; left: 249px; } .menu04 { top: 32px; left: 367px; } .menu05 { top: 32px; left: 485px; } .menu06 { top: 32px; left: 603px; } .menu07 { top: 32px; left: 721px; } .xao_body_div { height: 270px; } .xao_bottom_Div { height: 50px; } .xao_bottom_bh { height: 30px; background-color: #e9ebea; text-align: center; line-height: 30px; } .xao_bleft_Div { width: 314px; height: auto; overflow: visible; } .xao_bcenter_Div { width: 376px; height: auto; overflow: visible; } .xao_bright_Div { width: 236px; height: auto; overflow: visible; } .xao_news_title { margin-top: 10px; height: 32px; line-height: 32px; position: relative; width: 100%; } .xao_news_title span { display: block; height: 32px; line-height: 32px; } .xao_news_title .title { width: 80px; top: 0px; left: 0px; bottom: 0px; font-size: 14px; font-weight: bold; padding-left: 10px; } .xao_news_title .more { top: 0px; right: 5px; bottom: 0px; width: 40px; text-align: right; padding-right: 16px; background: url(../images/xao_bit01.gif) no-repeat right center; color: #27384c; font-size: 12px; } a.more_a, a.more_a:visited, a.more_a:hover { color: #27384c; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .xao_news_Div { width: 314px; height: 198px; background: url(../images/xao_sy_news.gif) no-repeat left top; } .xao_news_list { padding: 7px 8px; width: 298px; height: 184px; } .xao_news_list .news_list_table { width: 298px; } .news_list_table td { height: 60px; border-bottom: 1px dashed #90b6b7; } .news_list_table .news_img_div { width: 30%; text-align: center; } .news_list_table .news_text_div { width: 70%; line-height: 20px; } .xao_news_pro { width: 376px; height: 198px; background: url(../images/xao_sy_pro.gif) no-repeat left top; } .xao_news_info { width: 236px; height: 198px; background: url(../images/xao_sy_info.gif) no-repeat left top; } .xao_aboutus_show { padding: 9px 8px; width: 220px; height: 180px; line-height: 25px; } .xao_aboutus_show img { float: left; margin: 0px 5px 0px 0px; } .xao_pro_title { clear: both; width: 368px; padding-top: 2px; padding-left: 4px; padding-right: 4px; height: 31px; } .xao_pro_title a, .xao_pro_title a:visited, .xao_pro_title a:hover { display: block; width: 116px; height: 31px; margin-left: 4px; text-align: center; font-size: 14px; font-family: "宋体",Arial; float: left; line-height: 31px; color: #fff; font-weight: bold; } a.xao_pro_cur, a.xao_pro_cur:visited, a.xao_pro_cur:hover { background: url(../images/xao_sy_tab.gif) no-repeat left top; color: #000; } .xao_pro_list { clear: both; padding: 8px; padding-top: 10px; width: 360px; height: 147px; } .xao_pro_table { width: 360px; } .xao_protd_img { width: 35%; } .xao_protd_text { width: 65%; line-height: 24px; } .xao_protd_more { width: 80%; text-align: right; line-height: 30px; padding-right: 16px; background: url(../images/xao_bit01.gif) no-repeat right center; } /*================首页样式===================*/ /*================二级页面样式===================*/ .xao_ej_topMenu { width: 172px; height: 20px; top: 13px; left: 25px; line-height: 20px; } .xao_ej_topMenu a, .xao_ej_topMenu a:visited, .xao_ej_topMenu a:hover { float: left; display: block; line-height: 20px; height: 20px; font-size: 12px; color: #9b114d; padding-left: 15px; } .ej_right_w { width: 278px; } .ej_body_bg { background-color: #fbf0f5; } .ej_body_width { width: 936px; margin: auto; display: flex; } .xao_ej_banner { width: 100%; height: 236px; position: relative; } .xao_ej_banner01 { position: absolute; width: 50%; height: 236px; top: 0px; right: 0px; bottom: 0px; } .xao_ej_brDiv { position: relative; height: 236px; background: url(../images/xao_ej_banner.gif) no-repeat left top; } .xao_ej_dhDiv { width: 100%; height: 41px; } .xao_ej_dhang { position: relative; height: 41px; background: url(../images/xao_ej_dbg.gif) no-repeat left top; } .xao_ejmenu_list { width: 936px; height: 36px; } .xao_ejmenu_list a, .xao_ejmenu_list a:visited, .xao_ejmenu_list a:hover { display: block; float: left; line-height: 36px; height: 36px; width: 116px; text-align: center; color: #fff; font-weight: bold; } a.ejmenuover, a.ejmenuover:visited, a.ejmenuover:hover { background-color: #FFF; color: #a11250; } .ejmenulist { width: auto; overflow: visible; height: 30px; padding-right: 6px; background: url(../images/xao_menu_rightbg.gif) no-repeat right bottom; } .ejmenulist a, .ejmenulist a:visited, .ejmenulist a:hover { display: block; float: left; height: 30px; line-height: 30px; width: 96px; background-color: #FFF; color: #a11250; text-align: center; background: url(../images/xao_menu_bg.gif) repeat-x left bottom; } .jmenu01 { top: 32px; left: 0px; } .jmenu02 { top: 32px; left: 116px; } .jmenu03 { top: 32px; left: 232px; } .jmenu04 { top: 32px; left: 348px; } .jmenu05 { top: 32px; left: 464px; } .jmenu06 { top: 32px; left: 580px; } .jmenu07 { top: 32px; left: 696px; } .xao_ej_body { height: auto; overflow: visible; padding-top: 30px; padding-bottom: 10px; background-color: #fbf5f9; } .ej_body_left { width: 648px; height: auto; overflow: visible; background-color: #fbf5f9; padding-right: 8px; padding-bottom: 20px; } .ej_body_right { width: 278px; height: auto; overflow: visible; background-color: #fbf5f9; padding-bottom: 20px; } .ej_right_title { clear: both; height: 30px; background: url(../images/xao_ej_rightList.gif) no-repeat left top; } .ej_right_title2 { clear: both; height: 30px; background: url(../images/xao_ej_rightList.gif) no-repeat left top; background-position: 0px -60px; } .ej_right_title3 { clear: both; height: 30px; background: url(../images/xao_ej_rightList.gif) no-repeat left top; background-position: 0px -120px; } .ej_right_menu { height: auto; overflow: visible; } .ulright { width: 192px; } .liaction { display: block; width: 192px; text-align: center; list-style-type: none; margin-bottom: 10px; margin-top: 0px; line-height: 24px; background: url(../images/xao_ej_menubg01.gif) no-repeat left top; font-weight: bold; } .liaction a { display: block; width: 192px; text-align: center; list-style-type: none; margin-bottom: 0px; margin-top: 0px; line-height: 24px; background: url(../images/xao_ej_menubg01.gif) no-repeat left top; font-weight: bold; } .liaction a:hover { display: block; width: 192px; text-align: center; list-style-type: none; margin-bottom: 0px; margin-top: 0px; line-height: 24px; background: url(../images/xao_ej_menubg02.gif) no-repeat left top; font-weight: bold; color: #fff; } .liaction2 { display: block; width: 192px; text-align: center; list-style-type: none; margin-top: 0px; line-height: 24px; background: url(../images/xao_ej_menubg02.gif) no-repeat left top; font-weight: bold; color: #fff; } .liaction2 a { display: block; width: 192px; text-align: center; list-style-type: none; margin-bottom: 10px; margin-top: 0px; line-height: 24px; background: url(../images/xao_ej_menubg02.gif) no-repeat left top; font-weight: bold; color: #fff; } .ej_right_lm2 { width: 259px; height: 100px; } .ej_right_lm3 { width: 244px; height: 220px; overflow: visible; padding-left: 28px; line-height: 23px; text-indent: 2em; } .ej_mgbottom { margin-bottom: 8px; } .ej_bleft_title { position: relative; width: 626px; height: 32px; padding-left: 20px; margin-bottom: 10px; } .ej_bleft_title span { display: block; width: 616px; height: 32px; padding-left: 10px; line-height: 32px; font-weight: bold; color: #e0303b; border-bottom: 1px dashed #ceb2be; background: url(../images/xao_ej_bit01.gif) no-repeat left center; } .ej_bleft_content { width: 626px; padding-left: 20px; height: auto; overflow: visible; } .xao_ej_bottom { clear: both; text-align: center; width: 100%; height: 40px; line-height: 32px; margin-top: 10px; color: #8b8a8a; background-color: #f1e4eb; font-size: 13px; } /*================二级页面样式===================*/ /*================二级页面内容样式===================*/ .ej_list_table01 { width: 610px; margin-top: 10px; border-collapse: collapse; border: 1px solid #be9faf; } .ej_list_table01 td { border: 1px solid #be9faf; padding: 10px 30px; font-family: Arial; } .ej_list_table01 .title_td { width: 100%; height: 31px; padding: 0px 30px; background: url(../images/xao_ej_bit02.gif) no-repeat left center; font-weight: bold; color: #b5306b; background: #f0e3ea; font-size: 14px; } .ej_list_table01 ul { margin: 0px; padding: 0px; } .ej_list_table01 li { line-height: 21px; } .ej_list_table01 li a, .ej_list_table01 li a:visited, .ej_list_table01 li a:hover { color: #0926dc; font-size: 14px; } .ej_list_table01 li a:hover { text-decoration: underline; } /*================二级页面内容样式===================*/ /*================info页面内容样式===================*/ .ej_right_title4 { clear: both; height: 30px; background: url(../images/xao_ej_rightList.gif) no-repeat left top; background-position: 0px -180px; } .ej_list_table02 { width: 610px; margin-top: 0px; } .ej_list_table02 td { color: #484848; line-height: 22px; padding-top: 10px; } .ej_list_table02 .title_td { width: 100%; height: 32px; padding: 0px 13px; font-weight: bold; font-size: 14px; background: url(../images/xao_ej_bit01.gif) no-repeat left center; line-height: 32px; } .ej_list_table02 .xao_ld_img { width: 200px; height: 320px; text-align: center; } .ej_list_table02 .xao_ld_img img { display: block; border: 1px solid #fbdae9; } .ej_list_table02 .xao_ld_text { width: 380px; padding-left: 20px; line-height: 24px; text-indent: 2em; } /*================info页面内容样式===================*/ /*================news页面内容样式===================*/ .ej_right_title5 { clear: both; height: 30px; background: url(../images/xao_ej_rightList.gif) no-repeat left top; background-position: 0px -240px; } .ej_news_lunf { width: 518px; height: 168px; border: 1px solid #7a7879; } .ej_list_table03 { width: 610px; margin-top: 10px; } .ej_list_table03 td { color: #484848; line-height: 42px; border-bottom: 1px dashed #ccb4c1; } .xao_news_page { width: 300px; float: right; padding-right: 10px; line-height: 30px; padding-top: 10px; text-align: right; } .ej_list_table03 td a:hover { text-decoration: underline; } /*================news页面内容样式===================*/ /*================pro页面内容样式===================*/ .ej_right_title6 { clear: both; height: 30px; background: url(../images/xao_ej_rightList.gif) no-repeat left top; background-position: 0px -300px; } .xao_pro_childList { width: 450px; height: 32px; top: 0px; right: 0px; bottom: 0px; text-align: right; line-height: 32px; } a.pro_curr, a.pro_curr:visited, a.pro_curr:hover { color: #F00; } .ej_pro_show .title, .ej_pro_show .text { display: block; } .ej_pro_show .title { padding-left: 20px; color: #d4417d; } .ej_pro_show .text { padding-left: 20px; } /*================pro页面内容样式===================*/ /*================position页面内容样式===================*/ .ej_right_title7 { clear: both; height: 30px; background: url(../images/xao_ej_rightList.gif) no-repeat left top; background-position: 0px -360px; } .ej_list_table05 { width: 610px; margin-top: 10px; } .ej_list_table05 td { color: #484848; line-height: 22px; } .ej_list_table05 .ren_td { width: 100%; height: 500px; background: url(../images/ej_position_bg.gif) no-repeat right bottom; } .xao_position_content { width: 600px; height: 250px; border: 1px solid #be9faf; } /*================position页面内容样式===================*/ /*================develop页面内容样式===================*/ .ej_right_title8 { clear: both; height: 30px; background: url(../images/xao_ej_rightList.gif) no-repeat left top; background-position: 0px -420px; } .ej_list_table06 { width: 610px; margin-top: 10px; } .ej_list_table06 td { color: #484848; line-height: 22px; } .ej_list_table06 .xao_develop_list { padding: 10px 50px; margin: 0px; } .xao_develop_list li { list-style: none; display: block; width: 250px; height: 280px; float: left; text-align: center; } /*================develop页面内容样式===================*/ /*================contactUS页面内容样式===================*/ .ej_right_title9 { clear: both; height: 30px; background: url(../images/xao_ej_rightList.gif) no-repeat left top; background-position: 0px -480px; } .xao_contact_logo { width: 227px; height: 200px; border: 1px solid #dedfe4; } .xao_contact_list01 { width: 370px; height: 200px; padding-left: 10px; overflow: visible; } .xao_contact_list01 ul { margin: 0px; padding: 0px; } .xao_contact_list01 li { list-style: none; margin-bottom: 5px; } .xao_contact_list01 .area_li { width: 95%; padding-left: 15px; background: url(../images/xao_ej_bit03.gif) no-repeat left center; color: #b4306a; font-size: 14px; } .xao_contact_list01 .guojia_li { width: 95%; padding-left: 10px; line-height: 28px; background: #efe4ea; color: #b4306a; font-size: 14px; font-weight: bold; } .xao_contact_list01 .title_li { width: 95%; padding-left: 10px; font-weight: bold; } .xao_contact_list01 .text_li { width: 95%; padding-left: 10px; } .xao_contact_list02 { width: 590px; height: auto; overflow: visible; padding-left: 10px; overflow: visible; } .xao_contact_list02 ul { margin: 0px; padding: 0px; } .xao_contact_list02 li { list-style: none; margin-bottom: 5px; } .xao_contact_list02 .area_li { width: 99%; padding-left: 15px; background: url(../images/xao_ej_bit03.gif) no-repeat left center; color: #b4306a; font-size: 14px; } .xao_contact_list02 .guojia_li { width: 99%; padding-left: 10px; line-height: 25px; background: #efe4ea; color: #b4306a; font-size: 14px; font-weight: bold; } .xao_contact_list02 .text_li { width: 99%; padding-left: 10px; } .xao_contact_list02 .title_li { width: 99%; padding-left: 10px; font-weight: bold; } .xao_contact_list02 .border { padding-top: 3px; border-top: 1px solid #e2e2e2; } /*================contactUS页面内容样式===================*/ .bg1banner { margin: 0px auto; width: 100%; background-color: #001119; } .bg1banner .slideBox { overflow: hidden; zoom: 1; position: relative; } .bg1banner .slideBox .hd { height: 15px; overflow: hidden; position: absolute; bottom: 20px; z-index: 1; text-align: right; left: 0px; right: 50px; } .bg1banner .slideBox .hd ul { overflow: hidden; zoom: 1; font-size: 0px; vertical-align: top; margin: 0px auto; } .bg1banner .slideBox .hd ul li { display: inline-block; margin: 0px 10px; width: 12px; height: 12px; border-radius: 12px; line-height: 12px; text-align: center; background-color: #0033ff; cursor: pointer; } .bg1banner .slideBox .hd ul li.on { background-color: #b82164; } .bg1banner .slideBox .bd ul { margin: 0px auto; overflow: hidden; } .bg1banner .slideBox .bd ul li { width: 100%; float: left; position: relative; } .bg1banner .slideBox .bd ul li img { display: inline-block; height: 100%; width: 100%; max-width: 1920px; text-align: center; } .bg2banner { margin: 0px auto; width: 300px; height: 138px; background-color: #fff; } .bg2banner .slideBox { overflow: hidden; zoom: 1; position: relative; } .bg2banner .slideBox .hd { height: 15px; overflow: hidden; position: absolute; bottom: 0px; z-index: 1; text-align: right; left: 0px; right: 0px; } .bg2banner .slideBox .hd ul { overflow: hidden; zoom: 1; font-size: 0px; vertical-align: top; margin: 0px auto; } .bg2banner .slideBox .hd ul li { display: inline-block; margin: 0px 0px;font-size:12px;color:#fff; width: 12px; height: 12px; border: solid 0px #ccc; line-height: 12px; text-align: center; background-color: #1b1b1b; cursor: pointer;padding:0px 5px; } .bg2banner .slideBox .hd ul li.on { background-color: #ce0609; } .bg2banner .slideBox .bd ul { margin: 0px auto; overflow: hidden; } .bg2banner .slideBox .bd ul li { width: 100%; float: left; position: relative; } .bg2banner .slideBox .bd ul li img { display: inline-block; max-width: 100%; width: 300px; height: 138px; }