* { margin: 0; padding: 0;} body { width: 100%; margin: 0 auto; font-family: "microsoft yahei"; font-size: 14px; background-color: #fff;} h1, h2, h3, h4, h5, h6, span { margin: 0;} ul,ol{margin: 0; padding: 0;} li, p { list-style-type: none; font-size: 15px; margin: 0; } a, a:hover { height: auto; text-decoration: none;} .fl { float: left;} .fr { float: right;} .w100 { width: 100%; height: auto; margin: 0 auto;} .clear { clear: both;} .banner { padding: 0; position: relative; height: auto; margin: 0 auto; padding: 0 !important; max-height: 570px; overflow: hidden;} .banner2 { max-height: 520px;} .banner2 img { max-height: auto;} .banner .hd { list-style: none; position: absolute; right: 48%; bottom: 20px; height: 12px; z-index: 1; display: block; } .banner .hd ul li { float: left; width: 10px; height: 10px; text-align: center; cursor: pointer; border-radius: 100%; border: 1px solid #fff; background: #fff; margin: 0 5px;} .banner .hd ul li.on { background: #167bd9;} .banner .bd li { width: 100%; height: auto; overflow: hidden;} .banner .bd li img { width: 100%; height: auto;} .banner .bd li .banner_bt{position: absolute; bottom: 20px; left: 5%; display: none; max-width: 420px; height: 45px; padding: 0 15px; line-height: 45px; background-color: rgba(22, 123, 217, 0.8);} .banner .bd li .banner_bt a{color: #fff; font-size: 18px;} .banner .prev { position: absolute; left: 45%; bottom: 20px; width: 21px; height: 14px; z-index: 9; background: url(../img/prev.jpg) no-repeat center center;} .banner .next { position: absolute; right: 44%; bottom: 20px; width: 21px; height: 14px; z-index: 9; background: url(../img/next.jpg) no-repeat center center;} .header{width:100%;height: auto;background-color: rgb(22, 123, 217);} .up{position: absolute; top:0; left:0;} .head{width: 100%;max-width: 1200px;padding: 0;min-height: 100px;padding: 20px 0 !important;} .logo{max-width: 550px;width: 100%;/* margin: 15px auto; */} .logor{max-width: 510px; width: 100%; float: right; margin: 15px auto;} .top_link{width: 100%; float: left;margin-top:10px;} .top_link ul{} .top_link ul li{line-height: 30px; height: 30px; float: left; margin-left:10px;} .top_link ul li.green{background: url(../img/square_green.jpg) no-repeat left center;} .top_link ul li.blue{background: url(../img/square_blue.jpg) no-repeat left center;} .top_link ul li.yellow{background: url(../img/square_yellow.jpg) no-repeat left center;} .top_link ul li a{padding:0 0 0 10px; color: #fff;} .home{background: url(../img/home.png) no-repeat left center;padding-left:25px;height: 47px;line-height: 50px;} .home a{color: #333;} .search{width: 200px;height:28px;margin-top: 25px;border: 1px solid #cecece;border-radius: 25px;margin-right: 20px;} .search input.ssk{width: 80%;height: 26px;padding-left:10px;float:left;padding-right: 5px;border-right: 1px solid #d2d2d2;border-left: none;border-top: none;border-bottom: none;line-height: 30px;float: left;background: none;} .search input.ss{width: 20%; height: 28px; background: url(../img/search.png) no-repeat center center;border: none;float:left;} .container,.navbar-collapse{padding:0;} .navbar-default .container{width:1200px;} ul.nav{width:100%;} nav.navbar.bootsnav ul.nav > li > a{padding:15px 14px;} .main { padding: 0; max-width: 1200px; width: 100%;} .lm { width: 100%; height:45px; line-height: 45px; margin-top: 30px; margin-bottom: 20px; border-bottom: 1px solid #167BD9;} .lm h5 { float: left; background: url(../img/bg_lm.jpg) center center no-repeat; line-height: 46px; color: #fff; font-size: 20px; height:46px; padding: 0 24px; text-align: center; font-weight: bold;} .lm .more{display: block;float: right;background: url(../img/more.jpg) no-repeat right center; width: 65px;height: 45px; line-height: 46px;} .lm .more a { float: left;color: #333;} .new{width:100%; max-width: 790px; float:left; padding:0; margin-right:15px;} .notice{width:100%; max-width: 380px; float:left; padding:0; margin-left:15px;} .teach{margin-right: 15px; margin-left: 0;} .science{margin: 0 15px;} .bg_new{padding:10px;width: 100%;float: left;} .pic{width:100%;max-width: 370px;margin-right: 15px;padding:0;height: 298px;overflow:hidden;position:relative;} .pic .hd{ overflow:hidden; position:absolute;right:10px; bottom:20px; line-height: 10px; height:10px; z-index:999999; width:100%;} .pic .hd ul{ overflow:hidden; zoom:1; float:right; height:10px;} .pic .hd ul li{ float:left; margin:0 4px; padding:0; width:10px; height:10px; text-align:center; border: 1px solid #fff; cursor:pointer; border-radius:15px 15px ;} .pic .hd ul li.on{ background:#fff; opacity: 1; height:10px; width: 10px; border-radius:15px 15px;} .pic .bd{ position:relative; height:100%; margin-bottom: 0; z-index:0;} .pic .bd ul{margin:0;} .pic .bd li{ zoom:1; vertical-align:middle;} .pic .bd img{width:100%;height:auto;display:block;max-height: 248px;} .pic .lb_bg { position: absolute; left: 0; bottom: 0px; width: 100%; margin:0; height: 50px; line-height: 50px; padding-left: 10px; background: rgba(37,133,221,0.8);} .pic .lb_bg a { color: #fff; width:70%; float: left; text-decoration: none; font-size: 16px; font-weight: bold; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new_bt{width:100%; max-width: 380px; padding: 0; margin:0 0x; float: left;} .new_bt ul{width: 100%; float: left; margin:0px 0 0;} .new_bt li{float: left;text-align:left; background: url(../img/list_d.jpg) no-repeat left center; width: 100%; padding-left:10px; line-height: 35px; margin: 0;} .new_bt ul li a{float: left; width:85%; height: 35px; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #333;} .new_bt li:hover a{ color: #167BD9;} .new_bt ul li span{float: right; color: #999; font-size: 12px; text-align: right; width:15%;} .icon_new{background:url(../img/new.jpg) no-repeat center right; padding-right:30px;} /*底部*/ .footer{width: 100%;height: auto;padding-top:20px;margin-top:30px;overflow: hidden;background: url(../img/bg_foot.jpg) no-repeat center center #217dd3;} .foot{width: 100%;padding: 0;float: left;} .foot h5{width: 100%; float: left; height: 60px; line-height: 60px; color: #fff; font-size: 18px;font-weight: bold;} .link{width: 550px;padding: 20px 0 20px;float: left;} .linkr{margin-left: 20px;width: 630px !important;} .linkr li{width: 33% !important;} .link h6{width:40px; margin-top:0px; font-size: 15px; padding:15px 10px; height: 100px; float: left ; background: url(../img/bg_link.jpg) no-repeat center center; color:#fff; text-align: center;} .link ul{float: left;width: 90%;margin-left: 15px;} .link ul li{float: left;width: 25%;line-height: 40px;background: url(../img/link.jpg) no-repeat left center;padding-left: 20px;} .link ul li a{color: #fff; font-size: 14px; width:100%; height:40px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .ewm{width: 100%; max-width: 120px ;float: left;padding: 20px 0 0;} .ewm img{width:120px; height: 120px; float: left; padding: 10px;} .ewm p{width: 100%; color: #fff; float: left; text-align: center; font-size: 14px; line-height: 24px;} .ewm p b{font-size: 18px; line-height: 30px;} .copy{width: 100%;margin-top:0px;max-width: 1200px;border-top: 1px solid #69b2f6;padding: 0;line-height: 60px;height: 60px;} .copy p {color: #fff; text-align: center;word-wrap: break-word; word-break: break-all;} /*左侧*/ .m_left{width:100%; max-width: 260px; float: left; padding: 0; margin-top:30px;} .column{width: 100%; float: left; text-align: center; } .column h5{width:90%; margin:0 auto;height: 60px;line-height: 60px;color: #fff; font-size: 20px; font-weight: bold;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .sunav{width:100%; float:left;} .sunav ul{width:100%; float:left;} .sunav ul li{float:left;width:100%; margin-top:10px; line-height: 50px; background: #dde5ed;} .sunav ul li a{width:80%;height: 50px;margin:0 10%; font-size:16px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;float:left; text-align: center; color: #080808;} .sunav ul li.current,.sunav ul li:hover{background: url(../img/current.jpg) #167bd9 center center no-repeat;} .sunav ul li.current a,.sunav ul li:hover a{color: #fff;} .m_right{width:100%; max-width: 890px; float: left; padding: 0; margin-top:30px; margin-left:50px;} .m_lm{width:100%;height: 60px; line-height: 60px; border-bottom: 2px solid #167bd9;} .m_lm h5{padding: 0 5px; height: 60px; border-bottom: 2px solid #ec9700; line-height: 58px; color: #167bd9; font-weight: bold; font-size: 18px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float: left;} .dqwz{float:right; height: 58px; padding-left:3%; background: url(../img/dqwz.jpg) no-repeat left center;} .dqwz a{color: #aaaaaa;margin:0 5px;} .dqwz a:hover{color: #029166;} /*文章内容页*/ .content{width: 100%; padding:0 0; margin: 20px auto;} .showtitle{font-size: 20px; font-weight:bold;text-align: center; color: #333; line-height: 35px; margin: 15px auto;} .subtitle{font-size: 14px; text-align: center; color: #333;margin: 10px auto;} .data{ padding: 15px 0; margin-bottom: 10px; color: #c3c3c3; border-bottom: 1px dashed #c3c3c3; line-height: 14px; text-align: center;} .data img{margin-right: 5px;} .wznr{} .wznr p{font-size: 14px; line-height: 35px;} .wznr p img{margin: 0 auto;margin-bottom: 20px;} /*静态标题列表页*/ .fy{margin:15px auto; width: 100%; text-align: center; float: left;} .list_bt{width:100%;float: left;} .list_bt ul{width:100%;float: left;margin: 10px 0;} .list_bt ul li{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); transition: all 0.5s ease-in-out;width: 100%; height: 44px; line-height: 45px; border-bottom: 1px dashed #CCCCCC; background: url(../img/list_d.jpg) no-repeat left center; float: left;} .list_bt ul li a{width: 85%; height: 44px; float: left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left: 2%; color: #333;} .list_bt ul li span.time{width: 15%; text-align: right; float: left;} .list_bt ul li:hover a{color: #fff;} .list_bt ul li:hover span.time{color: #fff; padding-right: 1%;} /*图片列表页*/ .list_img{width:100%;float: left;} .list_img ul{width:100%;float: left;margin: 10px 0;} .list_img ul li{/* width:128px; *//* height: 210px; */float: left;/* margin:10px 25px; */width: 215px;margin: 10px 0px;} /*.list_img ul li.img_z{margin-left: 0;} .list_img ul li.img_y{margin-right: 0;}*/ .list_img ul li a{width: 100%;} .list_img ul li .pic_js{ width:100%; height: auto; display: none; overflow: hidden; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); transition: all 0.5s ease-in-out; float: left; border: 1px solid #acacac; padding: 3px;} .list_img ul li .pic_js img{ float: left;width:120px; height: 166px;} .list_img ul li .pic_js:hover img{} .list_img ul li:hover .pic_js{border: 1px solid #167BD9; background-color: #167BD9;} .list_img ul li:hover a span{background: #167BD9; color: #fff;}{} .list_img ul li a span{width:100%;float:left;line-height: 32px;height: 32px;/* text-align: center; */color: #333;text-align: left;font-size: 16px;} /*单篇正文*/ .dpzw{width: 100%; padding:0; margin: 20px auto;} /*分享*/ .share{width: 100%; margin: 20px 0; height: 45px; line-height: 45px; padding: 0 40%; background-color: #f7f7f7;} .share .bshare-custom{line-height: 45px !important;} .bshare-custom a{padding: 0 !important; margin: 0 7px !important; height: 23px !important; width: 23px !important;} .share .bshare-custom .bshare-weixin{background: url(../img/data_wx.jpg) no-repeat !important;} .share .bshare-custom .bshare-qzone{background: url(../img/data_qzone.jpg) no-repeat !important;} .share .bshare-custom .bshare-sinaminiblog{background: url(../img/data_xl.jpg) no-repeat !important;} .share .bshare-custom .bshare-more{background: url(../img/data_fx.jpg) no-repeat !important;} /*上下条*/ .page{width: 100%; float: left;margin: 10px 0;} .page div{height: 30px; width: 100%;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 30px; color:#167BD9;} .page div a{color: #888;} .page div:hover a{color:#167BD9;} @media (max-width:1199px ) { .head{max-width: 100%;} .logo,.logor{max-width: 500px;} .navbar-default .container{width:100%;} nav.navbar.bootsnav ul.nav > li > a{padding: 15px 10px !important; font-size: 14px !important;} .top_link ul li{margin-left: 0; margin-right: 7px;} .main{max-width: 100%;} .new{max-width: 678px; margin-right: 6px;} .pic{max-width: 320px; height: 240px;} .new_bt{max-width:296px ;} .new_bt li{line-height: 30px;} .new_bt ul li a{height: 30px;} .notice{max-width: 330px; margin-left: 8px;} .teach{margin-right: 8px; margin-left: 0;} .science{margin: 0 8px;} .footer{background-size: cover;} .foot{max-width: 900px;} .link{max-width: 430px;} .link ul{width:375px;} .copy{max-width: 100%;} .m_left{max-width: 24%;} .m_right{max-width: 75%; margin-left: 1%;} .share{padding: 0 39%;} } @media (max-width:1024px ) { .head{max-width: 100%;} .logo,.logor{max-width: 500px;} .navbar-default .container{width:100%;} nav.navbar.bootsnav ul.nav > li > a{padding: 15px 10px !important; font-size: 14px !important;} .m_left{max-width: 240px;} .m_right{max-width: 769px; margin-left: 15px;} .share{padding: 0 39%;} .list_img ul li{margin: 10px 12px;} } @media (max-width:992px ) { .logo, .logor{max-width: 494px;} .top_link ul li{margin-right: 5px;} nav.navbar.bootsnav .navbar-toggle{float: right !important;} .navbar-default .navbar-toggle .icon-bar{background-color: #fff;} .new{max-width: 658px; margin-right: 6px;} .notice{max-width: 322px; margin-left: 6px;} .teach{margin-right: 6px; margin-left: 0;} .science{margin: 0 6px;} .foot{max-width: 840px; padding-left: 10px;} .link{max-width: 400px;} .link ul{width:345px;} .m_left{max-width: 210px;} .m_right{max-width: 760px; margin-left: 15px;} .wznr p img{width:100% !important;margin-left: -32px;margin-bottom: 20px;} } @media (max-width:823px ) { .banner .hd,.banner .prev,.banner .next{display: none;} .logo{max-width: 400px;} .logor{max-width:420px ; padding: 0;} .top_link ul li{margin-right: 2px; font-size: 12px;} .new{max-width: 100%; margin: 0; padding: 0 15px;} .pic_bt{max-width: 56% !important;} .new_bt{max-width:100% ;} .notice{max-width: 100%; margin: 0; padding: 0 15px;} .foot{max-width: 85%;} .link{max-width: 50%;} .link ul{width:288px;} .linkr{margin-left: 0;} .copy{line-height: 30px; padding: 0 50px;} .m_left{max-width: 24%;} .m_right{max-width: 75%; margin-left: 1%;} .share{padding: 0 37%;} .list_img ul li{margin: 10px 13px;} } @media (max-width:812px ) { .logo{max-width: 400px;} .logor{max-width:400px ; padding: 0;} .pic_bt{max-width: 54% !important;} .link ul{width:80%;} .share{padding: 0 36%;} .list_img ul li{margin: 10px 11px;} } @media (max-width:768px ) { .logo{max-width:360px ; padding: 0 0 0 10px;} .logor{max-width:400px ; padding: 0;} .pic_bt{max-width:53% !important;} .foot{max-width: 80%;} .link{max-width: 100%;} .link ul li{width:20%;} .linkr li{width: 33% !important;} .list_img ul li{margin: 10px 8px;} } @media (max-width:736px ) { nav.navbar.bootsnav .navbar-header{padding: 0 15px !important;} .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin: 0 !important;} .logo{max-width:330px ; padding: 0 0 0 10px;} .logor{max-width:400px ; padding: 0;} .pic_bt{max-width: 51% !important;} .m_left{display: none;} .m_right{max-width: 100%; padding: 0 15px; margin: 0;} .list_img ul li{margin: 10px 5px;} } @media (max-width:731px ) { .pic_bt{max-width: 50% !important;} } @media (max-width:667px ) { .banner{display: none;} .up{position: relative;} .logo{max-width: 100%; padding: 0 15px;} .logor{display: none;} .pic_bt{max-width: 48% !important;} .list_img ul li{margin: 10px 15px;} } @media (max-width:640px ) { .pic_bt{max-width: 43% !important;} .list_img ul li{margin: 10px 12px;} } @media (max-width:568px ) { .pic{max-width: 100%; height: auto;} .pic_bt{max-width: 100% !important;} .foot{max-width: 100%; padding: 0 15px;} .link ul{width:89%;} .link ul li{width:33%;} .linkr ul li{width:50% !important;} .ewm{display: none;} .copy{padding: 0 15px;height:auto;} .share{padding: 0 35%;} .dqwz{display: none;} .list_bt ul li a{width: 70%;} .list_bt ul li span.time{width: 30%;} .list_img ul li{margin: 10px 4%;} } @media (max-width:414px ) { .link ul{width:85%;} .share{padding: 0 28%;} .list_img ul li{margin: 10px 8%;} } @media (max-width:411px ) {} @media (max-width:375px ) { .link h6{width:100%; height: 30px; line-height: 30px; padding: 0 15px; text-align: left; background: #003e78 ;} .link ul{width:100%; margin-left: 0;} .link ul li{width:50%;} .linkr ul li{width:50% !important;} .share{padding: 0 25%;} .list_img ul li{margin: 10px 6%;} } @media (max-width:360px ) { .list_img ul li{margin: 10px 5%;} } @media (max-width:320px ) { .list_bt ul li a{width:100%;} .list_bt ul li span.time{display: none;} .list_img ul li{margin: 10px 2%;} } input{outline:none;}