/*首页视频*/
/**/
.container {margin: 0 auto;min-height: 1px;width: 90%; }
.common_tit {text-align: center;}
.common_tit h4 {font-size: 43px;  font-weight: bold;  letter-spacing: 2px;  color: #333333;}
.common_tit h4 em{color: #02398a;padding-left: 20px;}
.common_tit h4 span { font-size: 52px;  letter-spacing: 1px;  color: #00cdff;}
.common_tit h6 {margin-top: 16px;  font-size: 20px;  line-height: 32px;  color: #666666;  font-weight: 100;}
.index1 {  padding: 0 0 86px;}
.index1 .container h5 {font-size: 16px;font-weight: 100;line-height: 30px;color: #666666;max-width:80%;text-align: center;margin: 40px auto 0;}
.index1 .content1 {margin-top: 35px;display: flex;align-items: center;justify-content: center;border-radius: 12px;overflow: hidden;/*box-shadow: 4px 7px 20px 0px rgba(15, 41, 76, 0.1);*/}
.index1 .content1 .ab-left {width: 50%;height: 600px;  display: flex;  align-items: center;  justify-content: center;}
.index1 .content1 .ab-left img {}
.index1 .content1 .ab-right {  display: flex;  flex-wrap: wrap;  width: 50%;}
.index1 .content1 .ab-right .item {  background: #fff;  width: 50%;  height: 300px;  color: #333;  display: flex;  flex-direction: column;  align-items: flex-start;  justify-content: center;  padding: 0 4%;box-sizing: border-box;}
.index1 .content1 .ab-right .item1 {}
.index1 .content1 .ab-right .item2 {}
.index1 .content1 .ab-right .item3 {  color: #fff;}
.index1 .content1 .ab-right .item4 {  color: #fff;}
.index1 .content1 .ab-right .item h4 {  font-size: 30px;  font-weight: bold;}
.index1 .content1 .ab-right .item h4 span {  font-size: 70px;}
.index1 .content1 .ab-right .item h4 span.f50 {  font-size: 50px;}
.index1 .content1 .ab-right .item h5 {  font-size: 20px;  line-height: 29px;  letter-spacing: 1px;  color: inherit;  text-align: left;  margin: 20px 0 0;}
.index1 .content1 .ab-right .item h6 {  margin-top: 30px;  font-size: 16px;  font-weight: 100;  line-height: 28px;  /*height: 56px;*/}	

	
/* 弹窗 */
.z_tanchuang {position: fixed;  display: table;  height: 100%;width: 100%;  top: 0;left: 0;  transform: scale(0);-webkit-transform: scale(0);z-index: 111;}
.z_tanchuang .tbox {  display: table-cell;  background: rgba(0, 0, 0, 0.8);  text-align: center;  vertical-align: middle;}

/* 弹窗内容 */
.z_tanchuang .tbox .modal {background: white;padding: 20px;display: block;  border-radius: 5px;position: relative;  width:50%;/*max-width: 1200px;max-height: 90%;*/margin: 0 auto;}
.z_tanchuang .tbox .modal .out {position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../Uploadfiles/tacn/out.png) center no-repeat;background-size: 20px;color: #000;  font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;-webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);    -moz-transition: all .5s cubic-bezier(.4, 0, .2, 1);
transition: all .5s cubic-bezier(.4, 0, .2, 1);}
.z_tanchuang .tbox .modal .img {  width: 100%; /* max-width: 600px;*/  margin: 0 auto;}
.z_tanchuang .tbox .modal .img video {  display: block;  width: 100%;  /*max-width: 100%; */ object-fit: cover;}
.z_tanchuang .tbox .modal .img img {  margin: 0 auto;}
.z_tanchuang .tbox .modal .out:hover {  background: #fff url(../Uploadfiles/tacn/out2.png) center no-repeat;  background-size: 20px;  transform: rotate(180deg);  -webkit-transform: rotate(180deg);}
.z_tanchuang .tbox .modal2 {  padding: 20px;}
.aaa {height: 500px!important;}
.z_tanchuang .tbox .modal .img iframe{width: 100%;height:1px;}
@media(max-width:1200px){
    .aaa{width: 100%;height: 300px!important;}
}
@media(max-width:991px){
    .aaa{width: 100%;height:200px!important;}
}


/* 弹窗选中 */
.z_tanchuang.one {  transform: scaleY(0.01) scaleX(0);  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;  -webkit-transform: scaleY(0.01) scaleX(0);  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one .tbox .modal {  transform: scale(0);  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;  -webkit-transform: scale(0);  -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out {transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);  -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out .tbox .modal {  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;  -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */
@keyframes unfoldIn {
0% {transform: scaleY(0.005) scaleX(0);  }
50% {transform: scaleY(0.005) scaleX(1);  }
100% {transform: scaleY(1) scaleX(1);  }
}
@keyframes zoomIn {
0% {transform: scale(0);  }
100% {transform: scale(1);  }
}
@keyframes zoomOut {
0% {transform: scale(1);  }
100% {transform: scale(0);  }
}
@keyframes unfoldOut {
0% {transform: scaleY(1) scaleX(1);  }
50% {transform: scaleY(0.005) scaleX(1);  }
100% {transform: scaleY(0.005) scaleX(0);  }
}
@-webkit-keyframes zoomIn {
0% {transform: scale(0);}
100% {transform: scale(1);  }
}
@-webkit-keyframes zoomOut {
0% {transform: scale(1);  }
100% {transform: scale(0);  }
}
@-webkit-keyframes unfoldOut {
0% {transform: scaleY(1) scaleX(1);  }
50% {transform: scaleY(0.005) scaleX(1);}
100% {transform: scaleY(0.005) scaleX(0);}
}
@-webkit-keyframes unfoldIn {
0% {transform: scaleY(0.005) scaleX(0);  }
50% {transform: scaleY(0.005) scaleX(1);  }
100% {transform: scaleY(1) scaleX(1);  }
}	
@media (max-width: 1024px) {
.common_tit h4 {font-size: 26px;  }
.common_tit h4 span {font-size: 24px;  }
.common_tit h6 {margin-top: 6px;font-size: 16px;}
.index1 {padding: 45px 0 40px;  }
.index1 .container{width:95%;}
.index1 .container h5 {margin-top: 20px;    max-width: 100%;}
.index1 .content1 {    margin-top: 40px;    flex-direction: column;  }
.index1 .content1 .ab-left {width: 100%; }
.index1 .content1 .ab-left a {width: 80px;    height: 80px;  }
.index1 .content1 .ab-right {width: 100%;  }
.index1 .content1 .ab-right .item {    height: 200px;  }
.index1 .content1 .ab-right .item h4 {    font-size: 20px;  }
.index1 .content1 .ab-right .item h4 span {    font-size: 40px;  }
.index1 .content1 .ab-right .item h4 span.f50 {    font-size: 30px;  }
.index1 .content1 .ab-right .item h5 {    font-size: 18px;    margin-top: 0;  }
.index1 .content1 .ab-right .item h6 {    font-size: 14px;    line-height: 22px;    margin-top: 10px;  }	
	}
	
@media(max-width:768px){
.index1 .content1 .ab-left {height: 260px;}
.z_tanchuang .tbox .modal{width:95%;}
	}	
	
@media screen and (max-width: 640px){
.index1 .content1 .ab-right{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}	
.index1 .content1 .ab-right .item {	width: 100%;height: 150px;}
.index1 .content1 .ab-right .item1 {border-bottom: 1px solid #f1f1f1;}
.z_tanchuang .tbox .modal .out{top: -50px;right: 0;}
}