#main-page{ .header{ .header-belt{ .menu-bar{ nav{ .menu{ .menu__item{ } } } } } } @media only screen and(min-width: 769px){ .header{ .header-belt{ .logo{ top: 1rem; img{ max-width: 75%; } } .menu-bar{ nav{ .menu{ padding: 0; .menu__item{ width: 10%; line-height: 93px; transition: background-color 0.5s; &:hover{ background: #28476D; a{ color: #fff; } } } } } } } } .header--collapsed{ .header-belt{ .logo{ top: 1rem; img{ max-width: 70%; } } .menu-bar{ nav{ .menu{ padding: 10/16rem 0; .menu__item{ width: 10%; line-height: 93px; } } } } } } } .img-responsive{ position: fixed; width: 100%; } @media only screen and(max-width: 768px){ .img-responsive{ position: relative; width: 100%; } } .wrapper{ position: relative; z-index: 99; width: 100%; background: none; .container{ padding-top: 35%; } @media only screen and(max-width: 768px){ .container{ padding-top: 5%; } } .news-container{ .news{ width: 100%; margin: 0 auto; overflow: hidden; padding: 20/16rem 0; background: #19304d; .ab_sec1_con{ background: #19304d; .news-c{ .news_top{ top: 0; padding: 1rem 0; P{ color: #fff; font-size: 24/16rem; text-align: center; } h2{ font-size: 24/16rem; color: #fff; letter-spacing: 1/16rem; text-align: center; line-height: 3rem; } } .news_center{ padding-bottom: 1/16rem; width: 100%; float: left; background: #ebe8e8; margin-bottom: 2/16rem; position: relative; .newsleft{ float: left; padding-top: 5%; width: 8.4%; text-align: center; span{ font-size: 11/16rem; color: #212020; line-height: 3rem; } p{ font-size: 40px; color: #212020; margin: 0; } } a{ .news_img{ width: 33.33%; float: left; position: relative; z-index: 2; .mask{ width: 100%; height: 100%; position: absolute; top: 0; background: rgba(0,0,0,0.6); display: none; } span{ position: absolute; top: 50%; left: 40%; z-index: 9; margin-left: -42/16rem; margin-top: -7/16rem; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } } .newsright{ width: 58%; float: left; padding-top: 3%; h4{ font-size: 24/16rem; color: #19304d; text-align: right; width: 80%; margin: 0 auto; letter-spacing: 2/16rem; } @media (max-width: 1199px) and (min-width: 992px){ h4 { font-size: 20/16rem; width: 90%; } } @media (max-width: 991px) and (min-width: 768px){ h4{ font-size: 18/16rem; width: 90%; } } @media (max-width: 767px){ h4 { width: 90%; font-size: 13px; line-height: 22px; } } p{ font-size: 14/16rem; color: #212020; line-height: 26/16rem; text-align: right; width: 80%; margin: 0 auto; letter-spacing: 2/16rem; margin-top: 20/16rem; height: 78/16rem; overflow: hidden; } } } } } .page{ font-size: 0px; text-align: center; margin-top: 50/16rem; .pagination{ display: inline-block; padding-left: 0; margin: 50/16rem 0 20/16rem; border-radius: 4/16rem; a { font-size: 1/16rem; color: #000; text-decoration: none; padding: 6/16rem 12/16rem; margin-right: 1/16rem; background: #ebe8e8; transition: color .6s,border-color .6s,background-color .6s,border .6s; &:hover{ color: #ebe8e8; background: #19304d; } } @media (max-width: 767px){ a { float: left; margin-bottom: 3px; } } } } } } } } footer{ .content-belt{ max-width: 100%; .footer{ .footer-user-options{ color: #1c4b95; } } } } #divR{ width: 55px; height: 343px; right: 0px; position: fixed; z-index: 10000; top: 180/16rem; background: url(../img/youce_icon.png); background-position-y: 1px; background-repeat: no-repeat; a{ display: inline-block; width: 56/16rem; height: 56/16rem; float: left; margin-bottom: 1/16rem; background-color: none; } .divRzx{ &:hover{ background: url(../img/02.png); background-position-y: 1px; background-repeat: no-repeat; } } .divRqq{ &:hover{ background: url(../img/01.png); background-position-y: 1px; background-repeat: no-repeat; } } .divRtell{ &:hover{ background: url(../img/03.png); background-position-y: 1px; background-repeat: no-repeat; } } .divWechat{ &:hover{ background: url(../img/04.png); background-position-y: 1px; background-repeat: no-repeat; } } .divRaddre{ &:hover{ background: url(../img/05.png); background-position-y: 1px; background-repeat: no-repeat; } } .backto_top{ &:hover{ background: url(../img/06.png); background-position-y: 1px; background-repeat: no-repeat; } } } }