@charset "utf-8"; /*基本样式*/ html{font-size:62.5%; /* 10÷16=62.5% */} body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; min-width: 1200px;} html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: antialiased;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} img,object{max-width:100%;width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;} a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:#333} a:hover{text-decoration: none;} input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;} ul,ol,li{list-style:none outside none;} /* banner */ .banner{width:100%; overflow: hidden; background:url(banner.png) no-repeat center top; margin:0 auto; height: 1080px; position: relative;} .content{width: 100%; height: 1450px; background: url(contentbg.png) no-repeat top center; background-color: #F9EED9; margin: 0 auto;} .cont_w1200{width: 1200px; margin: 0 auto; position: relative; top: -180px;} .zyjs_content{ display: flex; justify-content: space-between;} /* 轮播图 */ .slideBox{ width:600px; height:400px; position: relative; background: linear-gradient(180.00deg, #fdecc8 0%, #fef5e4 100%); box-shadow: 20px 0 20px #0000004d; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;} .slideBox::after{position: absolute; content: ''; top: 0; right: -20px; width: 0; height: 0; border-style: solid; border-width: 0px 20px 30px 0px; border-color: transparent transparent #b30000 transparent;} .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:28px; bottom:32px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:7px; border-radius: 50%; width:8px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBox .hd ul li.on{background: #fce2a7; color:#fff; width: 30px;border-radius: 4px;} .slideBox .bd{ position:relative; height:100%; z-index:0; width: 560px; height: 360px;} .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd li a{display: block; width: 100%; height: 100%;} .slideBox .bd li a p{position: absolute; content: ''; bottom:15px; left:24px; z-index: 20; font-size: 16px; color: #FFFFFF; letter-spacing: 0; font-weight: 500; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .slideBox .bd li::before{position: absolute; width: 100%; height: 50px; content: ''; bottom:0; left:0; background: #000; opacity: 0.5; z-index: 3;} .slideBox .bd img{ width:560px; height:360px; display:block; } /* 中央精神 */ .zyjs{width: 600px; height: 370px; background: url(zyjsbg.png) no-repeat top center; background-size: 100% 350px; background-color: #F8E3AE; margin-top: 30px; background-position-y: 20px; display: flex; flex-wrap: wrap; align-content: center; justify-content:center} .zyjs_cont{width: 540px; height: 280px; position: relative;} .zyjs_cont h2{position: relative; padding-bottom: 18px; border-bottom: 2px solid #fce2a7;} .zyjs_cont h2::after{position: absolute; content: ''; width: 76px; height: 17px; left: 226px; bottom: 27px; background: url(zyjsbt.png) no-repeat top center; background-size: 100%;} .zyjs_cont ul li{margin-top: 20px;} .zyjs_cont ul li a{font-size: 18px; color: #fff; display: block; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 20px;} .zyjs_cont ul li a::before{position: absolute; content: ''; width: 6px; height: 6px; top: 10px; left: 0; background: #fff; border-radius: 50%;} .zyjs_cont ul li a:hover{color: #FDF4DE;} .zyjs_cont span{display: block; position: absolute; right:0;} .zyjs_cont span a{font-size: 18px; color: #fff;} /* 权威解读 */ .qwjd_cont h2{text-align: center; margin-top: 80px; margin-bottom: 50px;} .qwjd_cont ul{width: 100%; height: 564px; background: url(qwjdbg.png) no-repeat top center; background-size: 100%;} .qwjd_cont ul li{width: 360px; height: 204px; background: url(qwjdList.png) no-repeat top center; background-size: 100%; position: relative; margin-top: 35px; display: inline-block; float: left; margin-left: 30px;} .qwjd_cont ul li::after{position: absolute; content: ''; width: 330px; height: 194px; right: 0; top: 0; background: #fff; box-shadow: 0 3px 12px #00000029; border-radius: 0 0 50px 0; z-index: 1;} .qwjd_cont ul li a{display: block; width: 100%; position: relative; z-index: 2; height: 100%;} .qwjd_cont ul li a p{font-size: 18px; font-weight: 700; line-height: 32px; color: #000; width: 288px; padding-top: 20px; padding-left: 50px;} .qwjd_cont ul li a:hover p{color: #E2382F;} .qwjd_cont ul li a::before{position: absolute; content: ''; bottom: 70px; left: 50px; width: 60px; height: 4px; background: #db160f;} .qwjd_cont ul li a span{display: block; width: 140px; height: 30px; background: #db160f; border-radius: 0 4px 4px 0; font-size: 16px; font-weight: 400; line-height: 28px; color: #fff; position: absolute; bottom: 25px;} .qwjd_cont ul li a span::before{position: absolute; content: '查看详情'; top:0; right: 26px; font-size: 16px;} .qwjd_cont_link{width: 100%; font-size: 18px; text-align: center; position: absolute; bottom: 30px;} .qwjd_cont_link a{color: #c70f18;} /* 学习动态 */ .xxdt{width: 100%; height: 946px; background: url(bottombg.png) no-repeat top center; margin: 0 auto; position: relative;} .xxdt .xxdt_cont{width: 1200px; margin: 0 auto; height: 630px; position: relative;} .xxdt .xxdt_cont h2{position: absolute; top: -235px; left: 50%; transform: translateX(-50%);} .xxdt .xxdt_cont ul{display: inline-grid; flex-wrap: wrap; padding-top: 120px; grid-template-columns: 1fr 1fr; grid-gap: 0px 80px; margin-left: 45px;} .xxdt .xxdt_cont ul li{width: 502px; height: 70px; border: 1px solid #FFCD8B; border-left:8px solid #FFCD8B; margin-bottom: 30px;display: flex; flex-wrap: wrap; align-content: center; position: relative;} .xxdt .xxdt_cont ul li::after{position: absolute; content: ''; left: 28px; top: 50%; width: 4px; height: 4px; background: #db160f; transform: translateX(-50%);} .xxdt .xxdt_cont ul li a{font-size: 18px; color: #000; font-weight: 400; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 42px;} .xxdt .xxdt_cont ul li a:hover{color: #c70f18;} .xxdt_cont_link{position: absolute; bottom: 68px; right: 58px;} .xxdt_cont_link a{font-size: 18px; color: #c70f18;} .footer{margin-top: -90px; position: relative;} .footer p{font-size: 16px; text-align: center; line-height: 30px; font-weight: 400; color: #fff;}