@charset "utf-8"; /* css document */ .swiper-container-banner{height: 780px;} .swiper-container-banner .swiper-slide a{display:block;width:100%;height:100%;} .index-banner .swiper-slide-active.img {transform: scale3d(1.2, 1.2, 1);transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);} .index-banner .img {transform: scale3d(1, 1, 1);transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);} @media (max-width:1440px) { .swiper-container-banner{height: 585px;} } @media (max-width:1366px) { .swiper-container-banner{height: 555px;} } @media (max-width:1280px) { .swiper-container-banner{height: 520px;} } @media (max-width:1024px) { .swiper-container-banner{height: 420px;} } @media (max-width: 768px) { .swiper-container-banner{height: 300px;} } @media (max-width: 425px) { .swiper-container-banner{height: 223px;} .swiper-button-next, .swiper-button-prev{ width:20px!important; height:33px!important; background-size:20px 33px!important;} } @media (max-width: 375px) { .swiper-container-banner{height: 202px;} } @media (max-width: 320px) { .swiper-container-banner{height: 180px;} } .index-section{padding:80px 0;} .index-section-white{background: #fff;color:#333;} .section-title{margin-bottom: 10px;text-align: center;} .section-title h2{font-size: 36px;color:#333; } .section-title p{font-size: 20px;color:#666;padding: 10px 0;} .index-section-white .section-title h2{color:#fff;} .index-section-white .section-title p{color:#fff;} @media (max-width:1024px) { .index-section{padding:50px 0;} .section-title h2{font-size:26px;} .section-title p{font-size: 18px; } .section-title{margin-bottom:20px;} } @media (max-width: 768px) { .index-section{padding:40px 0;} .section-title{margin-bottom:0px;} .section-title h2{font-size:22px;} .section-title p{font-size: 16px; } } @media (max-width: 425px) { .section-title p{font-size: 15px; } } /*pt1*/ .pt1{background:#f4f4f4; padding:20px 0;} .pt1 .lists a{display:block; width:100%; height:100%;overflow:hidden;} .pt1 .lists li{width:12.5%; float:left; text-align:center; height:185px; overflow:hidden; } .pt1 .lists .img_box{margin:25px auto 25px;} .pt1 .lists .tit{font-size:18px; color:#4e4e4e; line-height:1; margin-bottom:10px;} .pt1 .lists li a:hover .tit{color:#cc0000; } @media (max-width: 768px) { .pt1 .lists .img_box img{ width:100%;} } @media (max-width: 700px) { .pt1 .lists li{width:24.5%; height:150px;} .pt1 .lists .tit{font-size:16px;} } @media (max-width: 425px) { .pt1 { padding:10px 0;} .pt1 .lists .tit{font-size:15px;} } /*pt2*/ .pt2_left_1{ text-align:left;} .pt2_left_2{ color:#333; line-height:28px;} .pt2_left_3{ height:35px; line-height:35px;background:#cc0000;text-align:center;} .pt2_left_3 a{ color:#fff; } .pt2_left_3:hover{ background:#013f97;} .pt2_left_3:hover a{ color:#fff;} .pt2_left_4 { margin-bottom:20px; height:110px;} .pt2_left_4 ul li{ padding:0 4%; float:left; background-position:left center; background-image:url(/uploads/image/simages/img6.jpg); background-repeat:no-repeat; text-align:center;} .pt2_left_4 ul li:nth-child(1){background-image:none; } .pt2_left_4_2{color:#333; line-height:36px; font-size:14px;} .pt2_right{float:right;} .pt2_right_mid{ padding-top:1.25em; padding-bottom:1.25em;padding-right:1.25em; position:relative;} .pt2_right_mid img{position:relative; z-index:10;} .pt2_right_mid_bg{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:;position:absolute; right:0; top:0; height:100%; width:55.57692307692308%; z-index:0;} #video {height: 435px;} #video video {width: 100%;height: 100%;object-fit: fill;} .videobtn {position: absolute;left: 50%;top: 50%;display: block;width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;cursor: pointer;z-index: 10} @media (max-width:1280px) { .pt2_left_4 ul li{ padding:0 2%;} } @media (max-width:1200px) { .pt2_left_4 ul li{ padding:0 1.5%;} } @media (max-width:1024px) { .pt2_left_4 ul li{ padding:0 5%;} } @media (max-width:768px) { .pt2_right{ margin-top:20px;} .pt2_right_mid{ padding-top:1.25em; padding-bottom:1.25em;padding-right:0; position:relative;} .pt2_right_mid video{width:100%; margin-top:20px; } } @media (max-width:425px) { .pt2_left_4{ margin-top:15px; height:120px;} .pt2_left_4 ul li{ padding:0 2%; width:33%; background-image: none; } .pt2_left_4_2{line-height:22px;} #video {height: 280px;} } /*pt3*/ .pt3{height:750px; position: relative;} .pt3 .index_pro{position: relative; height:450px;} .pt3 .index_pro .con{ position: absolute; top: 0%; width:100%; z-index:9; } .pt3 .pt3_list{display:block;} .pt3 .pt3_list .img_box{margin-bottom:20px;} .pt3 .pt3_list .info_box .t{font-size:18px; color:#fff; line-height:1.5; text-align: center; margin-bottom:25px;} .pt3 .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 10px; background: #fff;} .pt3 .swiper-pagination-bullet-active {background: #d7000e;} .pt3 .swiper-slide{ margin-top:0px!important; } .pt3 .swiper-slide:nth-child(2n){ margin-bottom:30px;} .pt3 .pt3-con{ background: url(/uploads/image/simages/index_pt3.jpg) no-repeat bottom center ;height:590px; position:absolute;bottom:0px;left:0; right:0; margin-top:80px;} .pt3 .pt3-con-desc{ z-index:999; position:relative; color:#fff;} .pt3 .pt3_left_1 span{display:inline-block;text-align:left; font-size:36px;} .pt3 .pt3_left_t{margin:0 0 2em 0;} .pt3 .pt3_left_2{font-size:14px; text-transform:uppercase; line-height:32px; margin-bottom:35px; margin-top:15px;} .pt3 .pt3_left_3{line-height:30px; margin-bottom:20px;} @media (max-width:1440px) { .pt3{height:720px;} } @media (max-width:1366px) { .pt3{height:700px;} .pt3 .pt3_left_1 span{ font-size:32px;} .pt3 .pt3_left_t{margin:0 0 1em 0;} .pt3 .pt3_left_2{ margin-top:5px;} } @media (max-width:1280px) { .pt3{height:670px;} .pt3 .index_pro{ height:420px;} .pt3 .pt3-con{ height:530px; } } @media (max-width:1200px) { .pt3{height:580px;} .pt3 .index_pro{ height:380px;} .pt3 .pt3_left_1 span{ font-size:30px;} .pt3 .pt3_left_2{ margin-bottom:15px;} .pt3 .pt3-con{ height:470px;} } @media only screen and (max-width:1024px) { .pt3 .index_pro{ height:360px;} .pt3 .pt3-con{ height:440px; } } @media (max-width: 768px) { .pt3{height:620px;} .pt3 .index_pro{ height:380px;} .pt3 .pt3_left_1 span{ font-size:28px;} } @media (max-width: 425px) { .pt3{height:680px;} .pt3 .index_pro{ height:400px;} .pt3 .pt3_left_1 span{ font-size:20px;} .pt3 .pt3_left_2{font-size:13px;line-height:24px; } .pt3 .pt3_left_3{line-height:24px; margin-bottom:0px;} } @media (max-width:375px) { .pt3{height:590px;} .pt3 .index_pro{ height:370px;} .pt3 .pt3-con{ height:480px; } .pt3 .pt3_left_2{ display:none;} .pt3 .pt3_left_3{ margin-top:20px;} } @media (max-width:320px) { .pt3{height:560px;} .pt3 .index_pro{ height:320px;} } /*pt4*/ .pt4 .list {margin-top:50px} .pt4 .list ul li a {width: 100%;height: auto;display: block} .pt4 .list ul li a .pic {width: 100%;height: auto;overflow: hidden} .pt4 .list ul li a .pic img {transition: all 1.5s} .pt4 .list ul li a .tits {font-size: 18px;line-height: 30px;color: #333; height: 30px; width:100%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 20px; margin-bottom:20px;} .pt4 .list ul li a .desc { margin-bottom:20px; border-bottom:1px solid #ccc;color: #666; line-height:28px; padding-bottom:20px;} .pt4 .list ul li a .date{ width:100%; height:30px; line-height: 30px;} .pt4 .list ul li a .date span{display:block; float:left;line-height: 30px;color:#666;} .pt4 .list ul li a .date em{ float:left;line-height: 30px; margin:0 8px; font-size:24px;color:#666; font-weight: lighter;} .pt4 .list ul li a .date .day{font-size:28px;font-weight: bold;line-height: 30px; color:#cc0000; } .pt4 .list ul li a .date .year{font-size:17px;line-height: 38px;} .pt4 .list .more {width: 133px;height: 45px;box-sizing: border-box;font-size: 16px;line-height: 43px;color: #dc0000;display: block;border-radius: 3px;border: 1px solid #dc0000;text-align: center;margin:60px auto 0;} .pt4 .list .more:hover{ color:#fff;} @media (min-width: 1024px) { .pt4 .title .more:hover {background-color: #dc0202;color: #fff} .pt4 .list ul li:hover a .pic img {transform: scale(1.1)} .pt4 .list ul li:hover a .tits {color: #dc0000} } @media (max-width: 768px) { .pt4 .list {margin-top:30px} .pt4 .list ul li { margin-bottom: 20px} .pt4 .list ul li a .tits {font-size: 16px;line-height: 22px;height: 44px;margin-top: 10px} .pt4 .title .tits .t span {margin-left: 20px} .pt4 .list ul li a .desc { height:120px; overflow:hidden; } } @media (max-width: 767px) { .pt4 .list ul li a {padding-bottom:20px; border-bottom:1px solid #ccc;} .pt4 .list ul li a .tits{ height:auto;} .pt4 .list ul li a .desc { height:auto; border-bottom:0px solid #ccc; padding-bottom:0px;} .pt4 .list .more { margin:20px auto 20px;} } /*pt5*/ .pt5{background: url(/uploads/image/simages/index_pt5.png) no-repeat bottom center; padding-top:0px;} .pt5 .con{ margin-top:40px; background:#fff; box-shadow:0 0 8px rgba(153,153,153,0.4); z-index:1; } .pt5 .con .item{float:left; width:25%; position:relative; cursor:pointer;} .pt5 .con .item>div{ text-align: center; padding: 50px 20px; } .pt5 .con .item>div .advantage-inlayout{padding:30px 20px 50px; color:#333;} .pt5 .con .item:hover>div{background: linear-gradient(to bottom,#ff9999 5%, #e64f4f 45%, #cd0303 100%);} .pt5 .con .item:hover>div .advantage-inlayout{ color:#fff;} .pt5 .con .item h3{ font-size: 18px;padding: 14px 0;} .pt5 .con .item .advantage-icon{width: 100px;height: 100px;margin: 0px auto;} .pt5 .con .item:first-child .advantage-icon{background: url(/uploads/image/simages/ipt5-icon1.png) no-repeat top center;} .pt5 .con .item:nth-child(2) .advantage-icon{background: url(/uploads/image/simages/ipt5-icon2.png) no-repeat top center;} .pt5 .con .item:nth-child(3) .advantage-icon{background: url(/uploads/image/simages/ipt5-icon3.png) no-repeat top center;} .pt5 .con .item:nth-child(4) .advantage-icon{background: url(/uploads/image/simages/ipt5-icon4.png) no-repeat top center;} .pt5 .con .item:hover:first-child .advantage-icon{background-position: 0 -100px; } .pt5 .con .item:hover:nth-child(2) .advantage-icon{background-position: 0 -100px; } .pt5 .con .item:hover:nth-child(3) .advantage-icon{background-position: 0 -100px; } .pt5 .con .item:hover:nth-child(4) .advantage-icon{background-position: 0 -100px; } @media (max-width: 992px) { .pt5 .con .item>div{ padding:50px 10px; } .pt5 .con .item>div .advantage-inlayout{padding:30px 10px 50px;} } @media (max-width: 768px) { .pt5 .con .item>div{ padding:50px 0px; } .pt5 .con .item>div .advantage-inlayout{padding:30px 5px 50px;} } @media (max-width: 760px) { .pt5 .con .item{ width:50%; } .pt5 .con .item>div{ padding:30px 0px; } .pt5 .con .item>div .advantage-inlayout{padding:30px 10px 30px;} } @media (max-width: 425px) { .pt5 .con .item{ width:100%; } .pt5 .con .item>div{ padding:0px 0px;} .pt5 .con .item>div .advantage-inlayout{padding:20px 10px 30px;} }