html { min-width: 1220px; } 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 } 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: 14px; } 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 } #header { width: 100%; height: 178px; border-top: 2px solid #e3161e; position: relative; z-index: 10000 } .top-wrap { width: 100%; height: 68px; background: #222 } .top-wrap-box { width: 1200px; height: 178px; margin: 0 auto } #header .logo { position: absolute; z-index: 99999; top: 0px } .head-we-box { float: left; margin-left: 214px; font-size: 14px; color: #fff; margin-top: 27px } .top-search-box { float: right; margin-top: 18px; position: relative; z-index: 1 } .search-input { text-indent: 10px; width: 320px; height: 32px; line-height: 32px; border-radius: 50px; background: #fff; border: 0; padding-right: 43px; } .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: 117px; 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: 115px; background: #d40f20; color: #fff; height: 110px; border-left: 1px solid #df505d; border-right: 1px solid #df505d } .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: 115px; text-align: center; display: block; margin-top: 15px } .header-menu ul li .menu-icon-1 { width: 115px; height: 30px; background: url(../images/menu/menu-icon-1.png) no-repeat center } .header-menu ul li .menu-icon-2 { width: 115px; height: 30px; background: url(../images/menu/menu-icon-2.png) no-repeat center } .header-menu ul li .menu-icon-3 { width: 115px; height: 30px; background: url(../images/menu/menu-icon-3.png) no-repeat center } .header-menu ul li .menu-icon-4 { width: 115px; height: 30px; background: url(../images/menu/menu-icon-4.png) no-repeat center } .header-menu ul li .menu-icon-5 { width: 115px; height: 30px; background: url(../images/menu/menu-icon-5.png) no-repeat center } .header-menu ul li .menu-icon-6 { width: 115px; height: 30px; background: url(../images/menu/menu-icon-6.png) no-repeat center } .header-menu ul li .menu-icon-7 { width: 115px; height: 30px; background: url(../images/menu/menu-icon-7.png) no-repeat center } .header-menu ul li .menu-icon-8 { width: 115px; height: 30px; background: url(../images/menu/menu-icon-8.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 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: 115px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; background: #d40f20; border-left: 1px solid #d40f20; border-right: 1px solid #d40f20; display: inline-block; font-size: 14px; color: #fff } .header-menu ul li ul li a.active { width: 115px; background: #be0d1e; color: #fff; height: 50px; border-left: 1px solid #d40f20; border-right: 1px solid #d40f20 } #banner { position: relative; z-index: 1; overflow: hidden; width: 100%; height: 600px } #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 } .news-middle-l-img img { width: 408px; height: 307px } .news-middle-l-title { float: left; margin-top: 30px; margin-left: 30px; width: 280px } .news-middle-l-title a { line-height: 26px; font-size: 14px; color: #373737; font-weight: bold } .news-middle-l-title a:hover { color: #99030c } .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: #dd131f } .news-middle-top-title { float: left; width: 240px; height: 80px; margin-left: 55px; margin-top: 15px } .news-middle-top-title a { 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 a { width: 100px; height: 29px; line-height: 29px; border: 1px solid #99030c; background: #fff; display: inline-block; text-align: center } .news-middle-top-btn a: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: 81px; font-size: 18px; color: #333; font-weight: bold } .news-middle-r-title i { position: absolute; left: 0; bottom: 0; width: 48px; height: 3px; background: #bb000b; 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: #99030c } .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: #99030c } .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: #bb000b; 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: #99030c } .notice-l { float: left } .notice-l-img,.notice-l-img img { float: left; width: 266px; height: 335px } .notice-l-content { margin-left: 25px; float: left; width: 335px } .notice-l-content-title a { font-size: 18px; color: #444 } .notice-l-content-title a:hover { color: #99030c } .notice-l-content-time { float: left; margin-top: 22px; margin-bottom: 30px; font-size: 14px; color: #c0c0c0 } .notice-l-content-intro { float: left; width: 335px; height: 200px; font-size: 14px; color: #737373; line-height: 24px } .notice-l-content-more { float: left; width: 335px } .notice-l-content-more a { font-size: 14px; color: #bb000b } .notice-l-content-more a:hover { color: #99030c } .notice-r { width: 100%; float: right } .notice-list-box { margin-bottom: 18px; width: 48%; height: 100px; background: #fff; border-radius: 5px; float: left; margin-right: 4% } .notice-list-box:nth-child(2n) { margin-right: 0 } .notice-inner-list { float: left; width: 100%; 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: #bf080f } .notice-inner-l span.date-y-mon { font-size: 12px; color: #bcbcbc } .notice-inner-r { float: left; border-left: 1px solid #dddada; width: calc(100% - 95px); height: 65px } .notice-inner-title { float: left; width: 100%; margin-left: 15px } .notice-inner-title a { font-size: 16px; color: #444 } .notice-inner-title a:hover { color: #99030c } .notice-inner-info { margin-top: 8px; color: #939393; float: left; width: 97%; margin-left: 15px; font-size: 13px; line-height: 20px } .xue-shu-jiao-liu { width: 1200px; height: auto; background: #fff; margin: 0 auto; overflow: hidden; margin-bottom: 30px } .xue-shu-jiao-liu-box { width: 48%; float: left; margin-right: 4% } .xue-shu-jiao-liu-title { float: left; margin-top: 25px; margin-bottom: 23px; position: relative; width: 100%; 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: #bb000b; 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: #99030c } .xueshu-list-box { width: 599px; height: 67px; float: left } .xueshu-list-time { border-radius: 5px; margin-top: 9px; float: left; width: 65px; height: 60px; background: #e8eae9; color: #878787 } .xueshu-list-time span { display: block; text-align: center } .xueshu-inner-box { float: left; width: calc(100% - 65px); 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 } .xueshu-inner-title a { font-size: 15px; color: #424242; font-weight: bold } .xueshu-inner-title a:hover { color: #99030c } .xueshu-inner-info { float: left; margin-left: 22px; margin-top: 5px; font-size: 13px; color: #888 } .xueshu-list-box .active { background: #bb000b; color: #fff } .xueshu-list-box { margin-bottom: 30px } .xueshu-list-line { height: 40px; float: left; margin-top: 20px; margin-left: 30px } .link-wrap { width: 100%; height: 67px; line-height: 67px; background: #404040; border-bottom: 1px solid #5d5d5d } .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: #cbcbcb; margin-right: 25px } .link-box a:hover { text-decoration: underline } #footer { width: 100%; height: 314px; background: #303030 } .footer-wrap { width: 1200px; margin: 0 auto } .footer-wrap-l { float: left; margin-top: 10px } .friendship-link { margin-top: 40px; float: left; width: 630px; border-left: 2px solid #434343; 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: #ccc } .friendship-link ul li a:hover { text-decoration: underline } .footer-wrap-r { float: right } .footer-weixin-bg { margin-top: 33px; width: 166px; height: 169px; background: url(../images/foot-weixin-bg.png) no-repeat } .footer-weixin-bg img { float: left; margin-top: 23px; margin-left: 22px; width: calc(100% - 54px); border: 5px solid #fff; } .related-link { float: left; margin-top: 40px; border-left: 2px solid #434343; 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: #ccc } .related-link ul li a:hover { text-decoration: underline } .contact-box { float: left; margin-top: 40px; border-left: 2px solid #434343; width: 390px; height: 155px } .contact-box span { float: left; margin-top: 13px; width: 290px; margin-left: 65px; font-size: 18px; color: #fff } .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: #b2b2b2; text-align: center; font-size: 14px; line-height: 64px; border-top: 1px solid #5d5d5d } .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: 230px; width: 100% } .ny { background: #f6f6f5; width: 1200px; margin: 0 auto } .ny_left_top { height: 60px; width: 250px; color: #FFF; background: #d50f20 } .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 } .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: #bc2427; 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: #bc2427; 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: #bc2427; 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: #bc2427; 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: #bc2427; 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: #bc2427; background: url(../images/gicon8.png) no-repeat 220px center #fff } .dpzw { text-indent: 2em; font-size: 16px } .dpzw p { text-indent: 2em; text-align: justify; font-size: 15px; text-justify: inter-ideograph; margin-bottom: 15px } .dpzw img { text-align: center; max-width: 600px; margin: 15px auto; display: block } .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 ul { padding-top: 15px } .Pic ul li { padding: 0 11px; float: left; margin-bottom: 15px; display: block; width: 204px; height: 254px; } .Pic ul li img { padding: 1px; border: 1px solid #DDDDDD; height: 220px; width: 200px; overflow: hidden } .Pic ul li span { display: block; text-align: center; width: 204px; height: 30px; line-height: 30px; overflow: hidden } .line1 { border-top: 1px dashed #DDDDDD } .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: #bc2427; 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 { text-indent: 2em; text-align: justify; text-justify: inter-ideograph; margin-bottom: 20px } .content-con img { text-align: center; max-width: 600px; margin: 15px auto; display: block } .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; margin: 20px; width: calc(100% - 40px); } .ssjg-list li { border-bottom: 1px dotted #bfc1c2; padding: 10px 15px; width: calc(100% - 30px); line-height: 30px; overflow: hidden; } .ssjg-list li h3 { color: #000000; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .ssjg-list li p { 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; float: right; } .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 }