锘縝ody { font-family: "Microsoft YaHei",SimHei,SimSun, Arial,SimSun,sans-serif; padding: 0; margin: 0; background-color: #fff; overflow-x: hidden; } html, body { scrollbar-face-color: #eee; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #eeeeee; scrollbar-3dlight-color: #eeeeee; scrollbar-arrow-color: #000; scrollbar-track-color: #fff; scrollbar-darkshadow-color: #fff; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: middle; font-family: "Microsoft YaHei",SimHei,SimSun, Arial,SimSun,sans-serif; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } /* ------------------------------------------------------------------------- * * Base Styles /* ------------------------------------------------------------------------- */ html { -webkit-text-size-adjust: none; } ::selection { background: #3b8dbd; color: #fff; } ::-moz-selection { background: #3b8dbd; color: #fff; } ul, li { list-style: none; } img { border: 0; vertical-align: middle; max-width: 100%; } a:focus, a:active, a:hover { text-decoration: none; outline: none; } ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #f1f1f1; } /*氓庐拧盲鹿鈥懊β慌∶ヅ犅β澛∶铰┞佲€ 氓鈥犫€γ┧溌疵ヂ铰?氓艙鈥犆р€?/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(205, 205, 205, 0.3); border-radius: 10px; background-color: #f1f1f1; } /*氓庐拧盲鹿鈥懊β烩€樏ヂ濃€ 氓鈥犫€γ┧溌疵ヂ铰?氓艙鈥犆р€?/ ::-webkit-scrollbar-thumb { border-radius: 10px; -moz-box-shadow: inset 0 0 6px rgba(205, 205, 205, .3); background-color: #cdcdcd; } ::-moz-scrollbar { width: 6px; height: 6px; background-color: #f1f1f1; } /*氓庐拧盲鹿鈥懊β慌∶ヅ犅β澛∶铰┞佲€ 氓鈥犫€γ┧溌疵ヂ铰?氓艙鈥犆р€?/ ::-moz-scrollbar-track { -moz-box-shadow: inset 0 0 6px rgba(205, 205, 205, 0.3); border-radius: 10px; background-color: #f1f1f1; } /*氓庐拧盲鹿鈥懊β烩€樏ヂ濃€ 氓鈥犫€γ┧溌疵ヂ铰?氓艙鈥犆р€?/ ::-moz-scrollbar-thumb { border-radius: 10px; -moz-box-shadow: inset 0 0 6px rgba(205, 205, 205, .3); background-color: #cdcdcd; } /*忙禄拧氓艩篓忙聺隆*/ .container { width: 1200px !important; margin: 0 auto; padding: 0px; } /*banner*/ .teachers_b { position: relative; margin-top: 0px; } .carousel-control img { position: relative; top: 40%; } .slide { margin: 0 auto; position: relative; } .index_tips li.first { bottom: 85px; position: absolute; background-color: #fff; border: 1px solid #dcdcdc; } .index_tips li.first a span { padding: 1px; width: 38px; } .maincontent { min-height: 300px; background: url(../images/index/botton-bg.png) bottom repeat-x; padding: 50px 0; overflow: hidden; background-color: #fff; } .maincontent-js { width: 100%; height: 140px; background-color: #fff; } .col-md-4 { float: left; margin-top: 30px; } .col-md-4 span { display: inline-block; } .col-md-4 span.left { width: 70px; } .col-md-4 span.left i { font-size: 60px; color: #1296db; } .col-md-4 span.right { font-size: 20px; color: #242424; } .col-md-4 span.right .bottom { font-size: 16px; color: #666666; line-height: 30px; } .maincontent-ry { padding: 50px 0; background-color: #f2f9fc; } h2.title { font-size: 22px; color: #242424; } .scrollbox-cell { float: left; width: 22.5%; margin-right: 3.333%; min-height: 280px; background-color: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-top: 10px; } .item .scrollbox-cell:last-child { margin-right: 0%; } .scrollbox-cell a img { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; max-width: 100%; } .scrollbox-cell a span.right, .scrollbox-cell a span.right .bottom { padding: 10px; } .scrollbox-cell a span.right { font-size: 18px; color: #000; clear: both; top: 10px; position: relative; } .scrollbox-cell a span.right .bottom { font-size: 14px; color: #666; line-height: 30px; } .topright { float: right; } .topright i { color: #8bbdea; font-size: 30px; } .maincontent-cg { padding: 50px 0; background-color: #fff; } .spear-line { width: 100%; height: 2px; background-color: #20a0de; } .bottom-area { padding: 40px 0; } .news-item { margin: 15px; margin-bottom: 40px; -o-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .news-item .inner-item { position: relative; overflow: hidden; margin-bottom: 20px; } .news-item .inner-item img { width: 100%; height: 187px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; } .news-item:hover .inner-item img { transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .news-item p { line-height: 22px; margin-bottom: 10px; color: #9a9a9a; font-size: 13px; font-weight: 300; margin: 0; height:150px; } .news-item h5 { margin-bottom: 5px; line-height: 22px; color: #000000; font-size: 16px; font-weight: 300; margin: 0; } .bottom-area { clear: both; height: auto; overflow: hidden; } .owl-item { float: left; width: 20%; } a.read-more { padding: 10px 30px; font-size: 12px; color: #20a0de; border: 1px solid #20a0de; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .morelink-a { float: right; } .morelink-a a i { color: #666666; font-size: 28px; } .allcontent.none { display: none; } .allcontent { display: block; } .tab_db li a { float: left; padding: 10px 30px; color: #372f38; font-size: 18px; } .tab_db li.active a { background-color: #20a0de; color: #fff; border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; } .news-cell-item-top { line-height: 45px; height: 45px; border-bottom: 1px solid #eeeeee; font-size: 20px; color: #242424; } .news-cell-item { width: 48%; margin-right: 1%; margin-bottom: 20px; min-height: 300px; overflow: hidden; display: inline-block; } .news-cell-item-top i { font-size: 25px; margin-right: 5px; color: #20a0de; vertical-align: middle; } .news-cell-item:nth-child(1) .news-cell-item-top i { font-size: 35px; } .news-cell-item-top span { line-height: 45px; height: 45px; border-bottom: 1px solid #20a0de; display: inline-block; padding: 0 6px; } .new-cell a { display: inline-block; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .new-cell a i { font-size: 12px; margin-right: 3px; position: relative; top: 0px; vertical-align: middle; color: #20a0de; } .new-cell.tt a { font-size: 16px; width: 75%; color: #242424; line-height: 42px; } .new-cell { line-height: 42px; height: 42px; border-bottom: 1px dashed #dcdcdc; } .rightime { color: #999999; font-size: 14px; float: right; line-height: 42px; margin-right: 20px; } .news-cell-item-inner { padding: 5px 20px; } /*2sec*/ .spear-line.grey { background-color: #eeeeee; } .news-list { height: 110px; background-color: #fff; } .maincontent-ee { min-height: 300px; background-color: #fff; } .news-list-nav li a { margin-top: 20px; color: #242424; float: left; padding: 15px 30px; border-right: 1px solid #eeeeee; font-size: 22px; } .news-list-nav li.active a, .news-list-nav li.active a i { color: #1f9fde; } .news-list-nav li a i { color: #666; font-size: 35px; margin-right: 10px; vertical-align: middle; } .news-list .container { /*width: 780px !important;*/ } .newslist-inner-cell { padding: 40px 0; position: relative; } .left-pic-1 { float: left; width: 225px; height: 150px; overflow: hidden; margin-right: 20px; position: relative; } .left-pic-1 img { max-width: 225px; } .click-all { position: absolute; right: -5px; top: -10px; } .right-pic-1 { float: left; width: 70%; height: 150px; position: relative; } .del-all-top { color: #242424; font-size: 18px; } .del-all-top a { color: #000000; } .del-all-bottom { position: absolute; bottom: 0px; width: 100%; } .del-all-bottom span { font-size: 12px; color: #666; } .del-all-bottom span i { margin-right: 10px; } .rightview { float: right; } .click-all i.icon-biaoqian { position: relative; font-size: 60px; color: rgba(255,255,255,0.8); } .click-all-bottom { position: absolute; top: 5px; color: #ff0000; text-align: center; top: 12px; left: 20px; font-size: 11px; } .del-all { color: #666666; font-size: 14px; padding: 10px 0; height: 110px; overflow: hidden; } .maincontent-ee .newslist-inner-cell:nth-child(n) { background-color: #fff; background: url(../images/arrow-bottom.png) bottom repeat-x; } .maincontent-ee .newslist-inner-cell:nth-child(2n) { background: url(../images/arrow-top.png) bottom repeat-x; min-height: 100px; overflow: hidden; background-color: #f9f8f8; } /*2sec*/ /*2detail*/ .mainstyle { background-color: #fff; min-height: 300px; overflow: hidden; } .content-detail-text { line-height: 36px; color: #333333; padding: 30px 0; font-size: 16px; } .content-detail-text img { margin: 20px 0; } .content-detail-text p { /*text-indent: 28px;*/ } .pagelist { padding:10px; background-color:#fff; } .h2{font-size:24px;width:100%;text-align:center;line-height:60px;} .bottom-mainstyle-time { float:left; color:#666; } .bottom-mainstyle-time span { vertical-align:baseline; color:#242424; } .bottom-mainstyle{border-bottom:1px dashed #dcdcdc;line-height:40px;height:40px;font-size:12px;} .bottom-mainstyle-dji{float:right;color:#666;} .bottom-mainstyle-dji i{color:#242424;} /*2detail*/ .news-list-nav li:last-child a{border:0px;} .filtr-item { display: inline-block; width: 240px; padding:8px 10px 2px 0; margin-right:10px; } .container .jq22{margin:20px 0;} .filtr-item img{max-width:235px;} /*0205add*/ .photo-mask { position: fixed; z-index: 10; bottom: 0; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); filter: alpha(opacity=20); -moz-opacity: 0.8; opacity: 0.8; display: none; } .photo-panel { position: absolute; display: none; clear: both; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; } .photo-panel .photo-div, .photo-panel .photo-bar { width: 100%; } .photo-panel .photo-div { width: 960px; height: 560px; z-index: 11; margin: auto; position: relative; margin-top:400px !important; } .photo-panel .photo-close { background: url(../images/close.png); width: 56px; height: 56px; position: absolute; margin-left: 664px; } .photo-panel .photo-close:hover { background: url(../images/close_ch.png); width: 56px; height: 56px; position: absolute; margin-left: 664px; } .photo-panel .photo-bar-tip { width: 700px; height: 44px; position: absolute; margin-top: -64px; padding: 10px; } .photo-panel .photo-bar-tip:hover { width: 700px; height: 44px; position: absolute; margin-top: -64px; background: #000; filter: alpha(opacity=20); -moz-opacity: 0.8; opacity: 0.8; color: #fff; padding: 10px; } .photo-panel .photo-img { width: 720px; float: left; height: 560px; background: #fff; } .photo-panel .photo-view-w { width: 720px; height: 560px; text-align: center; vertical-align: middle; display: table-cell; } .photo-panel .photo-view-h { width: 720px; height: 560px; text-align: center; vertical-align: middle; } .photo-panel .photo-view-w img { max-width: 700px; height: auto; vertical-align: middle; text-align: center; max-height: 540px; margin: 10px; -moz-box-shadow: 5px 5px 5px #a6a6a6; /* 猫鈧伱♀€ Firefox */ box-shadow: 5px 5px 5px #a6a6a6; -webkit-animation: swing 1s .2s ease both; -moz-animation: swing 1s .2s ease both; } .photo-panel .photo-view-h img { max-width: 700px; height: 540px; margin: 10px; -moz-box-shadow: 5px 5px 5px #a6a6a6; /* 猫鈧伱♀€ Firefox */ box-shadow: 5px 5px 5px #a6a6a6; -webkit-animation: swing 1s .2s ease both; -moz-animation: swing 1s .2s ease both; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center } 20% { -webkit-transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg) } } @-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% { -moz-transform-origin: top center } 20% { -moz-transform: rotate(15deg) } 40% { -moz-transform: rotate(-10deg) } 60% { -moz-transform: rotate(5deg) } 80% { -moz-transform: rotate(-5deg) } 100% { -moz-transform: rotate(0deg) } } .photo-panel .photo-left, .photo-panel .photo-right { width: 120px; float: left; margin-top: 220px; } .photo-panel .arrow-prv { background: url(../images/l.png); width: 120px; height: 120px; } .photo-panel .arrow-prv:hover { background: url(../images/l_ch.png); width: 120px; height: 120px; cursor: pointer; } .photo-panel .arrow-next { background: url(../images/r.png); width: 120px; height: 120px; } .photo-panel .arrow-next:hover { background: url(../images/r_ch.png); width: 120px; height: 120px; cursor: pointer; } .allotherlist{line-height:36px;color:#666666;padding:20px; /*text-indent:30px;*/} /*0205add*/ .all-list-app .applictions-cell{width:19%;} .banner-list-box{width:100%;margin-bottom:20px;border: 1px solid #b8d2ed;} /*0205add*/ /*0301add*/ .left-mail{width:120px;text-align:right;font-size:14px;color:#6e6e6e;display:inline-block; vertical-align:middle;} .right-mail{display: inline-block;margin:10px;width:40%;} .red{margin:0 10px;color:red;} .right-mail.width80{width:62%;} .right-mail.width80 textarea.form-control{height:220px;margin-bottom:20px;} .col-md-8.pl{margin-left:130px;margin-top:10px;margin-bottom:20px;} .col-md-8.pl .btn{width:98px;} /*0301add*/ .procell-list { border: 1px solid #b8d2ed; height: auto; overflow: hidden; min-height: 430px; background-color: #fff; position: relative; } .procell-list-top { height: 50px; background-color: #dfebf7; height: 50px; font-size: 20px; color: #333333; border-bottom: 1px solid #b8d2ed; line-height: 50px; padding: 0 15px; } .fir .procell-list { padding: 0px; } .fir .procell-list.leftbox { width: 720px; float: left; border-right: 0px; } .fir .procell-list.rightbox { width: 480px; float: left; border-left: 0px; } .news-list-box-bottom.content{padding:20px;} .h2{border-bottom:1px dashed #dcdcdc;font-size:24px;width:100%;text-align:center;line-height:40px;padding-bottom:20px;} .leadership-ul li { float: none !important; display: inline-block !important; min-height: 300px !important; } @media (max-width:1024px){ .container {width: 1000px !important;} .news-item p{height: 200px;} .allotherlist{overflow: hidden;} } @media (max-width:998px){ .wzq_box { width:80%;} .wzq_box ul { padding:15px;} .news-list{height:auto;} .container { width: auto !important; margin: 0 auto; padding: 3px; } .procell-list-mid-4 .countNum-cell{width:auto} .header{height:auto;} .nav-list { position: relative; right: 0px; width: 100%; float: left; padding: 10px 0px; border-top: 1px solid #ebebeb; margin-top: 20px; } .nav-list a{float: left; line-height: normal;padding: 8px 15px;} .banner-list{clear: both;} .news-cell-item{width:100%;} .rightime{margin-right:0px;} .scrollbox-cell{width:100%;} .maincontent-ry{clear: both;} .owl-item{clear: both;width:100%;} body{overflow-x:hidden;} .left-text, .right-text{line-height: 30px;} }