
.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 #333333;background-size:cover;}
.i-thi-wrap .noise-bg {display:block;width:100%;height:100%;background:url("../images/noise.gif") repeat center;opacity:1;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:1;-webkit-animation:rotate 80s linear 0s infinite;animation:rotate 80s linear 0s infinite;background:url("../images/i9.png") repeat center;}


@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:1;fill-opacity:0;stroke:#fff;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; z-index:9999; color:#fff; font-size:24px;opacity:1;}
.i-thi-wrap .cent-column .logo-ico {display:block;width:360px;height:240px;position:absolute;left:50%;margin-left:-180px;top:50%;margin-top:-120px;z-index:9999;color:#fff;}

.i-thi-wrap .cent-column .logo-ico h2{ font-size:26px;color:#fff; text-align:center;}
.i-thi-wrap .cent-column .logo-ico .line{ width:60px; height:1px; background:#ff0000; margin:15px auto; display:block;}
.i-thi-wrap .cent-column .logo-ico h3{ font-size:16px;color:#fff; text-align:center; line-height:30px;}
.i-thi-wrap .cent-column .logo-ico a.moreaa{ width:130px; height:35px; font-size:14px; text-align:center; line-height:35px; border:1px dashed #fff; color:#fff; display:block; border-radius:15px; margin:30px auto 0 auto;}
.i-thi-wrap .cent-column .logo-ico a:hover.moreaa{ background:#ff0000; border:1px dashed #ff0000; }

.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:1;}
.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:220px;/*padding:28px 15px 16px 25px;*/  padding:0;height:60px;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:#fff;padding-top:0px; text-align:right; display:inline-block;}

.i-thi-wrap .cent-column .cont-box .font {line-height:2;font-size:16px;color:#fff;opacity:1;}
.i-thi-wrap .cent-column .cont-box p {line-height:2;font-size:16px;color:#fff;opacity:1;}



.i-thi-wrap .cent-column .boxs1 {left:-270px;top:0px;}
.i-thi-wrap .cent-column .boxs1 .pic{ width:50px; height:50px; background:#818181; border-radius:50px;  position:absolute; display:inline-block; right:0;}
.i-thi-wrap .cent-column .boxs1 .pic img{ position:absolute; left:8px; top:7px;}
.i-thi-wrap .cent-column .boxs1 .stt {font-size:16px;line-height:40px;color:#fff;text-align:right; display:inline-block; width:150px;}
.i-thi-wrap .cent-column .boxs1 .pic:hover{ background:#ff0000;transition:0.4s linear 0.1s; }

.i-thi-wrap .cent-column .boxs2 {right:-270px;top:0px;}
.i-thi-wrap .cent-column .boxs2 .pic{ width:50px; height:50px; background:#818181; border-radius:50px;  position:absolute; display:inline-block; left:0;}
.i-thi-wrap .cent-column .boxs2 .pic img{ position:absolute; left:8px; top:7px;}
.i-thi-wrap .cent-column .boxs2 .stt {font-size:16px;line-height:40px;color:#fff;text-align:right; display:inline-block; width:140px;}
.i-thi-wrap .cent-column .boxs2 .pic:hover{ background:#ff0000;transition:0.4s linear 0.1s; }


.i-thi-wrap .cent-column .boxs3 {left:-320px;top:200px;}
.i-thi-wrap .cent-column .boxs3 .pic{ width:50px; height:50px; background:#818181; border-radius:50px;  position:absolute; display:inline-block; right:0;}
.i-thi-wrap .cent-column .boxs3 .pic img{ position:absolute; left:8px; top:7px;}
.i-thi-wrap .cent-column .boxs3 .stt {font-size:16px;line-height:40px;color:#fff;text-align:right; display:inline-block; width:150px;}
.i-thi-wrap .cent-column .boxs3 .pic:hover{ background:#ff0000;transition:0.4s linear 0.1s; }


.i-thi-wrap .cent-column .boxs4 {right:-320px;top:200px;}
.i-thi-wrap .cent-column .boxs4 .pic{ width:50px; height:50px; background:#818181; border-radius:50px;  position:absolute; display:inline-block; left:0;}
.i-thi-wrap .cent-column .boxs4 .pic img{ position:absolute; left:8px; top:7px;}
.i-thi-wrap .cent-column .boxs4 .stt {font-size:16px;line-height:40px;color:#fff;text-align:right; display:inline-block; width:220px;}
.i-thi-wrap .cent-column .boxs4 .pic:hover{ background:#ff0000;transition:0.4s linear 0.1s; }


.i-thi-wrap .cent-column .boxs5 {left:-260px;top:400px;}
.i-thi-wrap .cent-column .boxs5 .pic{ width:50px; height:50px; background:#818181; border-radius:50px;  position:absolute; display:inline-block; right:0;}
.i-thi-wrap .cent-column .boxs5 .pic img{ position:absolute; left:8px; top:7px;}
.i-thi-wrap .cent-column .boxs5 .stt {font-size:16px;line-height:40px;color:#fff;text-align:right; display:inline-block; width:150px;}
.i-thi-wrap .cent-column .boxs5 .pic:hover{ background:#ff0000;transition:0.4s linear 0.1s; }

.i-thi-wrap .cent-column .boxs6 {right:-260px;top:400px;}
.i-thi-wrap .cent-column .boxs6 .pic{ width:50px; height:50px; background:#818181; border-radius:50px;  position:absolute; display:inline-block; left:0;}
.i-thi-wrap .cent-column .boxs6 .pic img{ position:absolute; left:8px; top:7px;}
.i-thi-wrap .cent-column .boxs6 .stt {font-size:16px;line-height:40px;color:#fff;text-align:right; display:inline-block; width:140px;}
.i-thi-wrap .cent-column .boxs6 .pic:hover{ background:#ff0000;transition:0.4s linear 0.1s; }


.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;}




@-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);}
}
