﻿
/* 第三部分 */
.section4{background:url(../img/ipart03.jpg) no-repeat center; overflow:hidden;}
.ipart03{overflow:hidden; height:100%;}
.ipart03 .pic{position:absolute; left:0; top:0; width:100%; height:100%;}
.ipart03 .pic img{height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) scale(1.2); min-width:1918px;}
.ipart03 .circle{position:absolute; top:90px; left:0; right:0; bottom:0; z-index:2;}
.ipart03 .circle li.move {animation:warn 2s linear 0s infinite; border:1px solid #fff; border-radius:50%; border-color:rgba(255,255,255,.8); position:absolute; top:50%; left:50%;}
.ipart03 .circle li.move1{width:800px; height:800px; margin-left:-400px; margin-top:-400px;}
.ipart03 .circle li.move2{width:660px; height:660px; margin-left:-330px; margin-top:-330px;}
.ipart03 .circle li.move3{width:560px; height:560px; margin-left:-280px; margin-top:-280px;}
@keyframes warn {  
    0% {  
        transform:scale(1);  
        opacity:0;  
    }   
    50% {  
        transform:scale(1.1);  
        opacity:0.5;
    } 
    100% {  
        transform:scale(1.2);  
        opacity:0;  
    }  
}
.ipart03 .infor{text-align:center; width:460px; height:460px; position:absolute; left:50%; margin-left:-230px; top:50%; margin-top:-150px; z-index:3;}
.ipart03 .infor a{display:block; color:#fff;}
.ipart03 .infor .icon{width:150px; height:89px; margin:0 auto;}
.ipart03 .infor .tit{font-size:20px; line-height:25px; text-transform:uppercase; margin:30px 0 20px;}
.ipart03 .infor .con{font-size:50px; line-height:50px; color:#fff; font-weight:bold;}
.ipart03 .infor .txt{font-size:17px; line-height:30px; margin-top:50px;}
.common_more_box { border:1px solid #fff; border-radius:25px; padding:1% 5%; display:inline-block; margin:20px auto; }
.common_more_box .iconfont { font-size:13px;}
@keyframes 	50%{transform:rotateZ(180deg);}
	100%{transform:rotateZ(360deg);}
}
