@charset "UTF-8";
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; 
min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #333333;font-family: Arial, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333333;}
body::-webkit-scrollbar{ width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:#0069d1;}
body::-webkit-scrollbar-track{ background:#fff;} 

 

.time{padding-top: 50px;opacity: 0;}
.section.active .time{padding-top: 0;opacity: 1;animation: cx 0.5s linear alternate;}
.section.active .time2{padding-top: 0;opacity: 1;animation: cx2 1.5s linear alternate;}
.section.active .time3{padding-top: 0;opacity: 1;animation: cx3 1.6s linear alternate;}
.section.active .time4{padding-top: 0;opacity: 1;animation: cx4 1.7s linear alternate;}
.section.active .time5{padding-top: 0;opacity: 1;animation: cx5 1.8s linear alternate;}
.section.active .time6{padding-top: 0;opacity: 1;animation: cx6 1.9s linear alternate;}

.more{width:200px;height:60px;line-height:60px;position:relative; margin:0 20px;}
.more a{display:block;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;width:200px;height:60px;line-height:60px;font-size:16px;border-radius:20px;padding:0;border:1px solid #fff; color:#fff;}
.more a:before{content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%)}
.more a:hover{background:#fff;color:#333}
.more a:hover:before{animation:style1 .75s;z-index:1}
@keyframes style1{0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}to{background:0 0;transform:translateX(-50%) translateY(-50%) scale(1)}}


.in_1{position: relative;width: 100%;height: 100%; background:url(i01bg.jpg) no-repeat; background-size:100% 100%;}
.in_1 .con{width: 100%; position:absolute; top:14%; left:50%;transform: translateX(-50%);}
.in_1 .con .img{ width:20%; margin:0 auto; text-align:center;}
.in_1 .con .img img{ width:100%;}
.in_1 .con .top{ width:100%; text-align:center;}
.in_1 .con .top h1{ width:100%; font-size:30px; font-weight:normal; color:#fff; margin-bottom:20px;}
.in_1 .con .top h2{ width:100%; font-size:16px; font-weight:normal; color:#fff; margin-bottom:40px;}
.in_1 .con .bot{display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}

.in_2{position: relative;width: 100%;height: 100%; background:url(i01bg.jpg) no-repeat; background-size:100% 100%;}
.in_2 .con{width: 100%; position:absolute; top:8%; left:50%;transform: translateX(-50%);}
.in_2 .con .img{ width:40%; margin:0 auto; text-align:center;}
.in_2 .con .img img{ width:100%;}
.in_2 .con .bot{display: flex;flex-wrap:wrap; justify-content:center;align-items: center; margin-top:40px;}

.in_3{position: relative;width: 100%;height: 100%; background:url(i03bg.jpg) no-repeat; background-size:100% 100%;}
.in_3 .con{width: 100%; position:absolute; top:16%; left:50%;transform: translateX(-50%);}
.in_3 .con .img{ width:40%; margin:0 auto; text-align:center;}
.in_3 .con .img img{ width:100%;}
.in_3 .con .bot{display: flex;flex-wrap:wrap; justify-content:center;align-items: center; margin-top:40px;}

.in_4{position: relative;width: 100%;height: 100%; background:url(i01bg.jpg) no-repeat; background-size:100% 100%;}
.in_4 .con{width: 100%; position:absolute; top:28%; left:50%;transform: translateX(-50%);}
.in_4 .con .img{ width:100%; text-align:center;}
.in_4 .con .bot{display: flex;flex-wrap:wrap; justify-content:center;align-items: center; margin-top:80px;}


.in_7 {background: #008bdc;}
.in_7 .con_bot{ max-width:1280px; margin:0 auto;display: flex;justify-content: space-between;height:90px;align-items: center;}
.in_7 .con_bot a,.in_7 .con_bot span{display: block;color: rgba(255, 255, 255, 1);}
.in_7 .con_bot .bot_le{display: flex;}
.in_7 .con_bot .bot_re{display: flex;}
.in_7 .con_bot a:hover{color: #fff;}

.side{position:fixed;width:60px;height:150px;right:0;top:42%;z-index:100;}
.side ul li{width:60px;height:60px;float:left;position:relative; margin-bottom:2px;}
.side ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all 0.3s;background:rgba(0,0,0,0.6);color:#fff;font:14px/54px "思源黑体";overflow:hidden; display:flex;}
.side ul li .sidebox .img{width:80px; text-align:center;}
.side ul li .sidebox .img img{width:30px; margin:5px auto 0;}
.side ul li .sidebox .img p{ color:#fff; line-height:20px; font-size:12px; margin-top:0px;}
.side ul li .sidebox .txt{width: calc(100% - 80px);display: flex;flex-wrap:wrap;align-items: center; color:#fff; line-height:20px; font-size:14px;}