.container{/*padding: 0;*/}
body{font-size: 15px;}
.pd0{padding: 0;}
.null100{width: 100%;height: 100px;font-size: 1px;}
.null130{width: 100%;height: 130px;font-size: 1px;}
.head{width: 100%;height: auto;overflow: hidden;background-color: #FFFFFF;;}
.zt-logo{height: 180px;}
.zt-logo .l-img{height: 70px;margin:60px auto 0 auto;}
.zt-nav{width: 100%;background-color: #f55a3c;display: flex;flex-wrap: wrap;flex-direction: row;}
.zt-nav li{flex:1;line-height: 65px;text-align: center;}
.zt-nav li a{color: #FFFFFF;font-size: 20px;}
.zt-nav li:hover{background-color: #c3381d;}
.container .title{width: 100%;border-bottom: 1px solid #DDDDDD;overflow: hidden;display: flex;justify-content: space-between;padding:10px 10px;}
.container .title .t{border-left: 5px solid #ef5435;padding-left: 13px; color: #ef5435;font-weight: 700;font-size: 18px;}
.container .title .m{font-size: 14px;}
.container .title .m a{color: #999;}
.logo{float: left;}
.logobar{text-align: right;float: right;overflow: hidden;padding: 5px 10px;}
.logobar .logobtn{padding:8px 20px;background-color: #e8e8e8;color: #000;border-radius:15px;margin-left: 10px;font-size: 13px;}
.logobar .logobtn:hover{cursor: pointer;background-color:#f55e5e;color: #FFFFFF;}
.username{color: #666666;font-size: 14px;}
.username a{color:#0b60ff;}
#nav{display: flex;justify-content: space-between;}
.xf-nav{display: flex;justify-content: space-between;height:50px;width:65%;}
.xf-nav li{line-height:50px;}
.xf-nav .current{border-bottom: 5px solid #fb502f;}
.xf-nav .current a{color: #fb502f;}
.xf-nav a{font-weight: bold;font-size: 18px;}
.xf-nav a:hover{color: #fb502f;}
#h-tel{width: 280px;}
.xf-header#index-banner{height: 680px;background: url("../images/banner.jpg") no-repeat center center;}
.xf-header{width: 100%;height: 280px;background: url("../images/b2.png") no-repeat center center;position: relative;}
.xf-header2{width: 100%;height: 350px;background: url("../images/b2.png") no-repeat center center;position: relative;}
.xf-header .b-t{text-align: center;margin: 90px 0px 0px 5%;position: absolute;}
.h-nav{position: relative;}
.h-nav .h-nav-box{width: 100%;padding: 15px 5px;bottom:-780px;position: absolute;display: flex;justify-content: space-between;}
.h-nav .h-nav-icon{width: 17%;height:220px;box-shadow: 0 1px 10px 0 rgba(0,0,0,0.20);font-size: 20px;border-radius:5px;
background:linear-gradient(301deg, #edfefc, #fafff6);
}
.h-nav .h-nav-icon:hover{background:linear-gradient(301deg, #dafffb, #fafff6);box-shadow: 0 1px 10px 0 rgba(0,0,0,0.50);}
.h-nav .h-nav-icon a{display: block;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;font-size: 25px;}
.h-nav .h-nav-icon:last-child{border: none;}
.h-nav .h-nav-icon img{margin-left: 10px;}
/*.h-nav ul li:hover{background-color: #EEEEEE;}*/
.h-nav .h-nav-icon:hover a{color: #2476ff;}
.h-nav-null{width: 100%;height: 100px;}

.fw-list{width: 100%;overflow: hidden;display: flex;flex-wrap:wrap;justify-content: space-between;}
.fw-list .fw-list-icon{width: 30%;height:120px;margin-bottom: 10px; display: flex;flex-wrap:wrap;justify-content: center;align-items: center;}
.fw-list .fw-list-icon a{width: 100%;display: flex;flex-wrap:wrap;justify-content: center;align-items: center;}
.fw-list .fw-list-icon .i{width: 30%;}
.fw-list .fw-list-icon .t{font-size: 22px;color: #FFFFFF;}
.fw-list .fw-list-icon .t p{font-size: 18px;padding-top: 10px;}
.fw-list .fw-list-icon:nth-child(1){background: #000 linear-gradient(to left,#00a6ff, #3bd5e3 );} /*#2c91c7 ,#23adb9*/
.fw-list .fw-list-icon:nth-child(2){background: #000 linear-gradient(to left,#6dc300, #ffaa62);} /* #0187f8 ,#9aaffb*/
.fw-list .fw-list-icon:nth-child(3){background: #000 linear-gradient(to left, #c472f7 ,#43b7fb);}

.xf-notice{width: 100%;height: 70px;background-color: #FFFFFF;padding: 10px;display: flex;align-items: center;justify-content: space-between;}
.xf-notice .t{font-size: 20px;margin-left: 10px;width: 100px;}
.xf-notice .list{width: 90%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.xf-list{width: 100%;overflow: hidden;display: flex;flex-wrap:wrap;justify-content: space-between;}
.xf-list .list{padding: 0;height:auto;background-color: #FFFFFF;margin-bottom: 20px;overflow: hidden;}
.xf-list #xf-news-img{width:45%;height: 350px;}
.xf-list #xf-news-list{width: 53%;height: 350px;}
.xf-list #xf-news-info{width: 45%;}
.xf-list #xf-news-tb{width: 53%;padding: 20px;}
.xf-list #xfSider{width: 100%; height: 100%;}
.xf-list #xfSider .item{ /*display: flex;justify-content: space-evenly;*/}
.xf-list #xfSider .item img{width: 100%;height: 350px;}
.xf-list #xf-news-list .tab li{float: left;width: 100px;height: 35px;line-height: 35px; text-align: center;margin-right: 5px;font-size: 18px;}
.xf-list #xf-news-list .tab li.on{background-color: #DDDDDD;color: #ed2903;font-weight: 700;}
.xf-list #xf-news-list .tab li:hover{cursor: pointer;background-color: #DDDDDD;}
.xf-list #xf-news-list .bd{width: 96%;margin:10px auto;}
.xf-list #xf-news-list .box-list li{width: 100%;height: 45px;line-height: 45px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xf-list #xf-news-info .info-list{width: 100%; border-bottom: 1px solid #EEEEEE;padding:20px 20px;}
.xf-list #xf-news-info .info-list:last-child{border-bottom:none;}
.xf-list #xf-news-info .info-list .i{width: 80px;height: 80px;float: left;}
.xf-list #xf-news-info .info-list .t p{padding-top: 10px;color: #666;}
.xf-list #xf-news-tb .table{margin-bottom: 5px;}

.video-box{width: 100%;height: 500px;}
.video-list{display: flex;justify-content: space-between;width: 100%;height: 325px;}
.video-list .img-list-big{width: 45%;height: 325px;position: relative;text-align: center;background-color: #dbe7f1;}
.video-list .img-list-sm li:hover  span{display: box;opacity: 1;transition-property:all;transition-duration:0.5s;}
.video-list .img-list-big img{max-width: 100%;height: 100%;}
.video-list .img-list-sm{width:53%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.video-list .img-list-sm li{width: 31%;height: 45%;position: relative;background-color: #ddd;text-align: center;}
.video-list .img-list-sm li img{width: 100%;height: 100%;}
.video-list .video-list-play{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.video-list .video-list-play .video-list-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;/*background-color: #000000;opacity: 0.3;*/}
.video-list .video-list-play .video-list-bg:hover{background: url(../images/img-list-t.png);transition-property:all;transition-duration:0.5s;}
.video-list .video-list-play .video-list-svg{width: 100%;height: 100%;display: flex;justify-content: space-around;align-items: center;}
.video-list .video-list-play .video-list-t{width: 100%;height: 50px;line-height: 18px;padding:0 5px;bottom: 0;position: absolute;background: url(../images/img-list-t.png);color: #fff;display: flex;justify-content: center;align-items: center;}

.video-list2{display: flex;justify-content: space-between;width: 100%;height: auto;}
.video-list2 .img-list-sm{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.video-list2 .img-list-sm li{width: 31%;height: 160px;position: relative;background-color: #ddd;text-align: center;}
.video-list2 .img-list-sm li img{width: 100%;height: 160px;}
.video-list2 .video-list-play{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.video-list2 .video-list-play .video-list-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;/*background-color: #000000;opacity: 0.3;*/}
.video-list2 .video-list-play .video-list-bg:hover{background: url(../images/img-list-t.png);transition-property:all;transition-duration:0.5s;}
.video-list2 .video-list-play .video-list-svg{width: 100%;height: 100%;display: flex;justify-content: space-around;align-items: center;}
.video-list2 .video-list-play .video-list-t{width: 100%;height: 50px;line-height: 18px;padding:0 5px;bottom: 0;position: absolute;background: url(../images/img-list-t.png);color: #fff;display: flex;justify-content: center;align-items: center;}


.xf-team{width: 100%;background-color: #FFFFFF;padding: 20px 0 20px 20px;display: flex;align-items: center;}
.xf-team .t{width: 300px;text-align: center;}
.xf-team .t .btn{width: 200px;border-radius:0;margin-top: 10px;}
.xf-team .list{width: 100%;}
.xf-team .list ul{display: flex;align-items: center;width: 100%;}
.xf-team .list ul li{margin: 0 20px;text-align: center;}
.xf-team .list ul li p{padding-top: 10px;}
.footer-service{width: 100%;padding: 0;display: flex;justify-content: space-between;}

.main-sbg{position: absolute;margin-bottom: 0;width: 100%;height: 60px;background-color: #FFFFFF;}
#main-box-p{position: relative;}
#main-box{position: absolute;margin-top: -70px;width: 100%;min-height:400px;background-color: #fff;border-radius: 3px;box-shadow: 0px 0px 13px #99a8b5;}
/*#main-box>.container{box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.10);}*/
#main-box .m-txt{padding:0 30px 30px 30px;}
#main-box .m-txt-tt{margin: 0;line-height: 48px;text-align: center;font-weight: 400;font-size: 32px;}
#main-box .m-txt-crm {position: relative;overflow: hidden;height: auto;margin-bottom: 20px;padding: 10px 0px;text-align: center;color: #222;font-size: 14px;border-bottom: dotted 1px #e1e1e1;display: flex;justify-content: center;flex-wrap: wrap;}
#main-box .m-txt-crm .font {margin: 0 10px;}
#main-box  #article {font-size: 18px;text-indent: 0px;}

#main-box #news-list{padding: 0 30px 10px 30px;}
#main-box .list{padding-bottom: 0;}

#main-box #news-list .t{height: 30px;}
#main-box .sidebar-nav-sm .t{height: 40px!important;}

#main-box .sidebar-nav .t{font-family:"微软雅黑";font-size:2.8rem;background: #000 linear-gradient(to left, #04e7ca, #33a0ef);} /*#fd8e8e ,#c27bf7*/
#main-box .list .title{padding: 0;border-bottom: none;}

@media screen and (max-width:1200px){
	.fw-list .fw-list-icon{width: 49%;}
	.xf-header .b-t{margin: 90px 0px 0px 1%;width: 80%;}
}

@media screen and (max-width:992px){
	.logo{width: 100%;padding-left: 10px;}
	.xf-nav{width:100%;}
	.h-nav .h-nav-icon{width: 18%;border-color: #fff;}
	.xf-list #xf-news-img,.xf-list #xf-news-list,.xf-list #xf-news-info,.xf-list #xf-news-tb{width: 100%;}
	.logobar{text-align: right;float: right;overflow: hidden;padding: 5px 10px;position: absolute;right: 0px;background-color: #ddd;border-radius: 20px;opacity: 0.8;top: 0px;}
	#h-tel{display: none;}
	.img-list-big{margin-bottom: 20px;}
	.xf-team{flex-wrap: wrap;justify-content: space-evenly;}
	.xf-team .t{margin-bottom: 20px;}
	
}

@media screen and (max-width:768px){
}
@media screen and (max-width:640px){
	.xf-nav{height: auto;flex-wrap: wrap;justify-content: flex-start;}
	.xf-nav li{width: 23%;margin: 1%;line-height:30px;background-color: #f3f3f3;text-align: center;}
	.xf-nav a{font-size: 15px;}
	.h-nav .h-nav-icon{width: 29%;height:120px;line-height:60px; border-color: #fff;font-size: 15px;margin: 1% 2%;}
	.h-nav .h-nav-icon img{width: 40px;height: 40px;}
	.h-nav .h-nav-box{padding: 0;}
	.fw-list-t{width: 100%;text-align: center;}
	.fw-list .fw-list-icon{width: 99%;margin:auto auto 10px auto;}
	.fw-list .fw-list-icon .i{width: 100px;}
	.fw-list .fw-list-icon .t{font-size:18px;color: #FFFFFF;width: 230px;}
	.fw-list .fw-list-icon .t p{font-size: 16px;padding-top:3px;}
	.xf-header#index-banner{height: auto;background-image: none;}
	.xf-header .b-t{width: 100%!important;margin: 30px 0 0 0;}
	.h-nav .h-nav-box{bottom: 0px;flex-wrap: wrap;justify-content: flex-start;position: relative;margin-top: 10px;}
	.h-nav .h-nav-icon a{font-size: 14px;}
	.xf-notice .t{width: 125px;}
	.xf-team{display: block;padding: 0;}
	.xf-team .t{width:100%;}
	.xf-team .list{margin-top: 10px;padding: 0;}
	.xf-team .list ul{flex-wrap: wrap;}
	.xf-team .list ul li{width: 38%;margin-bottom: 10px;}
	.xf-team .list ul li img{height: auto;}
	#main-box .m-txt-tt{line-height:2.2rem;font-size:2rem;}
	#xf-news-tb .table th, .table td{padding: 1px;font-size: 12px;}
	.h-nav-null{height: 5px;}
	.footer-service{display: block;}
	.footer-service .ad-box{margin: 10px 5px;}
	.xf-list #xf-news-img{height: 200px;}
	.xf-notice{height: auto;flex-wrap: wrap;justify-content: flex-start;}
	.video-list .img-list-big{height: auto;}
}

/*步骤*/
#progress-box{position: relative;overflow: hidden;padding-top: 20px;display: flex;display: -webkit-flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
#progress-box .progress-step{flex:1;position: relative;}
#progress-box .step-bg{background-color: #EEEEEE;width: 100%;height: 10px;z-index: 100;}
#progress-box .step-node{left: 50%;width: 20px;height: 20px;background-color: #c1bfbf;border-radius:20px;z-index: 101;position: absolute;top:-5px;}
#progress-box .step-tit{margin-top: 20px;font-size: 13px;text-align: center;}
#progress-box .progress-step.success .step-bg{background-color: #007AFF;}
#progress-box .progress-step.success .step-node{background-color: #007AFF;}
#progress-box .progress-step.success .step-tit{color: #007AFF;font-weight: 700;}
/*#progress-box .progress-step:first-child .step-node{left:0;}
#progress-box .progress-step:first-child .step-tit{text-align: left;}
#progress-box .progress-step:last-child .step-node{left: auto;right: 0;}
#progress-box .progress-step:last-child .step-tit{text-align: right;}*/
#progress-box .progress-step:first-child .step-bg{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
#progress-box .progress-step:last-child .step-bg{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}