@charset "utf-8";
.aboutys{font-size:14px; color:#333333; text-align:center;padding:20px 0px}
.aboutys .liA
{padding-top:200px; position:relative;}
.aboutys .animate-wrapper-div
{position:absolute;top:50px;left:50%;margin-left:-76px;width:152px;height:141px; overflow:hidden;}

.aboutys .animate-item-div{position:absolute}


/*=1=*/
.aboutys .animate01-big-white{z-index:1;top:29px;left:71px;width:91px;height:109px; background:url(../imges/animate_01_big_white.png?v=%2BZN7%2BbP7VfJfG4cLC%2F%2FmJw%3D%3D) center no-repeat}
.aboutys .animate01-small-white{z-index:9;top:80px;left:22px;width:91px;height:75px;background:url(../imges/animate_01_small_white.png?v=y2aGxJxU0oNTvr3scoi2ug%3D%3D) center no-repeat}
.aboutys .animate01-big-blue{z-index:6;top:32px;left:45px;width:91px;height:109px;background:url(../imges//animate_01_big_blue.png?v=mKgqboQv%2FkffrAJ9mhwEhw%3D%3D) center no-repeat}
.aboutys .animate01-small-blue{z-index:6;top:-2px;left:19px;width:91px;height:75px;background:url(../imges/animate_01_small_blue.png?v=M3Qrf83SjpTRqLFGXuhY3w%3D%3D) center no-repeat}
@-webkit-keyframes animate01translateY1{
	0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
	75%{opacity:1}
	100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

@-moz-keyframes animate01translateY1{
	0%{opacity:0;-moz-transform:translateY(-30px);transform:translateY(-30px)}
	75%{opacity:1}
	100%{-moz-transform:translateY(0);transform:translateY(0)}
}

@-o-keyframes animate01translateY1{
	0%{opacity:0;-o-transform:translateY(-30px);transform:translateY(-30px)}
	75%{opacity:1}
	100%{-o-transform:translateY(0);transform:translateY(0)}
}

@keyframes animate01translateY1{
	0%{opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}
	75%{opacity:1}
	100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}

.aboutys .liA1.active .animate01-big-blue
{-webkit-animation:animate01translateY1 .9s both;-moz-animation:animate01translateY1 .9s both;-o-animation:animate01translateY1 .9s both;animation:animate01translateY1 .9s both}
.aboutys .liA1.active .animate01-small-blue
{-webkit-animation:animate01translateY1 .5s .9s both;-moz-animation:animate01translateY1 .5s .9s both;-o-animation:animate01translateY1 .5s .9s both;animation:animate01translateY1 .5s .9s both}

/*=2=*/
.aboutys .animate02-white-01
{z-index:1;top:27px;left:21px;width:52px;height:69px;background:url(../imges/animate02_white_01.png?v=pdL1UB5S4QPycjCCaCFfhg%3D%3D) center no-repeat}
.aboutys .animate02-white-02
{z-index:6;top:63px;left:67px;width:102px;height:91px;background:url(../imges/animate02_white_02.png?v=xUtawdxfhFfgjEwCnHHR8g%3D%3D) center no-repeat}
.aboutys .animate02-big-blue
{z-index:3;top:3px;left:42px;width:127px;height:138px;background:url(../imges/animate02_big_blue.png?v=VpqWTPu0Nu2ENUxttk2NQQ%3D%3D) center no-repeat}

.aboutys .liA2.active .animate02-big-blue
{-webkit-animation:animate01translateY1 .9s both;-moz-animation:animate01translateY1 .9s both;-o-animation:animate01translateY1 .9s both;animation:animate01translateY1 .9s both}

/*=3=*/
.aboutys .animate03-big-blue
{z-index:1;top:23px;left:20px;width:154px;height:125px;background:url(../imges/animate03_big_blue.png?v=yZes8Ano1n243nUUW9Hu9Q%3D%3D) center no-repeat}
.aboutys .animate03-white-01
{z-index:9;top:8px;left:20px;width:36px;height:32px;background:url(../imges/animate03_white_01.png?v=XJhh3csuFtBQnv8mX9dn1w%3D%3D) center no-repeat}
.aboutys .animate03-white-02
{z-index:9;top:16px;left:56px;width:32px;height:38px;background:url(../imges/animate03_white_02.png?v=Nd1BQbiTxQYnMxns7Hr2rg%3D%3D) center no-repeat}
.aboutys .animate03-white-03
{z-index:9;top:40px;left:12px;width:39px;height:46px;background:url(../imges/animate03_white_03.png?v=BNLg8Ke6Gegc0%2FX2fZ%2BsCQ%3D%3D) center no-repeat}

.aboutys .liA3.active .animate03-white-01
{-webkit-animation:animate01translateY1 .9s .5s both;-moz-animation:animate01translateY1 .9s .5s both;-o-animation:animate01translateY1 .9s .5s both;animation:animate01translateY1 .9s .5s both}

.aboutys .liA3.active .animate03-white-02
{-webkit-animation:animate01translateY1 .5s .2s both;-moz-animation:animate01translateY1 .5s .2s both;-o-animation:animate01translateY1 .5s .2s both;animation:animate01translateY1 .5s .2s both}

.aboutys .liA3.active .animate03-white-03
{-webkit-animation:animate01translateY1 .5s both;-moz-animation:animate01translateY1 .5s both;-o-animation:animate01translateY1 .5s both;animation:animate01translateY1 .5s both}

/*=4=*/
.aboutys .animate04-white-01{z-index:9;top:76px;left:48px;width:77px;height:63px;background:url(../imges/animate04_white_01.png?v=C%2BfvGLsiKiz5v6joUyEe7g%3D%3D) center no-repeat}
.aboutys .animate04-white-02{z-index:1;top:22px;left:77px;width:102px;height:101px;background:url(../imges/animate04_white_02.png?v=0fT2PSsgYhaSPwkDRr6ewA%3D%3D) center no-repeat}
.aboutys .animate04-big-blue{z-index:2;top:14px;left:52px;width:91px;height:118px;background:url(../imges/animate04_big_blue.png?v=%2Fpn1xqHeckjpkD6tMMZUyQ%3D%3D) center no-repeat}
.aboutys .animate04-small-blue{z-index:2;top:62px;left:28px;width:78px;height:76px;background:url(../imges/animate04_small_blue.png?v=4uSal1YbMzV2cvhDyTI2Lw%3D%3D) center no-repeat}
.aboutys .animate04-arrow-blue-01{z-index:10;top:48px;left:32px;width:9px;height:15px; background:url(../imges/animate04_arrow_blue_01.png?v=1owrG3gZmBQtZ5XPC3z6Hg%3D%3D) center no-repeat}
.aboutys .animate04-arrow-blue-02{z-index:10;top:76px;left:12px;width:13px;height:21px;background:url(../imges/animate04_arrow_blue_02.png?v=YjGiRPCSTRsuO%2B2fbmcqtw%3D%3D) center no-repeat}
.aboutys .animate04-arrow-blue-03{z-index:10;top:72px;left:99px;width:10px;height:23px;background:url(../imges/animate04_arrow_blue_03.png?v=WYYyAY6jjcGypk7h17ubvg%3D%3D) center no-repeat}
.aboutys .liA4.active .animate04-big-blue{-webkit-animation:animate01translateY1 .7s both;-moz-animation:animate01translateY1 .7s both;-o-animation:animate01translateY1 .7s both;animation:animate01translateY1 .7s both}
.aboutys .liA4.active .animate04-small-blue{-webkit-animation:animate01translateY1 .7s .5s both;-moz-animation:animate01translateY1 .7s .5s both;-o-animation:animate01translateY1 .7s .5s both;animation:animate01translateY1 .7s .5s both}
.aboutys .liA4.active .animate04-arrow-blue-01{-webkit-animation:animate01translateY1 .5s 1.2s both;-moz-animation:animate01translateY1 .5s 1.2s both;-o-animation:animate01translateY1 .5s 1.2s both;animation:animate01translateY1 .5s 1.2s both}
.aboutys .liA4.active .animate04-arrow-blue-02{-webkit-animation:animate01translateY1 .5s 1.7s both;-moz-animation:animate01translateY1 .5s 1.7s both;-o-animation:animate01translateY1 .5s 1.7s both;animation:animate01translateY1 .5s 1.7s both}
.aboutys .liA4.active .animate04-arrow-blue-03{-webkit-animation:animate01translateY1 .5s 2s both;-moz-animation:animate01translateY1 .5s 2s both;-o-animation:animate01translateY1 .5s 2s both;animation:animate01translateY1 .5s 2s both}


.aboutys figcaption{font-family: 'bebasregular'; font-size:44px;padding:5px 0px}
.aboutys figcaption span{font-size:24px; font-weight:bold}
.aboutlrjs{line-height:250%; color:#666666;padding:20px 0px}
.zsabout{background:#F5F6F7}
.contactfs{background:url(../imges/9.png) no-repeat center; color:#FFFFFF; text-align:center; padding:30px 0}
.contactfs h2{padding:10px 0px;font-family: 'HanHei-SC'; font-size:46px}
.contactfs strong{font-family: 'HanHei-SC'; font-size:28px; font-weight:normal}
.contactfs p{margin:0px auto; text-align:left; line-height:250%; width:36%}
.contactfs  a{border-radius:50px;background:#038ED4; padding:10px 70px; color:#FFFFFF; font-size:24px;font-family: 'HanHei-SC'; display:inline-table; margin:30px auto;border:0px solid #038ED4}
.contactfs .btn1{display:none;}
.aboutfw{text-align:center; margin-bottom:30px}
.aboutfw figcaption{font-size:20px; font-weight:bold; padding:20px 0px 10px}
.aboutfw p{line-height:26px; color:#CCCCCC}
.aboutfw a{color:#666666; padding:0px 10px}
.aboutfw img{padding-top:30px; height:90px}

/*手机超小屏幕下的单独样式 xs < 768px */

@media (min-width: 300px) and (max-width: 766px){
.aboutlr{padding:20px 10%}
.aboutlrjs{line-height:250%; color:#666666;padding:20px 10%}
.aboutys{font-size:12px;}
.aboutys img{width:50%}
.aboutys figcaption{font-size:20px;}
.contactfs h2{font-size:26px}
.contactfs strong{font-family: 'HanHei-SC'; font-size:18px; font-weight:normal}
.contactfs p{width:90%}
.contactfs  a{border-radius:50px;background:#038ED4; padding:10px 30px; color:#FFFFFF; font-size:18px;font-family: 'HanHei-SC'; display:inline-table; margin:30px auto}
.contactfs .btn{display:none;}
.contactfs .btn1{display:inline-block}
.aboutfw a{color:#666666; padding:0px 5px}
.aboutfw img{padding-top:10px}
footer{display:none}
}

/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){.contactfs p{width:60%}}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) and (max-width: 1199px){.contactfs p{width:50%}}