*{ margin: 0; padding: 0; } ul li{ list-style: none; } a{ text-decoration: none; color: #666666; } .nav_li a:visited{ color: #fff; } .nav_li a:hover{ color: #fff; } body{ /*line-height: 180%;*/ user-select: none; } .clear{ overflow: hidden; } .left{ float: left; } .right{ float: right; } .banner{ width: 100%!important; height: 494px!important; background: url('../images/banner.png') no-repeat center center!important; background-size: cover!important; } .banner_m{ display: none; } .main1{ background: url('../images/main1_bj.png') no-repeat top center; /* background-size: cover; */ } .nav_wrap{ background: url('../images/nav_bj.png') no-repeat top center; } .nav{ width: 1200px; margin: 0 auto; text-align: center; overflow:hidden; height: 52px; line-height: 52px; } .nav_li{ /* float: left; */ margin-right: 20px; } .nav_li a{ color: #fff; border-right: 2px solid #ff8e9a; padding-right: 20px; font-size: 20px; } .nav_li:last-child a{ border: none; } .cont{ width: 1200px; margin: 0 auto; } .column{ background: #fff; text-align: center; padding: 40px 0; } .colu_tit{ font-size: 34px; color: #cc0015; font-weight: bold; padding: 0 20px; line-height: 180%; } .report{ overflow: hidden; margin-bottom: 60px; background-image: url('../images/bj.jpg'); background-position: right bottom; background-repeat: no-repeat; background-color: #fefcf8; } .report_left{ width: 595px; float: left; } .report_left img{ width: 100%; height: auto; } .report_right{ width: calc(100% - 655px); float: right; padding: 50px 25px 10px; } .tit_wrap{ width: 100%; border-bottom: 2px solid #c30e22; position: relative; height: 40px; line-height: 40px; margin-bottom: 30px; } .news_li a{ display: block; padding-left: 38px; background: url(../images/li.png) no-repeat left center; color: #000; overflow: hidden; margin-bottom: 25px; font-size: 18px; } .news_li a:hover{ background: url(../images/li_h.png) no-repeat left center; color: #cf0017; } .news_li a:hover .news_tit{ text-decoration: underline!important; } .news_tit{ float: left; line-height: 180% ; } .news_date{ float: right; font-size: 14px; } .report_right .news_li a{ font-size: 16px; } .img_tit{ width: 1200px; margin: 0 auto; position: relative; margin-bottom: 40px; margin-top: 60px; } .img_tit img,.deploy_l img{ width: 100%; height: auto; } .more{ position: absolute; right: 0; } .more a{ font-size: 14px; color: #df1f00; } .img_tit .more{ top: 20px; } .sasac{ overflow: hidden; } .sasac_left{ width: 540px; float: left; padding: 25px; background: #f7f7f7; } .sasac_left .news_li a{ background: url(../images/li2.png) no-repeat left center; } .sasac_left .news_li a:hover{ background: url(../images/li2_h.png) no-repeat left center; color: #cf0017; } .sasac_right{ float: right; width: 590px; } .sasac_right img{ width: 100%; height: auto; } .deploy{ position:relative; height: 374px; margin-bottom: 30px; } .deploy_t,.deploy_b{ position:absolute; border: 1px solid; width: 1186px; height: 370px; border: 2px solid #fcb78a; border-radius: 10px; } .deploy_t{ background: #fff9f2; z-index: 3; } .deploy_l{ float: left; width: 575px; } .deploy_r{ float: right; width: calc(100% - 575px - 95px); padding: 40px 40px 40px 55px; line-height: 32px; } .deploy_b{ right: 0; bottom: -10px; } .deploy_tit{ font-size: 22px; color: #cc0015; font-weight: bold; margin-bottom: 30px; } .deploy_txt{ color: #292929; font-size: 18px; text-indent: 36px; } .study{ background: url(../images/study_bj.png) no-repeat ; height: 255px; position: relative; top: -30px; padding: 100px 80px; } .study .news_li a{ background: url(../images/li3.png) no-repeat left center; padding-left: 16px; } .study .news_li a{ color: #fff; } .main2{ background: url('../images/1.png') no-repeat top center; padding:1px 0 60px; margin-top: 60px; } .decode,.link{ width: 1200px; margin: 0 auto; overflow: hidden; } .decode .news{ overflow: hidden; } .decode .news_li{ float: left; width: 45%; } .decode .news_li:nth-child(even){ float: right; } .decode .news_li a{ background: url(../images/li4.png) no-repeat left center; padding-left: 16px; } .decode .news_li .news_tit{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .img_wrap{ overflow: hidden; } .img_li{ float: left; margin-right: 30px; margin-bottom: 30px; width: calc(100%/3 - 20px); } .img_li:nth-child(3n){ margin-right: 0; } .link_li{ width: calc(100%/2 - 30px); float: left; margin-right: 30px; margin-bottom: 30px; } .link_li:nth-child(2n){ margin-right: 0; } @media screen and (max-width: 750px) { body{ width: 100%; max-width:750px; margin: 0 auto; font-size: 16px; } .banner{ display: none; } .banner_m{ display: block; } .banner_m img{ width: 100%; height: auto; } .main1{ background: none; } .report,.sasac,.deploy,.decode,.link{ width: 96%; margin: 0 auto; } .deploy{ position: static; height: auto!important; } .deploy_t,.deploy_b{ width: calc(100% - 4px); position: static; height: auto; border: 2px solid #fcb78a; border-radius: 10px; } .deploy_b{ display: none; } .report_left,.report_right,.sasac_left,.sasac_right,.deploy_l,.deploy_r{ float: none; width: 100%; } .sasac_left{ width: calc(100% - 20px); padding: 10px; } .deploy_r{ width: calc(100% - 24px); padding: 10px; } .report_right{ padding: 10px 0; } .news_li a{ margin-bottom: 10px; padding-left: 25px; background-position: left 4px!important; font-size: 16px; } .news_tit{ line-height: 24px; } .study{ padding: 10px; top: 0; height: auto; background-image: linear-gradient(90deg,#c01e03,#ff8e45); } .main2{ margin-top: 10px; padding: 1px 0 10px; } .img_li{ width: calc(50% - 8px); margin-right: 15px; margin-bottom: 15px; } .img_li:nth-child(3n){ margin-right: 15px; } .img_li:nth-child(2n){ margin-right: 0; } .img_li img,.link_li img{ width: 100%; height: auto; } .column{ padding: 20px 0 0; margin-bottom: 20px; } .cont{ width: 100%; } .colu_tit,.colu_txt{ padding: 0 2%; font-size: 14px; line-height: 180%; } .colu_tit,.deploy_tit{ font-size: 16px; margin-bottom: 10px; } .deploy_txt{ font-size: 14px; text-indent: 28px; } .img_tit{ width: 96%; margin: 20px auto; } .link_li{ width: 100%; margin-bottom: 15px; } }