/* 初始设置 */
*{padding: 0;margin: 0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:"微软雅黑","黑体","宋体"; box-sizing:border-box; background:#fff;}
img{ border:none;}

body{background-color: #ececec;}


/* 顶部区域 */
.top{width: 100%;height: 40px;background-color: #ededed;}
.topbox{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;line-height: 40px;}
.top_left{font-size: 14px;color: #666666;}
.top_right{display: flex; justify-content: space-between;align-items: center;}
.top_right a{font-size: 14px;color: #666666; transition:0.3s}
.top_right span{display: block; width: 2px;height:12px;background-color: #888; margin:0 10px}
.top_right a:hover{ color:#FF8A00}

.roof-box{width: 100%;height: 105px; background-color: #FFFFFF;margin: 0 auto;}
.roof{width: 1200px;height: 105px; display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.seach{width: 320px;height: 42px;display: flex;justify-content: space-between;}
.sea{flex: 1;border: none;height: 100%;font-size: 14px;box-sizing: border-box;padding: 0 15px;border: 1px solid #CDCDCD;border-right: none;}
.sea::placeholder{color: #888888;}
.sub{display: block;width: 95px;background: url(../images/sou.png) no-repeat center;border: none;height: 100%;cursor: pointer;}



/* 导航条 */
.tabbox{width: 100%;height: 56px;background-color: #002e5c;margin: 0 auto;}
.tab{width: 1200px;height: 56px;margin: 0 auto;display: flex;justify-content: space-between;}
.tab ul{width: 100%;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;position: relative; z-index:9999}
.tab ul li{display: block; flex: 1; height: 100%;line-height: 56px;text-align: center;}
.tab ul li a{color: #FFFFFF;display: block;width: 100%;height: 100%;}
.tab ul li a:hover{background-color: #D17622;color: #FFFFFF !important;}
.tab ul li:hover .down{display: block !important;z-index: 99;}
.tab .on{color: #d17622 !important;position: relative;}
.tab .on::after{content: '';width: 100%;height: 2px;background-color: #D17622;position: absolute;bottom: 0;left: 0;}
.down{display: none; position:absolute; top:56px; left:0; z-index:9999; width:100%;background:#fff; box-sizing:border-box; padding:30px 25px 10px;}
.tab ul li .down .ejln{background-color: #002E5C; width:auto; height:40px; float:left; margin-right:20px; margin-bottom:20px;
 text-align:center; line-height:40px; font-size:14px; transition:0.3s; border-radius:5px; box-sizing:border-box; padding:0 20px;}
.tab ul li .down .ejln:hover{background-color: #D17622;}



.Insidebanner{width: 1200px;margin: 0 auto;}
.Insidebanner img{width: 100%;height: auto;display: block;}


/*海报区域*/
.banner-box{width: 1200px; height: 260px; margin: 0 auto; position: relative;}
.banner{width: 100%;height: 100%;position: absolute;}
.banner .tu{width: 100%;height: 100%;}
.banner .tu li{width: 100%;height: 100%;position: absolute;top: 0; left: 0;}
.banner .tu li img{width: 100%;height: 100%;display: block;}
.banner .num{position: absolute;bottom:10px;left: 552px;display: flex;}
.banner .num li{display: block;width: 12px;height: 12px;border-radius: 50%;background-color: #FFFFFF; margin: 0 10px;}
.banner .num li.on{background-color: #FF8A00 !important;}


/* 新闻  公告 */
.new-box{width: 1200px;height: 400px;margin: 0 auto; margin-top: 20px; display: flex; justify-content: space-between; align-items: center;}
.news{width: 880px;height: 100%;background-color: #FFFFFF;}
.notic{width: 300px;height: 100%;background-color: #FFFFFF;}

.common{width: 100%;height: 60px;border-bottom: 1px solid #EBEBEB;display: flex; justify-content: space-between; align-items: center;box-sizing: border-box;padding: 0 20px;}
.com-left{display: flex;align-items: center;}
.com-left div{font-size: 20px;font-weight: bold;color: #002E5C;}
.com-left span{display: block;height: 22px;width: 4px;background-color: #FF8A00;margin-right: 15px;}
.com-right{font-size: 14px;color: #666666;}


.news-nav-box{display: flex;justify-content: space-between;box-sizing: border-box;padding: 20px;}

.banner2{ width:430px; height:300px; position:relative;}
.banner2 .tu li{ position:absolute; top:0; left:0; display:none;}
.banner2 .tu li a{width:430px; height:300px; position:relative; overflow:hidden; display:block;}
.banner2 .tu li a img{ width:100%; display:block; margin:0 auto;}
.banner2 .tu li a p{ display:block; width:100%; margin:0 auto; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; height:50px; box-sizing:border-box; 
padding:0 150px 0 20px; font-size:15px; color:#fff; line-height:50px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.banner2 .num{ position:absolute; bottom:16px; right:20px;
padding:3px 8px; border-radius:20px;}
.banner2 .num li{ width:8px; height:8px; background:#fff; border-radius:50%; float:left; margin:0 4px; cursor:pointer;}
.banner2 .num li.on{ background:#FF8A00;}

.news-right{width: 380px;}
.news-top{display: flex;justify-content: space-between; align-items: center;}
.news-top-titlte{font-size: 16px;color: #002E5C;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 75%;}
.news-top-data{font-size: 14px;color: #002E5C;font-weight: bold;}
.news-top-nav{font-size: 14px;color: #777777;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 26px;margin-top: 12px;}
.news-nav{margin-top: 15px;}
.news-nav a{display: flex; justify-content: space-between; align-items: center;line-height: 35px;}
.news-nav-left{display: flex;align-items: center; width: 80%;}
.news-nav-left span{display: block; width: 6px; height: 6px;background-color: #FF8A00;border-radius: 50%;margin-right: 12px;}
.news-nav-left div{font-size: 15px;color: #555555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 90%;}
.news-nav-data{font-size: 14px;color: #666666;}
.news-nav a:hover>div{color: #FF8A00;}
.news-nav a:hover>div>div{color: #FF8A00;}

.notic-nav{box-sizing: border-box;padding: 20px;}
.notic-nav a{display: flex; justify-content: space-between; align-items: center;margin-bottom: 15px;}
.notic-nav-left{display: flex;align-items: center; width: 75%;}
.notic-nav-left span{display: block; width: 6px; height: 6px;background-color: #FF8A00;border-radius: 50%;margin-right: 12px;}
.notic-nav-left div{font-size: 15px;color: #555555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 80%;}
.notic-nav-data{font-size: 14px;color: #666666;}
.notic-nav a:hover>div{color: #FF8A00;}
.notic-nav a:hover>div>div{color: #FF8A00;}



/* 图片区域 */
.imgbox{width: 1200px;margin: 0 auto; margin-top: 20px;}
.imgbox img{width: 100%;height: auto;}



/* 行业动态  党建工作 */
.ipbox{width: 1200px; height: 500px; margin: 0 auto; margin-top: 20px;display: flex; justify-content: space-between;align-items: center;}
.industry{width: 590px;height: 500px;background-color: #FFFFFF;}
.party{width: 590px;height: 500px;background-color: #FFFFFF;}

.industry-top{display: flex;justify-content: space-between;box-sizing: border-box;padding: 20px 20px 15px 20px;border-bottom: 1px dashed #EBEBEB;}
.industry-top-img{width: 160px;height: 110px;overflow: hidden;}
.industry-top-img img{width: 100%;height: auto;display: block;}
.industry-top-right{width: 365px;}
.industry-top-title{font-size: 16px;color: #2E2E2E;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry-top-nav{font-size: 14px;color: #777777;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;margin-top: 10px;height: 50px;}
.industry-top:hover>.industry-top-img img{transform: scale(1.02);transition: all .5s;}

.industry-top-bto{display: flex; align-items: center; margin-top: 10px;}
.alarm{display: flex;align-items: center;}
.alarm img{display: block;margin-right: 10px;width: 12px;height: auto;}
.alarm div{font-size: 12px;color: #FF8A00;}
.industry-top-bto span{display: block; width: 2px; height: 12px;background-color: #FF8A00; margin: 0 17px;}
.look{display: flex; align-items: center;}
.look img{display: block;margin-right: 10px;width: 13px;height: auto;}
.look div{font-size: 12px;color: #FF8A00;}


.industry-nav{box-sizing: border-box;padding: 20px;}
.industry-nav a{display: flex; justify-content: space-between; align-items: center;margin-bottom: 18px;}
.industry-nav-left{display: flex;align-items: center; width:80%;}
.industry-nav-left span{display: block; width: 6px; height: 6px;background-color: #FF8A00;border-radius: 50%;margin-right: 12px;}
.industry-nav-left p{font-size: 15px;color: #555555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; 
width:78%;}
.industry-nav-data{font-size: 14px;color: #666666;}
.industry-nav a:hover>div{color: #FF8A00;}
.industry-nav a:hover>div>div{color: #FF8A00;}


.party-nav a:nth-child(3){border-bottom: none;}




.mien{width: 1200px;height: 300px;background-color: #FFFFFF;margin: 0 auto; margin-top: 20px;}
.mien-box{display: flex; justify-content: space-between;align-items: center;box-sizing: border-box;padding: 20px;}
.mien-box a{display: block;width: 220px; height: 200px;}
.mien-box a .mienimg{width: 100%;height: 160px;overflow: hidden;}
.mien-box a .mienimg img{width: 100%;height: auto;}
.mien-box a .miennav{font-size: 14px;color: #555555;line-height: 40px; text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; box-sizing: border-box;padding: 0 15px;}
.mien-box a:hover{-webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0); box-shadow:0 2px 5px rgba(0,0,0,0.3)}



.interflow-box{width: 1200px;height: 350px;display: flex;justify-content: space-between; align-items: center; margin: 0 auto; margin-top: 20px;}
.interflow{width: 385px;height: 365px;background-color: #FFFFFF;}
.policy{width: 385px;height: 365px;background-color: #FFFFFF;}
.standard{width: 385px;height: 365px;background-color: #FFFFFF;}

.linkbox{width: 100%;background-color: #d5d5d5; margin-top: 20px; box-sizing:border-box; padding:20px 0;}
.link{width: 1200px;height: 120px;margin: 0 auto;display: flex;align-items: center;}
.link-top{display: flex;}
.link-chinese{font-size: 20px;color: #002E5C;font-weight: bold;margin-right: 10px;}
.link-en{font-size: 20px;color: #FF8A00;font-weight: bold;}
.link-nav{margin-top: 10px;}
.link-nav a{font-size: 14px;color: #595959; margin-right: 25px;line-height:22px;}
.link-nav a:hover{color: #FF8A00;}


.footer{width: 100%; height: 365px; background-color: #0f4780;}
.foot-top{width: 100%;height: 80px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.foot-top-nav{width: 1200px;height: 80px;margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.foot-top-nav a{font-size: 15px;color: #FFFFFF;}
.foot-top-nav a:hover{color: #FF8A00;}
.foot-top-nav span{display: block;width: 2px; height: 12px; background-color: #FFFFFF;}

.footbto{width: 1200px; height: 285px; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}

.footbox{margin-top: 20px;}
.footbox div{font-size: 14px;color: #FFFFFF; line-height: 28px;}
.footbox a{font-size: 14px;color: #FFFFFF; line-height: 28px;}
.foot-ewm{margin-right: 40px;}
.foot-bto-right{display: flex;align-items: center;}
.sys{font-size: 20px;color: #FFFFFF;font-weight: bold;}
.foothr{width: 20px;height: 2px;background: #FF8A00;margin-top: 10px;margin-bottom: 20px;}
.foot-lookmore{font-size: 14px;color: #FFFFFF;}







/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:220px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#002e5c url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#002e5c url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#002e5c url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#002e5c url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}












.szwz{width: 1200px; height: 50px; margin:0 auto; background-color: #FFFFFF;}
.wbox{width: 1200px; height: 100%; margin: 0 auto;display: flex; align-items: center;}
.dzz{width: 40px; height: 100%; background: url(../images/dzz.png) no-repeat center;}
.lib ul{display: flex; font-size: 15px; color: #343434;}
.lib ul a{color: #343434;}




.bge{width: 100%;background: #EEEEEE;}
.bbox{width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 30px 0; display: flex; justify-content: space-between;}


.list-left{width: 270px;}
.lefta{width: 270px; height: 68px; background: #002e5c url(../images/bbg.png) no-repeat center; border-radius: 5px 5px 0 0;}
.lefta h3{font-size: 20px; color: #FFFFFF; line-height: 68px; text-indent: 25px;}
.ooo{width: 270px; height: 50px; background: #FFFFFF url(../images/yyh.png) no-repeat 220px 20px; border-bottom: 1px solid #e6e6e6;}
.ooo a{display: block; width: 100%; height: 100%; line-height: 50px; text-indent: 25px; color: #343434; font-size: 15px;}
.ooo:hover a{color: #2E4283;}


.iii{width: 270px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #343434; background: #FFFFFF; border-bottom: 1px solid #e6e6e6;}


.list-right{width: 890px;}
.righta{display: flex; justify-content: space-between; align-items: center;}
.righta h3{font-size: 23px; color: #232323;}
.timg{width: 450px; height: 5px; background: url(../images/xian2.png) no-repeat;}

.rightb1{background-color: #FFFFFF; box-sizing: border-box; padding: 15px; border-radius: 5px; margin-top: 15px;display: flex; flex-wrap: wrap; flex-wrap: wrap;justify-content: space-between;}
.rightb1 a{display: block; width: 260px; margin-bottom: 15px; border: 1px solid #EEEEEE;}
.rightb1 a:hover{-webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3)}
.rightb1 a:hover img{transform: scale(1.01);}
.riimg{width: 260px; height: 180px; overflow: hidden;}
.riimg img{width: 100%; height: auto;}
.riti{width: 80%; margin: 0 auto; font-size: 14px; color: #666666; line-height: 50px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.rightb2{background-color: #FFFFFF; box-sizing: border-box; padding: 15px; border-radius: 5px; margin-top: 15px;}
.rightb2 a{display: flex; justify-content: space-between;margin-bottom: 15px; border: 1px solid #EEEEEE;}
.rightb2 a:hover{-webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0); box-shadow:0 2px 5px rgba(0,0,0,0.3)}
.ri2img{width: 190px; height: 135px;}
.ri2img img{width: 100%; height: 100%; display: block;}
.ri2box{width: 650px;}
.ri2title{font-size: 16px; color: #1C1414;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; width: 70%;}
.ri2data{font-size: 12px; color: #898989; margin-top: 10px;}
.ri2nav{font-size: 14px; color: #666666; margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 28px;}

.rightb6{background-color: #FFFFFF; box-sizing: border-box; padding: 15px; border-radius: 5px; margin-top: 15px;}
.rightb6 a{display: flex; justify-content: space-between;margin-bottom: 15px; border: 1px solid #EEEEEE;}
.rightb6 a:hover{-webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0); box-shadow:0 2px 5px rgba(0,0,0,0.3)}
.ri6box{width: 100%;box-sizing: border-box; padding: 0 24px 12px;}
.ri6title{font-size: 16px; color: #1C1414;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; width: 100%;}
.ri6data{font-size: 12px; color: #898989; margin-top:3px;}
.ri6nav{font-size: 14px; color: #666666; margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 28px;}






.rightb3{background-color: #FFFFFF; box-sizing: border-box; padding: 15px; border-radius: 5px; margin-top: 15px;}
.ri3h3{text-align: center; margin-top: 15px;}
.ri3data{height: 35px; display: flex; justify-content: center;border-bottom: 1px solid #EEEEEE; margin-top: 30px;position: relative;}
.ri3data div{font-size: 16px; color: #666666; margin: 0 18px;}
.ri3nav{margin-top: 25px;}
.ri3nav p{font-size: 16px; color: #636363; line-height: 30px; margin: 15px auto; text-justify: right;}
.ri3nav p img{max-width: 850px;}

 
.rightb4{background-color: #FFFFFF; box-sizing: border-box; padding: 15px; border-radius: 5px; margin-top: 15px; box-sizing: border-box; padding-top: 50px;}
.libox{width: 470px; margin: 0 auto;}
.ibox{display: flex; align-items: center; justify-content: space-between; margin-bottom:16px;}
.ileft{font-size: 16px; color: #343434;}
.ileft1{font-size: 16px; color: #343434;}
.ileft1::before{content: '*'; color: red; line-height: 30px;}
.iright{width: 320px; height:38px; line-height:36px; font-size: 15px;border: 1px solid #bfbfbf; border-radius: 3px;text-indent: 15px;box-sizing: border-box;}
.ibox1{display: flex; justify-content: space-between; margin-bottom:20px;}
.linav{width: 320px; height: 120px; resize: none;font-size: 15px;border: 1px solid #bfbfbf; border-radius: 3px;box-sizing: border-box;padding: 10px;}
.linav::placeholder{color: #7d7d7d;font: 400 15px Arial;}
#canvas{background-color: #eee;}
.yzm{display: flex; width: 320px;}
.yzm input{width: 120px; height: 35px; font-size: 16px;border: 1px solid #bfbfbf; border-radius: 3px;text-indent: 15px; margin-right: 25px;}

.iiubtn{display: block; width: 190px; height: 45px; font-size: 17px; background-color: #2E4283; color: #FFFFFF; border: none; margin:30px auto 50px;cursor: pointer;
transition:0.3s;}
input,textarea{ outline:none}
.wjscc{ width:320px;}
.downaaa{ width:100%; display:block; height:50px; background:#ededed; border-radius:5px; text-align:left; margin:0 auto 20px;
box-sizing:border-box; padding-left:20px; font-size:16px; color:#00A3FF; line-height:50px; transition:0.3s;}
.downaaa:hover{background:#FF8A00;color:#fff;}
.iiubtn:hover{background:#FF8A00;color:#fff;}




.soutab{display: flex;}
.soutab div{width: 120px; height: 40px; background-color: #002e5c; color: #FFFFFF; margin: 0 15px; border-radius: 5px; text-align: center; line-height: 40px; cursor: pointer;}
.rrr{background-color: #FF8A00 !important;}
.sounav>div{display: none;}




.lianxi-box{margin-top: 25px; margin-bottom: 50px;}
.lianxi{width: 270px; height: 160px; background-color: #FFFFFF; box-sizing: border-box; padding-top: 20px;}
.lx-title{font-size: 14px; color: #343434; text-indent: 18px;}
.lianxi-hr{width: 40px; height: 3px; background-color: #002e5c; margin-top: 10px; margin-left: 18px;}
.lianxi-phone{font-size: 24px; color: #002e5c; font-weight: bold; text-indent: 18px; margin-top: 22px;}



.pagination {width: 100%;margin: 30px auto;overflow: hidden;box-sizing: border-box;padding: 0px 0;}
.pagination li{float: left;margin-right: 10px;margin-bottom: 10px;}
.pagination li.active span {border: 1px solid #2E4283;background: #002e5c;color: #fff;}
.pagination li.active a {border: 1px solid #2E4283;background: #002e5c;color: #fff;}
.pagination li a {display: block;box-sizing: border-box;font-size: 14px;color: #555;padding: 6px 14px;border-radius: 3px;border: 1px solid #aaa;cursor: pointer;transition: 0.3s;background: #fff;}
.pagination li span {display: block;box-sizing: border-box;font-size: 14px;color: #555;padding: 6px 14px;border-radius: 3px;border: 1px solid #aaa;cursor: pointer;transition: 0.3s;background: #fff;}
.pagination li:hover a{border: 1px solid #2E4283;background: #002e5c;color: #fff;}
.pagination li:hover span{border: 1px solid #2E4283;background: #002e5c;color: #fff;}



.pian{width: 600px; margin: 30px auto; display: flex; justify-content: space-between;}
.pian a{display: block; width: 85px; height: 35px; background-color: #002e5c; color: #FFFFFF; font-size: 16px; line-height: 35px; text-align: center;border-radius: 2px;}



.apply{background-color: #FFFFFF; box-sizing: border-box; padding: 15px; border-radius: 5px; margin-top: 15px;display: flex; flex-wrap: wrap; flex-wrap: wrap;justify-content: space-between;}
.apply h2{text-align: center;margin-top: 25px;}
.apply form{width: 500px; margin: 0 auto; margin-top: 35px;}





/* 下载列表 */

.rightb5{background-color: #FFFFFF; box-sizing: border-box; padding: 15px; border-radius: 5px; margin-top: 15px;}
.downlist{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed #EDEDED; height: 60px;}
.down-left{font-size: 16px;color: #666666;width:100%; display: flex;align-items: center;display: flex;justify-content: space-between;}
.down-left .nrr{ width:86%;display: flex;justify-content:flex-start;align-items: center;}
.down-left .nrr span{display: block; width: 6px; height: 6px;background-color: #FF8A00;border-radius: 50%;margin-right: 12px;}
.down-left .nrr div{width: 95%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.down-left i{ font-size:16px; color:#666; text-align:right; display:inline-block; font-style:inherit}

.down-right{color: #2E4283;}
.down-right:hover{color: #FF8A00;}
.downlist:hover{border-bottom: 1px dashed #666;}

.down-right11{position: absolute; right: 20px;color: #2E4283;}
.down-right11:hover{color: #FF8A00;}