/*================首页样式及公共部分样式================*/
.header_box{display: none;}

.header{position: fixed;left: 0;top: 0;z-index: 5; width: 100%;height: 109px;background: rgba(0,0,0,0.55);}
.header .w1400 .logo .tb_c{display: table-cell;vertical-align: middle;width: 205px;height: 109px;}
.header .w1400 .logo img{display: table;}



.banner .swiper-slide{position: relative;width: 100%;}
.banner .swiper-slide .pic{width:100%;height: 720px; overflow: hidden;}
.banner .swiper-slide .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 30s;}
.banner .swiper-slide-active .pic i{transform: scale(1.1);transition-duration: 30s;}

.banner .swiper-container-horizontal .swiper-pagination-bullets{left: 0%; bottom: 138px;}
.banner .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ display: inline-block;margin:0 13px; width: 16px;height: 16px;border-radius: 0;opacity: 1;background: url(../images/icon/icon_94.png) center no-repeat;}
.banner .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active{color: #ca171d; background: url(../images/icon/icon_94s.png) center no-repeat;}




.index .ind01{background: #f9f9f9;}

.index .ind01 .swiper-container{margin-top: 30px;}
.index .ind01 .swiper-slide{padding-bottom: 100px; position: relative;/* margin-right: 7.145%; width: 28.57%; */}
.index .ind01 .swiper-slide a{/* float: left;margin-right: 7.145%; width: 28.57%; */}
.index .ind01 .swiper-slid:nth-child(3){margin-right: 0;}
.index .ind01 .swiper-slide .pic{width:100%;height: 512px; overflow: hidden;}
.index .ind01 .swiper-slide .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;opacity:0.9;}
.index .ind01 .swiper-slide .text{transition: all 0.5s; margin:30px 0 22px;padding-right: 40px;text-align: left; background: url(../images/icon/icon_19.png) right center no-repeat;}
.index .ind01 .swiper-slide .text b{margin-bottom: 5px; font-size: 26px;color: #333;font-weight: bold;}
.index .ind01 .swiper-slide .text i{font-size: 18px;color: #cb1e24;font-family: Arial;}



.index .ind01 .swiper-slide a:hover .pic i{transform: scale(1.1);transition-duration: 0.5s;opacity: 1;}
.index .ind01 .swiper-slide a:hover .text{transition: all 0.5s;letter-spacing: 1.5px;}


.index .ind01 .swiper-container-horizontal .swiper-pagination-bullets{display: none; left: 0%; bottom: 0px;}
.index .ind01 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ display: inline-block;margin:0 5px; width: 27px;height: 27px;border-radius: 0;opacity: 1;background: url(../images/icon/icon_20.png) center no-repeat;}
.index .ind01 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active{ background: url(../images/icon/icon_20s.png) center no-repeat;}

.index .ind02{padding:65px 0 73px; background: url(../images/bac/index_bac.png) right center no-repeat;}

.index .ind02 .left{width: 49.21%;}
.index .ind02 .left img{max-width: 100%;}
.index .ind02 .right{ width: 48%;}


.index .ind02 .right .title{padding:60px 0 40px 111px;background: url(../images/icon/icon_3.png) left 83px no-repeat;}
.index .ind02 .right .title i{font-size: 34px;color: #333;font-weight: bold;}
.index .ind02 .right .title p{font-size: 30px;color: #cc3125;font-weight: bold;font-family: Arial;}


.index .ind02 .right .next a{position: relative; margin-bottom: 27px; padding:26px 31px 26px 27px;background: #fff;box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.index .ind02 .right .next .fl{position: relative;z-index: 2; width: calc(100% - 150px);}
.index .ind02 .right .next i{margin-bottom: 10px; font-size: 16px;color: #cb1e24; font-family: "Arial";}
.index .ind02 .right .next b{margin-bottom: 14px;font-size: 18px;color: #333;}
.index .ind02 .right .next p{
    max-height: 36px;
    font-size: 14px;color: #666;line-height: 18px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index .ind02 .right .next .fr{position: relative;z-index: 2; width: 130px; line-height: 103px; font-size: 14px;color: #333;background: url(../images/icon/icon_21.png) right center no-repeat;}
.index .ind02 .right .next .fr em{transition: all 0.3s; width: 116px;background: url(../images/icon/icon_22.png) right 46px no-repeat;}

.index .ind02 .right .next a .bac{transition: all 0.6s; position: absolute;left: 0;top: 0;opacity: 0; width: 0 ;height:100%;background: #cb1e24;}

.index .ind02 .right .next a:hover .bac{transition: all 0.6s;opacity: 1; width: 100%;}
.index .ind02 .right .next a .bac{transition: all 0.6s;}
.index .ind02 .right .next a:hover i,.index .ind02 .right .next a:hover b,.index .ind02 .right .next a:hover p{color: #fff;}
.index .ind02 .right .next a:hover .fr{color: #fff;background: url(../images/icon/icon_21s.png) right center no-repeat;}
.index .ind02 .right .next a:hover .fr em{transition: all 0.3s; width: 123px;background: url(../images/icon/icon_22s.png) right 46px no-repeat;}

.title{padding:100px 0 40px 111px;background: url(../images/icon/icon_3.png) left 120px no-repeat;}
.title i{font-size: 34px;color: #333;font-weight: bold;}
.title p{font-size: 30px;color: #cc3125;font-weight: bold;font-family: Arial;}

.title a{width: 130px;line-height: 82px;font-size: 14px;color: #333;background: url(../images/icon/icon_21.png) right center no-repeat;}
.title a em{transition: all 0.3s;width: 116px;background: url(../images/icon/icon_22.png) right 35px no-repeat;}
.title a:hover{background: url(../images/icon/icon_25.png) right center no-repeat;}
.title a:hover em{transition: all 0.3s;width: 122px;background: url(../images/icon/icon_24s.png) right 35px no-repeat;}




.index .ind03{position: relative; width: 100%;height: 195px;}
.index .ind03 .pos{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.index .ind03 .pos em{width: 100%;height: 100%;transform: scale(1);transition-duration: 12s;background: url(../images/index/ind03.jpg) center no-repeat;background-size: cover;}
.index .ind03.active .pos em{transform: scale(1.4);transition-duration: 12s;}

.index .ind03 .w1400{position: relative;z-index: 2;}
.index .ind03 b{float: left;line-height: 195px; font-size: 32px;color: #333;color: #fff;}
.index .ind03 a{float: right;margin-top:64px; width: 260px;height: 66px;line-height: 66px;font-size: 14px;color: #165ea4; background: #fff url(../images/icon/icon_21.png) 166px center no-repeat;}
.index .ind03 a em{transition: all 0.3s; margin-left:66px;width: 114px;font-weight: bold;background: url(../images/icon/icon_24.png) right 27px no-repeat;}
.index .ind03 i{position: absolute;left: 50%;top: -39px;z-index: 4; width: 7px;height: 88px;background: url(../images/icon/icon_23.png) center no-repeat;}

.index .ind03 a:hover{background: #fff url(../images/icon/icon_25.png) 166px center no-repeat;}
.index .ind03 a:hover em{transition: all 0.3s;letter-spacing: 2px; width: 120px;background: url(../images/icon/icon_24s.png) right 27px no-repeat;}

.ind01 .w1400 .swiper-slide a,.ind03,.footer{visibility: hidden;}

.ind03.active,.footer.active{visibility: visible;
    animation-delay: 0.2s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;

}

.ind01 .w1400.active .swiper-slide a{
    visibility: visible;
    animation-delay: 0.2s;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.ind01 .w1400.active .swiper-slide:nth-child(2) a{
    animation-delay: 0.5s;
}
.ind01 .w1400.active .swiper-slide:nth-child(3) a{
    animation-delay: 0.8s;
}

.ind02 .left,.ind02 .tit,.ind02 .next a{visibility: hidden;}

.ind02.active .left{
    visibility: visible;
    animation-delay: 0.2s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInLefts;
	animation-name: fadeInLefts;
}

.ind02.active .tit,.ind02.active .next a{
    visibility: visible;
    animation-delay: 0.6s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInRights;
	animation-name: fadeInRights;
}

.ind02.active .next a:nth-child(1){animation-delay: 1s;}
.ind02.active .next a:nth-child(2){animation-delay: 1.4s;}
.ind02.active .next a:nth-child(3){animation-delay: 1.8s;}





.scroll{position: fixed;left: 0;bottom: 0px;z-index: 3; width: 100%;height: 104px;/* background: url(../images/icon/icon_95.png) center no-repeat; */
 /* -webkit-animation:scroll_bottom 1.4s ease-in-out infinite both;
	-moz-animation:scroll_bottom 1.4s ease-in-out infinite both;
	 -ms-animation:scroll_bottom 1.4s ease-in-out infinite both;
		 animation:scroll_bottom 1.4s ease-in-out infinite both; */}
.scroll p{margin:0 auto 16px;width: 100px;text-align: center;color: #fffffd;font-size: 16px;letter-spacing: 1px;}
.scroll i{margin:0 auto;width: 100px;height:20px;background: url(../images/icon/icon_95s.png) center no-repeat;
 -webkit-animation:scroll_bottom 1.4s ease-in-out infinite both;
	-moz-animation:scroll_bottom 1.4s ease-in-out infinite both;
	 -ms-animation:scroll_bottom 1.4s ease-in-out infinite both;
		 animation:scroll_bottom 1.4s ease-in-out infinite both;}
.scroll_fixed{display: none;}
@keyframes scroll_bottom {
	0% {height:20px;}
	50% {height:34px;}
    100% {height:20px;}
}
@-webkit-keyframes scroll_bottom {
    0% {height:20px;}
	50% {height:34px;}
    100% {height:20px;}
}
@-moz-keyframes scroll_bottom {
    0% {height:20px;}
	50% {height:34px;}
    100% {height:20px;}
}
@-ms-keyframes scroll_bottom {
    0% {height:20px;}
	50% {height:34px;}
    100% {height:20px;}
}


.ind04{position: relative; background: #f9f9f9;}
.ind04 .w1400{position: relative;z-index: 2;padding-bottom: 100px;}

.ind04 .left{float: left;width: 46.42%;}
.ind04 .left .tit a{float: left;padding-left: 38px;margin-right:7.3%;line-height: 56px; font-size: 20px;color: #333;}
.ind04 .left .tit a:nth-child(3n){margin-right: 0;}

.ind04 .left .tit .a_01{background: url(../images/icon/icon_98.png) left center no-repeat;}
.ind04 .left .tit .a_02{background: url(../images/icon/icon_99.png) left center no-repeat;}
.ind04 .left .tit .a_03{background: url(../images/icon/icon_100.png) left center no-repeat;}
.ind04 .left .tit .a_04{background: url(../images/icon/icon_101.png) left center no-repeat;}
.ind04 .left .tit .a_05{background: url(../images/icon/icon_102.png) left center no-repeat;}
.ind04 .left .tit .a_06{background: url(../images/icon/icon_103.png) left center no-repeat;}


.ind04 .left .tit a:hover{color: #cb1e24;}
.ind04 .left .tit .a_01:hover{background: url(../images/icon/icon_98s.png) left center no-repeat;}
.ind04 .left .tit .a_02:hover{background: url(../images/icon/icon_99s.png) left center no-repeat;}
.ind04 .left .tit .a_03:hover{background: url(../images/icon/icon_100s.png) left center no-repeat;}
.ind04 .left .tit .a_04:hover{background: url(../images/icon/icon_101s.png) left center no-repeat;}
.ind04 .left .tit .a_05:hover{background: url(../images/icon/icon_102s.png) left center no-repeat;}
.ind04 .left .tit .a_06:hover{background: url(../images/icon/icon_103s.png) left center no-repeat;}



.ind04 .left .text{padding-top: 60px; font-size: 16px;color: #333;line-height: 32px;}
.ind04 .left .text i,.ind04 .left .text strong{display: inline;font-size: 18px;color: #cb1e24;font-weight: 600;}
.ind04 .right{float: right;width: 51.28%;height: 460px;overflow: hidden;}
.ind04 .right i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.7s;}
.ind04 .right i:hover{transform: scale(1.1);transition-duration: 0.7s;}
.ind04 .bac{position: absolute;left: 0;bottom: 0;width: 100%;height: 420px;background: #fff;}


.ind04 .title,.ind04 .left,.ind04 .right{visibility: hidden;}

.ind04.active .title{
	visibility: visible;
    animation-delay: 0.2s;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.ind04.active .left{
	visibility: visible;
    animation-delay: 1s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInLefts;
	animation-name: fadeInLefts;
}

.ind04.active .right{
	visibility: visible;
    animation-delay: 1s;
	-webkit-animation-duration: 1.2s;
	animation-duration:1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInRights;
	animation-name: fadeInRights;
}




/*20201231飘窗*/
.index_pup{position:fixed;right:0;bottom:0px;z-index:51;}
.index_pup span{position:absolute;right:0px;top:0px;width:30px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#fff;background:#999;cursor:pointer;}
.index_pup img{width:260px;}