/*================首页样式及公共部分样式================*/
.banner{padding-top: 125px;}
.banner .swiper-slide .pic{width: 100%;height: 720px;overflow: hidden;}
.banner .swiper-slide .pic i{width: 100%;height: 100%;}
.banner .swiper-slide .pic em{position: absolute;left: 0;top: 0;width: 100%;height: 100%; visibility: hidden;}
.banner .swiper-slide-active .pic em{visibility: visible;
    animation-delay: 0.1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.banner .swiper-pagination{bottom: 60px;}



.banner .swiper-button-next,.banner .swiper-button-prev{top: 0;margin-top: 0; width: 44px;height: 44px;}
.banner .but{position: absolute;left: 50%;bottom: 49px;z-index: 10; transform: translateX(-50%);height: 44px;}
.banner .but .clearfix{position: relative;width: 91px;height: 44px;}
.banner .but .swiper-button-prev{left: 0; background: url(../images/icon/icon_2.png) center no-repeat;}
.banner .but .swiper-button-next{right: 0; background: url(../images/icon/icon_3.png) center no-repeat;}

.banner .swiper-pagination{left: 50%;top: initial;bottom: 68px; transform: translateX(-50%); width: 57.29%;height: 2px;background: rgba(255,255,255,0.5);}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transition-duration: 4000ms !important;background: #fff;}


.title{position: relative; margin-bottom: 40px;}
.title .left{position: relative;display: flex; padding-left: 16px;}
.title .left::after{position: absolute;left: 0;top:9px;width: 6px;height: 38px;background: #d71820;content: " ";}
.title .left b{font-size: 40px;color: #b70100;font-weight: 900;}
.title .left b i{display: inline-block;font-weight: 900; color: #333;}
.title .left p{margin:24px 0 0 2px; font-size: 24px;color: #333;font-family: Arial;}
.title .more{float: right;}
.title .more i{transition: all 0.5s;float: right;margin-top: 27px; width: 22px;height: 1px;background: #cacaca;}
.title .more p{float: right;padding: 0 20px;line-height: 52px; font-size: 16px;color: #333;font-family: Arial;}
.title .more:hover .i1{transition: all 0.5s;width: 0;}
.title .more:hover p{color: #d71820;}
.title .more:hover i{background: #d71820;}
.title .line{position: absolute;right:25.71%;top: 50%;transform: translateY(-50%); width: 38%;height: 1px;background: #000;opacity: 0.2;}





.ind01{margin:89px 0 160px;}
.ind01 .top{margin-top: 90px;}
.ind01 .left{width: 43.57%;}
.ind01 .left .tit b{position: relative; display: flex;margin-top: 26px; padding-left: 16px; font-size: 35px;color: #d71820;font-weight: 900;}
.ind01 .left .tit b i{color: #333;font-weight: 900;}
.ind01 .left .tit b::after{position: absolute;left: 0;top: 10px;width: 3px;height: 37px;background: #d10a0f;content: " ";}
.ind01 .left .tit p{margin-top: 16px;padding-left: 16px; font-size: 18px;color: #666;font-family: Arial;}
.ind01 .left .tit span{margin:30px 0 70px 16px;width: 53px;height: 1px;background: #303030;}
.ind01 .left .text{text-indent: 2em; padding-left: 16px; height: 332px;text-align: justify; font-size: 16px;line-height: 30px;color: #666;}
.ind01 .left .more{display: inline-block;margin-left: 16px; line-height: 34px;font-size: 16px;color: #000;font-family: Arial;font-weight: bold; border-bottom: #000 2px solid;}
.ind01 .left .more:hover{color: #d71820;border-bottom: #d71820 2px solid;}

.ind01 .right{position: relative; width: 50%;}
.ind01 .right img{position: absolute;right:0%;top:50%;transform: translateY(-50%); width: 84.285%;height:78.43%;}
.ind01 .right .pos{width:91.42%;height:714px;background: url(../images/icon/icon_6.png) top right no-repeat;background-size: auto 100%;}




.ind02{padding: 1px 0 110px;position: relative;background: #fdfdfd;}
.ind02 .pos{width: 100%;height: 421px;overflow: hidden;}
.ind02 .pos i{width: 100%;height: 100%;background: url(../images/index/ind02_1.jpg) center no-repeat;background-size: cover;}

.ind02 ul{margin-top: -202px;}
.ind02 ul li{float: left;width: calc(33.33% - 2px);}
.ind02 ul a{transition: all 0.3s 0.4s;position: relative; width: 100%;height:305px;overflow: hidden;border: #f2f1f1 1px solid;background: #fff;}
.ind02 ul .pos_box{transition: all 0.5s; position: absolute;right: 52px;top: 35px;z-index: 3; width: 73px;height: 73px;background: #d71820;border-radius:73px;}
.ind02 ul .pos_box i{transition: all 0.3s; transform:rotate(0deg); width: 100%;height: 100%;background: url(../images/icon/icon_7.png) center no-repeat;}
.ind02 ul .pos_bac{transition: all 0.5s;transform: scale(1); position: absolute;right: 52px;top: 35px;width: 73px;height: 73px;background: #d71820;border-radius:73px;}
.ind02 ul .text{position: relative;z-index: 1; padding: 40px 20px 0 50px;}
.ind02 ul .text .icon{width: 100%;height: 105px;background: url(../images/index/ind02_1.png) left top no-repeat;}
.ind02 ul .text b{margin-bottom: 16px; font-size: 28px;color: #333;}
.ind02 ul .text p{font-size: 20px;color: #888;font-family: Arial;}


.ind02 ul a:hover{transition: all 0.3s 0.2s; }
.ind02 ul a:hover .pos_box i{transition: all 0.3s; transform:rotate(45deg);}
.ind02 ul a:hover .pos_box{background: rgba(246,246,246,0.24);}
.ind02 ul a:hover .pos_bac{transition: all 0.5s;transform: scale(11);border-radius: 0;}

.ind02 ul a:hover .text b,.ind02 ul a:hover .text p{color: #fff;}


.ind02 ul li:nth-child(1) a:hover .text .icon{background: url(../images/index/ind02_1s.png) left top no-repeat;}

.ind02 ul li:nth-child(2) .text .icon{background: url(../images/index/ind02_2.png) left top no-repeat;}
.ind02 ul li:nth-child(2) a:hover .text .icon{background: url(../images/index/ind02_2s.png) left top no-repeat;}


.ind02 ul li:nth-child(3) .text .icon{background: url(../images/index/ind02_3.png) left top no-repeat;}
.ind02 ul li:nth-child(3) a:hover .text .icon{background: url(../images/index/ind02_3s.png) left top no-repeat;}


.ind03{padding-bottom: 132px;}
.ind03 .tab_title a{float: left;cursor: pointer;}
.ind03 .tab_title .lie:last-child i{display: none;}
.ind03 .tab_title div{float: left;}
.ind03 .tab_title p{line-height: 42px; font-size: 16px;color: #333;}
.ind03 .tab_title em{transition: all 0.5s; margin:0 auto;width: 0;height: 2px;background: #d10a0f;}
.ind03 .tab_title i{float: left;margin:15px 27px 0;width: 1px;height: 16px;background: #cccccc;}

.ind03 .tab_title a.cur p{font-weight: bold;color: #d10a0f;}
.ind03 .tab_title a.cur em{transition: all 0.5s; width: 23px;}

.ind03 .tab_next{margin-top: 28px;}
.ind03 .next{position: relative;}
.ind03 .tab .left{width: 50.6%;}
.ind03 .tab .left .pic{width: 100%;height: 399px;overflow: hidden;}
.ind03 .tab .left .pic i{transition: all 0.5s; margin-left: -5%;width: 105.6%;height: 100%;}
.ind03 .tab .left span{padding:28px 0 12px; font-size: 28px;color: #d10a0f;font-family: Arial;font-weight: bold;}
.ind03 .tab .left b{font-size: 20px;color: #333;font-weight: bold;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.ind03 .tab .left p{margin:26px 0 48px;max-height: 60px; line-height: 30px;font-size: 14px;color: #807f7f;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.ind03 .tab .left .more{float:left;font-size: 16px;color: #ca171d;font-family: Arial;}

.ind03 .tab .left:hover .pic i{transition: all 0.5s; margin-left: 0%;}
.ind03 .tab .left:hover b{color: #d10a0f;}



.ind03 .tab .right{width: 42.14%;}
.ind03 .tab .right li{transition: all 0.5s; padding-left:32px;}
.ind03 .tab .right li a{position: relative;padding-right: 32px; border-bottom: #dfdfdf 1px solid;}
.ind03 .tab .right li a .pic{width: 100%; height: 0;overflow: hidden;}
.ind03 .tab .right li a .pic i{transition: all 0.5s; margin-left: -5%;width: 105.6%;height: 266px;}
.ind03 .tab .right li a b{padding:58px 0 12px;line-height: 26px; font-size: 20px;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind03 .tab .right li a p{font-size: 14px;color: #807f7f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind03 .tab .right li a span{padding:28px 0 60px; font-size: 16px;color: #333;font-family: Arial;font-weight: bold;}
.ind03 .tab .right li a::before{transition: all 0.5s; position: absolute;left: 70%;bottom: 64px;width:44px;height: 6px;background: url(../images/icon/icon_8.png) right center no-repeat;content: "";opacity: 0;}
.ind03 .right1 li a b{padding-top: 16px;}

.ind03 .tab .right li:hover{transition: all 0.5s; background: #f4f4f4;}
.ind03 .tab .right li:hover a::before{transition: all 0.5s;left: calc(100% - 64px);opacity: 1;}
.ind03 .tab .right li:hover a .pic i{transition: all 0.5s; margin-left: 0%;}
.ind03 .tab .right li:hover a b{color: #ca171d;}