/***************************style***************************/ *{box-sizing: border-box;} html{overflow-x:hidden;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin:0;padding:0;} body{word-break: break-all;font: 12px/1.5 'microsoft yahei','simsun',sans-serif,tahoma,arial,'Hiragino Sans GB',sans-serif;} button,a,img,em{border:0;display:block;} img{vertical-align:middle;} li,ul{list-style:none;} i{font-style:normal;} a{text-decoration:none;outline:none;} a:hover{text-decoration:none;} input,textarea{padding:2px;outline:none;} em,i{font-style:normal;font-weight:normal;} table{border-collapse:collapse;border-spacing:0;} label{display:block;} /***************************class***************************/ .fl{float:left;} .fr{float:right;} .block{display:block;} .inline-block{display:inline-block;} .hide{display:none;} .font-m{font-family: 'microsoft yahei';} .clearfix{display:inline-table} *html .clearfix{height:1%} *+html .clearfix{min-height:1%} .clearfix{display:block} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear{clear:both;} .center{text-align: center;} .auto-0{margin:0 auto;} .bold{font-weight:bold;} .cursor{cursor:pointer;} .ell{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .w100{width:100%;} .h100{height:100%;} .allWidth{width:1400px;margin:0 auto;} /*---------------- header -------------------*/ .header-box{width:100%;position:absolute;z-index:1;background:url(../newImages/top_bg.png) no-repeat center center;background-size:100% 100%} .top-box{height:34px;line-height:34px;color:#fff;margin-bottom:30px} .top-box a{color:#fff;display: inline-block;} .top-box .head_btn > div{margin-left:24px;} .top-box .head_btn >em{margin:0 10px;display: inline-block;} /*search*/ .search{position: relative;cursor: pointer;} .search_btn{padding:0 8px;} .search_btn >span{display: none;vertical-align: text-bottom;} .search form{width:280px; position: absolute; right:10px; top: 3px; border: none; overflow:hidden;} .search input { float: right; width:220px; padding-left:8px; height: 28px; line-height: 28px; color:#fff; border:1px solid white; background: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; transition: width .5s; -moz-transition: width .5s;/* Firefox 4*/ -webkit-transition: width .5s;/* Safari 鍜 Chrome*/ -o-transition: width .5s;/* Opera*/ } .search button { float: right; width:50px; height: 28px; line-height: 28px; background: #083364; border-left:none; padding:0; color:#fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; transition: width .5s; -moz-transition: width .5s;/* Firefox 4*/ -webkit-transition: width .5s;/* Safari 鍜 Chrome*/ -o-transition: width .5s;/* Opera*/ } .search input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #fff;} .search input:-moz-placeholder, textarea:-moz-placeholder{color: #fff;} .search input::-moz-placeholder, textarea::-moz-placeholder{color: #fff;} .search input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #fff;} .logo-box{width:100%;} .logo-box .allWidth{display:flex;justify-content:space-between;align-items:center} .logo{max-width:610px;max-height:80px} .logo img{width:100%;height:100%} .scroll_top {padding: 20px 0;position: fixed;top: 0;background: #083364;z-index: 10000;} /*---------------- nav -------------------*/ .navbar{height:70px;background:rgba(0,0,0,0.1);border-radius:35px;padding:0 10px} .navbar >ul >li{float:left;line-height:70px;position:relative;margin:0 10px} .navbar >ul >li >a{color:#fff;font-size:16px} .navbar >ul >li >a.action{font-weight:bold} .pc_nav >ul >li:hover:before{width:100%;height:2px;left:0;} .pc_nav >ul >li:before { content: ''; background-color: #fff; position: absolute; left: 50%; bottom: 12px; width: 0; height: 0; transition: all 0.2s ease-in-out; } .pc_nav .menu{display:none;position:absolute;left:50%;top:70px;margin-left:-90px;box-shadow: 0 0 5px rgba(0,0,0,.16);background: rgba(8,51,100,0.8);width: 180px;} .pc_nav .menu >li{line-height:30px;position: relative;padding: 0 10px;} .pc_nav .menu >li > a{color:#fff;font-size:16px;border-top:1px solid #ddd;padding: 10px 0;} .pc_nav .menu >li:first-child >a{border-top:none;} .pc_nav .menu >li:hover > a{font-weight: bold;} .pc_nav .three_menu{display:none;width: 180px;position: absolute;top: -1px;left: 180px;background: rgba(8,51,100,0.8);} .pc_nav .three_menu li{line-height:30px;padding:0 10px;} .pc_nav .three_menu li a{color:#fff;font-size:16px;padding: 10px 0;border-top:1px solid #ddd;} .pc_nav .three_menu li:first-child a{border-top:none;} .pc_nav .three_menu li:hover a{font-weight: bold;} .pc_nav .menu >li:hover .three_menu{display:block;} .mob_nav{display:none;} /*---------------- banner -------------------*/ .banner-box{position:relative;width:100%;} .banner-box .bd{margin:auto;} .banner-box .bd .tempWrap{margin:0 auto;} .banner-box .bd li img{width:100%;} .banner-box>a{width:24px; height:40px; position:absolute;top:50%; margin-top:-20px;opacity: 0.8;} .banner-box>a.prev{ left:3%;background:url(../newImages/left.png)no-repeat center center; background-size:100% 100%;} .banner-box>a.next{right:3%;background:url(../newImages/right.png)no-repeat center center; background-size:100% 100%;} /*---------------- one-floor -------------------*/ .one-floor{box-shadow:0px 4px 16px 0px rgba(0,108,171,0.1);height:140px} .nav-tab{height:140px;display:flex;justify-content:space-around;align-items:center} .nav-tab li{float:left} .nav-tab li div{width:65px;height:50px;text-align:center;line-height:50px;background:none;background-size:100% 100%;overflow:hidden;display:flex;justify-content:center;align-items:center} .nav-tab li img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle} .nav-tab li p{color:#4D4D4D;font-size:16px;margin-top:16px} .nav-tab li:hover p{color:#083364} .nav-tab li:hover img{display:none;} .nav-tab li:nth-child(1):hover div{background:url(../newImages/nav1-h.png)no-repeat center center;} .nav-tab li:nth-child(2):hover div{background:url(../newImages/nav2-h.png)no-repeat center center;} .nav-tab li:nth-child(3):hover div{background:url(../newImages/nav3-h.png)no-repeat center center;} .nav-tab li:nth-child(4):hover div{background:url(../newImages/nav4-h.png)no-repeat center center;} .nav-tab li:nth-child(5):hover div{background:url(../newImages/nav5-h.png)no-repeat center center;} .nav-tab li:nth-child(6):hover div{background:url(../newImages/nav6-h.png)no-repeat center center;} /*---------------- two-floor -------------------*/ .common-title{height: 40px; line-height: 40px; overflow:hidden;margin-bottom:30px;} .common-title .title-name li{color: #999; font-size: 20px; padding-right: 46px; display: inline-block; vertical-align: middle;cursor: pointer;} .common-title .title-name li.normal{color: #333;font-size: 26px;} .common-title .title-more{padding-left: 20px;} .common-title .title-more a{color: #666; font-size: 14px} .common-title .title-more a:hover{font-weight:bold;} .two-floor{padding:55px 0;height:510px;overflow:hidden} .news-tab{width:930px} .news-lifo li{width: 270px; height: 330px; margin-right: 60px; overflow: hidden;} .news-lifo li:last-child{margin-right:0;} .news-lifo li .news-img{width: 100%; height: 174px;overflow: hidden;} .news-lifo li .news-img img{width: 100%; height: 100%; transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s;} .news-lifo li .news-img img:hover{transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05);} .news-lifo li p{font-size: 16px; line-height: 20px;color: #4c4c4c; margin: 14px 0;} .news-lifo li p:hover{color:#083364;font-weight:bold;} .news-lifo li i{font-size: 14px;color: #b3b3b3; padding-left: 20px; background: url(../newImages/dateIcon.png) no-repeat center left;} .news-lifo li .news-con{font-size: 14px; line-height: 26px; color: #666; margin-top: 8px;} .news-lifo li .news-con:hover{color:#083364;font-weight:bold;} .notice-tab{width:392px;} .notice_tab .common_title{margin-bottom: 12px;} .notice-info{height: 344px;overflow: hidden;} .notice-info li{width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #e4e4ef;} .notice-info li:last-child{border-bottom:0;} .notice-info li .notice-date{margin-right: 18px; margin-top: 16px;} .notice-info li .notice-date span{float:left;text-align: center;} .notice-info li .notice-date .day{width: 30px;line-height:30px;background: #083364;border-radius: 6px; color: #fff; font-weight: bold;font-size: 16px;} .notice-info li .notice-date .year{width: 56px; height: 22px; line-height: 22px;color: #4d4d4d;background: #A3ACBF;color: #fff;border-radius: 0px 4px 4px 0px;margin-top: 4px;} .notice-info li a{color:#575858;font-size:15px;line-height:60px;} .notice-info li a:hover{color:#083364;font-weight:bold;} /*---------------- three-floor -------------------*/ .three-floor{min-height: 400px;background:#f7f7f7;padding: 50px 0;} .message_tab .common-title{width: 560px;} .mess-list{width: 560px;} .mess-list li{color: #333;line-height: 50px;font-size: 16px;} .mess-list li .mess-date{margin-right:18px;float: left;} .mess-list li a{color:#333;transition: all 0.3s ease-out 0s;} .mess-list li a:hover{padding-left: 10px;color:#083364;} .mess-slide{width: 740px;position:relative;} .mess-slide .tempWrap{width:100% !important} .mess-slide .bd li{width: 740px;height:455px;position:relative;} .mess-slide .bd li p{width: 100%;height: 45px;line-height: 45px;background: rgba(0,0,0,0.6);color: #fff;font-size: 16px;padding-left: 10px;position: absolute;left: 0;bottom: 0;} .mess-slide .hd{position: absolute; right: 0; bottom: 16px;} .mess-slide .hd li{width: 10px; height: 10px; border-radius: 50%; float: left; background: #083364; margin-right: 10px;cursor: pointer;border:1px solid #fff;} .mess-slide .hd li.on{background: #fff;} .mess-slide .mess-back{background-color: #A3ACBF;position: absolute;right:0;top:-48px;width: 592px;height: 48px;} /*---------------- four-floor -------------------*/ .four-floor{padding:50px 0 78px} .special-tab{position:relative} .special-tab .tempWrap{width:100% !important;} .special-tab .bd li{width:310px;height:160px;margin-right:53px;overflow: hidden;} .special-tab .bd li img{width: 100%; height: 100%; transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s;} .special-tab .bd li img:hover{transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05);} .special-tab .special-toggle{width:156px;position:absolute;bottom:-38px;left:0;right:0;margin:auto} /*---------------- link-box -------------------*/ .link-box{background:#255B99;height:80px} .link-box select{width:305px;height:38px;line-height:38px;margin:21px 0;margin-right:60px;float:left;border-radius:6px;color:#4d4d4d;font-size:16px;text-align:center} .link-box select:last-child{margin-right:0;} .link-box select option{line-height:30px;} .link-box select option:first-child{display:none;} /*---------------- footer-box -------------------*/ .footer-box{padding:18px 0;min-height:150px;background:#083364;color:#fff} .footer-box .allWidth{display:flex;justify-content:space-between;align-items:center} .foot-txt{max-width:500px} .foot-txt p{line-height:30px} .foot-txt p a{color:#fff;display:inline;margin-right:30px} .foot-txt p a:hover{color:#ddd} .foot-txt p img{display:inline;margin:0 6px 0 0} .foot-txt p span{margin-right:30px} .foot-logo{margin:20px 0;max-width:680px;max-height:80px} .foot-logo img{width:100%;height:100%} .foot-code{margin:20px 0} .foot-code .code-li img{margin:9px auto 6px} .foot-code .code-img{position: relative;cursor: pointer;} .foot-code .weixin{display:none;position: absolute;bottom: 60px;left: 50%;right: 0;width: 120px;height: 120px;margin-left: -60px;background: #fff;border-radius: 10px;padding: 5px;} .foot-code .code-img:hover .weixin{display:block;} /*---------------- left-menu -------------------*/ .common-box{padding:50px 0} .left-menu{width:300px;background:#fff;text-align:center;box-shadow:0 0 5px #ddd} .left-menu .menu-title{background:#083364;color:#fff;font-size:24px;line-height:40px;padding:15px 10px} .left-menu .menu-list{padding:15px 0} .left-menu .menu-list ul li{width:80%;border:1px solid #e9e9e9;margin:15px auto} .left-menu .menu-list ul li a{line-height:30px;padding:10px;font-size:16px;color:#4d4d4d} .left-menu .menu-list ul li.normal{border: 2px solid #083364;} .left-menu .menu-list ul li.normal a{color: #083364;} .left-menu .menu-list ul li:hover{border: 1px solid #083364;} .left-menu .menu-list ul li:hover a{color: #083364;} /*---------------- channel-right -------------------*/ .right-info{margin-left:340px} .local{line-height:35px;padding:15px 0;border-bottom:1px solid #ddd} .local a{display:inline;color:#666;font-size:16px} .local a:hover{color:#083364} .channel-list{padding:20px 0} .channel-list li{padding:10px 15px} .channel-list li:nth-child(2n-1){background:#f8f8f8} .channel-list li a{font-size:16px;color:#666} .channel-list li p{line-height:70px;padding-left:30px} .channel-list li .channel-date{border-right:1px solid #ddd;padding-right:30px} .channel-list li .channel-date span{display:block} .channel-list li .channel-date span.year{} .channel-list li .channel-date span.day{font-size:24px;color:#083364} .channel-list li:hover p{color:#083364;font-weight:bold} .page_num{margin: 30px 0;font-size: 14px;color: #666;overflow: hidden;} .page_num .page{display: inline-block;margin: auto;} .page_num .page >li{padding: 5px 8px;float: left;background: #e8e8e8;margin: 2px 5px;} .page_num .page >li > a{color: #083364;background: #e8e8e8;} .page_num .page .pageBtn{background: none;padding: 0;margin: 0;} .page_num .page .pageBtn a{padding: 5px 11px;margin: 2px 5px;float: left;} .page_num .page .pageBtn a.active{background: #083364;color: #fff;} .page_num .page li span{color: #083364;} /*images*/ .images-list{margin:20px 0} .images-list li{float:left;width:326px;height:240px;margin-right:41px;margin-bottom:20px;overflow:hidden;border:1px solid #e6e6e6} .images-list li:nth-child(3n){margin-right:0} .images-list li div{height:190px} .images-list li p{line-height:48px;font-size:16px;color:#666} .images-list li:hover{box-shadow: 0 0 6px #ddd;} .images-list li:hover p{color: #083364} /*---------------- text-right -------------------*/ .text-title{font-size:24px;color:#083364;padding:20px 10px 10px} .text-sub{font-size:20px;color:#083364} .text-desc{color:#666;font-size:14px;padding:10px 0;margin-top:10px;background:#f8f8f8} .text-desc >span{display:inline !important;} #pageContent{min-height: 300px;margin-top: 20px; line-height: 26px; font-size: 16px;} #pageContent a{display: inherit;} #pageContent img{max-width: 100%;height:auto !important;} #pageContent li, #pageContent ul {list-style: auto;} #pageContent .embed{margin: 0 auto; width: 640px;} #pageContent button, #pageContent a, #pageContent img, #pageContent em{display:initial;} .prev_box{margin: 30px 0;line-height: 30px;font-size: 16px;border-top: 1px solid #ddd;padding-top: 10px;} .prev_box a{color: #666;display: inline;} .prev_box a:hover{color: #083364} /*瀛︽牎棰嗗*/ .pic_box{margin-right:-44px;overflow:hidden;clear:both;} .pic_box li{float:left;width:240px;margin-right:44px;line-height:24px;overflow: hidden;height:480px;} .pic_box li img{height:329px;width:240px;} .pic_box li span{margin-bottom:6px;display:block;} .text_box p{line-height: 30px;margin:5px 0;} .text_box img{max-width:100%;display:initial;} .text_box a{display:initial;} .text_box table{max-width:100%;} /* ----------- 涓変紭璇勯€ ---------------*/ .sy-menu{width:252px;} .sy-menu .menus{border-radius: 10px 10px 0 0;overflow: hidden;border: 1px solid #e3e3e3;padding:0;} .sy-menu .menus .title{height: 60px;line-height: 60px;background: #083364;font-size: 24px;color: #fff;text-align: center;} .sy-menu .menus .floor{background: #fff;text-align:center;} .sy-menu .menus .floor span{cursor: pointer;display: block;text-align: center;font-size: 16px;height: 52px;line-height: 52px;border-bottom: 1px solid #f1f1f1;position: relative;} .sy-menu .menus .floor span i{display: inline-block;background:url("../newImages/down_n.png") no-repeat;width: 14px;height: 12px;position:absolute;right:15px;top:20px;} .sy-menu .menus .floor span.active{color: #255B99;font-weight: bold;text-indent: -6px;position: relative;} .sy-menu .menus .floor span.active i{background:url("../newImages/down.png") no-repeat;} .sy-menu .menus .floor span:hover{color: #255B99;font-weight: bold;position: relative;} .sy-menu .menus .floor span:hover i{background:url("../newImages/down.png") no-repeat;} .sy-menu .menus ul{display: block;} .sy-menu .menus ul li a{display: block;width:100%;line-height:40px;text-align: center;border-bottom: 1px solid #e3e3e3;text-decoration: none;color:#333;background: url("../newImages/profile.png") no-repeat 68px #fff;} .sy-menu .menus ul li.current a{background:url("../newImages/profile_hover.png") no-repeat 68px #daecfc;color:#484848;} .sy-menu .menus ul li a:hover{background:url("../newImages/profile_hover.png") no-repeat 68px #daecfc;color:#484848;} .ads-float-close{ height:26px!important; top:0px!important; left:0px!important; background:url(../newImages/close.png)no-repeat center right !important; background-size:26px 100%!important; }