*{ margin:0; padding:0; list-style:none;*zoom:1; font-family:"Microsoft Yahei",微软雅黑,"Helvetica Neue",Arial,sans-serif;} body,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0} dl,ul,ol,menu,li {list-style:none} a {color:#000;text-decoration:none} input{ display:block; border:0; color:#000; -webkit-appearance: none; border-radius: 0;outline: none;} a:active, a:hover {cursor: pointer;} img{border: none;vertical-align: middle;max-width: 100%;} a{vertical-align: middle;} .clear{clear: both;} .header{ width: 100%; float: left; background: #e8e8e8; border-top: 3px solid #006fae; } .top{ width: 1200px; margin: 0 auto; overflow: hidden; height: 165px; } .logo{ float: left; margin-top: 40px; margin-bottom: 40px; } .top_right,.rig_nav{ float: right; max-width: 360px; } .top_right .mail{ margin-top:25px } .top_right .mail a{ font-size: 16px; padding: 13px; } .rig_nav a{ font-size: 14px; color: #333333; margin-top: 40px; float: left; } .rig_nav i{ width: 0px; height: 10px; border-left: 1px solid #666666; display: inline-block; float: left; margin: 0px 10px; margin-top: 45px; } .search{ float: right; margin-top: 18px; width: 356px; } .input{ float: left; border: 1px solid #cccccc; height: 38px; width: 220px; font-size: 14px; border-right: none; } .sear_ico{ width: 38px; height: 38px; background: url(../images/ico.png) no-repeat center center; display: inline-block; } .input input{ background: none; float: right; height: 38px; width: 178px; } .search button{ width: 75px; text-align: center; height: 40px; background: #006fae; color: #ffffff; font-size: 14px; font-family: 'Arial Regula'; border: none; } .nav{ width: 1200px; background: #006fae; height: 56px; margin: 0 auto; } .nav_con{ width: 1200px; margin: 0 auto; } .nav_con li{ width: 130px; float: left; text-align: center; position: relative; } .nav_con li a{ display: block; font-size: 16px; color: #ffffff; line-height: 55px; } .nav_con li:hover{ background: #05507a; } .nav_con li dl{ display: none; position: absolute; top: 55px; left: 0; width: 150px; padding-top: 10px; background-color:rgba(255,255,255,0.9); overflow: hidden; z-index: 99; } .nav_con li dl a{ line-height: 35px; font-size: 14px; color: #333333; text-align: left; padding-left: 25px; } .nav_con li dl a:hover{ color: #FFFFFF; background: #05507a; } .nav_con li:hover dl{display: block;} /**********banner_css**************/ .flexslider { margin: 0px auto; position: relative; width: 100%; height: 457px; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(../img/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; } .flexslider .slides a img { width: 100%; height: 457px; display: block; } .mod{ width: 100%; float: left; height: 800px; background: #e8e8e8; background-size: cover; } .main{ width: 1200px; margin: 0 auto; overflow: hidden; } .notice{ width: 390px; float: left; margin-left: 10px; } .notice1{ width: 400px; float: left; } .tit{ width: 100%; float: left; height: 55px; line-height: 55px; } .title{ float: left; font-size: 16px; color: #000000; } .title i{ width: 2px; height: 14px; background: url(../img/ico2.png) 0px 0px; display: inline-block; vertical-align: middle; margin-right: 10px; } .title span{ color: #c2c2c2; margin-left: 15px; } .more{ font-size: 14px; color: #006fae; float: right; } .more a{ font-size: 14px; color: #006fae; } .more i{ width: 11px; height: 10px; background: url(../img/ico2.png) -20px 0px; display: inline-block; margin-left: 5px; } .content_notice{ width: 100%; float: left; background: #FFFFFF; padding: 20px 0px; height: 290px; overflow: hidden; } .content_notice ul li{ width: 90%; float: left; margin: 0px 18px; padding-left: 12px; background: url(../images/qdt.png) no-repeat left center; /* margin-bottom: 5px; */ } .content_notice ul li:last-child{margin-bottom: 0px;} .date,.date2{ width: 60px; height: 60px; float: left; text-align: center; } .date span{ font-size: 48px; font-weight: bold; color: #999999; font-family: 'Arial Regular'; } .date p{ font-size: 14px; color: #acacac; font-family: 'Arial Regular'; } .border{ width: 0px; height: 58px; float: left; border-left: 1px solid #cccccc; margin: 9px 15px 0 10px; } .content_notice a{ font-size: 14px; color: #444444; line-height: 30px; margin-top: 6px; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; float: left; } .content_notice a:hover{ color: #006fae; text-decoration: none; } .content_news a{ font-size: 14px; color: #444444; line-height: 30px; margin-top: 6px; width: 97%; display: -webkit-box; padding-left: 12px; background: url(../images/qdt.png) no-repeat left center; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; float: left; } .content_news a:hover{ color: #006fae; text-decoration: none; } .lecture{ width: 790px;float: left;margin-left: 30px; } .content_lecture{ width: 750px; padding: 17px 20px; float: left; background: #FFFFFF; height: 349px; overflow: hidden; } .lec_left{ width: 310px; float: left; margin-top: 25px; } .lec_left h2{ font-size: 18px; color: #444444; line-height: 33px; font-weight: normal; } .lec_left p{ font-size: 14px; color: #888888; margin-top: 10px; line-height: 30px; } .lec_right{ width: 390px; float: left; padding-left: 20px; margin-left: 20px; margin-top: 5px; position: relative; } .border2{ position: absolute; top: 0px; width: 0px; left: 0; bottom: 0px; border-left: 1px solid #dcdcdc; } .lec_right li{ width: 100%; float: left; margin-bottom: 35px; } .lec_right li:last-child{margin-bottom: 0px;} .date2 span{ font-size: 24px; color: #FFFFFF; font-family: 'Arial Regular'; background: #006fae; display: block; line-height: 30px; } .date2 p{ font-size: 12px; color: #444444; font-family: 'Arial Regular'; background: #e1e1e1; display: block; line-height: 30px; } .news_left{ width: 360px; float: left; } .news_img{ position: relative; } .label{ left: 0px; bottom: -18px; } .hot_con{ width: 100%; float: left; margin-top:28px; font-size: 16px; color: #424242; line-height: 30px; } .news_right{ width:370px; float: left; margin-left: 20px; font-size: 14px; color: #c2c2c2; } .news_right ul li{ width: 100%; float: left; margin-bottom: 22px; } .news_right ul li:last-child{margin-bottom: 0px;} .news_right ul li span{float: right;} .news_right ul li a{ width: 285px; float: left; color: #444444; } .news_right ul li a:hover{ color: #006FAE; } .activity{ width: 800px; float: left; /* margin-left: 10px; */ } .content_activity{ width:100%; float: left; background: #FFFFFF; height: 384px; overflow: hidden; } .date3{ width: 100%; float: left; font-size: 14px; color: #999999; } .date3 i{ width: 13px; height: 14px; display: inline-block; background: url(../img/ico2.png) -1px -26px; margin-right: 10px;vertical-align: middle; margin-top: -2px; } .content_activity li{ width: 90%; margin: 0 auto; overflow: hidden; padding: 22px 0px; border-bottom: 1px solid #e5e5e5; } .content_activity li a{ width: 100%; font-size: 14px; float: left; color: #444444; margin-top: 13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .content_activity li a:hover{color: #006FAE;} .system{ width: 100%; float: left; margin-top: 28px; margin-bottom: 25px; } .system ul li{ width: 348px; height: 78px; border: 1px solid #006fae; padding: 15px; margin-right: 30px; float: left; } .system ul li:last-child{margin-right: 0px;} .tgxt{ background: #006fae; display: block; height: 80px; line-height: 80px; color: #FFFFFF; font-size: 20px; } .tgxt i,.tgxt2 i{ margin-left: 13px; margin-right:18px; } .tgxt2{ display: block; height: 80px; line-height: 80px; color: #006fae; font-size: 18px; border: 1px solid #006fae; display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ } .tgxt2 span{line-height: 25px;width: 240px;} .tgxt i,.tgxt3 i{ margin-left: 13px; margin-right:18px; } .tgxt3{ display: block; height: 80px; line-height: 20px; color: #006fae; font-size: 18px; border: 1px solid #006fae; display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ } .tgxt3 span{line-height: 25px;width: 240px;} .foot{ width: 100%; float: left; background: #006fae; line-height: 35px; font-size: 14px; color: #ffffff; text-align: center; } .foot p span{ display: inline-block; margin: 0px 13px; } .yqlj{ width: 1200px; float: left; /* margin-left: 10px; */ } .content_yqlj{ width: 100%; float: left; background: #FFFFFF; padding: 20px 0px; height: 25px; margin-bottom:20px; overflow: hidden; } .content_yqlj ul li{ float: left; margin: 0px 18px; /* margin-bottom: 5px; */ } .content_yqlj ul li:last-child{margin-bottom: 0px;} .picbox{float: left;overflow:hidden;position:relative;zoom:1;width: 800px;height: 320px;background: #ffffff;} .picbox .hd{width: 290px;float: right;margin-right: 10px;margin-top: 10px;} .picbox .hd ul li{overflow: hidden;_display: inline-block;height: 91px;_height: 69px;padding: 3px 4px;margin-bottom: 2px;border: 1px solid #d2d2d2;} .picbox .hd ul li .pic{float: left;width:120px;height: 91px;} .picbox .pic{overflow: hidden;} .picbox .pic img{width: 100%;height: 100%;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .picbox a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms- transform:scale(1.1);transform:scale(1.1);} .picbox .hd ul li.on{border-color: #c00;} .picbox .hd ul li.on .txt a{color: #c00;} .picbox .hd ul li .txt{overflow: hidden;float: right;width: 150px;height: 90px;padding-top: 6px;line-height:20px;} .picbox .bd{position:relative;width: 480px;height: 300px;border: 1px solid #e8ebec;margin-left: 10px;margin-top: 10px;} .picbox .bd li{ position:relative; zoom:1; vertical-align:middle;} .picbox .bd li .bg{position:absolute; left:0; bottom:0;z-index:1; width: 100%; height:26px;background: #000;filter: alpha(opacity=60);opacity: 0.6;} .picbox .bd li .pic{position:relative;z-index:0;width: 480px;height: 300px;} .picbox .bd li .txt{position:absolute; left:0; bottom:0;z-index:2; width: 100%; height:26px;line-height:26px;text-align: center;} .picbox .bd li .txt a{color:#fff;} .list{float: right;width: 345px;font-size: 13px;} .list li{overflow: hidden;height: 31px; line-height:31px;_height: 28px; _line-height:28px;} .list li a{overflow: hidden;float: left;display: block;width: 310px;} .list li a:hover{-webkit-transform:translateX(3px); -moz-transform:translateX(3px); -o-transform:translateX(3px); -ms-transform:translateX(3px);transform:translateX(3px);} .list li span{float: right; font-family:"Times New Roman", Times, serif;} .footer-wrap{ padding-top: 36px; padding-bottom: 22px; width: 100%; background-color: #006fae; /* margin-top: 30px; */ } .b-logo{ line-height: 220px; width: 380px; } .b-item{ height: 200px; float: left; background: url(../img/bbg.png) no-repeat right top; } .b-logo img{ display: inline-block; vertical-align: middle; margin-top: 55px; } .b-contact{ padding-left: 60px; padding-right: 60px; } .b-contact p{ font-size: 16px; color: #8bc0f0; padding-left: 46px; line-height: 40px; } .b-contact .address{ margin-top: 8px; background: url(../img/address.png) no-repeat left center; } .b-contact .post{ background: url(../img/post.png) no-repeat left center; } .b-contact .tel{ background: url(../img/tel.png) no-repeat left 10px; } .b-access{ float: left; padding-left: 60px; } .link-wrap{ width: 240px; margin-top: 8px; } .link-wrap li{ float: left; width: 120px; line-height: 40px; } .link-wrap li a{ display: inline-block; color: #8bc0f0; padding-left: 15px; background: url(../img/dot.png) no-repeat left center; } .bottom-wrap{ width: 100%; height: 50px; line-height: 50px; background-color: #000; color: #fff; } .bottom-wrap p{ text-align: center; font-size: 14px; }