html { font-family: "Microsoft YaHei", serif; font-size: 14px; color: #333333 } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,img,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section { margin: 0; padding: 0 } img { border: 0; vertical-align: top } ul,li { list-style-type: none } a { text-decoration: none; color: #333 } a:hover { color: #2465a8; } .fl { float: left } .fr { float: right } .al { text-align: left } .ac { text-align: center } .ar { text-align: right } .clearfix { clear: both } .bg_color { background: #2465a8; } .gray { color: #999999; font-size: 14px } .wrap1 { width: 100%; min-width: 1200px; height: 120px } .wrap { width: 100%; min-width: 1200px } .w { width: 1200px; margin: 0 auto } .w70 { width: 70px } .mt10 { margin-top: 10px } .mr10 { margin-right: 10px } .mb10 { margin-bottom: 10px } .ml10 { margin-left: 10px } .mt15 { margin-top: 15px } .mr15 { margin-right: 15px } .mb15 { margin-bottom: 15px } .ml15 { margin-left: 15px } .mt20 { margin-top: 20px } .mr20 { margin-right: 20px } .mb20 { margin-bottom: 20px } .ml20 { margin-left: 20px } .mt30 { margin-top: 30px } .mr30 { margin-right: 30px } .mb30 { margin-bottom: 30px } .ml30 { margin-left: 30px } .w500 { width: 500px } .w670 { width: 670px } .w380 { width: 380px } .footer { padding-top: 10px } .footer p { color: #FFF; line-height: 36px } .footer p a{color:#fff;} .fczs { margin-bottom: 20px } .fczs li { margin-left: 20px; width: 285px; float: left } .container_left { width: 285px } .container_right { width: 895px; min-height: 500px } .container_right_title { line-height: 40px; border-bottom: solid 1px #dcdcdc; font-size: 20px; color: #2465a8 } .menu_bt { font-weight: 500; padding: 10px } .Route { line-height: 60px; height: 60px } .Route .active { color: #00a172 } .Route li { float: left } .Route a { color: #333333 } .new_list { line-height: 36px } .new_list ul { margin-top: 5px } .new_list a { text-indent: 15px; display: block } .new_list a:hover { text-indent: 15px; color: #2465a8 } .new_list3 { line-height: 32px } .new_list3 dl { margin-top: 5px } .new_list3 a { text-indent: 15px; display: block } .new_list3 a:hover { text-indent: 15px; color: #2465a8 } .new_list2 { line-height: 28px } .new_list2 h3 { font-size: 16px; line-height: 30px; margin-top: 8px; font-weight: 500 } .new_list2 a { color: #8a2051 } .new_list2 p { line-height: 30px; color: #666666 } .yqlj { margin: 10px 0 } .yqlj li { float: left; padding: 6px 15px; border: dashed 1px #ccc; margin: 0 10px 20px 0 } .yqlj li a { font-size: 14px; color: #333 } .yqlj li a:hover { font-size: 14px; color: #2465a8 } .gdlj { background-color: #E6F7F1; padding: 27px 0; clear: both } .jz { margin: 0 auto; width: 1200px; clear: both } .F14lists { line-height: 23px } .F14lists UL { padding-right: 3px; padding-left: 3px; padding-bottom: 0px; padding-top: 0px } .F14lists LI { padding-left: 2px; font-size: 14px; vertical-align: bottom } .F14lists LI SPAN { font-size: 9px; color: #533826 } .FixTitle A:link { color: #0736aa; text-decoration: none } .FixTitle A:visited { color: #0736aa; text-decoration: none } .FixTitle A:hover { text-decoration: underline } .FixTitle { border-right: #a2d1ff 1px solid; border-top: #a2d1ff 1px solid; overflow: hidden; border-left: #a2d1ff 1px solid; line-height: 24px; border-bottom: #a2d1ff 1px solid; height: 24px } .FixTitle H3 { padding-left: 30px; font-size: 14px; float: left; color: #0736aa } .FixTitle SPAN { padding-right: 5px; float: right } .RForm DT { line-height: 23px } .RformB { padding-left: 10px } .blk_29 { padding-right: 0px; border-top: #a1d2fd 0px solid; padding-left: 0px; overflow: hidden; zoom: 1; position: relative } .blk_29 .LeftBotton { left: 0px; float: left; width: 32px; cursor: pointer; position: absolute; height: 70px } .blk_29 .RightBotton { right: 5px; float: right; width: 32px; cursor: pointer; position: absolute; top: 0px; height: 70px } .blk_29 .Cont { margin: 0px auto; overflow: hidden; width: 1136px } .blk_29 .box { float: left; width: 142px; text-align: center } .blk_29 .box IMG { width: 128px; height: 70px; display: block; background: #fff; margin: 0px auto } .blk_29 .box P { margin: 6px auto 0px; width: 97px; line-height: 20px } .rollphotos { width: 1200px } .partC { margin-top: 10px; overflow: auto; width: 1200px } .partC .PC_left { overflow: auto; width: 470px } .partC .PC_right { overflow: auto; width: 470px } .partC .PC_left { float: left } .partC .PC_right { float: right } .PT_mix { overflow: auto } .PhoTxt { margin-top: 10px; display: inline; float: left; margin-left: 10px; overflow: auto; width: 220px } .PhoTxt IMG { float: left } .PhoTxt H1 { font-weight: bold; font-size: 12px; line-height: 23px } .PhoTxt P { color: #545454; line-height: 20px } .wrap1 .w{display:flex;justify-content:space-between;align-items:center;height: 120px;} .logo a{display:block;} .top_right_top { text-transform: uppercase; font-family: "Microsoft YaHei", serif; font-size: 12px; padding-top: 20px; margin-right: 10px } .top_right_top li { float: left; background: url(../images/bg.png) no-repeat; background-position: right; padding: 0 10px; text-align: center } .top_right_top li a { color: #ffffff } .top_right_top li.active { background: none; padding: 0 0 0 10px } .search_box { float: right; height: 36px; margin-top: 12px } .search_box_text { height: 34px; line-height: 34px; border-top: solid 1px #dcdcdc; border-left: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; width: 297px; text-indent: 10px } .Navigation { height: 50px } .Navigation li { float: left; line-height: 50px } .Navigation>ul>li>a{ color: #ffffff; text-align: center; font-size: 16px; display: block } .Navigation .sub a { color: #ffffff; text-align: center; font-size: 16px; width: 150px; display: block } .Navigation>ul>li:hover{ background: #194c81; } .Navigation .active { background: #194c81 } ul#topnav { position: relative; z-index: 10000 } ul#topnav li { float: left; position: relative; width: 150px; text-align: center } ul#topnav li a { display: block } ul#topnav li a:hover { background: #194c81; } ul#topnav li .sub { position: absolute; top: 50px; left: 0; background: #ffffff; float: left; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; z-index: 9999 } ul#topnav li .sub dl { z-index: 9999; position: absolute; background: #ffffff; -webkit-opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: .9; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90) } ul#topnav .sub dl dd a { padding: 0 10px; color: #333333; line-height: 42px } ul#topnav .sub dl dd a:hover { color: #ffffff; } .yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn { position: absolute } .yx-rotation-title { position: absolute; width: 1200px; height: 50px; line-height: 50px; background: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; left: 50%; bottom: 0; _bottom: -1px; z-index: 1; margin-left: -600px } .yx-rotation-t { color: #fff; font-size: 16px; font-family: microsoft yahei; z-index: 2; bottom: 0; left: 50%; line-height: 50px; margin-left: -580px } .yx-rotation-focus span,.yx-rotaion-btn span { background: url(../images/ico.png) no-repeat; display: block } .yx-rotation-focus { height: 50px; line-height: 50px; right: 50%; bottom: 0; z-index: 2; margin-right: -580px } .yx-rotation-focus span { width: 12px; height: 12px; line-height: 12px; float: left; margin-left: 5px; position: relative; top: 20px; cursor: pointer; background-position: -24px -126px; text-indent: -9999px } .yx-rotaion-btn { width: 100%; height: 41px; top: 50%; margin-top: -20px } .yx-rotaion-btn span { width: 41px; height: 41px; cursor: pointer; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; position: relative } .yx-rotaion-btn .left_btn { background-position: -2px -2px; float: left; left: 50%; margin-left: -650px } .yx-rotaion-btn .right_btn { background-position: -2px -49px; float: right; right: 50%; margin-right: -650px } .yx-rotaion-btn span.hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 } .yx-rotation-focus span.hover { background-position: -10px -126px } .rotaion_list { width: 100%; height: 464px; overflow: hidden } .rotaion_list li { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 100%; height: 100% } .rotaion_list .rotaion_img { width: 100%; min-width: 1200px; height: 464px } .shipin { background: #ffffff; height: 110px } .shipin h3 { padding: 20px 15px 15px 15px } .cishu { color: #999999; line-height: 28px; font-size: 12px } .new_list { line-height: 38px } .new_list ul { margin-top: 5px } .new_list a { text-indent: 15px; background: url(../images/pic_02.png) no-repeat 0px center; display: block } .new_list a:hover { text-indent: 15px; background: url(../images/pic_01.png) no-repeat 0px center; color: #027fcf } .More { line-height: 50px } .More a { color: #124e0c; display: block } .time_top { line-height: 45px; height: 45px; background: #124e0c; color: #FFFFFF; text-align: center; font-size: 24px } .time_bottom { background: #ffffff; line-height: 40px; height: 40px; text-align: center } .kcjs { background: #fafafa; width: 100% } .kcjs_bg { background: url(../images/Template_02_11.png) no-repeat 0 center; text-indent: 25px; line-height: 36px } .kcjs_bg h3 { font-weight: 600; color: #333333 } .more { margin-top: 13px } .Academic { padding: 0px 10px } .Academic_time { background: url(../images/en_img_09.png) no-repeat; width: 70px; height: 68px } .Academic_time li { text-align: center; line-height: 34px; height: 34px } .Academic_content { width: 280px } .Academic_content h3 { font-size: 16px; line-height: 22px } .Academic_content p { color: #666666; line-height: 22px; font-size: 14px } .Academic_content2 { width: 794px } .Academic_content2 h3 { font-size: 14px; line-height: 22px } .Academic_content2 p { color: #666666; line-height: 24px; font-size: 12px } .Notifications { height: 68px; width: 360px; border-left: solid 4px #dcdcdc; background: #f8f8f8 } .Notifications:hover { cursor: pointer; border-left: solid 4px #124e0c } .Notifications h3 { margin-left: 10px; padding-top: 5px; line-height: 30px; font-size: 14px } .Notifications p { margin-left: 10px; color: #666666; font-size: 14px; text-indent: 25px; background: url(../images/en_img_10.png) no-repeat 0 center } .Notifications2 { height: 67px; width: 360px; border-bottom: solid 1px #ececec; padding: 0 10px } .Notifications2:hover { cursor: pointer } .Notifications2 h3 { padding-top: 5px; line-height: 30px; font-size: 16px } .Notifications2 p { padding-top: 2px; color: #666666; font-size: 14px; text-indent: 25px; background: url(../images/en_img_10.png) no-repeat 0 center } .kuaijie li { float: left; width: 224px; margin-left: 20px; height: 60px; text-indent: 85px; background: #006fae } .kuaijie li a { line-height: 60px; color: #FFF; font-size: 18px; width: 224px; height: 60px; display: block; background: #006fae } .kuaijie li a.icon_01 { flaot: left } .kuaijie li a.icon_02 { flaot: left } .kuaijie li a.icon_03 { flaot: left } .kuaijie li a.icon_04 { flaot: left } .kuaijie li a.icon_05 { flaot: left } .Route { line-height: 60px; height: 60px } .Route .active { color: #124f0d } .Route li { float: left } .Route div{font-size: 16px} .Route a { color: #333333; font-size: 16px } .container_left { width: 285px } .container_right { width: 895px; min-height: 500px } .container_right_title { line-height: 40px; border-bottom: solid 1px #dcdcdc; font-size: 20px; color: #2465a8 } .menu_biaoti { height: 60px; line-height: 60px; background: #01976b; color: #ffffff; font-weight: 500; font-size: 22px } .side_xy_bt { height: 50px; line-height: 50px; text-align: center; width: 285px; height: 50px } .new_list3 { line-height: 38px; font-size: 16px } .new_list3 ul { margin-top: 5px } .new_list3 dd { margin: 0px } .new_list3 a { text-indent: 25px; background: url(../images/pic_14.png) no-repeat 0px center; display: block; color: #333333 } .new_list3 a:hover { text-indent: 25px; background: url(../images/pic_13.png) no-repeat 0px center; color: #2465a8 } .container_right_title2 { border-bottom: solid 1px #dcdcdc } .container_right_title2 h3 { text-align: center; font-size: 20px; color: #333333; font-weight: bold; line-height: 40px } .container_right_title2 p { text-align: center; font-size: 14px; color: #999999; line-height: 30px } .gray2 p{ color: #333333; line-height: 26px; font-size:16px; text-indent:2em; } .ny_xyfg { width: 895px; margin-left: -1px } .ny_xyfg li { float: left; width: 203px; height: 165px; margin-left: 17px; margin-bottom: 20px } .ny_xyfg li img { width: 203px; height: 165px } .back2 { height: 420px; margin-top: 20px } .cjyj-left { width: 580px; float: left; margin-right: 40px; margin-top: 20px } .cjyj-list li { height: 76px; overflow: hidden; border-bottom: 1px dotted #999 } .cjyj-list li span { float: left; display: block; width: 2px; height: 20px; margin: 28px 0; background-color: #999 } .cjyj-list li a { display: block; float: left; margin: 20px 0 0px 20px } .cjyj-list li a p { font-size: 14px; color: #666; line-height: 1; margin-bottom: 14px } .cjyj-list li a h3 { font-size: 14px; color: #333; line-height: 1; font-weight: bold } .cjyj-list li a h3:hover { color: #8d0108 } .gjjy-rl { width: 580px; float: right; margin-top: 20px } .gjjy-list { margin-top: 10px; padding-top: 4px; background: url(../images/guanzhu.png)left top no-repeat } .gjjy-list li { height: 38px; padding-left: 30px } .gjjy-list li a { display: block; height: 100% } .gjjy-list li h3 { float: left; font-size: 14px; color: #333; line-height: 38px; font-weight: bold } .gjjy-list li h3:hover { color: #8d0108 } .gjjy-list li span { float: right; font-size: 14px; color: #666; font-weight: 300; line-height: 38px } .gjjy-list .active { } .zst { z-index: 15; width: 100%; min-width: 1200px; height:300px; text-align: center } .zst img{width:100%;height:100%;object-fit:cover;} .news_scoll{width: 350px;height: auto;overflow:hidden; position:relative; } .news_scoll .hd{height:11px; overflow:hidden; position:absolute; right:20px; bottom:36px; z-index:1; } .news_scoll .hd ul{ overflow:hidden; zoom:1; float:left; } .news_scoll .hd ul li{ float:left; margin-right:10px; width:11px; height:11px;background:#fff; cursor:pointer; border-radius: 5.5px;} .news_scoll .hd ul li.on{ background:#fdba45;} .news_scoll .bd{ position:relative; width:100%;height:100%; z-index:0;} .news_scoll .bd .tempWrap{height:100%;} .news_scoll .bd li{ zoom:1; vertical-align:middle;position: relative;} .news_scoll .bd li a{display: block;} .news_scoll .bd .news_img{ width:100%; height:330px;} .news_scoll .bd .news_img img{width:100%; height:100%; display:block;object-fit: cover;} .news_scoll .bd li p{display: block;height: 53px;background:rgba(0,0,0,.7);width: calc( 100% - 135px );padding-left: 25px;padding-right:130px;color: #ffffff;line-height: 53px;position: absolute;left:0px;bottom:0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}