body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; } body {font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif';font-size:14px;color: #333;} body { background: #fff; } html{min-width:1200px;} .toptxt{float:left;width: 628px;font-size: 15px;line-height: 35px;text-align:center;color:#fff;margin-top: 8px;} li { list-style-type: none; } ul,ol { list-style:none outside none; } legend { display:none; } fieldset,img { border:none; vertical-align:middle; } input,button,select,textarea { outline:none; font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } table,tr,th,td,font { font-size: 12px; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 10px; } h6 { font-size: 8px; } input,textarea{ outline:none; } a{text-decoration:none;color: #333;} img { border: medium none; } .clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; } .clear {*zoom:1;} .clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; } .clear { *height:1%; } .fl{ float:left;} .fr{ float:right;} .toptxt1{ font-size: 30px; font-weight: 700; } #header {width:100%;height: 178px;border-top: 2px solid #0754A2;position: relative;z-index: 10000;} .top-wrap {width:100%;height: 120px;background: #025394;} .top-wrap-box { width:1200px; height:178px; margin: 0 auto; } #header .logo {position: absolute;z-index: 99999;top: 0px;background: #0754A2;width:202px;height:1px;} #header .logo img{ width: 270px; display: block; /* margin: 60px auto;*/ } .head-we-box {float: left;margin-left: 214px;font-size: 14px;color: #FFFFFF;margin-top: 50px;} .top-search-box {float: right;margin-top: -8px;position: relative;z-index: 1;} .search-input {text-indent: 12px;width: 110px;height: 32px;line-height: 32px;border-radius: 15px;background: #fff;border:0;padding-right: 40px;} .top-search-box .search-btn { cursor: pointer; width:19px; height: 19px; position: absolute; z-index: 99; top: 7px; right: 16px; border:0; background: url(../images/search-icon.png) no-repeat; } .top-search-box .search-btn:hover { opacity: 0.8; } .header-menu { width:1200px; height:110px; margin: 0 auto; } .header-menu ul { float:right; height: 110px; } .header-menu ul li {float: left;width: 98px;height:110px;position:relative;} .header-menu ul li a {width:115px;height:110px;display: inline-block;font-size: 15px;color: #191919;border-left:1px solid #fff;border-right:1px solid #fff;} .header-menu ul li a.active {width: 96px;background: #0754A2;color: #fff;height:110px;border-left:1px solid #0754A2;border-right:1px solid #0754A2;} .header-menu ul li span.menu-icon {display:block;margin-top: 25px;float: left;text-align: center;} .header-menu ul li .menu-font {float: left;width: 100px;text-align: center;display: block;margin-top: 15px;} .header-menu ul li .menu-icon-1 {width: 100px;height:30px;background:url(../images/menu/menu-icon-1.png) no-repeat center;} .header-menu ul li .menu-icon-2 {width: 100px;height:30px;background:url(../images/menu/menu-icon-2.png) no-repeat center;} .header-menu ul li .menu-icon-3 {width: 100px;height:30px;background:url(../images/menu/menu-icon-3.png) no-repeat center;} .header-menu ul li .menu-icon-4 {width: 100px;height:30px;background:url(../images/menu/menu-icon-4.png) no-repeat center;} .header-menu ul li .menu-icon-5 {width: 100px;height:30px;background:url(../images/menu/menu-icon-5.png) no-repeat center;} .header-menu ul li .menu-icon-6 {width: 100px;height:30px;background:url(../images/menu/menu-icon-6.png) no-repeat center;} .header-menu ul li .menu-icon-7 {width: 100px;height:30px;background:url(../images/menu/menu-icon-7.png) no-repeat center;} .header-menu ul li .menu-icon-8 { width: 100px; height:30px; background:url(../images/menu/menu-icon-8.png) no-repeat center; } .header-menu ul li .menu-icon-9 { width: 100px; height:30px; background:url(../images/menu/menu-icon-9.png) no-repeat center; } .header-menu ul li .menu-icon-10 {width: 100px;height:30px;background:url(../images/menu/menu-icon-10.png) no-repeat center;} .header-menu ul li a.active .menu-icon-1 { background: url(../images/menu/menu-icon-active-1.png) no-repeat center; } .header-menu ul li a.active .menu-icon-2 { background: url(../images/menu/menu-icon-active-2.png) no-repeat center; } .header-menu ul li a.active .menu-icon-3 { background: url(../images/menu/menu-icon-active-3.png) no-repeat center; } .header-menu ul li a.active .menu-icon-4 { background: url(../images/menu/menu-icon-active-4.png) no-repeat center; } .header-menu ul li a.active .menu-icon-5 { background: url(../images/menu/menu-icon-active-5.png) no-repeat center; } .header-menu ul li a.active .menu-icon-6 { background: url(../images/menu/menu-icon-active-6.png) no-repeat center; } .header-menu ul li a.active .menu-icon-7 { background: url(../images/menu/menu-icon-active-7.png) no-repeat center; } .header-menu ul li a.active .menu-icon-8 { background: url(../images/menu/menu-icon-active-8.png) no-repeat center; } .header-menu ul li a.active .menu-icon-9 { background: url(../images/menu/menu-icon-active-9.png) no-repeat center; } .header-menu ul li a.active .menu-icon-10 { background: url(../images/menu/menu-icon-active-10.png) no-repeat center; } .header-menu ul li ul { position: absolute; top: 110px; left: 0; display:none; } .header-menu ul li ul li { float: left; width:117px; height:50px; } .header-menu ul li ul li a { width:96px; height:50px; line-height:50px; text-align: center; font-size: 14px; background: #0754A2; border-left:1px solid #0754A2; border-right:1px solid #0754A2; display: inline-block; font-size: 14px; color: #fff; } .header-menu ul li ul li a.active { width:96px; background: #0754A2; color: #fff; height:50px; border-left:1px solid #0754A2; border-right:1px solid #0754A2;} #banner { position: relative; z-index: 1; overflow: hidden; width:100%; height: 508px; } #banner ul { } #banner ul li { position: absolute; z-index: 2; } #banner ul li img { position: relative; } #banner .arrow-l { cursor: pointer; position: absolute; top: 45%; left: 2%; z-index: 999; display: inline-block; width:65px; height: 65px; background: url(../images/banner-arrow-l.png) no-repeat; } #banner .arrow-r { cursor: pointer; position: absolute; top: 45%; right: 2%; z-index: 999; display: inline-block; width:65px; height: 65px; background: url(../images/banner-arrow-r.png) no-repeat; } #banner .arrow-r:hover,#banner .arrow-l:hover { opacity: 0.8; } #banner .slider-btn { display:none; } #banner .banner-pageing { width: 100%; position:absolute; z-index: 222; bottom: 20px; text-align: center; } #banner .banner-pageing a { margin-right: 10px; width:16px; height:16px; display:inline-block; background: url(../images/banner-dot.png) no-repeat center; } #banner .banner-pageing a.active,#banner .banner-pageing a:hover { background: url(../images/banner-active-dot.png) no-repeat center; } .news-middle-box { width:100%; height: 360px; background: #fff; } .news-middle { margin: 28px auto 0 auto; width: 1200px; height:307px; } .news-middle-l { float:left; width:723px; position: relative; z-index: 1; } .news-middle-l-img {float:left;width: 408px;height: 307px;overflow: hidden;} .news-middle-l-img img {object-fit: cover;font-family: 'object-fit: cover;';width: auto;height:307px;min-width: 409px;} .news-middle-l-title {overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;float: left;margin-top:30px;margin-left: 30px;width: 218px;line-height: 26px;font-size:14px;color:#373737;font-weight: bold;} .news-middle-l-title:hover {color: #0754A2 !important;} .news-middle-l-time { margin-left: 30px; margin-top: 5px; float:left; color:#868686; font-size:12px; } .news-middle-r { float: right; } .news-middle-l-top {position: absolute;z-index: 2;bottom: 0;right: 0;width:338px;height:188px;background: #0754A2;} .news-middle-top-title {overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 4;float: left;width: 240px;height: 90px;margin-left: 55px;margin-top: 15px;font-size: 12px;color:#fff;line-height: 24px;} .news-middle-top-btn { float:left; width: 240px; margin-left: 55px; margin-top: 35px; } .news-middle-top-btn span {width: 100px;height:29px;line-height: 29px;border: 1px solid #0754A2;background: #fff;display: inline-block;text-align: center;} .news-middle-top-btn sapn:hover { opacity:0.8; } .news-middle-r { float:right; width:456px; height: 310px; border-left: 1px solid #ddd; } .news-middle-r-box { width:456px; height: 42px; line-height: 42px; } .news-middle-r-title { position: relative; float: left; margin-left:20px; width:111px; font-size:18px; color:#333; font-weight: bold; } .news-middle-r-title i { position: absolute; left:0; bottom: 0; width:48px; height:3px; background:#0754A2; display: inline-block; } .news-middle-r-en { color:#5c5c5c; margin-left:10px; } .news-middle-r-more { float:right; } .news-middle-r-more a { font-size:14px; color:#515151; } .news-middle-r-more a:hover { color:#0754A2; } .news-middle-r-list { margin-top: 13px; } .news-middle-r-list ul { width: 432px; margin-left: 23px; height: auto !important; height:30px; min-height: 30px; float: left; } .news-middle-r-list li { height: 37px; line-height: 37px; width: 432px; float: left; background: url(../images/news-dot.png) no-repeat left center; } .news-middle-r-list li a { float: left; margin-left:13px; font-size:15px; color:#404040; } .news-middle-r-list li a:hover { color:#0754A2; } .news-middle-r-list li span { float: right; font-size: 14px; color:#757575; } .notice-box { width:100%; height:458px; background: #f4f4f4; } .notice-wrap { width:1200px; margin:0 auto; } .notice-title { float:left; margin-top:25px; margin-bottom:23px; position: relative; width:1200px; height: 42px; line-height: 42px; } .notice-middle-title { font-size:18px; color:#333; font-weight: bold; } .notice-middle-title i { position: absolute; left:2px; bottom: 0; width:48px; height:3px; background:#0754A2; display: inline-block; } .notice-middle-en { color:#5c5c5c; margin-left:10px; } .notice-middle-more { float:right; } .notice-middle-more a { font-size:14px; color:#515151; } .notice-middle-more a:hover { color:#0754A2; } .notice-l {float: left;width: 650px;} .notice-l-img{float:left;width: 266px;height:335px;overflow: hidden;} .notice-l-img img {float:left;min-width: 266px;height:335px;} .notice-l-content {margin-left: 25px;float:left;width: 359px;} .notice-l-content-title a {overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;font-size:18px;color:#444;} .notice-l-content-title a:hover { color:#0754A2; } .notice-l-content-time { float:left; margin-top:22px; margin-bottom: 30px; font-size: 14px; color:#c0c0c0; } .notice-l-content-intro {overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 8;float:left;width: 100%;height: 214px;font-size: 14px;color: #737373;line-height: 26px;} .notice-l-content-more { float:left; width:335px; } .notice-l-content-more a { font-size: 14px; color:#0754A2; } .notice-l-content-more a:hover { color:#0754A2; } .notice-r { width:510px; float: right; } .notice-list-box { margin-bottom:18px; width:510px; height: 100px; background: #fff; border-radius: 5px; } .notice-inner-list { float:left; width: 477px; height: 65px; margin-top: 17px; } .notice-inner-l { float: left; } .notice-inner-l span { width: 90px; display: block; text-align: center; } .notice-inner-l span.date-day { font-size: 30px; color:#0754A2; } .notice-inner-l span.date-y-mon { font-size: 12px; color:#bcbcbc; } .notice-inner-r { float:left; border-left: 1px solid #dddada; width:367px; height: 65px; } .notice-inner-title { float: left; width:379px; margin-left: 15px; } .notice-inner-title a {overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;font-size:16px;color:#444;} .notice-inner-title a:hover { color:#0754A2; } .notice-inner-info {overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;margin-top: 15px;color:#939393;float:left;width:377px;margin-left: 15px; max-height: 19px;} .xue-shu-jiao-liu { width:100%; height: 292px; background: #fff; } .xue-shu-jiao-liu-box { width:1200px; margin:0 auto; } .xue-shu-jiao-liu-title { float:left; margin-top:25px; margin-bottom:23px; position: relative; width:1200px; height: 42px; line-height: 42px; } .xue-shu-jiao-liu-middle-title { font-size:18px; color:#333; font-weight: bold; } .xue-shu-jiao-liu-middle-title i { position: absolute; left:2px; bottom: 0; width:48px; height:3px; background:#0754A2; display: inline-block; } .xue-shu-jiao-liu-middle-en { color:#5c5c5c; margin-left:10px; } .xue-shu-jiao-liu-middle-more { float:right; } .xue-shu-jiao-liu-middle-more a { font-size:14px; color:#515151; } .xue-shu-jiao-liu-middle-more a:hover { color:#0754A2; } .xueshu-list-box { width:599px; height: 67px; float:left; } .xueshu-list-time {border-radius: 5px;margin-top: 13px;float:left;width: 60px;height: 60px;background: #e8eae9;color: #878787;} .xueshu-list-time span { display: block; text-align: center; } .xueshu-inner-box { float: left; width: 470px; margin-top: 10px; } .xueshu-list-time-day { font-size: 18px; margin-top: 8px; } .xueshu-list-time-y-m { margin-top:0px; } .xueshu-inner-title { float: left; margin-left: 22px;font-size:15px; color:#424242; font-weight: bold;} .xueshu-inner-title:hover { color:#0754A2; } .xueshu-inner-info {overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;float: left;margin-left: 22px;margin-top: 10px;font-size:14px;color:#888;} .xueshu-list-box .active { background: #0754A2; color:#fff; } .xueshu-list-box { margin-bottom:30px; } .xueshu-list-line { border-left:1px solid #e9e9e9; height: 40px; float:left; margin-top: 20px; margin-left:30px; } .link-wrap {width:100%;height:67px;line-height: 67px;background: #0754A2;border-bottom: 1px solid #025394;} .link-box { width:1200px; margin: 0 auto; } .link-title { font-size: 18px; color:#fff; margin-right: 25px; float: left; } .link-box a {font-size: 14px;color: #fff;margin-right: 25px;} .link-box a:hover { text-decoration: underline; } #footer {width:100%;height:314px;background: #025394;} .footer-wrap { width:1200px; margin: 0 auto; } .footer-wrap-l { float: left; margin-top:10px;} .friendship-link {margin-top: 40px;float: left;width:309px;border-left: 1px solid #cecdcd;height:155px;} .friendship-link span { float: left; margin-top: 13px; width: 290px; margin-left: 25px; font-size: 18px; color:#fff; } .friendship-link ul { float: left; margin-top: 13px; margin-left: 25px; } .friendship-link ul li { width:142px; float: left; margin-bottom: 14px; } .friendship-link ul li a {font-size:12px;color: #fff;} .friendship-link ul li a:hover { text-decoration: underline; } .footer-wrap-r { float:right; } .footer-weixin-bg {margin-top:33px;width:166px;height:169px;)no-repeat;)no-repeat;)no-repeat;)no-repeat;} .footer-weixin-bg img { float:left; margin-top:23px; margin-left: 22px; } .related-link {float: left;margin-top: 40px;border-left: 1px solid #cecdcd;width: 225px;height:155px;} .related-link span { float: left; margin-top: 13px; text-align: center; width: 225px; font-size: 18px; color:#fff; } .related-link ul { float: left; margin-top: 16px; } .related-link ul li { width:225px; float: left; margin-bottom: 14px; text-align: center; } .related-link ul li a {font-size:12px;color: #fff;} .related-link ul li a:hover { text-decoration: underline; } .contact-box {float: left;margin-top: 40px;border-left: 1px solid #cecdcd;width: 490px;height:155px;} .contact-box p{ line-height: 35px; width: 290px; margin-left: 65px; font-size: 12px; color: #fff; } .contact-box span {float: left;margin-top: 13px;width: 290px;margin-left: 65px;font-size: 18px;color:#fff;margin-bottom: 7px;} .contact-box ul { float: left; margin-top: 16px; margin-left: 65px; } .contact-box ul li { width:465px; float: left; margin-bottom: 12px; color: #ccc; } .contact-box ul li a { font-size:12px; color:#ccc; } .contact-box ul li a:hover { text-decoration: underline; } .footer-copy {margin-top: 43px;float:left;width:1200px;height: 64px;color: #fff;text-align: center;font-size:14px;line-height: 64px;border-top: 1px solid #cecdcd;} .footer-copy a{ color:#fff; } .return_top { display:none; cursor: pointer; z-index: 9999999; position:fixed; bottom: 20px; right: 10px; width:75px; height:74px; background: url(../images/return_top.png) no-repeat; } .nybanner{ height:350px; width:100%; } /*内页样式*/ .ny{ background:#f6f6f5; width:1200px; margin:0 auto;} .ny_left_top{ height:60px; width:250px; color:#FFF; background:#0754A2;} .ny_left_top h2{ font-size:20px; display:block; width:225px; height:60px; line-height:60px; text-align:center;} .ny_right{ float:right; background:#fff; width:920px; min-height:500px; padding-left:29px; padding-bottom:20px; } .ny_right1{ background:#fff; width:1166px; margin:0 auto; padding:15px; min-height:500px;} .ny_right_con{ line-height:34px !important; padding:15px 5px 10px 10px;} .ny_right_con p{font-size:15px !important;line-height:34px !important;text-indent:2em;} .ny_right_con p span{font-size:15px !important;line-height:34px !important;} .nytit{ background:url(../images/dqwz.png) left center no-repeat; border-bottom:1px solid #ddd; height:50px; line-height:50px; padding-left:30px;} .nytit a{ padding-right:7px;} .dqwz{ background:url(../images/dqwz.png) left center no-repeat; font-size:14px; line-height:45px; height:45px; padding-left:30px;} .dqwz a{ padding-right:7px;} /*次级页面二级菜单*/ .snav{width:250px; margin-top:10px;} .snav li{ width:235px; margin-left:15px; font-size:16px; } .snav .s1{ padding-left:40px; height:50px; line-height:50px; display:block; } .snav .s1:after{ height:50px; line-height:50px; display:block; color:#0754A2; background:url(../images/nynav.jpg) left center no-repeat #fff; } .snav li.on .s1:after,.snav .s1:hover:after,.snav .li-open .s1:after{display:none;} .snav .li-add .s1{ height:50px; line-height:50px; } .snav .li-open .s1{ height:50px; line-height:50px; display:block; color:#0754A2; font-weight:bold; background:url(../images/nynav.jpg) 15px center no-repeat #fff; } .snav .on.li-add .s1{ height:50px; line-height:50px; display:block; color:#0754A2; font-weight:bold; background:url(../images/nynav.jpg) 15px center no-repeat #fff;} .snav .on.li-open .s1{ height:50px; line-height:50px; display:block; color:#0754A2; font-weight:bold; background:url(../images/nynav.jpg) 15px center no-repeat #fff;} .snav li.on .s1,.snav .s1:hover{ height:50px; line-height:50px; display:block; color:#0754A2; font-weight:bold; background:url(../images/nynav.jpg) 15px center no-repeat #fff; } .snav dl{display: none; border-top:1px solid #eaeaea;} .snav li.on dl{display: block; background:#fff;} .snav dl a{ display: block; font-size: 14px;color: #333;line-height: 39px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .snav dd.on a, .snav dl a:hover{ color: #0754A2; background: url(../images/gicon8.png) no-repeat 220px center #fff; } /*信息列表开始*/ .Newslist {} .Newslist ul li {height:50px; line-height:50px; border-bottom:1px dashed #dcdcdc; background:url(../images/xb.jpg) no-repeat left 22px; padding-left:15px;} .Newslist ul li span{float: right; color: #999999; margin-right: 2px;} /*图片列表开始*/ .Pic { width: 100%; } .Pic ul {/* padding-top:15px; */display: flex;flex-wrap: wrap;margin: 0px -7%;} .Pic ul li {/* padding:0 11px; *//* float: left; *//* margin-bottom:15px; *//* display: block; *//* width:204px; *//* height:178px; */width: 33.33333%;padding: 0 7%;box-sizing: border-box;margin: 20px 0;} .Pic ul li img {object-fit: cover;font-family: 'object-fit: cover;';padding:1px;border: 1px solid #DDDDDD;height: 155px;width: 130px;overflow:hidden;} .Pic ul li span {display: block;text-align: center;width: 136px;height:30px;line-height:30px;overflow:hidden;} .line1 { border-top: 1px dashed #DDDDDD;} .Pic ul li h3{font-size:18px;font-weight:700;text-align:center;} .Pic ul li p.txt1{text-align:center;text-indent:0;line-height:1.5 !important;} /*详细页*/ .content{width:1100px; padding:20px 33px 0 33px;} .content-title{ width:1100px; border-bottom:1px dashed #ccc; padding-bottom:10px;} .content-title h3{ font-size:24px; font-weight:bold; line-height:50px; width:100%; text-align:center; color:#0754A2; padding-bottom:5px;} .content-title i{TEXT-ALIGN: center; MARGIN: 0px auto; BACKGROUND: #f6f6f6; HEIGHT: 32px; display:block; line-height:32px; font-style:normal;} .content-con{width:1100px; font-size:16px; line-height:35px; padding:10px 0;} .content-con p{font-size:16px !important; line-height:35px !important; margin-bottom:15px;text-indent:2em;} .content-con p span{font-size:16px !important; line-height:35px !important; } .sxt{padding:15px 0; border-top:1px dotted #bbb;} .sxt p{display:block; width:1000px; height:34px; font-size:15px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;} /*搜索结果*/ .ssjg-list{ min-height:500px; padding:20px;} .ssjg-list li{ border-bottom:1px dotted #bfc1c2;padding:10px 15px;} .ssjg-list li h3{word-wrap: break-word;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;color: #333;font-size:16px;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ssjg-list li p{overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;height:48px;line-height:24px;font-size:14px;color:#333;} .ssjg-list li i{color:#666; font-size:14px; line-height:30px; font-style:normal;} .maincontent h2{background:#01438d; font-weight:normal; font-size:15px; color:#ffffff; padding:2px 5px; width:100px; text-align:center;} .maincontent table {font-size:14px; margin-top:15px;margin-bottom:15px; width:100%; border-collapse: collapse;} .maincontent table a{color:#323232;} .maincontent table a:hover{color:#01438d; text-decoration:underline;} .maincontent table img { max-width:600px;} .maincontent table td {text-align: center;padding: 5px 10px;border:1px #eee solid; width:20%;} .maincontent table td:hover { background:#eef2fa; } .odd { background: #f9f9f9; }