.banner-container{width: 100%;overflow: hidden;}
.banner{width: 100%;}
.banner .swiper-slide img {width: 100%;object-fit: cover;}
.banner .swiper-pagination{bottom: 64px;font-size: 0;width: 100%;text-align: center;}
.banner .swiper-pagination li{width: 44px;height: 3px;border-radius: initial;background: #8b99b4;display: inline-block;margin: 0 8px;cursor: pointer;}
.banner .swiper-pagination li.on{background: #0e7cc7;}





.index-page02{width:94%;max-width:1520px;margin:0 auto;display:block}
.index-product{margin-top:50px;display:flex;flex-wrap:wrap;overflow:visible;justify-content:space-between}
.index-product li{padding:70px 60px;background-color:#fff;position:relative;width:calc(50% - 15px);margin-top:30px;overflow:visible}
.index-product .box{background-color:#fff;position:relative}
.index-product .box:before{content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:2px;background-color:#223770;transform-origin:left center;transform:scaleX(0);transition:transform 1s ease-in-out}
.index-product li .picture{width:44%;position:absolute;right:0;bottom:0;z-index:1;transition:transform .3s ease-in-out;transform-origin:30% top}
@media only screen and (min-width:961px){
	.index-product li:hover .picture{transform:scale(1.2)}
	.index-product  .box:hover:before{transform:scaleX(1)}
}
.index-product li .main{width:100%;padding-right:44%}
/* .index-product li .main a:hover{color:#ffffff} */
.index-product li .img{width:100%;margin-bottom:30px}
.index-product li .logo{display:block;height:50px;margin-bottom:20px}
.index-product li .title{color:#223770}
.index-product li .title{font-size:36px;font-weight:700;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index-product li .fubiaoti{padding:15px;line-height:22px;border-left-width:0;display:block;font-size:16px;padding-left: 0;}
.index-product li .content{font-size:17px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index-product li .more{margin-top:120px}
.c-btna{width:180px;line-height:44px;border-left-width:0;display:block;text-align:center;font-size:16px;position:relative;transition:color .3s ease-in,border-color .3s ease-in,background-color .3s ease-in}
.c-btna.c-btna-fillet{border-radius:22px}
.c-btna .iconfont{margin-right:6px;position:relative;z-index:1}
.c-btna:before{width:6px}
.c-btna:after,.c-btna:before{content:"";position:absolute;left:0;top:0;z-index:0;height:100%;background-color:#005bac;}
.c-btna:after{width:100%;transform:scaleX(0);transition:transform .3s ease-in;transform-origin:left center}
.c-btna>span{position:relative;z-index:1}
.c-btna.type-line{border-left-width:1px}
.c-btna.type-line:before{display:none}
.c-btna.type-white{border:1px solid #fff;color:#fff}
.c-btna.type-white:before{display:none}
.c-btna.type-solid{border:1px solid #f4f4f4;background-color:#f4f4f4;color:#223770}
.c-btna.type-solid:after,.c-btna.type-solid:before{display:none}
.c-btna.type-lg{width:190px;line-height:48px;font-size:17px}
.c-btna.type-lg.c-btna-fillet{border-radius:24px}
.c-btna.type-lg:before{width:6px}
.c-btna.type-sm{width:140px;line-height:38px;font-size:14px}
.c-btna.type-sm.c-btna-fillet{border-radius:19px}
.c-btna.type-sm:before{width:5px}

@media only screen and (min-width:961px){
	.c-btna:hover{color:#fff;border-color:#223770}
	.c-btna:hover:after{transform:scaleX(1)}
	.c-btna.type-solid:hover{border-color:#223770;background-color:#223770}
}
@media only screen and (max-width:1440px){
	.c-btna{width:140px;line-height:38px;font-size:14px}
	.c-btna.c-btna-fillet{border-radius:19px}
	.c-btna:before{width:5px}
	.c-btna.type-lg{width:190px;line-height:44px;font-size:16px}
	.c-btna.type-lg.c-btna-fillet{border-radius:22px}
	.c-btna.type-lg:before{width:6px}
	.c-btna.type-sm{width:120px;line-height:34px;font-size:13px}
	.c-btna.type-sm.c-btna-fillet{border-radius:17px}
	.c-btna.type-sm:before{width:4px}
}
@media only screen and (max-width:960px){
	.c-btna{width:120px;line-height:34px;font-size:13px}
	.c-btna.c-btna-fillet{border-radius:17px}
	.c-btna:before{width:4px}
	.c-btna.type-lg{width:140px;line-height:38px;font-size:14px}
	.c-btna.type-lg.c-btna-fillet{border-radius:19px}
	.c-btna.type-lg:before{width:5px}
	.c-btna.type-sm{width:96px;line-height:30px;font-size:12px}
	.c-btna.type-sm.c-btna-fillet{border-radius:15px}
	.c-btna.type-sm:before{width:3px}
}















.tablist-container{width: 100%;padding: 60px 0;}
.tablist{width: 100%;padding: 0 50px;overflow: hidden;}
.tablist-top{width: 100%;}
.tablist-top ul{margin-left: -1%;}
.tablist-top ul li{width: 32.3%;float: left;margin-left: 1%;background-color: #eff2f7;transition: all .4s linear;height: 430px;position: relative;padding: 32px 44px;}
.tablist-topwords h4{font-size: 28px;color: #111;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tablist-topwords p{font-size: 18px;color: #666;margin-top: 8px;}
.tablist-topwords a{display: inline-block;font-size: 16px;color: #005bac;margin-top: 18px;position: relative;padding: 4px 0;}
.tablist-topwords a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../image/tablist-arr.png') no-repeat center center;top: 50%;right: -20px;margin-top: -10px;}
.tablist-topwords a:before{content: "";position: absolute;width: 0%;height: 1px;background: #005bac;left: 0;bottom: 0;transition: all .4s linear;z-index: 2;}
.tablist-topwords a:hover:before{width: 100%;}
.tablist-toppic{width: 100%;margin-top: 18px;}
.tablist-toppic a{display: flex;height: 230px;align-items: center;justify-content: center;}
.tablist-toppic img{max-width: 100%;object-fit: cover;max-height: 100%;transition: all .6s linear;}
.tablist-top ul li:hover{box-shadow: 0 6px 16px 2px rgb(216, 216, 216);transform: translateY(-4px);}
.tablist-top ul li:hover .tablist-toppic img{transform: translateY(-10px);}
.tablist-bottom{width: 100%;margin-top: 20px;}
.tablist-bottom ul{margin-left: -1%;}
.tablist-bottom ul li{width: 24%;float: left;margin-left: 1%;background-color: #eff2f7;transition: all .4s linear;height: 318px;position: relative;padding: 28px 44px;}
.tablist-bottomwords h4{font-size: 24px;color: #111;}
.tablist-bottomwords a{display: inline-block;font-size: 16px;color: #005bac;margin-top: 10px;position: relative;padding: 4px 0;}
.tablist-bottomwords a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../image/tablist-arr.png') no-repeat center center;top: 50%;right: -20px;margin-top: -10px;}
.tablist-bottomwords a:before{content: "";position: absolute;width: 0%;height: 1px;background: #005bac;left: 0;bottom: 0;transition: all .4s linear;z-index: 2;}
.tablist-bottomwords a:hover:before{width: 100%;}
.tablist-bottompic{width: 100%;margin-top: 22px;text-align: right;padding-right: 4%;}
.tablist-bottompic img{max-width: 100%;object-fit: cover;max-height: 100%;transition: all .6s linear;}
.tablist-bottom ul li:hover{box-shadow: 0 6px 16px 2px rgb(216, 216, 216);transform: translateY(-4px);}
.tablist-bottom ul li:hover .tablist-bottompic img{transform: translateY(-10px);}

.case-container{width: 100%;padding: 20px 0 80px 0;}
.case{width: 100%;}
.case-title{width: 100%;text-align: center;}
.case-title h4{font-size: 42px;color: #111;}
.case-title i{display: block;margin: 0 auto;width: 30px;height: 3px;background-color: #0e7cc7;margin-top: 10px;}
.case-message{width: 100%;margin-top: 34px;}
.case-messagelist{width: 100%;margin-top: 40px;}
.case-messagelist-size{width: 100%;height: 260px;position: relative;overflow: hidden;}
.case-messagelist-size img{width: 100%;height: 100%;object-fit: cover;transition: all .4s linear;}
.case-messagelist-size:hover img{transform: scale(1.08);}
.case-messagelist .swiper-wrapper{transition-timing-function: linear;}
.case-messagelist-words{display: block;position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;top: 0;overflow: hidden;}
.case-messagelist-words p{width: 90%;text-align: center;opacity: 0;margin-top: -16px;position: absolute;left: 5%;top: 50%;transform: translate(0,-50%);font-size: 18px;color: #fff;font-weight: bold;z-index: 6;}
.case-messagelist-words:before{content: "";position: absolute;background: rgba(0, 0, 0,.6);z-index: 3;width: 80%;height: 80%;transform: translate(-50%,-50%);left: 50%;top: 50%;transition: all .4s linear;opacity: 0;}
.case-messagelist-size:hover .case-messagelist-words:before{width: 100%;height: 100%;opacity: 1;}
.case-messagelist-size:hover .case-messagelist-words p{animation: caseDh .4s linear both;animation-delay:400ms;}
@keyframes caseDh {0% {margin-top: -16px;opacity: 0;}100% {margin-top: 0px;opacity: 1;}}
.case-more{width: 100%;overflow: hidden;text-align: center;margin-top: 44px;padding: 10px 0;}
.case-more a{
    font-size: 16px;color: #fff;width: 180px;height: 50px;text-align: center;line-height: 54px;
    display: block;position: relative;z-index: 1;transition: all .4s linear;margin: 0 auto;box-sizing: border-box;
}
.case-more a i{width: 14px;height: 7px;background: url('../image/case-arr.png') no-repeat;display: inline-block;vertical-align: middle;margin-left: 10px;transition: all .4s linear;position: relative;z-index: 3;}
.case-more a span{position: relative;z-index: 3;}
.case-more a:before,.case-more a:after {
    content: '';border-radius: inherit;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.case-more a:before{border: 2px solid #005bac;}
.case-more a:after{background: #005bac;margin-top: 2px}
.case-more a:hover:before {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.case-more a:before, .case-more a:hover::after {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
.case-message .swiper-slide{width: 380px;float: left;margin: 0 10px}
.case-message .swiper-container,.case-message .swiper-wrapper{font-size: 0;}


.videopic-container{width: 100%;background: url('../image/video-bg.jpg') repeat center center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.videopic{width: 100%;padding: 210px 0;}
.videopic-words{width: 940px;margin: 0 auto;text-align: center;}
.videopic-words h4{font-size: 42px;color: #fff;}
.videopic-words b{display: block;margin: 0 auto;width: 30px;height: 3px;margin-top: 12px;background-color: #fff;}
.videopic-words p{font-size: 18px;color: #fff;line-height: 26px;margin-top: 24px;text-align: left;text-indent: 20px;}
.videopic-words p>span{font-weight: bold;}
.videopic-play{margin-top: 60px;text-align: center;}
.videopic-play i{display: inline-block;vertical-align: middle;width: 48px;height: 48px;background: url('../image/video-play.png') no-repeat;position: relative;}
.videopic-play i:before,.videopic-play i:after{    content: "";
    display: block;width: 58px;height: 58px;border: 1px dotted #fff;border-radius: 100%;position: absolute;
    top: -5px;left: -5px;animation: videoDh 1.5s linear infinite;opacity: 0.8;
}
.videopic-play i:before{animation-delay: 0.6s}
.videopic-play i:after{animation-delay: 0s }
@keyframes videoDh { from {transform: scale(1, 1); opacity: 0.8;} to {transform: scale(1.8, 1.8); opacity: 0;} }
.videopic-play span{display: inline-block;vertical-align: middle;font-size: 18px;color: #fff;margin-left: 16px;height: 48px;line-height: 48px;}
.videopic-play a:hover span{text-decoration: underline;}

.news-container{width: 100%;padding: 80px 0;background-color: #eff2f7;}
.news{width: 1520px;margin: 0 auto;}
.news ul{margin-left: -1%;}
.news ul li{width: 32.3333333333%;margin-left:1%;float: left;}
.news-pic{width: 100%;height: 260px;overflow: hidden;position: relative;}
.news-pic img{width: 100%;height: 100%;object-fit: cover;transition: all .6s linear;}
.news-pic h6{position: absolute;bottom: 36px;left: 36px;font-size: 36px;color: #fff;z-index: 1;}
.news ul li:hover .news-pic img{transform: scale(1.1);}
.news-words{width: 100%;overflow: hidden;padding: 0 38px 38px 38px;background-color: #fff;}
.news-wordslist{width: 100%;padding: 28px 0;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.news-wordslist p{font-size: 16px;color: #666;}
.news-wordslist a{display: block;font-size: 18px;color: #333;margin-top: 10px;line-height: 26px;height: 52px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-wordslist a:hover{color: #005bac;}
.news-words>div:nth-child(3){border-bottom: none;}
.news-wordsmore{width: 100%;overflow: hidden;margin-top: 20px;font-size: 0;}
.news-wordsmore a p{width: 28px;height: 28px;border-radius: 100%;background-color: #005bac;display: inline-block;vertical-align: middle;position: relative;}
.news-wordsmore a p i{display: block;position: absolute;left: 7px;width: 14px;height: 7px;background: url('../image/case-arr.png') no-repeat;top: 10.5px;}
.news-wordsmore a span{font-size: 16px;color: #005bac;display: inline-block;vertical-align: middle;padding-left: 12px;height: 28px;line-height: 28px;}
.news-wordsmore a:hover p i{animation: newsDh .4s linear both;}
@keyframes newsDh {0% {left: 7px;opacity: 1;}25%{left: 14px;opacity: 0;}75%{left: -14px;opacity: 0;}100% {left: 7px;opacity: 1;}}


/* 弹窗视频 */
.media_show {
    display: none;position: fixed;background: rgba(0,0,0,0.8);left: 50%;
    top: 50%;width: 702px;height: 425px;z-index: 99;margin-left: -351px;margin-top: -213px;
}
.media_show span {
    position: absolute;right: -30px;top: -30px;width: 40px;height: 40px;background: #000;color: #fff;
    font-size: 20px;line-height: 40px;text-align: center;border-radius: 50%;cursor: pointer;
}





/* -------------------------PC端--------------------------- */

@media all and (min-width:2000px) {
    .case-message .swiper-slide{width: 512px;}
    .case-messagelist-size{height: 320px;}
}
@media all and (max-width:1560px) {
    .tablist-toppic{padding-right: 0;}
    .case-messagelist-size{height: 240px;}
    .news{width: 94%;}
    .news-pic{height: 240px;}
}

@media all and (max-width:1460px) {
    .case-container {padding: 4px 0 60px 0;}
    .case-title h4{font-size: 36px;}
    .case-messagelist-words p{font-size: 16px;}
    .case-messagelist-size{height: 210px;}
    .case-messagelist{margin-top: 20px;}
    .case-more{margin-top: 30px;}
    .videopic{padding: 160px 0;}
    .videopic-words h4{font-size: 36px;}
    .news-container{padding: 60px 0;}
    .news-pic{height: 230px;}
    .news-words {padding: 0 28px 38px 28px;}
    .news-pic h6{font-size: 32px;}
}

@media all and (max-width:1380px) {
    .tablist-top ul li {padding: 24px 28px;}
    .tablist-topwords h4{font-size: 24px;}
    .tablist-bottom ul li{height: 318px;padding: 24px 28px;}
    .tablist-bottomwords h4{font-size: 22px;}
    .case-title h4 {font-size: 30px;}
    .videopic-words h4 {font-size: 30px;}
    .news-pic{height: 216px;}
    .news-pic h6{font-size: 30px;}
}

@media all and (max-width:1300px) {
    .news-pic{height: 204px;}
    .news-pic h6 {font-size: 26px;left: 28px;bottom: 28px;}
    .news-wordslist{padding: 18px 0;}
    .tablist{padding: 0 4%;}
}

@media all and (max-width:1200px) {
    .tablist-bottom ul li{height: 288px;}
    .case-messagelist-words p {font-size: 14px;}
    .case-messagelist-words p {font-size: 14px;}
    .news-wordslist a {font-size: 16px;margin-top: 8px;line-height: 24px;height: 46px;}
    .news-words {padding: 0 16px 28px 16px;}
    .news-pic h6 {font-size: 22px;left: 20px;bottom: 20px;}
    .news-pic {height: 176px;}
    .videopic-words{width: 94%;}
}

/* ------------------------手机端-------------------------- */
/* 
@media all and (max-width:1000px) {
    .tablist-container{padding: 32px 0;}
    .tablist-top ul{margin-left: 0;}
    .tablist-top ul li {width: 100%;float: left;margin-left: 0%;margin-top: 16px;padding: 20px 24px;height: auto;}
    .tablist-bottom{margin-top: 0;}
    .tablist-bottom ul li{width: 49%;margin-top: 16px;padding: 20px 16px;height: 244px;}
    .tablist-bottomwords h4 {font-size: 18px;}
    .case-title h4 {font-size: 24px;}
    .case-messagelist-size{height: 110px;}
    .case-messagelist {margin-top: 8px;}
    .case-message {margin-top: 26px;}
    .case-messagelist-words p {font-size: 12px;}
    .case-more a{width: 166px;height: 42px;line-height: 46px;}
    .case-more {margin-top: 18px;}
    .case-container {padding: 4px 0 32px 0;}
    .videopic {padding: 52px 0;}
    .videopic-words h4 {font-size: 22px;}
    .videopic-words p {font-size: 16px;line-height: 24px;margin-top: 18px;}
    .videopic-play i:before, .videopic-play i:after {width: 48px;height: 48px;top: -1px;left: -1px;}
    .videopic-play{margin-top: 44px;}
    .news-container {padding: 32px 0 44px 0;}
    .news ul {margin-left: 0;}
    .news ul li {width: 100%;margin-left: 0;}
}
 */



.i_tcase_m{width:100%; height:auto; position:relative;overflow:hidden; margin:20px 0px;}
.i_tcase_main{width:25%; height:auto; position:relative; float:left; overflow:hidden; background:#1490D2; }
.i_tcase_t{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:20px;}


.i_tcase_img{ width:100%; height:auto; overflow:hidden; position:relative; background:#fff;}
.i_tcase_img img{width:100%; height:auto; overflow:hidden;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

.i_tcase_main:hover .i_tcase_img img{-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
transform:scale(1.1); }

.i_tcase_img1{position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0);-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; z-index:1;}
.i_tcase_main:hover .i_tcase_img1{ background:rgba(20,144,210,0.5)}

.i_tcase_t2{    
	width: 100%;
    height: 0;
    padding-top: 130%;
    overflow: hidden;
    background: #005bac;
    position: relative;}
	
	
.i_tcase_absk{
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.i_tcase_main:nth-of-type(2n) .i_tcase_absk{flex-direction: column-reverse;}



.i_tcase_absk .i_tcase_img,.i_tcase_absk>a{display:block;width:100%; height:50%; overflow:hidden;position:relative;}



.i_tcase_main_name{ width:100%;display:block;height:40px; line-height:40px; font-size:20px; color:#FFFFFF;white-space: nowrap; text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('http://weifu.ppjdfw.com/template/default/static/css/ellipsis.xml');/*溢出省略号，支持firefox*/}
.i_tcase_main_cnt{ font-size:14px; color:#FFFFFF; height:75px; line-height:25px; overflow:hidden;margin-top:0px;}
.i_tcase_main_cnt >span{display:block;height:75px; line-height:25px; overflow:hidden;}
.i_tcase_main_cnt1{ width:80%; margin:auto; position:absolute; left:10%; height:145px; top:50%; margin-top:-75px;}
.i_tcase_more{width:100%; height:30px;background:url(http://weifu.ppjdfw.com/Images/Contents/index/i_tcase_more1.png?d=20180606105412374) no-repeat right  bottom;margin-top:5px;}


.ind-case{display:block;width:94%;max-width:1520px;margin:0 auto;}
.ind-case li{width:16.6666%;float:left;text-align:center;margin-bottom: 9px;margin-top: 18px;}
.ind-case li p{width:90%;margin:0px auto;border:5px solid #fff;overflow: hidden;}
.ind-case li img{width:100%;height:100%;transition: all 0.5s;}
.ind-case li h6{margin-top:10px;padding:0px 10px;}