@charset "utf-8"; /* ================================== 【官方网站】技术支持:凡高科技——银灵子==================================== */ .main_box{ margin:0 auto; width:1100px;} input{outline: none;} /*===============================================header================================================*/ #header{ position:relative; width:100%; padding-top:42px; z-index:999; height:75px;} #header .main_box{ position:relative;} #header .top .logo{ position:absolute; top:0; } #header .top .logo{ display:table; height:75px; position:absolute; top: 0px; left:0; z-index:3;} #header .top .logo a { display:table-cell; vertical-align:middle;} #header .top .right{} .top_tool_box .box{ position:relative; margin-bottom:10px; height:17px; line-height:17px; color:#0146ab; font-size:16px; float:right; margin-right:46px;} .top_tool_box .box strong{ padding-left:15px;} .top_tool_box .box span{ color:#0146ab;} .top_tool_box .ewm_box{ position:absolute; right:0; top:0;} .top_tool_box .ewm{ position:absolute; right:-90px; top: -22px; opacity:0;filter:alpha(opacity=0)} .top_tool_box .ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100)} /*=================导航=================*/ #nav{ float:right; background:#0146ab;} #nav li{ display:block; float:left; padding: 0 20px; min-width:60px;} #nav li .a{ display: inherit; text-align:center; height:38px; position:relative; } #nav li .a strong{ display:block; line-height:38px; font-size:16px; font-weight:bold; color:#fff; text-align:center;} #nav .on .a strong{ color:#fffc00;} #nav li .a:hover strong{ color:#fffc00;} #nav .title .list{ display:none; width:100px; position:relative;} #nav .title{ position:relative;} #nav .title .list{ position:absolute; background:url(../images/nav_arrow.html) center top no-repeat; top:45px; left:-100px; } #nav .title .list .box{ margin-top:9px; padding:0 15px; width:70px; background:#3fa662; } #nav .title .list a{ display:block; font-size:12px; color:#fff; text-align:center; border-bottom:1px dotted #fff; line-height:40px;} #nav .title .list a:hover{ color:#c3e5ce;} #nav .title .list a:last-child{ border:none;} /*================= banne===================*/ #banner{ position:relative; background:#06C;} /*================= 首页===================*/ .s_main_box{ margin-top:45px; position:relative; z-index:2; margin-bottom:60px; } .s_title{ position: relative; height:20px; background:url(../images/line_s_title1.html) left center no-repeat;} .s_title h1{ display:block; font-size:15px; color:#404144; padding-left:10px;} .s_title a{ position: absolute; right: 0; top: 0;} .s_box{position:relative;width:321px;padding: 20px 13px;border:2px solid #e4e5e7;float:left;} .s_box.md{ margin-left:23px;} .s_more{ position:absolute; display:block; right:0; bottom:0; height:22px; line-height:22px; width:60px; text-align:center; font-size:12px; color:#0146ab; background:#e4e5e7; } .s_more:hover{ background:#0146ab; color:#fff;} /*===================首页产品=================*/ .s_link_box{ height:45px; line-height:45px; background:#e4e5e7; overflow: hidden;} .s_link_box .main_box{ position:relative;} .s_link_box .title{ position:absolute; left:0; top:0; font-weight:bold; color:#3e3e40; font-size:15px;} .s_link_box .bd{ padding-left:80px; position:relative; width:645px; overflow:hidden;} .s_link_box .bd ul{ overflow:hidden; zoom:1; white-space:nowrap;} .s_link_box .bd .tempWrap{ } .s_link_box .bd li{ float:left; _display:inline; width:auto !important; display:inherit;} .s_link_box .bd li a{ font-size:14px; color:#0146ab; font-weight:bold; padding-right:15px; margin-right:15px; background:url(../images/line_s_link.png) right center no-repeat;} .s_link_box .bd li.last a{ padding:0; margin:0; background:none;} .s_up_box {height: 460px;overflow:hidden;} .s_up_box .title{ background:#0146ab; margin-bottom:30px; height:40px; line-height:40px;} .s_up_box .title h1{ padding:0 20px; color:#fff; font-weight:bold; font-size:16px;} .s_up_box .content{margin: 0px 0 20px 0;overflow:hidden;height: 322px;} .s_up_box .left{ } .s_slide .bd li{position:relative;margin-bottom:23px;height: 137px;padding-left: 152px;padding-bottom:23px;border-bottom:1px solid #f0ecec;} .s_slide .bd li img{position:absolute;height: 135px;width: 135px;border:1px solid #e4e5e7;left:0;top:0;} .s_slide .bd li .text_box p{ color:#919396; line-height:18px; padding-top:5px;} .s_slide .bd li .text_box a{ display:block; padding-top:3px; font-size:14px; font-weight:bold; color:#404245; height: 22px; overflow: hidden; } .s_up_box .md{ float: left;} .s_up_box .md .content{ position: relative; } .s_up_box .right .up{ } .s_up_box .right .up img{ width:320px; height:110px;} .s_up_box .right .un { margin-top:15px;} .s_up_box .right .un p{ line-height:24px; color:#66676b;} .s_un_box .content{ height:240px; } .s_un_box .hd a{ display:block; width:107px; position:relative; background:#e4e5e7; height:30px; line-height:30px; font-size:14px; float:left; text-align:center; color:#5b5c5e;} .s_un_box .hd a.on{ color:#fff;background:#0146ab;} .s_news .bd{ margin-top: 13px;} .s_news .bd ul{ height: 180px; overflow:hidden;} .s_news .bd li{ height:36px; border-bottom:1px solid #e4e4e5; position:relative; line-height:36px; display:block; } .s_news .bd i{ position:absolute; left:0px; top:0px;} .s_news .bd a{ padding-left:13px; font-size:12px; color:#45464a; display:block; width:100%; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} .s_news .bd a:hover{color:#0f7f42;} .s_news .bd span{font-size:12px; color:#b8bac4; position:absolute; right:0; top:0;} .s_un_box { margin-top:40px;} .s_un_box .left .content{ position:relative;} .s_un_box .left img{} .s_un_box .left p{ margin-top:12px; top:15px; left:173px; line-height:25px; color:#6f7072; padding:0 13px; } .s_un_box .title h1{ color:#0146ab; display:block; height:20px; line-height:16px; padding-left:10px; font-size:17px; font-weight:bold; border-left:5px solid #0146ab; margin-bottom: 25px;} .s_un_box .md{ position:relative; float: left; margin-left:23px; } .s_un_box .md .s_title{ position: relative; background:url(../images/line_s_title2.html) left center no-repeat;} .s_un_box .right{ position:relative;} .s_un_box .right .up img{ width:320px; height:110px;} .s_un_box .right .un { margin-top:5px;} .s_un_box .right .un .box{ line-height:22px; color:#66676b; padding-top:10px;} /*==========footer===========*/ #footer{} #index_footer .up{ padding-bottom:38px; background:#0146ab; padding-top:40px;} #index_footer .up .main_box{ position:relative; } #index_footer .up ul{ margin-right:-40px; margin-bottom:-4px; overflow:hidden;} #index_footer .up li{ float:left; display:block; margin-right:36px; background:url(../images/bg_line_fot.png) left top repeat-y; padding-left:15px; } #index_footer .up li a{ display:block; font-size:12px; color:#fff; line-height:24px;} #index_footer .up li a:hover{ color:#fff; text-decoration:underline; } #index_footer .up li h1{ margin-bottom:10px; font-size:14px; color:#fff;} .fot_contact{ text-align: center; margin-top:45px; font-size:12px; color:#fff; word-spacing:8px; letter-spacing: 2px;} .fot_contact i{ color:#fbfe00; font-weight: bold; } #index_footer .ewm_box{ position:absolute; right:0px; top:0;} #index_footer .ewm_box h1{ display:block; color:#fff; font-size:14px; text-align: right; padding-right:1px; margin-bottom:30px;} #index_footer .ewm_box h1 strong{ font-weight:bold;} #index_footer .ewm_box p{ position:relative; color:#fff; font-size:12px; line-height:20px; text-align:right; padding-top:59px; padding-right:120px;} #index_footer .ewm_box p img{ width:95px; height:95px; position:absolute; right:2px; top:0;} #index_footer .un{ text-align:center; font-size:12px; height:60px; line-height:60px; color:#0146ab;} #index_footer .un a{ color:#0c608f;} #index_footer .un a:hover{ text-decoration:underline; color:#0c608f;} #footer .un{ border-top:3px solid #fd8231; text-align:center; font-size:12px; height:60px; line-height:60px; color:#7e7e7e;} #footer .un a{ color:#7e7e7e;} #footer .un a:hover{ text-decoration:underline; color:#0c608f;} /*=======================================内页========================================*/ .n_main_box{ margin-top:25px; } .n_main_box .main_box{ width:1100px; position:relative;} .n_banner { display:block; width:100%; height:280px;} .n_up_box{ position:absolute; left:0; top:0; width: 100%;} .position{ position:absolute; right:0; top: 0px; line-height:40px; font-weight:bold; color:#025a8b; } .position span{font-size:14px; color:#025a8b;} .position a,.position i{ font-size:14px; color:#025a8b;} .position em{ font-size:14px; color:#025a8b; font-weight:bold;} .position a:hover{ color:#025a8b; text-decoration:underline;} /*==============内导航=====================*/ .n_nav{ position:relative; display:inline-block;} .n_nav .main_box{ border-left:1px solid #8f9192;} .n_nav a{ display:block; background:#ced6e6; margin-right:1px; width:121px; position:relative; height:36px; font-size:14px; float:left; line-height:36px; text-align:center; color:#5b5c5e; } .n_nav a strong{ display:block; font-size:15px; color:#0c608f; line-height:36px; position:relative; z-index:4;} .n_nav a:hover{ background:#088bd1; } .n_nav a:hover span{ height:62px; } .n_nav a:hover strong{ color:#fff;} .n_nav .on{background:#088bd1;} .n_nav .on span{ height:40px;} .n_nav .on strong{ color:#fff;} .n_content{ padding: 50px 0;} .n_nav1{ position:relative; display:inherit; text-align:center; margin-bottom:30px; margin-top:-20px; border-bottom: 2px solid #ececec;} .n_nav1 a{ background:#ced6e6; width:100px; position:relative; margin:0 -1px; display:inline-block; height:30px; font-size:12px; line-height:30px; text-align:center; color:#5b5c5e; } .n_nav1 a strong{ display:block; font-size:15px; color:#0c608f; line-height:30px; position:relative; z-index:4;} .n_nav1 a:hover{ background:#088bd1; } .n_nav1 a:hover span{ height:62px; } .n_nav1 a:hover strong{ color:#fff;} .n_nav1 .on{background:#088bd1;} .n_nav1 .on span{ height:40px;} .n_nav1 .on strong{ color:#fff;} /*==============应用详情=====================*/ /*==============产品列表=====================*/ .table_box{ margin-bottom:45px;} .table_box h1.title{ padding-top:40px; margin-top:-40px; color:#3f3f41; margin-bottom:30px; font-size:15px; display:block; text-align:center;} .table_box th{ font-size:14px; color:#fff; font-weight:bold; text-align:center; height:35px; line-height:35px; border:1px solid #fff; background:#088bd1;} .table_box td{ font-size:13px; background:#d0d8e8; text-align:center; line-height:35px; min-height:35px; border:1px solid #fff;} .n_product .table_box td a{color:#0c608f; display:block; font-weight: normal;} .anli .table_box td a{color:#ff0b15; display:block; font-weight: bold; } .table_box td a:hover{ text-decoration:underline;} .table_box dd{ margin-bottom:40px;} .bnt_download{ margin:50px auto; border-radius:3px; background:#147fd1; color:#fff; height:60px; line-height:60px; width:280px; text-align:center; font-size:14px; display:block; } .bnt_download:hover{ color:#fff; background:#0b6db9;} /*==============n_left=====================*/ .n_left{ width:230px; margin-top:-35px; float:left;} .n_left .box{margin-bottom:25px;} .n_left .title{ background:#088bd1; margin-bottom:10px; height:36px; line-height:36px;} .n_left .title h1{ padding:0 20px; color:#fff; font-weight:bold; font-size:16px;} .n_left .box .content{ padding:18px 23px; line-height:22px; background:#d0d8e8; font-size:14px; color:#376092;} .n_left .content p{ position:relative;} .n_left .content p strong{ font-weight:bold; font-size:15px; color:#00b050;} .n_left .content p a{ position:absolute; display:block; right:0; top:0; font-size:13px; color:#00b050; background:#fff; padding:0px 7px;} .n_left .content p a:hover{ background:#00b050; color:#fff;} /*==============内页导航=====================*/ .n_sub_nav{} .n_sub_nav{ position:relative; background:#fff; margin-bottom:25px;} .n_sub_nav dl{ overflow:hidden; } .n_sub_nav dl a{ display:block; height:30px; line-height:30px; padding:0 20px 0 36px; color:#000000; background:#f2f2f2; margin-bottom:2px;} .n_sub_nav dt{ } .n_sub_nav dl dt a{ background:url(../images/icon_add.png) 20px center no-repeat #f2f2f2; font-size:14px; color:#000; font-weight:bold; } .n_sub_nav dd{ display:none; line-height:24px;} .n_sub_nav dd a{ padding-left: 63px;} .n_sub_nav dd p{ line-height:24px; margin-bottom:0; color:#646b78; font-size:12px;} .n_sub_nav dd .content{ padding:30px 30px 20px 30px;} .n_sub_nav dl.on dt a{background:url(../images/icon_jh.png) 20px center no-repeat #d7e4bd;} .n_sub_nav dl.on dd{ display:block; } /*==============产品中心=====================*/ .n_right{ float:right; width:845px; margin-top: -29px;} .n_product .title h1{ font-size:16px; color:#0c608f; font-weight:bold; } .n_product .table_box h1{ color:#0c608f; font-size:14px; display:block; margin:15px 0;} .n_show_pdf{ margin-top:30px;} /*==============投资人关系=====================*/ .n_tzzgx { overflow:hidden;} .n_tzzgx ul{ margin-right: -50px; } .n_tzzgx li{ display: block; height: 65px; padding-bottom: 45px; float: left; width: 575px; border-bottom: 1px solid #edecec; margin-bottom: 40px;} .n_tzzgx li .box{padding: 0 25px 45px 70px; position: relative; margin-right: 25px; } .n_tzzgx li a{ display:block; font-size:14px; color:#585757; margin-bottom: 13px;} .n_tzzgx li p{ line-height:20px; font-size:12px; color:#a2a4a6;} .n_tzzgx li a:hover{ color:#0c608f;} .n_tzzgx .date_box{ position:absolute; left:0px; top:-5px; text-align: center; width:45px;} .n_tzzgx .date_box strong{ padding-bottom: 6px; border-bottom: 1px solid #e4e2e2; display:block; font-size: 30px; color:#a8a8a8;} .n_tzzgx .date_box span{ font-size: 15px; color: #a8a8a8; margin-top: 9px; display:block; text-transform: uppercase;} /*==============公司治理=====================*/ .n_tzzgx2 { overflow:hidden;} .n_tzzgx2 ul{ margin:0 -25px -30px -25px; } .n_tzzgx2 li{ display: block; height: 65px; position:relative; padding-bottom: 18px; margin:0 25px; float: left; width: 525px; } .n_tzzgx2 li .box{ position: relative; } .n_tzzgx2 li .text_box{margin: 0 0px 0 120px; padding:10px; position:relative; background:#f2f2f2;} .n_tzzgx2 li h1{ display:block; padding-top:2px; font-size:16px; color:#088bd1; margin-bottom: 1px;} .n_tzzgx2 li p{ line-height:20px; font-size:12px; color:#088bd1;} .n_tzzgx2 li a{ position:absolute; right:20px; top:10px; color:#ff0b15; font-size:18px; font-weight:bold;} .n_tzzgx2 li a:hover{ color:#0c608f;} .n_tzzgx2 .date_box{ position:absolute; left:0px; top:0px; text-align: center; width:105px; padding:10px 0; background:#f2f2f2;} .n_tzzgx2 .date_box strong{ display:block; font-size: 20px; color:#088bd1;} .n_tzzgx2 .date_box span{ font-size: 12px; color: #088bd1; display:block; text-transform: uppercase;} .n_tzzgx2 li:hover .date_box{ background:#c3d69b;} /*==============资本市场=====================*/ .n_tzzgx3 { overflow:hidden;} .n_tzzgx3 ul{ margin-right: -50px; } .n_tzzgx3 li{ display: block; height: 65px; padding-bottom: 25px; float: left; width: 575px; } .n_tzzgx3 li .box{ padding: 0 25px 45px 130px; position: relative; margin-right: 25px; } .n_tzzgx3 li a{ display:block; font-size: 16px;color: #088bd1; margin-bottom: 13px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; width:100%;} .n_tzzgx3 li p{ line-height:20px; font-size:12px; color:#a2a4a6;} .n_tzzgx3 li a:hover{ color:#0c608f;} .n_tzzgx3 .date_box{ position:absolute; left:0px; top:0px; text-align: center; width:105px; padding:10px 0; background:#f2f2f2;} .n_tzzgx3 .date_box strong{ display:block; font-size: 24px; color:#088bd1;} .n_tzzgx3 .date_box span{ font-size: 15px; color: #088bd1; display:block; text-transform: uppercase;} .n_tzzgx3 li:hover .date_box{ background:#c3d69b;} /*==============合作伙伴=====================*/ .n_partners .page .box{ padding:0 !important;} .n_partners ul {margin: 0px -5px -5px;} .n_partners li{display:block; position:relative; overflow:hidden; float:left; margin: 0px 10px 5px; width:152px; } .n_partners li a{ display:block; } .n_partners li img{ height:38px; overflow:; width:150px; display:block;border:1px solid #ebedef; } .n_partners li span{margin-top: 5px;display: block;font-size: 12px; height:34px; color: #797979;text-align: center; } /*=================企业荣誉资质====================*/ .n_zizhi{ overflow:hidden; } .n_zizhi ul { margin:-20px -8px; overflow:hidden;} .n_zizhi li{ float:left; width:262px; margin:20px 8px; display:block;} .n_zizhi li a{ display:block; } .n_zizhi li img{ width:260px; height:180px; border:1px solid #fff; border-bottom:none; display:block; background:#e9f5fe;} .n_zizhi li span{ display:block; height:30px; border:1px solid #fff; line-height:30px; font-size:14px; color:#434343; text-align:center;} .n_zizhi .page{ margin-top:0 !important; text-align:center; border:none !important; } /*==============人才招聘=====================*/ .n_job{} .n_job { margin-top:-15px; } .n_job .content{ } .n_job table{border-right:1px solid #dde0e4;} .n_job th{ text-align:center; border-bottom:1px dotted #dde0e4; border-top:1px dotted #dde0e4; font-size:16px; width:140px; padding:0 40px; color:#3d424f; font-weight:bold;} .n_job td{ padding:5px 10px; border-bottom:1px dotted #dde0e4; border-top:1px dotted #dde0e4;} .n_job td strong{ } .n_job td p{ line-height:26px; font-size:13px; color:#838383;} .n_job td.link {padding:0 30px;} .n_job td.link a{ display:block; border:1px solid #00246c; height:26px; line-height:26px; color:#333846; font-size:13px; padding:0px 15px; border-radius:3px; } .n_job td.link a:hover{ background:#088bd1; color:#fff; border:1px solid #088bd1;} .n_job tr{ border-bottom:1px dotted #c9cacb; } .job_border_top{ border-top:1px solid #dde0e4 !important;} .job_border_bottom{ border-bottom:1px solid #dde0e4 !important;} /*==============新闻=====================*/ .n_news .content{ overflow:hidden; margin-top:-10px;} .n_news ul{ margin-bottom:-80px; overflow:hidden;} .n_news li{ display:block; background:#fff; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #ececec; position:relative; } .n_news li .pic_box{ position:absolute; display:block; right:0; z-index:2; top:0; height:220px; width:350px;} .n_news li .pic_box img{ width:350px; height:220px; } .n_news li .text_box{ height:220px; display:table; float:left; width:665px; text-align:center; } .n_news li .text_box .box{ display:table-cell; vertical-align:middle; } .n_news li .text_box h1 a { text-align:left; font-size:15px; font-weight:bold; font-weight:bold; color:#000000; display:block;} .n_news li .text_box p{ font-size:13px; line-height:26px; text-align:left; display:block; margin-top:35px; color:#000000; } .n_news li .text_box h1 a:hover{ text-decoration:underline; color:#0c608f;} .n_news li .text_box .more{ display:block; margin-top:35px; font-size:14px; text-align:left; color:#000000; height:26px; line-height:26px; } .n_news li .text_box .more:hover{ color:#025a8b; } .n_news li:hover .pic_box{ } .pic_news { margin-bottom:30px} .pic_news ul{ margin:0 -12px} .pic_news li{ display:block; float:left; width:350px; margin:0 12px ; } .pic_news li img{ display:block; margin:0 auto; width:350px; height:200px;} .pic_news li strong{ display:block; font-size:14px; color:#333; margin-top:10px;} /*==============详情=====================*/ .n_article{ } .print_logo{ display:none;} .n_article .ar_title{padding:0; padding:0 0 15px 0; border-bottom:1px solid #e5e5e5;} .n_article .ar_title h1{ font-size:20px;display:block;text-align:center; margin-bottom:8px;color:#088bd1} .n_article .ar_title h2{font-size:12px; display:block;text-align:center;color:#999999;line-height:30px} .n_article .article{padding:30px 0 0px; min-height:400px; margin:0 auto; } .n_article .article p { } .n_article .bnt_page{ height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a; border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;} .n_article .bnt_page a{ color:#8a8a8a;} .n_article .bnt_page a:hover{color:#007cc2;} .n_article .back_box{ margin:40px auto 0 auto; } .n_article .back_box a{ background:#f2f2f2; height:40px; line-height:40px; display:block; font-size:14px; text-align:center; color:#088bd1;} .n_article .back_box a:hover{ background:#eee;} /*=============联系方式=====================*/ .n_contact { } .n_contact .box{ } .n_contact dl dd h1{ color: #000; font-size: 14px;} .n_contact dl dd{ padding:0 40px; display:block;float:left; width:430px; border-left: 1px solid #e1e1e1; } .n_contact dl dd strong{color:#0c608f; } .n_contact dl dd p{font-size:14px; line-height:26px; color:#000; display:block;} .n_contact dl dt{ display:block;} .n_contact dl dd a{ height:30px; background:url(../images/icon_map.png) 0px center no-repeat; padding-left:20px; display:block; color:#333 !important} .n_contact dl dd a:hover{ text-decoration:underline;} /*==============分页——银灵子=====================*/ /*==============发展历程=====================*/ .n_dsj .dsj_box{ background:url(../images/line_dsj.png) 9px 10px repeat-y; margin-top: -19px;} .n_dsj dl{ margin-top:-10px ;display: block;position: relative;top: -8px;} .n_dsj dt{ display:block; font-size:20px; margin-top: 20px; padding-left:36px; color:#000; background:url(../images/bg_dsj_year.png) left center no-repeat;} .n_dsj dt.dt_even{ background:url(../images/bg_dsj.png) left center no-repeat;} .n_dsj dd{ display:block; position:relative; } .n_dsj dd h1{ } .n_dsj dd.last{ } .n_dsj dd .box{ } .n_dsj dd .box h1{position:absolute; left:36px; height:26px; color:#222; font-size:15px; line-height:26px; } .n_dsj dd .box .text_box{ overflow:hidden; font-size:14px; padding: 0 20px; line-height:26px; color:#000; padding-left: 130px;}