body {}
dt{font-weight: normal;}
.picfocus{overflow: hidden;}
.picfocus img{
	width: 100%;
    -webkit-transition:0.36s ease;
    -moz-transition:0.36s ease;
    -o-transition:0.36s ease;
  -ms-transition:0.36s ease;
  transition:0.36s ease;
}
.picfocus:hover img,
a:hover .picfocus img,
.item:hover .picfocus img{
     transform:scale(1.1);
     -webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
     -o-transform:scale(1.1);
     -ms-transform:scale(1.1);
}

@-webkit-keyframes serv_one_border{
	0%{opacity: 0;}
	5%{opacity: 1;}
	80%{opacity: 0;}
	100%{opacity: 0;-webkit-transform: scale(1.5);transform: scale(1.5);}
}
@keyframes serv_one_border{
	0%{opacity: 0;}
	5%{opacity: 1;}
	80%{opacity: 0;}
	100%{opacity: 0;-webkit-transform: scale(1.5);transform: scale(1.5);}
}

.common-tit {text-align: center;}
.common-tit .tit { color: #272727; font-size: 40px; line-height: 1;  position: relative; }
.common-tit .tit_desc { font-size: 14px; color: #808080; margin:  20px 0 0; line-height: 1;}

  
.more_btn{position: relative;width: 150px; height: 50px; font-size: 16px; line-height: 50px; text-align: center;  color: #fff; display: inline-block;}
.more_btn::before{ content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/btn_more_bg.png) no-repeat top center; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.more_btn span{position: relative; z-index: 100;}
.more_btn .icon{width: 25px; height: 21px; margin: 14px 10px 0 0; vertical-align: top; background: url(../images/btn_more_icon.png) no-repeat top left; display: inline-block;}
.more_btn:hover{background: #2897c2; color: #FFF;}
.more_btn:hover::before { -webkit-transform: scaleY(0);  -ms-transform: scaleY(0); transform: scaleY(0);}
.IndexLinkMoreButtonClassStyleCommon{width: 160px;height: 50px;font-size: 14px;color: #7B7B7B;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;position: relative;color: #2897C2;display: flex;align-items: center;justify-content: center;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition: .5s ease-in;transition: .5s ease-in;}
.IndexLinkMoreButtonClassStyleCommon::before{background: url(../images/317d3c5926865abab42f5e4055790138.png) center center no-repeat;background-size: cover;}
.IndexLinkMoreButtonClassStyleCommon:hover{background-color: #2897C2;color: #FFF;}
.IndexLinkMoreButtonClassStyleCommon:hover::before{-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);}
.IndexLinkMoreButtonClassStyleCommon::before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 50%;-ms-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

@media (max-width: 1699px){
  	.IndexLinkMoreButtonClassStyleCommon { width: 135px; height: 42px; font-size: 13px; }
}

body{padding: 0;}

/*zt-banner*/
.zt-banner{height: 640px;background:url(../images/banner_wbfw.jpg) no-repeat;}
.zt-banner .container{padding: 0;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 100%;}
.zt-banner .title{font-size: 52px; line-height: 78px; color: #fff;}
.zt-banner .desc{font-size: 26px; color: #fff; line-height: 1; margin: 24px 0 0;}
.zt-banner .more_btn{margin-top: 40px; color: #fff; }
@media (max-width: 1599px){
	
}

/*wbfw_page*/
.wbfw_page{}

/*wbfw_1*/
.wbfw_1{padding: 85px 0; background: #fff; overflow: hidden;}
.wbfw_1 .cont{padding: 40px 0 0; }
.wbfw_1 .tabs ul{display: flex;}
.wbfw_1 .tabs li{position: relative; flex: 1; cursor: pointer; text-align: center;}
.wbfw_1 .tabs li.on::after{content: ""; position: absolute; bottom: -17px; left: 50%; margin-left: -5px; width: 10px; height: 7px; background: url(../images/icon_triangle.png) no-repeat top left; }
.wbfw_1 .tabs p{font-size: 18px; color: #3F3F3F; line-height: 1; margin: 16px 0 0; }
.wbfw_1 .tabs .icon{position: relative; height: 66px; width: 66px; display: block; margin: 0 auto; overflow: hidden;}
.wbfw_1 .tabs .icon img{position: absolute; left: 0; right: 0; -webkit-transition:0.36s ease;
    -moz-transition:0.36s ease;
    -o-transition:0.36s ease;
  -ms-transition:0.36s ease;
  transition:0.36s ease;}
.wbfw_1 .tabs .icon .img{top: 0;}
.wbfw_1 .tabs .icon .img_hover{top: 100%;}
.wbfw_1 .tabs li.on .icon .img,
.wbfw_1 .tabs li:hover .icon .img{top: -100%;}
.wbfw_1 .tabs li.on .icon .img_hover,
.wbfw_1 .tabs li:hover .icon .img_hover{top: 0;}
.wbfw_1 .tabs li.on p,
.wbfw_1 .tabs li:hover p{color: #3DA1C8;}
.wbfw_1 .item_box{display: flex; margin: 40px 0 0;}
.wbfw_1 .item_box .left{width: 336px; height: 379px; padding: 60px 56px 0; color: #fff; background: url(../images/wbfw1_pic1.jpg) no-repeat top left;}
.wbfw_1 .item_box .left .tit{font-weight: bold; font-size: 22px; line-height: 1;}
.wbfw_1 .item_box .left .tit_desc{font-size: 18px; margin: 24px 0 12px; line-height: 1;}
.wbfw_1 .item_box .left .desc{font-size: 16px; line-height: 34px; color: #E9E9E9;}
.wbfw_1 .item_box .left .links{font-size: 16px; color: #fff; line-height: 1; margin: 20px 0 0; float: right;}
.wbfw_1 .item_box .right{flex: 1; display: flex; align-items: center; border: 1px solid #b5b5b5; border-left: none; padding: 48px 56px;}
.wbfw_1 .item_box .right li{width: 50%; float: left; border-radius: 1px; padding: 18px 60px; }
.wbfw_1 .item_box .right li:nth-child(1),
.wbfw_1 .item_box .right li:nth-child(2){border-bottom: 1px dashed #cfd0d4; padding-bottom: 28px; }
.wbfw_1 .item_box .right li:nth-child(1),
.wbfw_1 .item_box .right li:nth-child(3){border-right: 1px dashed #cfd0d4; }
.wbfw_1 .item_box .right li:nth-child(3),
.wbfw_1 .item_box .right li:nth-child(4){padding-top: 36px; }
.wbfw_1 .item_box .right li .p1{font-size: 22px; line-height: 1; color: #3B3B3B;}
.wbfw_1 .item_box .right li .p2{font-size: 16px; line-height: 30px; color: #9D9D9D; margin: 18px 0 0;}
@media (max-width: 1699px){
	.wbfw_1{padding: 60px 0;}
	.wbfw_1 .item_box .right{ padding: 30px 56px;}
}

.wbfw_2{padding: 85px 0; background: url(../images/wbfw2_bg.jpg) no-repeat top center; overflow: hidden;}
.wbfw_2 .common-tit .tit,
.wbfw_2 .common-tit .tit_desc{color: #fff;}
.wbfw_2 .cont{padding: 6px 0 0; overflow: hidden;}
.wbfw_2 .cont ul{margin: 0 -17px;}
.wbfw_2 .cont li{float:left; width: 25%; padding: 0 17px; margin: 34px 0 0; }
.wbfw_2 .cont .item{background: #fff; display: block; text-align: center;}
.wbfw_2 .cont .top{height: 143px; background: #F8F8F8; display: flex; align-items: center; justify-content: center;}
.wbfw_2 .cont .info{padding: 30px 40px 28px;}
.wbfw_2 .cont .tit{font-size: 22px; color: #212632;}
.wbfw_2 .cont .desc{font-size: 16px; color: #696969; line-height: 34px; margin: 20px 0 0;}
@media (max-width: 1699px){
	.wbfw_2{padding: 60px 0;}
	.wbfw_2 .cont .top{height: 110px;}
}

.wbfw_3{padding: 85px 0 65px; background: #fff; overflow: hidden;}
.wbfw_3 .cont{padding: 50px 0 0; display: flex; }
.wbfw_3 .cont .item{display: block; border: 1px solid #AEE7FE; text-align: center; box-shadow: 0px 0px 7px 0px rgba(14, 49, 77, 0.14); }
.wbfw_3 .cont .item .tit{ position: relative;  font-size: 20px; color: #fff; }
.wbfw_3 .cont .item .tit::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;z-index: 1; background: linear-gradient(93deg, #278EC0 0%, #38C5D5 100%);}
.wbfw_3 .cont .item .tit span{position: relative; z-index: 2;display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; background: url(../images/wbfw_3_tit1.png) no-repeat top center; background-size: auto 100%; }
.wbfw_3 .cont .item .desc{height: 107px; font-size: 14px; display: flex; align-items: center; justify-content: center; padding: 0 24px; color: #6E6E6E; line-height: 30px;}
.wbfw_3 .cont ul{margin: 0 -33px; overflow: hidden;}
.wbfw_3 .cont li{ float: left; position: relative; padding: 0 33px; margin: 22px 0 ; width: 16.6%; }
.wbfw_3 .cont li::before{content: ""; position: absolute; top: 50%; left: -20px; margin-top: -6px; width: 40px; height: 12px; background: url(../images/icon_wbfw3_dian.png); background-size: cover;}
.wbfw_3 .cont li:first-child{margin: 135px 0 0;}
.wbfw_3 .cont li:first-child::before{content: none;}
.wbfw_3 .cont li:nth-child(2)::before{bottom: 30px; top: auto; margin: 0;}
.wbfw_3 .cont li:nth-child(7)::before{top: 30px; margin: 0;}
.wbfw_3 .cont .item .tit_1 span{background-image: url(../images/wbfw_3_tit1.png);}
.wbfw_3 .cont .item .tit_2 span{background-image: url(../images/wbfw_3_tit2.png);}
.wbfw_3 .cont .item .tit_3 span{background-image: url(../images/wbfw_3_tit3.png);}
.wbfw_3 .cont .item .tit_4 span{background-image: url(../images/wbfw_3_tit4.png);}
.wbfw_3 .cont .item .tit_5 span{background-image: url(../images/wbfw_3_tit5.png);}
.wbfw_3 .cont .item .tit_6 span{background-image: url(../images/wbfw_3_tit6.png);}
.wbfw_3 .cont .item .tit_7 span{background-image: url(../images/wbfw_3_tit7.png);}
.wbfw_3 .cont .item .tit_8 span{background-image: url(../images/wbfw_3_tit8.png);}
.wbfw_3 .cont .item .tit_9 span{background-image: url(../images/wbfw_3_tit9.png);}
.wbfw_3 .cont .item .tit_10 span{background-image: url(../images/wbfw_3_tit10.png);}
.wbfw_3 .cont .item .tit_11 span{background-image: url(../images/wbfw_3_tit11.png);}
@media (max-width: 1699px){
	.wbfw_3{padding: 60px 0;}
	.wbfw_3 .cont ul{margin: 0 -28px;}
	.wbfw_3 .cont li{padding: 0 28px;}
	.wbfw_3 .cont li::before{width: 30px; height: 9px;}
	.wbfw_3 .cont .item .tit{font-size: 18px; }
	.wbfw_3 .cont .item .desc{padding: 0 12px; height: 137px; line-height: 24px;}
}

.wbfw_4{padding: 85px 0; background: url(../images/wbfw4_bg.jpg) no-repeat top center; overflow: hidden;}
.wbfw_4 .common-tit .tit,
.wbfw_4 .common-tit .tit_desc{color: #fff;}
.wbfw_4 .cont{padding: 58px 0 0; display: flex; }
.wbfw_4 .tabs {width: 306px; background: rgba(0,0,0,0.67);}
.wbfw_4 .tabs li{position: relative;  width: 100%; padding: 34px 0 28px 50px; color: #fff; line-height: 1; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.18);}
.wbfw_4 .tabs li:last-child{border: none;}
.wbfw_4 .tabs li .p1{font-size: 22px; margin-bottom: 18px;}
.wbfw_4 .tabs li .p2{font-size: 16px;}
.wbfw_4 .tabs li.on,
.wbfw_4 .tabs li:hover{background: linear-gradient(-87deg, #278EC0 0%, #38C5D5 100%); border-color: transparent;}
.wbfw_4 .tabs_cont{flex: 1; overflow: hidden; margin: 68px 0 0 200px ; color: #fff;}
.wbfw_4 .tabs_cont .tit{font-size: 26px; line-height: 1; }
.wbfw_4 .tabs_cont .desc{margin: 38px 0; line-height: 36px; font-size: 16px;}
.wbfw_4 .tabs_cont .more_btn{color: #fff;}
.wbfw_4 .tabs_cont .case{border-top: 1px solid rgba(233, 233, 233, 0.24); margin: 60px 0 0; padding: 74px 0 0;}
.wbfw_4 .tabs_cont .case ul{margin: 50px -15px 0; display: flex; }
.wbfw_4 .tabs_cont .case li{width: 25%;  padding: 0 15px; height: 130px;}
.wbfw_4 .tabs_cont .case li a{ background: #fff; display: flex; height: 100%; align-items: center; justify-content: center;}
.wbfw_4 .tabs_cont .case li img{ max-width: 100%;}
@media (max-width: 1699px){
	.wbfw_4{padding: 60px 0;}
	.wbfw_4 .tabs li{ padding: 30px 0 26px 40px;}
	.wbfw_4 .tabs_cont{ margin: 40px 0 0 150px;}
	.wbfw_4 .tabs_cont .case{padding-top: 55px;}
	.wbfw_4 .tabs_cont .case ul{margin-top: 35px;}
}



.wbfw_5{padding: 85px 0; background: #fff; overflow: hidden;}
.wbfw_5 .cont{padding: 40px 0 0; }
.wbfw_5 .cont .tips{font-size: 16px; color: #313131; line-height: 32px;}
.wbfw_5 .cont .table{width: 100%; text-align: center; margin: 20px 0 0;}
.wbfw_5 .cont .table thead th{background: #2a98c4; color: #fff; font-size: 20px; line-height: 34px;  font-weight: normal;}
.wbfw_5 .cont .table tbody tr{background: #ecf3f6; }
.wbfw_5 .cont .table tbody tr:nth-child(odd){background: #f8f8f8;}
.wbfw_5 .table th, 
.wbfw_5 .table td{border: 4px solid #fff; padding: 15px; line-height: 1;}
.wbfw_5 .cont .table tbody td{font-size: 16px; color: #6B6B6B;}
.wbfw_5 .cont .table tbody .red{color: #FF3030;}
@media (max-width: 1699px){
	.wbfw_5{padding: 60px 0;}
	.wbfw_5 .cont .table thead th{font-size: 18px; line-height: 30px;}
}


.wbfw_6{padding: 85px 0 100px; background: #F1F1F1; overflow: hidden;}
.wbfw_6 .tabs{ margin: 46px 0 38px; width: 100%; overflow: hidden; text-align: center;}
.wbfw_6 .tabs a { font-size: 14px; line-height: 24px; margin: 0 14px; background: #fff; padding: 8px 36px; color: #828282; display: inline-block; border: 1px solid #E5E5E5; border-radius: 20px; }
.wbfw_6 .tabs a:hover, .wbfw_6 .tabs a.active {color: #fff; background: linear-gradient(102deg, #288EC0 0%, #38C5D5 100%);}
.wbfw_6 .tabs_cont{margin: 30px 0 0; overflow: hidden;}
.wbfw_6 .tabs_cont ul{margin: 0 -5px;}
.wbfw_6 .tabs_cont li{float: left; width: 33.3%; margin-top: 10px; padding: 0 5px;}
.wbfw_6 .item{display: flex; background: #fff; padding: 25px 30px; height: 161px;}
.wbfw_6 .item .info{position: relative; flex: 1; overflow: hidden;}
.wbfw_6 .item .info::after{position: absolute; bottom: 0; left: 0; content: ""; width: 21px; height: 13px; background: url(../images/icon_news_more.png) no-repeat top left; background-size: cover;}
.wbfw_6 .item .tit{line-height: 24px; color: #1D1D1D; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.wbfw_6 .item .tit::after{content: ""; display: block; width: 30px; height: 1px; margin: 10px 0 0; background: #C2C2C2; vertical-align: top;}
.wbfw_6 .item .desc{font-size: 14px; line-height: 24px; margin: 15px 0 0; color: #828282; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.wbfw_6 .item .date{width: 64px; height: 64px; margin: 0 0 0 20px; text-align: center;}
.wbfw_6 .item .day{line-height: 43px; font-size: 36px; color: #212121; border: 1px solid #e5e5e5; border-bottom: none; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.wbfw_6 .item .year{line-height: 18px; font-size: 12px; color: #818181; border: 1px solid #e5e5e5; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.wbfw_6 .item:hover .tit{color: #2897c3;}
.wbfw_6 .item:hover .day{border-color: #37C0D3; color: #fff; background: #37C0D3;}
.wbfw_6 .item:hover .year{border-color: #2995c3; color: #fff; background: #2995c3;}
.wbfw_6 .item:hover .info::after{background-image: url(../images/icon_news_more_hover.png);}
.wbfw_6 .item_left{position: relative; background: #F3F3F3; padding: 0; display: block; height: 332px; border: none; overflow: hidden;}
.wbfw_6 .item_left .picfocus{width: 100%; height: 100%;}
.wbfw_6 .item_left .picfocus img{width: 100%;}
.wbfw_6 .item_left .info{ height: 110px; padding: 25px; background: #fff; position: absolute; bottom: 12px; left: 12px; right: 12px; }
.wbfw_6 .item_left .info::after{right: 25px; left: auto; top: 50%; margin-top: -7px;}
.wbfw_6 .item_left .tit{float: left; width: 62%; line-height: 30px; display: -webkit-box; white-space: initial; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.wbfw_6 .item_left .tit::after{content: none;}
.wbfw_6 .item_left .date{position: absolute; top: 16px; left: 16px; margin: 0;}
.wbfw_6 .item_left .day{border-color: #37C0D3; color: #fff; background: #37C0D3;}
.wbfw_6 .item_left .year{border-color: #2995c3; color: #fff; background: #2995c3;}
@media (max-width: 1699px){
	.wbfw_6{padding: 60px 0;}
	.wbfw_6 .tabs a{margin: 0 6px; padding: 8px 30px;}
	.wbfw_6 .item{height: 148px;}
	.wbfw_6 .item .tit{font-size: 16px; line-height: 24px;}
	.wbfw_6 .item .info::after{width: 16px; height: 10px;}
	.wbfw_6 .item_left{height: 306px;}
	.wbfw_6 .item_left .info{height: 100px;}
	.wbfw_6 .item_left .picfocus img{height: 100%; width: auto;}
	
}

/**/
.brandChose { display: flex; align-items: center; justify-content: center; text-align: center; height: 280px; background: url(../images/brandChose_bg.jpg) no-repeat center center; background-size: cover; }
.brandChose .title {font-size: 24px; color: #fff;  margin-bottom: 5px; }
.brandChose .desc { font-size: 14px; color: #fff; }
.brandChose form { margin-top: 38px; display: flex; justify-content: center; }
.brandChose form input { width: 300px; height: 40px; margin-right: 10px; padding: 0 17px; border: 0;  outline: none; font-size: 12px; color: #fff; background: rgba(255, 255, 255, 0.3); }
.brandChose form input.submit {width: 120px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; background: #2897C2; }
.brandChose ::-webkit-input-placeholder {color: #fff; } /* WebKit browsers */
.brandChose :-moz-placeholder { color: #fff; }/* Mozilla Firefox 4 to 18 */
.brandChose ::-moz-placeholder {color: #fff; }/* Mozilla Firefox 19+ */
.brandChose :-ms-input-placeholder {color: #fff; }/* Internet Explorer 10+ */