*{ 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: url(../img/head_bg.png) repeat; /* border-top: 3px solid #0067b8; */ } .top{ width: 1200px; margin: 0 auto; overflow: hidden; } .logo{ float: left; margin-top: 40px; margin-bottom: 40px; } .top_right,.rig_nav{ float: right; max-width: 360px; } .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: 30px; width: 356px; } .input{ float: left; border: 1px solid #cccccc; height: 38px; width: 279px; font-size: 14px; border-right: none; } .sear_ico{ width: 38px; height: 38px; background: url(../img/ico.png) no-repeat center center; display: inline-block; } .input input{ background: none; float: right; height: 38px; width: 240px; } .search button{ width: 75px; text-align: center; height: 40px; background: #0067b8; color: #ffffff; font-size: 14px; font-family: 'Arial Regula'; border: none; } .nav{ width: 100%; float: left; background: #0067b8; } .nav_con{ width: 1200px; margin: 0 auto; } .nav_con li{ width: 133px; 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: #d0100f; } .nav_con li dl{ display: none; position: absolute; top: 55px; left: 0; width: 133px; 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: center; } .nav_con li dl a:hover{ color: #FFFFFF; background: #d0100f; } .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; background: url(../img/head_bg.png) no-repeat; background-size: cover; } .main{ width: 1200px; margin: 0 auto; overflow: hidden; } .notice{ width: 593px; float: left; margin-left: 14px; } .notice1{ width: 593px; float: left; } .tit{ width: 100%; float: left; height: 45px; margin-top: 15px; line-height: 45px; background-color: #0067b8; /* border-top: 2px solid #d0100f; */ } .title{ float: left; color: #fff; font-size: 16px; font-weight: bold; padding-left: 10px; } .tit1{ width: 20%; float: left; height: 55px; /* margin-top: 15px; */ line-height: 55px; /* background-color: #0067b8; */ /* border-top: 2px solid #d0100f; */ } .title1{ float: left; color: #0067b8; font-size: 16px; font-weight: bold; /* padding-left: 10px; */ } .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: #fff; margin-left: 15px; font-style: italic; } .more{ font-size: 14px; color: #fff; float: right; } .more a{ font-size: 14px; color: #fff; } .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: 310px; overflow: hidden; } .content_notice ul li{ width: 95%; float: left; margin: 0px 18px; /* 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: 80%; 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; text-decoration: none; } .content_notice span { float:right; width: 15%; font-size: 14px; line-height: 30px; margin-top: 6px; } .content_notice a:hover{ color: #0067b8; text-decoration: underline; } .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: #0067b8; display: block; line-height: 30px; } .date2 p{ font-size: 12px; color: #444444; font-family: 'Arial Regular'; background: #e1e1e1; display: block; line-height: 30px; } .cont{ width: 310px; float: right; font-size: 14px; color: #999999; } .cont a{ font-size: 14px; color: #444444; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 30px; } .cont a:hover{ color: #0067b8; } .news{ width: 593px; float: left; } .content_news{ width: 553px; padding: 17px 20px; float: left; background: #FFFFFF; height: 315px; overflow: hidden; } .content_news a{ font-size: 14px; color: #444444; line-height: 30px; margin-top: 6px; width: 100%; 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; } .news_left{ width: 553px; 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: 593px; float: left; margin-left: 14px; } .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; text-decoration: none; } .content_activity li a:hover{color: #006FAE;} .system{ width: 100%; float: left; margin-top: 20px; /* margin-bottom: 25px; */ } .system ul li{ width: 348px; height: 78px; border: 1px solid #0067b8; padding: 15px; margin-right: 30px; float: left; } .system ul li:last-child{margin-right: 0px;} .tgxt{ background: #0067b8; 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: #0067b8; font-size: 18px; border: 1px solid #0067b8; 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: #0067b8; font-size: 18px; border: 1px solid #0067b8; display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ } .tgxt3 span{line-height: 25px;width: 240px;} .foot{ width: 100%; float: left; padding-top: 15px; padding-bottom: 15px; background: #0067b8; line-height: 35px; font-size: 14px; color: #ffffff; text-align: center; } .foot p span{ display: inline-block; margin: 0px 13px; } #u_u9_demo{width:1200px !important;} .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;} .focus2 ul li p{ width: 523px; height: 40px; position: absolute; top: 305px; left: 11px; background:#000; opacity: 0.9; text-indent: 1em; line-height: 40px; font-weight: bold; } .focus2 ul li p a{ font-size: 15px; color: #FFFFFF; } .focus2 ul li a img{ width: 523px; height: 290px; } .focus2 { width: 100%; height: 345px; position: relative; overflow: hidden; } .focus2 .num2 {overflow: hidden;position: absolute;bottom: 5%;right:0;zoom: 1;z-index:10;} .focus2 .num2 li {width: 9px;height: 9px; margin-right: 5px;cursor: pointer;float: left; background: url(../img/dian44.jpg);} .focus2 .num2 li.on {background: url(../img/dian33.jpg);}