*{margin:0; padding:0; list-style:none;text-decoration:none;} 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;max-width: 100%;} body{min-width:1200px;} .clear{clear: both;} .header{ width: 100%; float: left; background: url(../img/top_bg.jpg) no-repeat center bottom; } .top{ width: 100%; float: left; } .top_con{ width: 1200px; margin: 0 auto; overflow: hidden; display:flex; align-items:center; justify-content:space-between; position: relative; line-height: 130px; } .time{ width:180px; display: inline-block; background: url(../img/ico-time.png) no-repeat left center; font-size: 14px; color: #ffffff; padding-left:24px; flex-shrink:0; } .logo{height:75px;} .top_right{width:204px;text-align:right;} .top_right a{font-size: 14px;color: #FFFFFF;padding-left:22px;display:inline-block;} .ly{ width: 16px; height: 14px; background: url(../img/ico.png) -1px -30px; display: inline-block; vertical-align:middle; float: left; margin-top: 54px; margin-right:5px; } .xx{ width: 16px; height: 13px; background: url(../img/ico.png) -0px -55px; display: inline-block; vertical-align:middle; float: left; margin-top: 54px; margin-right:5px; margin-left: 10px; } .top_img{ width: 100%; float: left; margin: 40px 0px; text-align: center; } .search{ width: 480px; /*background: #FFFFFF; border-radius:30px;*/ height: 55px; margin: 35px auto; overflow: hidden; } .search input{ width: 405px; float: left; margin-left: 20px; height: 55px; border: none; } .search button{ border: none; background: url(../img/search.png) no-repeat center center; float: left; height: 55px; width: 55px; display: inline-block; outline:none; cursor:pointer; } .search_con{display:none;} .nav{ width: 1200px; margin: 0 auto; background:url(../img/nav_bg.png) no-repeat; height: 80px; padding: 0px 23.5px; } .nav>ul>li{ width: 92px; float: left; text-align: center; position: relative; height: 80px; } .nav>ul>li:first-child{ //display: flex; //justify-content: center; //align-items: center; height: 80px; box-sizing:border-box; } .index{ width: 14px; height: 14px; background: url(../img/ico.png) -27px 0px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -3px; } .nav>ul>li>a{ width: 100%; text-align: center; float: left; font-size: 16px; color: #000000; line-height: 80px; } .nav>ul>li.on>a{ font-size: 16px; color: #d71319; } .nav ul li .sub{display:none;position:absolute;top:62%;left:50%;z-index:2;padding-top:13px;width:140px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);visibility:inherit;} .sub .sub-h{text-align:center;position:relative;background:#fff;padding:10px 0;box-shadow:0 0 10px rgba(0,0,0,.3);} .sub .sub-h a{display:block;font-size:14px;padding:5px;margin-bottom:1px;background:#fff;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;color: #434343;line-height: 30px;} .sub .sub-h a:hover{background:#e41b20;color:#fff;} .sub .sub-h:before{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border:8px solid transparent;border-bottom-color:#fff;top:-16px;} .top_border{ position: absolute; top: 10px; right: -1px; width: 2px; height: 60px; background: url(../img/top_border.png) no-repeat; display: block; } .border{ width: 100%; float: left; height: 10px; background: #ffd715; } .main{ width: 100%; margin-top:30px; } .content{ width: 1200px; margin: 0 auto; overflow: hidden; } .toutiao{ width: 100%; float: left; margin: 25px 0px } .tt_left{ float: left; } .tt_right{ float: left; margin-left: 15px; width: 955px; } .tt_right a{ font-size: 18px; color: #eb3a39; line-height: 37px; } .tt_right p{ width: 100%; float: left; font-size: 14px; color: #888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px; } /************banner***************/ .flexslider { margin: 0px auto; position: relative; width: 580px; height: 400px; overflow: hidden; zoom: 1; float: left; } .flexslider .slides li { width: 100%; height: 100%; } .flexslider>a { width: 43px; height: 43px; line-height: 99em; overflow: hidden; margin: -21.5px 0 0; display: block; background: url(../img/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 1; -webkit-transition: all .3s ease; } .flexslider .next { background-position: -42.5px 0px; right: 10px; } .flexslider .prev { left: 10px; } .flexslider:hover .next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .next:hover, .flexslider:hover .prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 20%; position: absolute; bottom: 10px; right: 3%; text-align: right; z-index: 99; } .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(../img/dot.png) no-repeat 0 -14px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; margin: 0px -3px; } .flex-control-paging li.on a { background-position: 0 0; } .flexslider .slides a img { width: 100%; height: 400px; display: block; object-fit:cover; } .ban_tit{ position: absolute; bottom: 0; left: 0; width: 98%; height: 48px; line-height: 50px; padding-left: 2%; font-size: 14px; color: #FFFFFF; background-color: rgba(0,0,0,0.5); } .news{ width: 590px; float: left; margin-left:30px; } #menu{width:100%; overflow:hidden;float: left;} #menu #nav {display:block;padding:0;margin:0;list-style:none;float: left;position: relative;float:left;} #menu #nav li {float:left;} #menu #nav li a {display:block;width:125px;line-height:40px;text-decoration:none;text-align:center;font-size:16px;color:#333333;position: relative;} #menu_con{ width:100%;} .tag{ padding:10px 0px;position:relative;float:left;} #menu>.hd{border-bottom: 1px solid #dcdcdc;width:100%;height:auto;overflow:hidden;} #menu #nav li.on a{color:#FFFFFF;background: #e41b20;} #menu>.hd>span{float:right;} #menu>.hd>span .more{ font-size: 16px; color: #d63200; line-height: 40px; float:none !important; } .tt{ width: 100%; float: left; margin-top: 8px; } .tt_con{ width: 100%; float: left; border-bottom: 1px dashed #dcdcdc; } .tt_tit{ width: 90%; float: left; font-size: 16px; margin-bottom: 10px; } .tt_tit a{color: #d63200; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display:block;} .tt_con p{ width: 100%; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; color: #666666; line-height: 23px; text-align: justify; margin-bottom: 10px; } .news_list{ width:100%; float: left; margin-top: 5px; } .news_list dd{ width: 100%; float: left; font-size: 14px; line-height: 32px; } .news_list dd:last-child{margin-bottom: 0px;} .news_list dd i{ width: 6px; height: 6px; float: left; margin-top: 13px; background: #cecece; } .news_list dd:hover i{background: #b71b1c;} .news_list dd a{ color: #333333; float: left; margin-left: 10px; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news_list dd a:hover{ color:#a80909; } .news_list dd span{ float: right; color: #999999; } .fast{ width: 100%; float: left; background: #f4f4f4; margin: 30px 0px; } .fast_gu{ width: 1200px; overflow: hidden; margin: 0 auto; } .fast_left{ float: left; margin: 10px 0; } .fast_right{ width: 800px; float: right; } .fast_right li{ width: 160px; text-align: center; float: left; display: flex; justify-content: center; align-items: center; height: 202px; } .fast_right li a span{ height: 46px; margin-bottom: 20px; display: block; display: flex; justify-content: center; align-items: center; } .infor_list{ width: 380px; float: left; margin-right: 30px; } .infor_tit{ width: 100%; float: left; background: #f8f8f8; line-height: 40px; border-top: 2px solid #e41b20; position: relative; } .infor_tit span{ float: left; font-size: 16px; color: #000000; margin-left: 10px; } .more { float: right; } .more a { font-size: 14px; color: #e41b20; } .more i { width: 11px; height: 10px; background: url(../img/ico.png) -29px -28px; display: inline-block; margin-left: 5px; } .sjjs_list,.djyj_list,.dzz_list{ width: 100%; float: left; } .sjjs_list dd{ width: 100%; float: left; border-bottom: 1px solid #ffad37; padding-bottom: 10px; margin-top: 20px; } .sjjs_list dd a,.djyj_list dd a{ width: 100%; float: left; font-size: 14px; color: #000000; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sjjs_list dd span,.djyj_list dd span{ width: 100%; float: left; font-size: 14px; color: #999999; } .sjjs_list dd:hover a,.djyj_list dd:hover a{color: #e41b20;} .sjjs_list dd:hover{border-bottom: 1px solid #e41b20;} .djyj_list dd{ width: 350px; float: left; border-left: 2px solid #ffad37; margin-top: 20px; background: #f8f8f8; padding:5px 13px; } .djyj_list dd:hover{border-left: 2px solid #e41b20;} .dzz_list dd{ width: 100%; float: left; margin-top: 20px; } .date2 { width: 60px; height: 60px; float: left; text-align: center; } .date2 span { font-size: 24px; color: #FFFFFF; font-family: 'Arial Regular'; background: #e41b20; display: block; line-height: 30px; } .date2 p { font-size: 12px; color: #e41b20; font-family: 'Arial Regular'; background: #f4f4f4; display: block; line-height: 30px; } .cont { width: 285px; float: right; font-size: 14px; color: #999999; margin-right: 15px; } .cont a { font-size: 14px; color: #444444; width: 100%; line-height: 30px; } .dzz_list dd:hover a{color: #e41b20;} .link{ width: 100%; float: left; margin-top: 30px; } .link ul{ width: 100%; float: left; padding: 15px 0px; } .link ul li{ padding: 0px 15px; text-align: center; float: left; border: 1px dashed #dcdcdc; margin: 10px 18px 0px 0px; line-height: 33px; } .link ul li a{ font-size: 14px; color: #333333; display: block; } .link ul li:hover{ border: 1px dashed #e41b20; } .foot{ width: 100%; float: left; background: #ed3932; padding: 30px 0px; } .foot_con{ width: 1200px; margin: 0 auto; overflow: hidden; } .foot_right{ font-size: 14px; color: #FFFFFF; line-height: 30px; text-align: center; } .foot_right p a{color: #FFFFFF;margin: 0px 5px;display: inline-block;} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: url(../img/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: url(../img/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: url(../img/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: url(../img/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}