@charset "utf-8"; * { margin: 0; padding: 0; } body { width: 100%; margin: 0 auto; font-family:"microsoft yahei"; font-weight: normal; font-size: 16px; background-color: #fff; } h1, h2, h3, h4, h5, h6, span {font-weight: normal; margin: 0; } ul, ol { margin: 0; padding: 0; } li, p { list-style-type: none; font-size: 15px; margin: 0; } a, a:focus, a:hover,img,label,input { border: none; outline: none; height: auto; text-decoration: none; } .fl { float: left; } .fr { float: right; } .w100 { z-index: 9; width: 100%; height: auto; margin: 0 auto; } .clear { clear: both; } .header{width:100%; margin:0 auto; overflow: hidden; height: auto; background:url(../img/bg_header.png) #fff no-repeat center center;} .head{width:98%; max-width:1700px; margin:0 auto;} .logo{float:left; width:60%; max-width:1014px; margin: 55px 0;} .logo img{width:100%;} .logor{float:right; width:40%;} .search{float:right; margin-top: 84px; width:298px; height:46px; line-height: 46px; border:1px solid #004780;} .search .ssk{float:left; width:calc(100% - 50px); line-height: 44px; padding:0 10px; font-size: 14px; color:#9fafbc;} .search .ss{float:left;width:50px; height:44px; background:url(../img/search.png) no-repeat center center;} .dh{float: left; width:100%; height:auto; background-color: #004780; margin: 0 auto;} #menu { position: relative; z-index: 9; zoom: 1; width:98%; max-width: 1700px; height:80px; padding: 0; margin: 0 auto; list-style: none; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { text-align: center; line-height:80px; height: auto; width:10%; float: left; position: relative; } #menu li a { white-space: normal; color: #fff; padding: 0 15px; text-transform: uppercase; font-size:24px; font-weight: normal; text-align: center; /* text-decoration: none;-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.8s ease-in-out; */ /*text-shadow: 0 1px 0 #000;*/ } #menu li:hover { background-color: #0088d1; } #menu li:hover a{color: #fff;} #menu li a:hover { } #menu li ul { margin: 0; padding: 0; width: 100%; _margin: 0; opacity: 0; visibility: hidden; position: absolute; top:80px; left: 0; z-index: 1; background:none; filter: alpha(opacity=100); /*transition: all .2s ease-in-out;*/ } #menu li ul li{margin-left: 0;background-color: #012e72;} #menu li:hover>ul { opacity: 1; visibility: visible; margin: 0; z-index: 1; } #menu ul ul { top: 0; z-index: 1; left: 200px; margin: 0 auto; _margin: 0; } #menu li ul li,#menu li:hover ul li a { padding: 0px; white-space: normal; float: none; width: 100%; z-index: 1; height: 35px; line-height: 35px; display: block; border: 0;color: #fff; _line-height: 0; background-color: #03265e; } #menu li ul li a { white-space: normal; padding: 0px 10px; width: 100%; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-weight: none; display: block; white-space: nowrap; color: #fff; float: none; background-color: #03265e; /* text-transform: none;-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.8s ease-in-out; */ } #menu li ul li:hover ,#menu li ul li:hover a{ background-color: #0088d1; color: #fff; } .banner { width: 100%; padding: 0; position: relative; height: auto; max-height: 450px; margin: 0 auto; overflow: hidden; } .banner .hd { width: 100%; height: 5px; position: absolute; right: 0; bottom:30px; z-index:9999; } .banner .hd ul { width:100%;height:5px; text-align: center; margin:0 auto; } .banner .hd ul li { position: relative; width:60px; display: inline-block; height:5px; text-align: center; cursor: pointer; margin: 0 10px; background-color:rgba(255,255,255,0.7); } .banner .hd ul li.on { background-color:rgba(255,255,255,1); } .banner .bd{float: left; width: 100% !important;} .banner .bd ul{float: left; width: 100% !important;} .banner .bd ul li { width: 100% !important; height:auto; overflow: hidden; /*-webkit-animation: scaleDraw 2s ease-in-out infinite;*/ } .banner .bd ul li img { width: 100%; height: auto; } .banner .prev { position: absolute; left: 110px; bottom: 0%; width: 60px; height:100%; z-index: 9; background: url(../img/ban_prev.png) no-repeat center center; } .banner .next { position: absolute; right: 110px; bottom: 0%; width: 60px; height:100%; z-index: 9; background: url(../img/ban_next.png) no-repeat center center; } .bg_index{float:left; width:100%; margin:0 auto; padding:0; background-color: #eee;} .main{width:98%; max-width: 1700px; margin:0 auto;} .lm{width:100%; height:60px; overflow: hidden; border-bottom: 1px solid #707070;} .lm h6{float: left; height: 60px; padding: 0px 0 10px 0; line-height:46px; border-bottom: 4px solid #004780; font-size:30px; font-weight: normal; color: #004780;} .lm h6 span{padding-left:20px; text-transform:uppercase; font-size: 28px; line-height: 50px;} .lm .more{float: right; line-height: 60px; background:url(../img/more.png) no-repeat center right; padding-right: 25px; color:#7a7a7a; font-size: 18px;} .lm .more:hover{background-image: url(../img/more2.png); color:#004780;} .xyxw{float:left; width:100%; margin:40px auto 0 auto;} .xyxw_pic{position:relative; float:left; margin-top: 30px; max-width: 820px; width:49%; overflow: hidden;box-shadow: 1px 1px 10px 2px #dfdfdf;} .xyxw_pic .hd{position:absolute;z-index:99; left:35%; bottom:160px; width:180px;} .xyxw_pic .hd ul{width:120px; height:20px; margin:0 auto; text-align: center; border-left:1px solid #fff; border-right:1px solid #fff;} .xyxw_pic .hd ul li{display: inline-block; width:10px; height:10px; line-height: 10px; border-radius:100%; background-color:#fff; margin:5px;} .xyxw_pic .hd ul li.on{background-color:#004780;} .xyxw_pic .hd .prev{cursor: pointer;position:absolute; top:0; left:0; width:30px; color:#fff; font-size:14px; text-align:center;height: 20px; background-image: url(../img/xyxw_page.png); background-repeat: no-repeat; background-position:center left;} .xyxw_pic .hd .next{cursor: pointer; position:absolute; top:0; right:0; width:30px; color:#fff; font-size:14px; text-align:center; height: 20px;background-image: url(../img/xyxw_page.png); background-repeat: no-repeat; background-position:center right;} .xyxw_pic .bd{float:left; width:100%; height: auto; overflow: hidden;} .xyxw_pic .bd ul{float:left; width:100%;} .xyxw_pic .bd ul li{float:left; width:100% !important;} .xyxw_pic .bd ul li .pic{float:left; width:100%; height:462px; overflow: hidden;} .xyxw_pic .bd ul li .pic img{width:100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all .5s ease-out; transform: scale(1); transition: all .5s ease-out;} .xyxw_pic .bd ul li:hover .pic img{transform: scale(1.2);} .xyxw_pic .bd ul li .bt{float:left; width:100%; padding:30px 38px; background-color:#fff;} .xyxw_pic .bd ul li .bt .date{float:left; width:80px; height:80px; text-align: center; background-color:#004780;} .xyxw_pic .bd ul li .bt .date b{float:left; width:100%; line-height:40px; padding-top:5px; color:#fff; font-size: 30px;} .xyxw_pic .bd ul li .bt .date span{float:left; width:100%; line-height:30px; padding-top:0px; color:#fff; font-size:16px;} .xyxw_pic .bd ul li .bt p{float:right; width:calc(100% - 100px); line-height:35px;max-height: 70px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .xyxw_pic .bd ul li .bt p a{color:#333; font-size: 22px; font-weight:bold;} .xyxw_pic .bd ul li:hover .bt p a{color:#004780;} .xyxw_bt{float:right; width:49%; margin-top: 30px; max-width:820px; background-color:#fff;box-shadow: 1px 1px 10px 2px #dfdfdf; padding:27px 35px;} .xyxw_bt .first{float:left;cursor: pointer; width:100%; height:auto;border-bottom:1px solid #e1e1e1; padding-bottom:15px;} .xyxw_bt .first .date{float:left; width:80px; height:80px; text-align: center; background-color:#004780;} .xyxw_bt .first .date b{float:left; width:100%; line-height:40px; padding-top:5px; color:#fff; font-size: 30px;} .xyxw_bt .first .date span{float:left; width:100%; line-height:30px; padding-top:0px; color:#fff; font-size:16px;} .xyxw_bt .first .bt{float:right; width:calc(100% - 100px); } .xyxw_bt .first .bt h6{float:left; width:100%; line-height:35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xyxw_bt .first .bt h6 a{color:#333;font-weight: bold; font-size: 20px;} .xyxw_bt .first .bt p{ width:100%; font-size: 15px; line-height:25px; /*overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;*/ } .xyxw_bt .first .bt p a.read_xq{padding-right: 15px;background:url(../img/xq_more.png) no-repeat right center; color:#bb1d1d; font-size: 14px;} .xyxw_bt .first:hover .bt h6 a,.xyxw_bt .first:hover .bt p{color:#004780} .xyxw_bt ul{float:left; width:100%; margin-top:6px;} .xyxw_bt ul li{float:left; width:100%; background:url(../img/list_d.png) no-repeat left center; line-height: 58px; padding-left:15px;} .xyxw_bt ul li a{float:left;color:#333; font-size:20px; width:calc(100% - 130px);line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xyxw_bt ul li span.time{float:right;color:#888; font-size:20px;} .xyxw_bt ul li:hover a,.xyxw_bt ul li:hover span.time{color:#004780;} .tzgg{float:left; margin-top: 40px; width:49%; max-width: 820px;} .xgdt{float:right;margin-top: 40px; width:49%; max-width: 820px;} .tzgg .xyxw_bt,.xgdt .xyxw_bt{width:100%; float:left;} .xgdt .first .pic{float:left; width:280px; height:180px; overflow: hidden;} .xgdt .first img{width:100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all .5s ease-out; transform: scale(1); transition: all .5s ease-out;} .xgdt .xyxw_bt .first{border-bottom:0;padding-bottom:7px;} .xgdt .xyxw_bt .first:hover .pic img{transform: scale(1.2);} .xgdt .xyxw_bt .first .pic_bt{float:left; height: 180px; border-bottom:1px solid #e1e1e1; padding-bottom:15px;margin-left: 25px; width:calc(100% - 305px)} .xgdt .xyxw_bt .first .date{ width:70px; height:70px;} .xgdt .xyxw_bt .first .date b,.xgdt .first .date span{line-height:30px;} .xgdt .xyxw_bt .first .bt{width:calc(100% - 95px);} .xgdt .xyxw_bt .first .bt h6{/*height:70px;*/ line-height:28px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; white-space: normal;} .xgdt .xyxw_bt .first .bt p{overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;} .yqlj{position:relative; float:left; margin-top: 40px; width:100%;} .yqlj_slider{position:relative; width:100%; height: auto; overflow: hidden;} .yqlj_slider .hd ul{display:none;} .yqlj_slider .bd{width:calc(100% - 20px) ; margin:30px auto 40px auto;} .yqlj_slider .bd ul{float:left; width:100%;} .yqlj_slider .bd ul li{float:left; width:360px !important; height: 160px; margin:0 30px;box-shadow: 1px 1px 10px 2px #dfdfdf; background-color:#fff; padding:45px 30px;} .yqlj_slider .bd ul li .icon_link{position:relative; float:left; width:80px; height:100%;} .yqlj_slider .bd ul li .icon_link span{width:100%; height:100%; background-repeat: no-repeat; background-position: center;} .yqlj_slider .bd ul li .icon_link span.hide,.yqlj_slider .bd ul li:hover .icon_link span.show{display:none !important;} .yqlj_slider .bd ul li:hover{background-color:#004780;} .yqlj_slider .bd ul li:hover .icon_link span.hide{display: block !important;} .yqlj_slider .bd ul li a p{float:right; width:218px; font-size:18px; color:#333; line-height:70px;} .yqlj_slider .bd ul li a p.bt_p{line-height:35px;} .yqlj_slider .bd ul li:hover a p{color:#fff;} .yqlj_slider .prev{cursor: pointer;position:absolute; top:0; left:0; width:30px; color:#fff; font-size:14px; text-align:center;height:100%; background-image: url(../img/link_page.png); background-repeat: no-repeat; background-position:center left;} .yqlj_slider .next{cursor: pointer;position:absolute; top:0; right:0; width:30px; color:#fff; font-size:14px; text-align:center; height:100%;background-image: url(../img/link_page.png); background-repeat: no-repeat; background-position:center right;} .footer{width:100%; height:260px; overflow: hidden; background:url(../img/bg_footer.png) #005090 no-repeat center center;} .foot{width:98%; max-width:1700px; margin:0 auto;} .f_logo{float:left; width:42%; max-width:715px; margin-top: 44px;} .lxwm{float:left; margin-top:55px; max-width: 710px;width:42%;} .lxwm h6{float:left; width:100%; background:url(../img/lxwm_bt.png) no-repeat left center; line-height:45px; padding-left: 35px; color:#fff; font-size: 22px; font-weight: bold;} .lxwm p{float:left; width:100%; font-size: 18px; height: 50px; line-height:30px; color:#fff;} .gzwm{float:right; margin-top:55px; width:125px; /*width:16%;*/} .gzwm h6{float:right; width:100%; background:url(../img/gzwm_bt.png) no-repeat left center; line-height:45px; padding-left: 35px; color:#fff; font-size: 22px; font-weight: bold;} .gzwm ul{float:right; margin-top:10px;} .gzwm ul li{width:100px; height: auto;margin-right:20px;} .gzwm ul li img{width:100px; height:100px;;} .gzwm ul li p{color:#fff; text-align: center; margin-top:5px; line-height:30px; font-size:18px;} .ban{width:100%; height: auto; margin:0 auto; overflow: hidden;} .ban img{width:100%;} .m_left{width:17%;max-width: 280px; float:left; margin-top:50px; overflow: hidden;} .ejdh{float:left;width:100%; background-color: #ffffff;} .m_left h6{float:left; color: #fff; text-align: center;width:100%; padding: 30px 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 40px; font-size:30px; background: url(../img/bg_yjlm.png) #004780 no-repeat center right;} .ejdh ul{float:left;width:100%;} .ejdh ul li{float:left;width:100%;padding: 0px 30px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center; } .ejdh ul li a{float:left;color: #333333; font-size: 20px;height: 69px; line-height: 30px; padding:20px 0; width:100%;border-bottom: 1px solid #e9e9e9;} .ejdh ul li:hover a,.ejdh ul li.on a{color: #004780; border-bottom:0;} .ejdh ul li:hover,.ejdh ul li.on{background-color: #eef7ff;} .m_right{width:82%; max-width: 1370px; min-height: 660px; margin-top:50px; margin-bottom:50px;padding: 0 30px; padding-bottom: 55px; float: right; overflow: hidden; background-color: #ffffff;} .dqlm{float:left; width:100%; height: 80px; border-bottom:1px solid #707070;} .dqlm h6{float:left; border-bottom:6px solid #004780;line-height:74px; font-size: 26px; color:#004780;} .dqwz{float:right; padding-left:25px; line-height:80px;font-family: "microsoft yahei" !important; border-bottom: 1px solid #e9e9e9; background: url(../img/bg_dqwz.png) no-repeat left center;font-size: 18px; color:#666;} .dqwz a{color: #666; font-size: 18px;} .dqwz a:hover,.dqwz a.on{color:#004780;} .lblist{float:left; width:100%; margin-top:10px;} .lblist ul{float:left; width:100%;} .lblist ul li{float:left; width:100%; background:url(../img/list_d2.png) no-repeat left center; padding-left: 15px;} .lblist ul li a{float:left; width:calc(100% - 120px); line-height:50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #333;} .lblist ul li span.time{float:right; color:#333; font-size: 18px; line-height: 50px;} .lblist ul li:hover a,.lblist ul li:hover span.time{color:#004780;} .lblist hr{ float:left; width:100%; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dashed #c7cdd2;} .fy{float:left; width:100%; margin:20px auto; text-align: center;} .imglist{float:left; margin-top: 20px; width:100%; overflow: hidden;} .imglist ul{float:left; width:calc(100% + 55px);} .imglist ul li{position:relative; float:left; margin:20px 55px 20px 0; width:400px; padding-bottom:40px;} .imglist ul li .pic{float:left; width:100%; height:240px; overflow: hidden;} .imglist ul li .pic img{width:100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all .5s ease-out; transform: scale(1); transition: all .5s ease-out;} .imglist ul li:hover .pic img{transform: scale(1.2);} .imglist ul li .date{position:absolute; top:0; left:20px; z-index:9; width:80px; height:80px; text-align: center; background-color:#004780;} .imglist ul li .date b{float:left; width:100%; line-height:40px; padding-top:5px; color:#fff; font-size: 30px;} .imglist ul li .date span{float:left; width:100%; line-height:30px; padding-top:0px; color:#fff; font-size:16px;} .imglist ul li .bt{position:absolute;left:20px; bottom:0; z-index:9; width:calc(100% - 40px); text-align: center; line-height:30px; background-color: #004780; padding:15px 20px; } .imglist ul li .bt a{float:left; width:100%;font-size: 18px; color:#fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xrld{float:left; margin-top:15px; width:100%; overflow: hidden;} .xrld ul{float:left; width:calc(100% + 39px);} .xrld ul li{position:relative; float:left; padding:25px 20px; width:410px; height:200px; margin:15px 39px 15px 0; background:url(../img/bg_xrld.png) #f0f4f8 no-repeat right bottom;} .xrld ul li .bg_xrld{position:absolute; left:0; top:0; z-index:3; width:20%; height:100%; background-color:#004780;} .xrld ul li .xrld_pic,.xrld ul li .bt{position:relative; z-index:9;} .xrld ul li .xrld_pic{float:left; width:110px; height: 150px; overflow: hidden;} .xrld ul li .xrld_pic img{width:100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all .5s ease-out; transform: scale(1); transition: all .5s ease-out;} .xrld ul li:hover .xrld_pic img{transform: scale(1.2);} .xrld ul li .bt{float:right; width:240px;} .xrld ul li .bt a h6{float:left; margin-bottom: 10px; font-size: 20px; font-weight: bold; color:#004780; width:100%; height:32px; line-height: 20px; border-bottom:1px solid #c7cdd2; background:url(../img/xrld_bt.png) no-repeat right top;} .xrld ul li .bt a h6 span{border-left:1px solid #004780; padding-left: 10px; margin-left: 10px; font-size: 18px;font-weight: normal;} .xrld ul li .bt a p{float:left; width:100%; line-height:24px; font-size: 14px; color:#333;} .xrld ul li:hover .bg_xrld{width:100%;} .xrld ul li:hover .bt a h6,.xrld ul li:hover .bt a h6 span,.xrld ul li:hover .bt a p{color: #fff;} .article{width:100%;float: left; margin-top: 10px; padding-bottom: 40px;} .article_title{float: left; text-align: center; width:100%;} .article_title h1{font-size: 24px;color: #333;font-weight: bold;font-family: "microsoft yahei" !important;line-height: 30px; padding:5px 10px;} .article_title h2{font-size: 20px; color: #333; line-height: 30px;} .article_data{float: left;width:100%;text-align: center;padding:0 30px;margin:20px auto;height:auto;line-height: 18px;font-family: "microsoft yahei" !important;font-size: 16px;color: #aaaaaa;} .article_data img{margin-right: 5px;} .article_data b{margin:0 10px;} .wznr{float:left; width:100%; margin-top:10px;font-family: "microsoft yahei" !important;} .wznr p,.wznr p span{line-height: 40px; margin-bottom: 10px;font-family: "microsoft yahei" !important;; font-size: 18px !important; color: #333333;} .wznr p img{max-width: 820px; width:auto;} .sy-h2{line-height:41px;height:45px;font-size: 16px;color: #1e69a9;padding:0 15px;border:1px solid #fff;background:url(../images/h-ti.jpg) repeat-x;border-bottom:1px solid #dcdcdc;margin-bottom:12px;font-weight: bold;} .sy-h2 em{display:inline-block;font-style: normal;border-bottom:4px solid #0083dd; padding:0 8px 0 22px;background:url(../images/icon.jpg) no-repeat 3px center;} .sy-h2 a{float:right; font-size:12px; color:#666; font-weight:normal;} .ny_cont{padding:10px 0; height:auto !important; min-height:500px; height:500px;} .teacher-list{float: left;width:100%;border:1px solid #d8d8d8; margin:10px 0 20px 0;} .teacher-list ul{clear:both; font-size:13px; padding:10px 0 10px 20px; overflow:hidden;} .teacher-list li{background:url(../images/icon1.jpg) no-repeat left;text-indent:12px; width:78px; display:inline-block; float:left;} .teacher-list li a{color:#333;}