锘緻charset "UTF-8";
.indexbanner{position:relative}
.indexbanner .swiper-slide{position:relative}
.banner_img{position:relative; width:100%; height:960px;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.banner_img_pc video{ width: 100%;height: 101%;object-fit: cover;}
/*
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
*/
.banner_img_cir{ left:50%; top:50%; background-color:#0d6fb8; opacity:.15;border-radius:50%;transform:translate(-50%, -50%);position:absolute; width:32.55208333333333vw; height:32.55208333333333vw; z-index:1;}
.banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:left; color:#fff;transform:translateY(-50%);}
.banner_img_jj_mid_1{font-size:24px;line-height:1.6;margin-top:31px; font-family: 'GenBasR'; width: 67%;}
.banner_img_jj_mid_2{margin-bottom:1vw;font-size:54px; font-weight: bold; margin-top:0; position: relative; z-index: 9;  }
.banner_img_jj_mid_2:before {content:'';position:absolute;top:80%;left:0;width:180px;height:15px;background:#cf010b; z-index: -1;}
.banner_img_jj_mid_2.animated{ -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_1.animated{ -webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.index_banner_left{ color:#fff; z-index:100; top:50%;cursor:pointer;position:absolute; left:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_left span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_left span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_right{ color:#fff; z-index:100; top:50%; cursor:pointer;position:absolute; right:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_right span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_right span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.banner_right_act{ width: 6%; position: absolute; right: 14%; bottom: 25PX;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 25PX;}
.indexbanner .swiper-pagination-bullet{opacity:1; text-align:left; width: 10px; height:10px; line-height:10px;background:none; position:relative; border-radius: 100%; }
.indexbanner .swiper-pagination-bullet-active:after{width:65px; transition: width 7.3s ease-out 0s;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{width:100%; left: 0; bottom:50px;}
.indexbanner .swiper-pagination span {width: 10px;height: 10px;opacity: .86; background:#fff;position: relative;}
.indexbanner .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1;width: 35px;height:10px;border-radius: 10px;background:#cf010b;opacity: .96;}

@media screen and (max-width: 1680px){
.banner_img{ height:840px;}
}
@media screen and (max-width: 1600px){
.banner_img{ height:800px;}
}
@media screen and (max-width: 1440px){
.banner_img{ height:720px;}
.banner_img_jj_mid_2{font-size:50px;}
}
@media screen and (max-width: 1366px){
.banner_img{ height:683px;}
}
@media screen and (max-width:1280px){
.banner_img_jj_mid_2{font-size:44px;}
.banner_img_jj_mid_1{margin-top:20px; font-size:22px;}
.banner_img{ height:640px;}
}
@media screen and (max-width: 1200px){
.banner_img{ height:600px;}
.banner_img_jj_mid_1{font-size:18px; width: 70%; line-height: 28px;}
.banner_img_jj_mid_2{font-size:36px;margin-bottom: 30px;}
}
@media screen and (max-width:1100px){
.banner_img{ height:550px;}
.indexbanner .swiper-slide .text .box .tit{margin-top:20px;font-size:45px}
.banner_img_jj_mid_1{margin-top:12px;font-size:18px}
.banner_img_jj_mid_2{font-size:40px;}
.banner_img_jj_mid_2:before { width:160px;height:12px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom:30px;}
}
@media screen and (max-width: 1024px){
.banner_img{ height:512px;}
.banner_img_jj_mid_2{font-size:32px;}
.banner_right_act{ width:14%;right: 6%;}
}
@media screen and (max-width:1000px){
.banner_img{ height:500px;}
.indexbanner .swiper-slide .text .box{width:70%}
.banner_img_jj_mid_2{font-size:30px;}
.banner_img_jj_mid_2:before { width:140px;}
}
@media screen and (max-width:992px){
.banner_img{ height:496px;}
}
@media screen and (max-width: 768px){
.banner_img{ height:384px;}
.banner_img_jj_mid_2{font-size:22px; margin-bottom: 15px;}
.banner_img_mo img{ width: 100%;}
.banner_img_jj_mid_1{font-size:16px; }
}
@media screen and (max-width:700px){
.banner_img{ height:350px;}
.indexbanner .swiper-slide .text{top:30%}
.indexbanner .swiper-slide .text .box{width:100%}
.banner_img_jj_mid_2{font-size:26px; }
.indexbanner .sw-siperlide .text .box p{margin-top:5px;font-size:16px}
.banner_img_jj_mid_2:before { width:100px;height:10px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom:20px;}
}
@media screen and (max-width: 668px){
.banner_img{ height:334px;}
.sub-mouse{ display: none;}
.banner_right_act{ display: none;}
.banner_img_jj_mid_2{font-size:20px;}
}
@media screen and (max-width: 500px){
.banner_img{ height:250px;}
.indexbanner .swiper-slide .text{top:26%}
.banner_img_jj_mid_1{font-size:14px; width: 100%;}
}

.pageabout .left {width: 40.28%; padding-top: 1%;}
.pageabout .left .info {font-size: 16px;line-height: 32px;color:#333; }
.pageabout .left .more {margin-top: 90px;}
.pageabout .right {width: 43.61%;height: 417px;position: relative;}
.pageabout .right::after{ position: absolute; right: 0px; top: 15px; content: ""; width: 100%;height: 442px; background: #cf010b;z-index: -1;border-radius: 0 0 48px 0; }
.pageabout .imgBg {width: 100%;height: 443px;margin: 0px 0 0 -10px;border-radius: 0 0 40px 0;position: relative;}
.data-list { margin-top: 120px;}
.data-list .item {width: 21%;float: left;margin-right: 4%;}
.data-list .item:last-child {margin-right: 0;}
.data-list .item:nth-child(2n) .num span {color: #cf010b;}
.data-list .item:nth-child(2n) .num {color: #cf010b;}
.data-list .item .num {font-size: 80px;line-height: 86px;font-weight: 300;color: #333;padding-bottom: 16px;border-bottom: 1px solid rgba(0, 0, 0, 0.38);position: relative;}
.data-list .item .num span {font-size: 16px;line-height: 30px;position: absolute;right: 0;top: 0;font-weight: 300;}
.data-list .item p {font-size: 16px;line-height: 35px;color:#666;margin-top: 5px;}
@media screen and (max-width:1440px){
.pageabout .left {width: 42.28%; }
.pageabout .left .more {margin-top: 70px;}
.data-list { margin-top: 100px;}
.data-list .item .num {font-size: 74px;line-height: 76px;}
.pageabout .right::after{height: 422px; }
.pageabout .imgBg {height: 423px;}
}
@media screen and (max-width:1366px){
.data-list { margin-top: 90px;}
.data-list .item .num {font-size: 70px; }
.pageabout .left .more {margin-top: 60px;}
.pageabout .right::after{height: 402px; }
.pageabout .imgBg {height: 403px;}
}
@media screen and (max-width:1280px){
.pageabout .left {width: 44.28%; }
.pageabout .left .more {margin-top: 50px;}
.pageabout .right {width: 46.61%; }
.pageabout .right::after{height: 372px; }
.pageabout .imgBg {height: 373px;}
.data-list { margin-top: 80px;}
.data-list .item .num {font-size: 64px; line-height: 70px;}
}
@media screen and (max-width:1024px){
.pageabout .left .info { line-height: 30px; }
.pageabout .left .more {margin-top: 40px;}
.pageabout .right::after{height: 342px; }
.pageabout .imgBg {height: 343px;}
.data-list { margin-top: 70px;}
.data-list .item .num {font-size: 54px; line-height: 64px;}
}
@media screen and (max-width:992px){
.data-list .item .num {font-size: 48px; line-height:58px; padding-bottom: 10px;}
.pageabout .left .more {margin-top: 30px;}
.data-list { margin-top: 40px;}
.data-list .item {width: 46%; margin-top: 10px; margin-bottom: 10px;}
}
@media screen and (max-width:768px){
.pageabout .left {width: 100%; padding-top: 0px;}
.pageabout .left .more {margin-top: 25px;}
.pageabout .right {width: 98%; margin-bottom: 40px; }
.pageabout .right::after{height: 442px; }
.pageabout .imgBg {height: 443px;}
.data-list { margin-top: 30px;}
.data-list .item .num {font-size: 38px; line-height: 46px;}
.data-list .item p { line-height: 30px;}
}
@media screen and (max-width:624px){
.pageabout .right { margin-bottom: 20px; }
.pageabout .right::after{height: 382px; }
.pageabout .imgBg {height: 383px;}
}
@media screen and (max-width:540px){
.pageabout .right {width: 98%; margin-bottom: 0px; margin-top: 20px; height: 390px;}
.pageabout .right::after{height: 352px; }
.pageabout .imgBg {height: 353px;}
}
@media screen and (max-width:524px){
.data-list .item .num {font-size: 30px; line-height: 40px;}
.pageabout .left .more {margin-top: 20px;}
.pageabout .left .more i { display: none;}
.pageabout .right::after{height: 292px; }
.pageabout .imgBg {height: 293px;}
}
@media screen and (max-width:480px){
.pageabout .right { height: 340px;}
}
@media screen and (max-width:424px){
.pageabout .right { height: 300px;}
.pageabout .right::after{height: 272px; }
.pageabout .imgBg {height: 273px;}
.data-list .item .num {font-size: 24px; line-height: 36px;}
}
@media screen and (max-width:390px){
.pageabout .right { height: 270px;}
.pageabout .right::after{height: 242px; }
.pageabout .imgBg {height: 243px;}
.data-list .item {width: 96%; margin-top: 10px; margin-bottom: 10px;}
}

.pageprollist .container {padding: 0 9.375rem;width: 100%;}
.pagepro{background: #f0f3f7 url(../images/pageprobg.jpg) no-repeat center; background-size:cover;}
.pagepro .swiper-button-next {position: absolute;right: 31.5%;background: url(/statics/images/newmore2.png) no-repeat center;width: 68px;height: 68px; border: 1px solid #666; border-radius: 10px;}
.pagepro .swiper-button-prev {position: absolute;left: 31.5%;background: url(/statics/images/newmore3.png) no-repeat center; width: 68px;height: 68px; border: 1px solid #666; border-radius: 10px;}
.pagepro .swiper-button-next:hover { background: url(/statics/images/newmore2_h.png) no-repeat center; background-color: #cf010b; border: 1px solid #cf010b; border-radius: 10px;}
.pagepro .swiper-button-prev:hover { background: url(/statics/images/newmore3_h.png) no-repeat center; background-color: #cf010b; border: 1px solid #cf010b; border-radius: 10px;}
.pagepro .name {position: absolute;bottom: 40px;width: 80%;left: 10%;height:68px;line-height: 68px;text-align: center;background: rgba(255, 255, 255, 0.9);font-size:20px;text-transform: uppercase;color: #231815;}
.pagepro .swiper-slide .name {opacity: 0;transition: all .6s;-webkit-transition: all .6s;-moz-transition: all .6s;-o-transition: all .6s;}
.pagepro .swiper-slide-active.swiper-slide .name {opacity: 1;transition: all .6s;-webkit-transition: all .6s;-moz-transition: all .6s;-o-transition: all .6s;}
@media (max-width:1600px) {
.pageprollist .container {padding: 0 0.375rem;width: 100%;}
.pagepro .swiper-button-next {right: 30%; width: 58px;height: 58px;}
.pagepro .swiper-button-prev {left: 30%;width: 58px;height: 58px;}
}
@media (max-width:1440px) {
.pageprollist .container {padding: 0 0;width: 100%; margin-left: 0; }
.pagepro .swiper-button-next {right: 31%; }
}
@media (max-width:1400px) {
.pagepro .swiper-button-next {right: 30.2%; }
}
@media (max-width:1366px) {
.pagepro .name { bottom: 30px; height:60px;line-height: 60px;}
.pagepro .swiper-button-next {right: 29%; }
.pagepro .swiper-button-prev { left: 28%;}
}
@media (max-width:1280px) {
.pageprollist .container { width: 106%; margin-left: -2.5%; }
.pagepro .name { bottom: 20px; height:50px;line-height: 50px; font-size:18px;}
.pagepro .swiper-button-next {right: 28.3%; }
}
@media (max-width:1240px) {
.pagepro .swiper-button-next {right: 27%; }
}
@media (max-width:1200px) {
.pageprollist .container { margin-left: -2.8%; }
.pagepro .swiper-button-next {right: 29%; }
}
@media (max-width:1140px) {
.pageprollist .container { width: 108%; margin-left: -4%; }
.pagepro .swiper-button-next {right: 29.5%; }
}
@media (max-width:992px) {
.pagepro .swiper-button-prev { left: 18%;}
.pagepro .swiper-button-next {right: 18%; }
}
@media (max-width: 767px) {
.pagepro .swiper-button-next,
.pagepro .swiper-button-prev { display: none; width: 48px;height: 48px;}
.pagepro .swiper-slide .name { opacity: 1;  height:40px;line-height: 40px;  font-size: 16px; bottom: 3rem; width: 90%; left: 5%;}
.pagepro .swiper-container{ padding-bottom: 50px;}
.pagepro .swiper-pagination-bullet-active { background-color: #cf010b;}
  
.pagepro .swiper-pagination-bullet{opacity:1; text-align:left; width: 10px; height:10px; line-height:10px;background:none; position:relative; border-radius: 100%; }
.pagepro .swiper-container-horizontal > .swiper-pagination-bullets,.pagepro .swiper-pagination-custom,.pagepro .swiper-pagination-fraction{width:100%; left: 0; bottom:10px;}
.pagepro .swiper-pagination span {width: 10px;height: 10px;opacity: .86; background:#fff;position: relative;}
.pagepro .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1;width: 10px;height:10px;border-radius: 10px;background:#cf010b;opacity: .96;}
}
@media (max-width: 466px) {
.pageprollist .container { width: 94%; margin-left: 3%; }
}
.g-sypt1fl {width: 78px;position: absolute;top: 59%;right: 0;transform: translateY(-50%);}
.g-sypt1nr {position: relative;}
.g-sypt1-icon {width: 78px;height: 78px;border-radius: 50%;position: relative;margin-bottom: 40px;transition: all .36s;}
.g-sypt1fl-icon.act .g-sypt1-icon {background: #f3d9d9;box-shadow: 0 0 30px 10px rgba(203, 169, 169, .35);}
.g-sypt1-tu {width: 60px;height: 60px;transition: all .36s ease;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.g-sypt1fl-icon.act .g-sypt1-tu {background: #fff;}
.g-sypt1-tu img {width: 33px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.g-sypt1-icon .g-svg {width: 78px;height: 78px;transform: rotate(-90deg);}
.g-svg svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.g-sypt1fr {width: calc(100% - 78px);padding-right: 60px;}
.g-sypt1fl circle {stroke-dasharray: 220;stroke-dashoffset: 220;}
.g-sypt1fl-icon.act #circle1 {stroke-dasharray: 220;stroke-dashoffset: 220;-webkit-animation: 8s svgcircle1 linear;animation: 8s svgcircle1 linear;}
@-webkit-keyframes svgcircle1 {0% {    stroke-dashoffset: 220;}100% {    stroke-dashoffset: 0;}}
@keyframes svgcircle1 {0% {    stroke-dashoffset: 220;}100% {    stroke-dashoffset: 0;}}
.g-sypt1fl-icon.act #circle2 {stroke-dasharray: 220;stroke-dashoffset: 220;-webkit-animation: 8s svgcircle2 linear;animation: 8s svgcircle2 linear;}
@-webkit-keyframes svgcircle2 {0% {    stroke-dashoffset: 220;}100% {    stroke-dashoffset: 0;}}
@keyframes svgcircle2 {0% {    stroke-dashoffset: 220;}100% {    stroke-dashoffset: 0;}}
.g-sypt1fl-icon.act #circle3 {stroke-dasharray: 220;stroke-dashoffset: 220;-webkit-animation: 8s svgcircle3 linear;animation: 8s svgcircle3 linear;}
@-webkit-keyframes svgcircle3 {0% {    stroke-dashoffset: 220;}100% {    stroke-dashoffset: 0;}}
@keyframes svgcircle3 {0% {    stroke-dashoffset: 220;}100% {    stroke-dashoffset: 0;}}
.g-sypt1fl-icon.act #circle4 {stroke-dasharray: 220;stroke-dashoffset: 220;-webkit-animation: 8s svgcircle4 linear;animation: 8s svgcircle4 linear;}
@-webkit-keyframes svgcircle4 {0% {    stroke-dashoffset: 220;}100% {    stroke-dashoffset: 0;}}
@keyframes svgcircle4 {0% {    stroke-dashoffset: 220;}100% {    stroke-dashoffset: 0;}}
.g-sypt1frnr {display: none;position: relative;}
.g-sypt1frnr.on {display: block;}
.g-sypt1zuo {position: absolute;height: 100%;top: 0;right: 0;padding-top: 20px;}
.g-sypt1zuo {width: 40%;margin-top: 0;}
.g-sypt1you { width: 50%; margin-right: 10%;}
.g-sypt1youb {width: 100%;height: 546px;background: #f3f5f7;position: relative;}
.g-sypt1frshu {color: #cccccc;font-size: 48px; font-weight: bold; line-height: 60px;margin-bottom: 20px;}
.g-sypt1frh {font-size: 48px;line-height: 70px; font-weight: bold; color: #333333;margin-bottom: 20px;}
.g-sypt1 .g-sybotton {margin-top: 65px;}
.g-sypt1 .g-sypt5p p {max-height: 136px;overflow: hidden;}
.g-sypt1fl::before {content: '';position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: calc(100% + 40px);border-left: 1px dashed #e5e5e5;}
.g-sypt1fl-icon {cursor: pointer;}
.g-sypt2frth1 img {width: 100%;}
.g-sypt1youtop {width: 185px;height: 176px;border-radius: 10px;background: #fff;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .16);position: absolute;top: -62px;right: 85px;z-index: 10;}
.g-sypt1youbot {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);box-shadow: 0 0 20px 5px rgba(0, 0, 0, .06);width: calc(100% - 112px);height: calc(100% - 112px);border-radius: 10px;background: #fff;padding: 32px 35px;}
.g-sypt1fr {margin-top:20px;}
.g-sypt1youtop img {width: 100%;border-radius: 10px;}
.g-nyban .g-tiele {color: #fff;}
.g-nyban .g-sypt5p p {color: #fff;}
.g-sybtnfr {position: relative;}
.g-sybtnfr1 {position: relative;top: 0;left: 0;}
.g-sybtnfr2 {position: absolute;top: 53%;transform: translateY(-50%);left: 0;opacity: 0;}
.g-sybtnfr img {transition: all .36s;}
.g-sypt5p p { color: #666666; font-size: 16px; line-height: 1.5;  }
@media screen and (max-width: 1440px) {
.g-sypt1frshu { font-size: 42px; line-height: 60px;}
.g-sypt1frh {font-size: 42px;line-height: 60px; }
.g-sypt1you { width: 52%; margin-right: 8%;}
}
@media screen and (max-width: 1366px) {
.g-sypt1frshu { font-size:38px; line-height: 50px;}
.g-sypt1frh {font-size: 38px;line-height: 50px; }  
.g-sypt1you { width: 54%; margin-right: 6%;}
.g-sypt1you img{ max-width: 100%;}
}
@media screen and (max-width: 1280px) {
.g-sypt1you { width: 56%; margin-right:4%;}
.g-sypt1frshu { font-size:34px; line-height: 46px;}
.g-sypt1frh {font-size: 34px;line-height: 46px; }  
.g-sypt1-icon { margin-bottom: 30px; }
.g-sypt1fl::before { height: calc(100% + 0px); }
.g-sypt1fr {width: calc(100% - 48px);padding-right: 30px;}
}
@media screen and (max-width: 1200px) {
.g-sypt1frshu { font-size:30px; line-height: 40px; margin-bottom: 15px; }
.g-sypt1frh {font-size: 30px;line-height: 40px; margin-bottom: 15px; }  
.g-sypt1 .g-sybotton {margin-top: 20px;}
.g-sypt1 {padding: 33px 40px 40px;}
.g-sypt1fl {top: 52%;transform: translateY(-40%);}
.g-sypt1fl::before {top: 42%;height: calc(100% + 18px);}
.g-sypt1-icon { margin-bottom:20px; }
}

@media screen and (max-width: 1200px) {
.g-sypt1fl {width: 100%;font-size: 18px;line-height: 44px;position: static;top: 0;left: 0;transform: translateY(0);margin-bottom: 20px;}
.g-sypt1fl-icon {float: left;}
.g-sypt1 .g-sybotton {margin-top: 32px;}
.g-sypt1fl::before {display: none;}
.g-sypt1-icon {margin-bottom: 0;}
.g-sypt1frnr {margin-top: 0;}
.g-sypt1 {padding-top: 19px;}
.g-sypt1fl::before {border-left: 0px;}
.g-sypt1fr {width: 100%;padding-right: 0px;}
}

@media screen and (max-width: 992px) {
.g-sypt1fr {margin-top:0px;}
.g-sypt1frnr {margin-top: 20px;}
.g-sypt1 {padding: 33px 40px 50px;}
.g-sypt1zuo {padding-top: 0;margin-top: 0px;padding-top: 10px;}
.g-d1pt1 .slick-dots li.slick-active {background: #cf010b;border: 1px solid #cf010b;}
.g-sypt1fl::before {top: 49%;height: calc(100% + 20px);}
.g-sypt1-icon {margin-bottom: 25px;}
.g-sypt1fl { margin-bottom: 0px;}
.g-sypt1fl::before {top: 49%;}
.g-sypt1fl {top: 42%;}
.g-sypt1frshu { font-size:24px; line-height: 34px; margin-bottom: 10px;}
.g-sypt1frh {font-size: 24px;line-height: 34px; margin-bottom: 10px;}
}

@media screen and (max-width: 900px) {
.g-sypt1zuo {width: 100%;margin-top: 0;position: static;padding-top: 0;margin-bottom:20px;}
.g-sypt1you {width: 100%;padding-left: 0;}
}
@media screen and (max-width: 450px) {
.g-sypt1-icon { margin-bottom: 20px;}
.g-sypt1-tu img {width: 24px;}
 .g-sypt1 .g-sybotton {margin-top: 20px;}
.g-sypt1frshu { font-size:20px; line-height: 32px;}
.g-sypt1frh {font-size: 20px;line-height: 32px;}
}
@media screen and (max-width: 450px) {
.g-sypt1frshu { font-size:18px; line-height: 30px;}
.g-sypt1frh {font-size: 18px;line-height: 30px;}
}

.pagenews{background: #f0f3f7 url(../images/pagenews_bg.jpg) no-repeat center; background-size:cover;}
.pagenews .swiper-container-news{ padding-bottom: 50px;}
.pagenews .pic img { object-fit: cover;}
.pagenews .info{ padding-top: 40px; padding-bottom:40px; border-bottom: 3px solid #f7f7f7;}
.pagenews .name {font-size: 20px;font-weight: 700;line-height: 30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; text-transform: uppercase;}
.pagenews .date { color: #666; line-height: 30px; font-size: 16px; margin-top: 20px;}
.pagenews .desc { color: #666; line-height: 30px; margin-top: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; text-transform: uppercase;}
.pagenews .item:hover .info{ border-bottom: 3px solid #cf010b; }
.pagenews .item:hover .pic img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.pagenews .item:hover .name {color: #cf010b;}
.pagenews .swiper-pagination-bullet{opacity:1; text-align:left; width:12px; height:12px; line-height:12px;background:#dcdcdc; border: 3px solid #dcdcdc; position:relative; border-radius: 12px; color:#fff; font-size: 18px; font-family:Calibri;}
.pagenews .swiper-pagination-bullet-active{transition: width 7.3s ease-out 0s;background:#cf010b; border: 3px solid #cf010b; border-radius: 12px;}
@media screen and (max-width: 1440px) {
.pagenews .info{ padding-top: 30px; padding-bottom:30px;}
}
@media screen and (max-width: 1280px) {
.pagenews .name {font-size: 18px; }
}

@media screen and (max-width: 1024px) {
.pagenews .info{ padding-top: 20px; padding-bottom:20px;}
.pagenews .pic img {height: auto;}
.pagenews .name {font-size: 17px; line-height: 28px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.pagenews .date { line-height: 28px; margin-top: 15px;}
.pagenews .desc { line-height: 28px; margin-top: 15px; }
}
 <!--0.00018978118896484-->