.about_box {padding: 30px 20px 10px;} .about_box:before, .about_box:after {content: " "; display: table;} .about_box:after {clear: both;} .about_box .about_video {width: 450px; float: left;} .about_box .about_video .video {width: 450px; height: 280px; display: block;} .about_box .about_video .v_title {color: #35519e; font-size: 20px; text-align: center; height: 50px; line-height: 50px;} .about_box .about_content {float: right; width: 690px;} .about_box .about_content .c_title {font-size: 26px; color: #000;} .about_box .about_content .c_title span {color: #3089d4; margin-left: 5px;} .about_box .about_content .c_remark {padding: 10px 0; font-size: 16px; color: #141414;} .about_box .about_content .c_more {height: 50px; line-height: 50px;} .about_box .about_content .c_more a {display: block; float: right; color: #000; font-size: 16px;} .n_c_box {padding: 10px 0px;} .n_c_box:before, .n_c_box:after {content: " "; display: table;} .n_c_box:after {clear: both;} .n_c_box .n_c_l {background: url("../images/back.png"); float: left; width: 120px; height: 120px;} .n_c_box .n_c_l .n_c_l_1 {font-size: 20px; color: #0c438c; padding: 12px 12px 0;} .n_c_box .n_c_l .n_c_l_1 i { display: inline-block; height: 22px; width: 5px; margin-right: 5px; vertical-align: text-top; background-color: #0c438c;} .n_c_box .n_c_l .n_c_l_2 {font-size: 16px; padding: 0px 12px 0; color: #818181;} .n_c_box .n_c_l .n_c_l_more {font-size: 16px; padding: 10px 12px 0;} .n_c_box .n_c_l .n_c_l_more a {color: #000;} .n_c_box .n_c_l .n_c_l_more a i {display: inline-block; width: 0; height: 0; border: 6px solid transparent; border-left-color: #ff3300 ;} .n_c_box .n_c_c { float: left; width: 330px; height: 120px;} .n_c_box .n_c_r { float: left; width: 120px; height: 120px;} .n_c_box .n_c_r img { width: 120px; height: 120px;} .n_c_box .notice { padding: 10px 20px; float: left;} .n_c_box .notice:before, .n_c_box .notice:after { content: " "; display: table;} .n_c_box .notice:after { clear: both;} .n_c_box .notice .n_c_c { background-color: #3c64b4; color: #fff;} .n_c_box .notice .n_c_c a { color: #fff;} .n_c_box .notice .n_c_c .n_c_title { padding: 20px 10px 10px 10px; font-size: 18px; } .n_c_box .notice .n_c_c .n_c_time { padding: 5px 0px 5px 0px; font-size: 16px; text-align: center;} .n_c_box .contact { padding: 10px 20px; float: right;} .n_c_box .contact:before, .n_c_box .contact:after { content: " "; display: table;} .n_c_box .contact:after { clear: both;} .n_c_box .contact .n_c_c { background-color: #4a5158; color: #fff; font-size: 16px;} .n_c_box .contact .n_c_c .c_c_tel { padding: 30px 20px 0px 20px;} .n_c_box .contact .n_c_c .c_c_add { padding: 10px 20px 5px 20px;} .news_box { padding: 5px 0px 15px;} .news_box .n_box .n_title { height: 30px; line-height: 30px; font-size: 18px; border-bottom: 1px solid #dddddd; padding-bottom: 3px;} .news_box .n_box .n_title i { display: inline-block; width: 5px; height: 21px; margin-right: 5px; background-color: #0c438c; vertical-align: text-bottom;} .news_box .n_box .n_title span { font-size: 16px; color: #3089d4; margin-left: 5px;} .news_box .n_box .n_top { padding-top: 20px; padding-bottom: 20px;} .news_box .n_box .n_top:before, .news_box .n_box .n_top:after { content: " "; display: table;} .news_box .n_box .n_top:after { clear: both;} .news_box .n_box .n_top img { display: block; float: left; width: 180px; height: 120px;} .news_box .n_box .n_top .n_top_box { float: right; width: 370px; height: 120px;} .news_box .n_box .n_top .n_top_box .n_top_title { font-size: 16px; color: #0c438c; height: 30px; line-height: 30px;} .news_box .n_box .n_top .n_top_box .n_top_remark { padding-top: 5px; font-size: 14px; color: #6b6b6b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news_box .n_box .n_img { padding-top: 10px;} .news_box .n_box .n_img > img { display: block; width: 360px; height: 150px;} .news_box .n_box .n_list li { height: 40px; line-height: 40px; border-bottom: 1px #dddddd dashed; position: relative;} .news_box .n_box .n_list li a { display: block; position: absolute; left: 0px; right: 70px; font-size: 16px; color: #6d6d6d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_box .n_box .n_list li .n_date { float: right; font-size: 14px; background-color: #c3c3c3; color: #fff; line-height: 24px; padding: 2px 5px 0px; margin-top: 7px;} .news_box .n_2 { padding: 20px 20px;} .news_box .n_2:before, .news_box .n_2:after { content: " "; display: table;} .news_box .n_2:after { clear: both;} .news_box .n_2 > div { width: 570px; height: 400px;} .news_box .n_2 > div .n_list { border-top: 1px #dddddd dashed;} .news_box .n_2 .n_2_l { float: left;} .news_box .n_2 .n_2_r { float: right;} .news_box .n_3 { padding: 15px 0px; text-align: center;} .news_box .n_3:before, .news_box .n_3:after { content: " "; display: table;} .news_box .n_3:after { clear: both;} .news_box .n_3 > div { margin: 0 20px; display: inline-block; width: 360px; height: 400px; text-align: left; vertical-align: top;} .index_title { text-align: center; position: relative;} .index_title:before, .index_title:after { content: ''; display: block; position: absolute; width: 40%; top: 50%; border-bottom: 1px solid #ced9e8;} .index_title:before { left: 20px;} .index_title:after { right: 20px;} .index_title > div { font-size: 24px; font-weight: bold; color: #000; height: 36px;} .index_title > span { display: block; font-size: 14px; color: #7f7f7f;} .business_box { padding: 20px 0px 0px;} .business_box .b_3 { padding: 20px 0px; text-align: center;} .business_box .b_3:before, .business_box .b_3:after { content: " "; display: table;} .business_box .b_3:after { clear: both;} .business_box .b_3 > div { margin: 0 20px; display: inline-block; width: 360px; text-align: left; vertical-align: top; border: 1px solid #dddddd;} .business_box .b_3 .b_3_title { color: #fff; text-align: center; height: 100px;} .business_box .b_3 .b_3_title > div { font-size: 20px; padding-top: 20px;} .business_box .b_3 .b_3_title > span { display: block; font-size: 14px;} .business_box .b_3 .b_3_con { font-size: 14px; color: #363636;} .business_box .b_3 .b_3_con > div { margin: 10px; width: 340px; height: 230px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden;} .business_box .b_3 .b_3_1 .b_3_title { background-color: #0c438c;} .business_box .b_3 .b_3_2 .b_3_title { background-color: #3c64b4;} .business_box .b_3 .b_3_3 .b_3_title { background-color: #2c7bc8;} .culture_box { padding: 20px 20px 0px;} .culture_box .picMarquee-left { padding-top: 10px; position: relative;} .culture_box .picMarquee-left .next, .culture_box .picMarquee-left .prev { position: absolute; top: 50%; margin-top: -12px; background: url("../images/culture_arrow.png") 0 0 no-repeat; width: 20px; height: 25px; display: block;} .culture_box .picMarquee-left .prev { left: -20px;} .culture_box .picMarquee-left .next { background-position: -20px 0; right: -20px;} .culture_box .picMarquee-left .bd { padding: 10px;} .culture_box .picMarquee-left .bd ul { overflow: hidden; zoom: 1;} .culture_box .picMarquee-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center;} .culture_box .picMarquee-left .bd ul li img { width: 205px; height: 130px; display: block; padding: 4px; border: 1px solid #ccc;} .bank_box { padding: 20px 0px 0px;} .bank_box > ul { padding: 20px 10px 10px;} .bank_box > ul:before, .bank_box > ul:after { content: " "; display: table;} .bank_box > ul:after { clear: both;} .bank_box > ul li { display: block; float: left; width: 220px; height: 60px; margin: 10px;} .bank_box > ul li img { width: 220px; height: 60px;} .friendlylink_box { padding: 20px 0px 0px;} .friendlylink_box > ul { margin: 20px 20px; padding: 5px 20px; border: 1px solid #c3c3c3;} .friendlylink_box > ul:before, .friendlylink_box > ul:after { content: " "; display: table;} .friendlylink_box > ul:after { clear: both;} .friendlylink_box > ul li { display: block; float: left; width: 20%; font-size: 16px; color: #000; height: 40px; line-height: 40px;}