@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(/statics/images/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:url(/statics/images/img3.jpg);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(/statics/images/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(/statics/images/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(/statics/images/ipt5-icon1.png) no-repeat top center;}
.pt5 .con .item:nth-child(2) .advantage-icon{background: url(/statics/images/ipt5-icon2.png) no-repeat top center;}
.pt5 .con .item:nth-child(3) .advantage-icon{background: url(/statics/images/ipt5-icon3.png) no-repeat top center;}
.pt5 .con .item:nth-child(4) .advantage-icon{background: url(/statics/images/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;}
}