@charset "utf-8"; *{ outline: 0; } body {font-size:12px;font-family:"微软雅黑";color:#333;background: #fff; min-width: 1200px;} *{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,fieldset, lengend, button, input, textarea,th, td { margin: 0; padding: 0; } ol,ul,li{list-style: none;} address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; } a { text-decoration:none; color:#333; } img{ border:0; vertical-align: middle; } select,input,textarea{ border: 0; font-family:Arial; outline:none;resize:none;} h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size: 100%; } div, dl, dt, dd, ol, ul, li { zoom: 1; } caption, th { text-align: left; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } input[type="button"],input[type="submit"] { cursor: pointer; } a:hover{text-decoration:none;} input, textarea { box-sizing: border-box; } button { -webkit-appearance:none; } table{ border-collapse: collapse; border-spacing: 0; } .clearfix {+height:1%;} .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;} .c_wrap{ width: 1200px; margin: 0 auto; } .index_news_list_img img ,.result_img img ,.index_about_img img ,.product_img img ,.honor_img img ,.contact_img img ,.subsidiary_img img , .news_img img ,.culture_img img{ transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .index_news_list_img img:hover ,.result_img img:hover ,.index_about_img img:hover ,.product_img img:hover , .honor_img img:hover ,.contact_img img:hover ,.subsidiary_img img:hover ,.news_img img:hover , .culture_img img:hover { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } .a_hover{ transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } /************* 特殊字体 ***********/ @font-face { font-family: 'Campanile'; src: url('../font/Campanile.eot'); src: local('Campanile Regular'), local('Campanile'), url('../font/Campanile.woff') format('woff'), url('../font/Campanile.ttf') format('truetype'), url('../font/Campanile.svg#Campanile') format('svg'); } .beyond { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .break_word{ word-wrap:break-word; word-break:break-all;} .keep_all{ word-break:keep-all; white-space:nowrap; } .ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; } .ellipsis_2 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ellipsis_3 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .ellipsis_4 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .ellipsis_7 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;} .mt5{ margin-top: 5px;} .mt6 { margin-top:6px; } .mt10{ margin-top: 10px;} .mt15{ margin-top: 15px;} .mt18{ margin-top: 10px;} .mt20{ margin-top: 20px;} .mt26{ margin-top: 26px;} .mt28{ margin-top: 28px;} .mt32{ margin-top: 32px;} .mt35{ margin-top: 35px;} .mt38{ margin-top: 38px;} .mt42{ margin-top: 42px;} .mt45{ margin-top: 45px;} .mt50{ margin-top: 50px;} .mt56{ margin-top: 56px;} .mt60{ margin-top: 60px;} .mt68{ margin-top: 68px;} .mt87 { margin-top: 87px;} .ml5{ margin-left: 5px;} .ml10{ margin-left: 10px;} .ml20{ margin-left: 20px;} .ml50{ margin-left: 50px;} .mr8 { margin-right: 8px } .mr10{ margin-right: 10px } .mr11{ margin-right: 11px } .mr16{ margin-right: 16px } .mr20{ margin-right: 20px } .mr30{ margin-right: 30px } .mr45{ margin-right: 45px } .mr48{ margin-right: 48px } .mr50{ margin-right: 50px } .mb16{ margin-bottom: 16px;} .mb20{ margin-bottom: 20px;} .mb22{ margin-bottom: 22px;} .mb28{ margin-bottom: 28px;} .mb30{ margin-bottom: 30px;} .mb36{ margin-bottom: 36px;} .mb40 { margin-bottom: 40px; } .mb50{ margin-bottom: 50px;} .mb55{ margin-bottom: 55px;} .mb60{ margin-bottom: 60px;} .mb150{ margin-bottom: 150px;} .padding_top10 { padding-top:10px; } .padding_top20 {padding-top:20px;} .padding_top34 {padding-top:34px;} .padding_top44 {padding-top:44px;} .padding_top72 {padding-top:72px;} .padding_btm300 { padding-bottom:300px; } .f14{ font-size: 14px;} .f16{ font-size: 16px;} .f18{ font-size: 18px;} .f20{ font-size: 20px;} .f24{ font-size: 24px;} /******* 状态 ******/ .wrap{width:1200px;margin: 0 auto;} .fl{ float: left;} .fr{ float: right;} .pr{ position: relative;} .pa{ position: absolute;} .none { display:none; } .hidden{ overflow:hidden } .vertical_middle{ display:inline-block; *zoom:1; *display:inline;vertical-align:middle;} .vertical_top { display:inline-block; *display:inline; zoom:1; vertical-align: top; } .text_left { text-align:left; } .text_center { text-align: center;} .text_right{ text-align: right;} .bg_fff{ background-color: #fff; } /*****************************************公用样式*****************************************/ header{ background-color: #F9F9F9; color: #939393; } .head_top{ line-height: 48px; } .head{ width: 100%; background-color: #fff; } .head .head_center{ width: 1200px; margin: 0 auto 20px; } .head .head_center .head_login{ width: 417px; } .head .head_center .head_login img{ vertical-align: middle; } .head .head_center .head_right{ width: 777px; text-align: right; } .head .head_center .head_right .search{ width: 265px; position: relative; right: 45px; top: 10px; } .head .head_center .head_right .search input{ width: 220px; height: 30px; line-height: 30px; border: 1px solid #E0E0E0; padding: 0 15px; } .search_btn{ width: 40px; height: 32px; border: none; position: absolute; right: -45px; cursor: pointer; background: url("../images/search.jpg") no-repeat center center; } .head_name img{ padding-left: 15px; } .head_name a:hover,.head_name a.cur{ color: #074A8C; cursor: pointer;} .slideBoxthr { width: 100%; height: 494px; overflow: hidden; position: relative; margin-top: 15px; } .slideBoxthr .hd { position: absolute; z-index: 1; right:46%; bottom: 54px; } .slideBoxthr .hd ul { overflow: hidden; zoom: 1; float: left; text-align: center; } .slideBoxthr .hd ul li { float: left; text-align: center; cursor: pointer; margin: 0 15px; display: inline-block; zoom: 1; overflow: hidden; width:14px; height: 14px; line-height: 999; background-color: transparent; border-radius: 50%; } .slideBoxthr .bd { position: relative; height: 100%; z-index: 0; } .slideBoxthr .bd li { zoom: 1; vertical-align: middle; } .slideBoxthr .bd img { width: 100%; height: 494px; display: block; } .slideBoxthr .prev, .slideBoxthr .next { position: absolute; left: 3%; top: 40%; margin-top: -25px; display: block; width: 50px; height: 55px; filter: alpha(opacity=50); opacity: 0.5; font-size: 80px; font-family: "\5b8b\4f53"; } .slideBoxthr .next { left: auto; right: 3%; background-position: 8px 5px; } .slideBoxthr .prev:hover, .slideBoxthr .next:hover { filter: alpha(opacity=100); opacity: 1; } .slideBoxthr .prevStop { display: none; } .slideBoxthr .nextStop { display: none; } .icon_box{left: 0; bottom: 0; width: 100%; background: rgba(42,96,152,.9); padding:22px 0 15px; } .icon_box ul li{ float: left; width: 200px; text-align: center; cursor: pointer;} .icon_box ul li span{ display: block; padding-top: 5px; color: #fff; font-size: 14px;} .bg_color_1{background-color: #F0F8FE} .in_news{ padding: 55px 0 50px; } .in_news h2,.in_school h2{ font-size: 26px; font-weight: bold; text-align: center; color: #07488C; border-bottom: 1px solid #D2E1EF; position: relative;} .in_news h2:after,.in_school h2:after { content: ""; width: 110px; position: absolute; bottom: -2px; left: 50%; margin-left: -55px; height: 2px;background-color: #07488C; } .in_news .news_nav{ width: 424px; margin: 25px auto 20px;} .in_news .news_nav li{ width: 108px; float: left; text-align: center; font-size: 18px; line-height: 30px; margin-right: 50px; } .in_news .news_nav li a{ color: #505050; display: block; } .in_news .news_nav li.cur,.in_news .news_nav li:hover{ background-color: #07488C; border-radius: 5px; } .in_news .news_nav li.cur a,.in_news .news_nav li:hover a{ display: block; color: #fff;} .in_news .news_nav li:nth-child(3n){ margin-right: 0px; } .index_news{ padding: 10px; height: 227px; overflow: hidden;} .index_news .ne_lf{ width: 392px; height: 227px;overflow: hidden;} .index_news .ne_lf img{ width: 392px; height: 227px;} .index_news .ne_ri{ width: 730px; padding: 0px 28px; transition: all .8s;} .index_news .ne_ri .text{ display: block; font-size: 14px; color: #8B8C8C; line-height: 24px;cursor: pointer; } .index_news .ne_ri h3{ font-size: 18px; font-weight: bold; color: #646565; text-align: left; cursor: pointer; } .index_news .ne_ri h3:hover,.index_news .ne_ri .text:hover{ color:#074A8C; } .index_news .ne_ri .a_hover{ display: inline-block; border-radius: 5px; color: #8B8C8C; border: 1px solid #B2B2B2; font-size: 14px; padding: 7px 14px; text-align: center; } .index_news .ne_ri .a_hover:hover{ background-color: #074A8C; color: #fff; border: 1px solid #074A8C; } .list_index{width: 100%;} .list_index li{ float: left; width: 264px; padding: 12px 15px; margin-right: 7px; margin-top: 10px; background-color: #fff; color: #646565; transition: all .8s;} .list_index li .year{ width: 70px; } .list_index li .year em{ display: inline-block; font-size: 53px; color: #074A8C; } .list_index li .text{ width: 194px; font-size: 14px; padding-top: 14px;} .list_index li .text h3{font-weight: bold; font-size: 16px;} .list_index li:nth-child(4n){ margin-right: 0px; } .list_index li:hover{ background-color: #074A8C; color: #fff; cursor: pointer;} .list_index li:hover .year{ color: #fff; } .list_index li:hover .year em{ color: #fff; } .list_index li:hover .text{ color: #fff; } .index_zhi{padding: 30px 0 20px 0} .zhi_list{ width: 389px; float: left; margin-right: 16px; position: relative; } .zhi_list:last-child{ margin-right: 0px; } .zhi_list .te_ke{ width: 389px; height: 110px; overflow: hidden; position: relative; cursor: pointer; } .zhi_list .te_ke:after{ content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; height: 5px; background-color: #074A8C; } .zhi_list h4{-webkit-text-stroke: 1px white; -webkit-text-fill-color: 2px #07488C; position: absolute; top:40px; left: 45px; color: #07488C; font-size: 26px; font-weight: bold;} .zhi_li{ width: 337px; padding: 11px 25px; border: 1px solid #ddd; } .zhi_li li{ line-height: 30px; margin-left: 30px; position: relative; color: #333; border-bottom: 1px solid #C5C5C5; cursor: pointer;} .zhi_li li:last-child{ border-bottom:none; } .zhi_li li:after{ content: ""; position: absolute; top: 13px; left: -25px; width: 8px; height: 8px; border-radius: 8px; background-color: #074A8C; } .zhi_li li> a{ display: block; overflow: hidden;} .zhi_li li:hover{color: #074A8C;} .zhi_list > a{position: absolute;top:75px;right: 5px;text-shadow: 1px 1px 0px #fff;} .zhi_li li .sp_1{width: 260px; float: left;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; } .zhi_li li .sp_2{ float: right;} .in_school h2{ padding: 28px 0 20px;} .in_school .sc_text{ text-align: center; font-size: 16px; color: #565656; padding-top: 10px;} .school_box{ padding: 38px 0 25px; } .in_school .sc_lf{ width: 506px; margin-left: 35px; } .in_school .sc_ri{ width: 605px; height: 352px; overflow: hidden; cursor: pointer;} .in_school .sc_lf h3{ font-size: 20px; font-weight: bold; color: #074A8C; text-align: left; padding: 25px 0; } .in_school .sc_lf .text{ font-size: 14px; color: #565656; line-height: 26px;} .in_school_img p{width: 243px; float: left; height: 133px; overflow: hidden; cursor: pointer; } .ind_case ul li{ float: left; width: 240px; height: 165px; cursor: pointer; } .wrap_two {width:240px; height:165px; position:relative; overflow:hidden; font-family:arial, sans-serif;} .wrap_two img {display:block; width:240px; height:165px;} .wrap_two .di_titie { width:240px; height:165px; position:absolute; left:0; top:165px; margin: 0 auto; cursor: pointer; color: #fff; } .wrap_two .di_titie b { display:block; width:240px; height:165px; position:absolute; background:rgba(42,98,157,0.7); z-index: 9; } .wrap_two .di_titie span { position:relative; z-index:99; width: 240px; text-align: center; display: block; padding-top: 10px; } .wrap_two .di_titie h4{ font-size:22px; color:#FFFFFF; text-align:center; margin:0; padding:0; padding-top: 35px; position: relative; z-index: 89; font-weight: bold;font-family: "微软雅黑"; } .li_none{width: 240px; position: absolute; left: 50%; margin-left: -120px; bottom: 55px; color: #FFFFFF; text-align: center;font-family: "微软雅黑";} .li_none h3{ font-size: 22px; font-weight: bold;font-family: "微软雅黑";color: #FFFFFF;} .li_none span{ white-space: 2px; } .li_none .text{ padding: 0 20px; color: #fff; margin-top: 15px; font-size: 14px; } .di_pa{ position: absolute; z-index: 99; } .di_pa h4{ padding: 0 20px; font-size: 22px; } .wrap_two .di_titie .text{ padding: 0 20px; color: #fff; margin-top: 15px; font-size: 14px;} .pa45{ padding: 45px 0; } .teacher_ban { width: 100%; height: 220px; overflow: hidden; position: relative; margin-top: 15px; } .teacher_ban .hd { position: absolute; z-index: 1; left: 8%; bottom: 10px; } .teacher_ban .hd ul { overflow: hidden; zoom: 1; float: left; text-align: center; } .teacher_ban .hd ul li { float: left; text-align: center; cursor: pointer; margin: 0 5px; display: inline-block; zoom: 1; overflow: hidden; width: 8px; height: 8px; line-height: 999; background-color: #B6D7E8; border-radius: 50%; } .teacher_ban .hd ul li.on { background-color: #074A8C; } .teacher_ban .bd { position: relative; height: 100%; z-index: 0; } .teacher_ban .bd li { zoom: 1; vertical-align: middle; cursor: pointer; } .teacher_ban .bd img { width: 100%; height: 174px; display: block; } .index_teacher .te_left { width: 545px; padding: 30px 30px 0 25px;} .inde_te .te_lf{ width: 135px; height: 174px;overflow: hidden; padding: 7px; border: 1px solid #C8CCD0; background-color: #fff;} .inde_te .te_ri{ width: 370px; margin-left: 23px; } .inde_te .te_ri .title{ font-size: 18px; font-weight: bold; color: #2C629D; text-align: left; display: inline-block;} .inde_te .te_ri .title > span{ font-size: 12px; color: #545556; font-weight: 400;} .inde_te .te_ri .text{ font-size: 14px; color: #8B8C8C; line-height: 23px; height: 112px; cursor: pointer;} .inde_te .te_ri .a_hover{background-color: #FFFFFF; display: inline-block; border-radius: 5px; color: #8B8C8C; border: 1px solid #B2B2B2; font-size: 14px; padding: 5px 12px; text-align: center; } .inde_te .te_ri .a_hover:hover{ background-color: #074A8C; color: #fff; border: 1px solid #074A8C; } .inde_te .te_ri .text:hover{ color: #074A8C; } .index_teacher .te_right{ width: 592px; } .inde_te .mo{ position: absolute; bottom: -10px; right: 0px; color: #8B8C8C; } .index_teacher .te_right .te_ke{ width: 592px; height: 173px; overflow: hidden; position: relative; } .index_teacher .te_right .te_ke a{ display: inline-block; position: absolute; right: 20px; bottom: 10px; color: #FFF;} .te_ke_list{ padding: 11px 25px; } .te_ke_list li{ line-height: 35px; margin-left: 30px; position: relative; color: #333; cursor: pointer; transition: all .8s;} .te_ke_list li:first-child{ border-bottom: 1px solid #C5C5C5; } .te_ke_list li:after{ content: ""; position: absolute; top: 12px; left: -25px; width: 0; height: 0; border: 6px solid red; border-left-color: #074A8C; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .te_ke_list li:hover a{ color: #074A8C; } .img_list{ padding: 25px 0; } .img_list li{ float: left; width: auto; height: 38px; margin-right: 14px; cursor: pointer; } .img_list li:last-child{margin-right: 0px} footer{ padding: 45px 0; background-color: #074A8C; color: #fff;} .footer_le{ width: 675px; } .footer_le li{ font-size: 14px; line-height: 30px;} .footer_ri{ width: 525px; } .footer_ri .weixin{ width: 205px; height: 89px; } .footer_ri .footer_text{ width: 320px;} .footer_text li{ font-size: 12px; line-height: 22px; } .footer_text li a{ color: #fff; display: inline-block; margin:0 5px} .nav{ width: 100%;} .nav .nav_ul{ width: 1200px; margin: 0 auto; overflow: hidden; } .nav .nav_ul li{ width: 150px; float: left; text-align: center; } .nav_ul .nav_a{font-size: 16px; color: #505050; height: 24px; line-height: 24px;} .nav_ul li > span{ display: block; font-size: 10px; color: #A7A7A7; height: 20px; line-height: 20px;} .nav .nav_ul li ul { display: none; } .nav .nav_ul li:hover ul{ background: #F0F8FE; display: block; width: 150px; position: absolute; z-index: 99; padding-bottom: 15px; font-size: 16px; padding-top: 10px; } .nav .nav_ul li ul li{ line-height: 38px; height: 38px; border-bottom: 1px solid transparent; } .nav .nav_ul li:hover ul li,.nav .nav_ul li.cur ul li{ line-height:38px; height: 38px; border-bottom: 1px solid #fff; } .nav .nav_ul li:hover .nav_a,.nav .nav_ul li:hover span,.nav .nav_ul li.cur .nav_a,.nav .nav_ul li.cur span{ background: #074A8C; color: #fff; width: 100%; display: inline-block; cursor: pointer; } .nav .nav_ul li ul li:hover a,.nav .nav_ul li ul li.cur a { background: #074A8C; color: #fff; width: 100%; display: inline-block; } .more_pr{ position: relative; } .more_href{ position: absolute; right: 0px; } .top10{ top: 80px } .top20{ top: 55px } .content_IMG{ width: 100%; overflow: hidden; } .content_IMG img{ width: 100%; } .crumb_line { border-bottom:1px solid #aaa; height:100px; line-height: 100px; } .crumb{ width: 350px; font-size: 14px; padding-left: 28px; color: #717171;} .crumb img{ padding-right: 5px; } .crumb a{ color: #717171;} .cru_a{width: 480px; color: #717171; font-weight: bold;} .cru_a a{width: 60px; color:#717171; margin: 0 5px; display: inline-block; font-size: 14px; } .cru_a a.cur,.cru_a a:hover{ color: #07488C; } .about_text p { color:#666666; line-height: 21px; text-indent: 2em; } .news_list{ padding: 0 28px; } .news_list ul li { padding:35px 28px 30px 28px; border-bottom:1px solid #AAA; } .news_list ul li:last-child{ border-bottom:none; padding-bottom: 70px} .news_list a { color:#666666; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .news_left { float:left; width:80px; margin-right: 20px; background-color: #F0F8FE} .news_date { font-size:52px; color:#07488C; } .news_year { color:#333333; height:24px; } .news_right { float:left; width:988px; font-size:14px; } .sm_text{color: #C6C6C6; font-size: 12px; padding: 10px 0 7px} .news_title { color:#646565; font-size: 20px; font-weight: bold;} .news_title:hover{color: #074A8C;} .news_text { line-height: 24px;color: #646565; } .pager { line-height:37px; margin: 0 auto 45px; text-align: center;} .pager a ,.pager span { display: inline-block; vertical-align:middle; text-align:center; width:42px; height:45px; line-height: 45px; font-size:14px; color:#7b7a7a; background: #eae6e2; margin:0 6px 0 0; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .pager a:hover { background:#074a8c; color:#fff; } .pager span.current {background: #074a8c;color:#fff;} .news_btm .title{ font-size: 30px; color: #07488C; padding:35px 0 10px; text-align: center; font-weight: bold;} .news_btm .sm_title{ font-size: 12px; color: #696969; text-align: center;} .news_btm .details p{ font-size: 14px; line-height: 30px; padding: 35px 50px 0 50px; color: #595959; } .details_a{ margin: 70px auto 130px; text-align: center; } .details_a a{ display: inline-block; font-size: 14px; margin: 0 8px; color: #595959} .details > img{ text-align: center; } .sc_list{ padding: 0 28px; } .sc_list ul li { padding:35px 0 30px; border-bottom:1px solid #AAA; } .sc_list ul li:last-child{ border-bottom:none; padding-bottom: 70px} .sc_list a { color:#666666; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .sc_left{ width: 183px; margin-right: 20px; float: left; height: 125px; overflow: hidden; } .sc_right { float:left; width:940px; font-size:14px;} .te_ke_list li:hover{color: #074A8C;cursor:pointer; } .fujian{margin: 50px; overflow: hidden; position: relative; padding-left: 20px} .fujian i{ width: 30px; float: left;} .fujian span{float: left; width: 500px; padding-left: 10px;} .fujian a{color:#074A8C;} .fujian:after{ content: ""; position: absolute; top: 0px; left: 0px; height: 18px; width: 2px; background-color: #074A8C; } .sc_left img{ width: 183px; height: 125px; } .details{margin-bottom: 50px;}