
.f-cb {zoom:1;}
.f-cb:after {display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.por {position:relative;}
.poa {position:absolute;}
.pof {position:fixed;}
.poa-f {position:absolute;left:0;top:0;width:100%;height:100%;}
.ovh {overflow:hidden;}
.noselect {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.z1 {z-index:1;}
.z2 {z-index:2;}
.z3 {z-index:3;}
.dn {display:none;}
.dib {display:inline-block;}
.w-f {width:100%;}
.h-f {height:100%;}
.fwn {font-weight:normal;}
.tac {text-align:center;}
.t-f {transition:all 0.5s;}
.t-c {transition:color 0.5s;}
.t-bg {transition:background 0.5s;}



.w1190 {width:1190px;margin:0 auto;min-width:1190px;}

.i-content {width:100%;height:100%;position:relative;}
.i-section {position:relative;overflow:hidden;background-color:#62ABB4;}
.i-section .titbox {text-align:center;top:50%;position:absolute;width:100%;text-align:center;left:0;}
.i-section .titbox .en-tit {font-size:48px;line-height:66px;color:#2983cf;text-transform:uppercase;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);font-family:"Base-font";}
.i-section .titbox .cn-tit {font-size:24px;line-height:38px;color:#fff;background:url("../images/bg_05.png") no-repeat center;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
.ins-titbox {text-align:center;width:100%;text-align:center;}
.ins-titbox .en-tit {font-size:48px;line-height:66px;color:#2983cf;text-transform:uppercase;font-family:"Base-font";}
.ins-titbox .cn-tit {font-size:24px;line-height:38px;color:#fff;background:url("../images/bg_05.png") no-repeat center;}
.ins-titbox.black .cn-tit {color:#333;background:url("../images/line_07.png") no-repeat center;}
.i-out-wrap {-webkit-transition:all 0.4s ease-in 0s;transition:all 0.4s ease-in 0s;}
.i-section.fadeOut .i-out-wrap {opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}

.i-thi-wrap .i-content {width:100%;height:100%;background:url("../images/sbg111.jpg") repeat center #0A1E77;background-size:cover;}
.i-thi-wrap .noise-bg {display:block;width:100%;height:100%;background:url("../images/noise.gif") repeat center;opacity:0.03;z-index:1;}
.i-thi-wrap .hr {position:absolute;top:50%;height:2px;background-color:#2983cf;width:50%;z-index:3;}
.i-thi-wrap .hr-left {right:50%;margin-right:333px;}
.i-thi-wrap .hr-left::after {content:"";display:block;width:17px;height:158px;background:url("../images/bg_10.png") no-repeat center;position:absolute;right:-17px;top:-78px;}
.i-thi-wrap .hr-right {left:50%;margin-left:333px;}
.i-thi-wrap .hr-right::after {content:"";display:block;width:17px;height:158px;background:url("../images/bg_11.png") no-repeat center;position:absolute;left:-17px;top:-78px;}
.i-thi-wrap .out-border-fir {width:1272px;height:1272px;border:25px dashed #2983cf;opacity:0.05;border-radius:640px;position:absolute;left:50%;top:50%;margin-left:-636px;margin-top:-636px;z-index:2;-webkit-animation:rotate 80s linear 0s infinite;animation:rotate 80s linear 0s infinite;}
.i-thi-wrap .out-border-sec {width:1098px;height:1098px;border:25px dashed #2983cf;opacity:0.05;border-radius:640px;position:absolute;left:50%;top:50%;margin-left:-549px;margin-top:-549px;z-index:2;-webkit-animation:rotates 80s linear 0s infinite;animation:rotates 80s linear 0s infinite;}
.i-thi-wrap .circle-last {width:600px;height:600px;position:absolute;left:50%;margin-left:-300px;top:50%;margin-top:-300px;opacity:.2;-webkit-animation:rotate 80s linear 0s infinite;animation:rotate 80s linear 0s infinite;}


@media (max-width:639px) {


.i-thi-wrap .circle-last {width:500px;height:500px;position:absolute;left:50%;margin-left:-250px;top:50%;margin-top:-250px;opacity:.2;-webkit-animation:rotate 80s linear 0s infinite;animation:rotate 80s linear 0s infinite;}

}


.i-thi-wrap .circle-last svg {width:100%;height:100%;}
.i-thi-wrap .circle-last-after {width:580px;height:580px;display:block;position:absolute;left:50%;margin-left:-290px;top:50%;margin-top:-290px;-webkit-animation:rotates 80s linear 0s infinite;animation:rotates 80s linear 0s infinite;}
.i-thi-wrap .circle-last-after svg {width:100%;height:100%;}
.i-thi-wrap .circle-last-after .circlelastafter {opacity:0.3;fill-opacity:0;stroke:#F7F9F9;stroke-dasharray:2,10;enable-background:new;}
.i-thi-wrap .cent-column {width:440px;height:440px;position:absolute;left:50%;margin-left:-220px;top:50%;margin-top:-220px;}
.i-thi-wrap .cent-column .logo-ico {display:block;width:176px;height:176px;background:url("../images/ico_12.png") no-repeat center;position:absolute;left:50%;margin-left:-88px;top:50%;margin-top:-88px;z-index:9;}
.i-thi-wrap .cent-column .sector-box {opacity:0;-webkit-transition:0.6s linear 0.2s;transition:0.6s linear 0.2s;}
.i-thi-wrap .cent-column .sector-fir {width:308px;height:226px;left:52px;top:-40px;z-index:2;}
.i-thi-wrap .cent-column .sector-sec {width:270px;height:303px;background:url("../images/img_03.png") no-repeat center;left:-40px;top:85px;z-index:2;}
.i-thi-wrap .cent-column .sector-thi {width:307px;height:234px;background:url("../images/img_04.png") no-repeat center;left:88px;bottom:-40px;z-index:1;}
.i-thi-wrap .cent-column .sector-fou {width:239px;height:305px;background:url("../images/img_05.png") no-repeat center;right:-40px;top:50px;z-index:3;}
.i-thi-wrap .cent-column .up-hovbg {position:absolute;width:440px;height:440px;left:0;top:0;z-index:10;}
.i-thi-wrap .cent-column .up-hovbg area {outline-style:none;}
.i-thi-wrap .cent-column .up-hovbox {position:absolute;width:440px;height:440px;left:0;top:0;z-index:9;}
.i-thi-wrap .cent-column .up-hovbox span {/*display:none;*/  opacity:0;transition:all 0s;}
.i-thi-wrap .cent-column .line-box {display:block;width:0;-webkit-transition:width 0.5s linear 0.8s;transition:width 0.5s linear 0.8s;}
.i-thi-wrap .cent-column .line-fir {height:171px;right:335px;top:-53px;background:url("../images/line_01.png") no-repeat right top;}
.i-thi-wrap .cent-column .line-sec {height:70px;right:332px;bottom:28px;background:url("../images/line_02.png") no-repeat right top;}
.i-thi-wrap .cent-column .line-thi {height:60px;left:368px;bottom:30px;background:url("../images/line_03.png") no-repeat left top;}
.i-thi-wrap .cent-column .line-fou {height:114px;left:370px;top:-59px;background:url("../images/line_04.png") no-repeat left top;}
.i-thi-wrap .cent-column .cont-box {position:absolute;width:262px;/*padding:28px 15px 16px 25px;*/  padding:16px 15px 34px 25px;background:url("../images/bg_12.png") no-repeat center top;height:160px;opacity:0;-webkit-transition:opacity 0.5s linear 1.3s;transition:opacity 0.5s linear 1.3s; z-index:9;}
.i-thi-wrap .cent-column .cont-box .stt {font-size:20px;line-height:35px;color:#2983cf;padding-top:0px;}

.i-thi-wrap .cent-column .cont-box .font {line-height:2;font-size:16px;color:#0F6DCF;opacity:1;}
.i-thi-wrap .cent-column .cont-box p {line-height:2;font-size:16px;color:#ddd;opacity:1;}
.i-thi-wrap .cent-column .boxs1 {left:-388px;top:-15px;}
.i-thi-wrap .cent-column .boxs2 {left:-390px;bottom:-64px;}
.i-thi-wrap .cent-column .boxs3 {right:-410px;bottom:-70px;}
.i-thi-wrap .cent-column .boxs4 {right:-355px;top:-27px;}
.i-thi-wrap .cent-column.active .sector-box {opacity:1;}
.i-thi-wrap .cent-column.active .sector-fir {left:52px;top:0;}
.i-thi-wrap .cent-column.active .sector-sec {left:0;top:85px;}
.i-thi-wrap .cent-column.active .sector-thi {left:88px;bottom:0;}
.i-thi-wrap .cent-column.active .sector-fou {right:0;top:50px;}
.i-thi-wrap .cent-column.active .line-fir {width:314px;}
.i-thi-wrap .cent-column.active .line-sec {width:213px;}
.i-thi-wrap .cent-column.active .line-thi {width:203px;}
.i-thi-wrap .cent-column.active .line-fou {width:256px;}
.i-thi-wrap .cent-column.active .cont-box {opacity:1;}

@media (max-width:1200px) {
.i-thi-wrap .cent-column .boxs1 {left:-280px;top:-15px;}
.i-thi-wrap .cent-column .boxs2 {left:-280px;bottom:-64px;}
.i-thi-wrap .cent-column .boxs3 {right:-300px;bottom:-70px;}
.i-thi-wrap .cent-column .boxs4 {right:-245px;top:-27px;}
}


@-webkit-keyframes mousemove {0% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
25% {-webkit-transform:translateY(0px);transform:translateY(0px);}
50% {-webkit-transform:translateY(5px);transform:translateY(5px);}
75% {-webkit-transform:translateY(0px);transform:translateY(0px);}
100% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
}
@keyframes mousemove {0% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
25% {-webkit-transform:translateY(0px);transform:translateY(0px);}
50% {-webkit-transform:translateY(5px);transform:translateY(5px);}
75% {-webkit-transform:translateY(0px);transform:translateY(0px);}
100% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
}
@-webkit-keyframes rotate {0% {-webkit-transform:rotate(0);transform:rotate(0);}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotate {0% {-webkit-transform:rotate(0);transform:rotate(0);}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes rotates {0% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
50% {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes rotates {0% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
50% {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes scalePop {0% {-webkit-transform:scale(0.8) rotate(0deg);transform:scale(0.8) rotate(0deg);}
50% {-webkit-transform:scale(1) rotate(180deg);transform:scale(1) rotate(180deg);}
100% {-webkit-transform:scale(0.8) rotate(360deg);transform:scale(0.8) rotate(360deg);}
}
@keyframes scalePop {0% {-webkit-transform:scale(0.8) rotate(0deg);transform:scale(0.8) rotate(0deg);}
50% {-webkit-transform:scale(1) rotate(180deg);transform:scale(1) rotate(180deg);}
100% {-webkit-transform:scale(0.8) rotate(360deg);transform:scale(0.8) rotate(360deg);}
}
@-webkit-keyframes blow {0% {-webkit-transform:scale(1);transform:scale(1);}
50% {-webkit-transform:scale(0.95);transform:scale(0.95);}
100% {-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes blow {0% {-webkit-transform:scale(1);transform:scale(1);}
50% {-webkit-transform:scale(0.95);transform:scale(0.95);}
100% {-webkit-transform:scale(1);transform:scale(1);}
}
