@charset "utf-8";
* {margin: 0;padding: 0;}

body {font-family: "Microsoft YaHei";}
ul,ol,li {list-style: outside none none;}
a {text-decoration: none;}

.company{ width:100%; height:360px; margin:0 auto; background:#34b5d4 url(../img/company_bg.jpg) no-repeat center; min-width:1300px; overflow:hidden;animation: fadeIn 1 1s;margin-top:107px;}

.company .img{ width:1120px; height:360px; margin:0 auto; position:relative}
.company .img li:first-child{  position:absolute; top:122px; left:21px; font-size:55px; line-height:1; font-family:"SungtiCSEG"; font-weight:600; color:#fff;animation:flipInX 1 1.5s;}
.company .img li:nth-child(2){ position:absolute; left:108px; top:214px; font-size:36px; line-height:25px; color:#fff;animation:bounceInLeft 1 1.5s; }
@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}

@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}

.about{ width:100%; height:50px; background:#e7e7e7; min-width:1300px; overflow:hidden; }
.about .about1{ width:1120px; height:50px; margin:0 auto}
.about .about1 li{ width:248px; height:50px; float:left;color:#333333; text-align:center; line-height:50px; cursor:pointer}
.about .about1 .hover{ background:#24a256; color:#fff;}

.company_body{ width:100%; min-width:1300px}
.company_body .about2{width:1120px; margin:0 auto; padding-bottom:50px}
.about2 .about_one{width:1120px;height:935px;overflow:hidden; display:none}
.about2 .about_one p:first-child{ width:1120px; height:580px; background:url(../img/about-bg.jpg) no-repeat center; margin:31px auto 0;
 animation:fadeIn 1 1.5s;}
.about2 .about_one p{font-size:14px; color:#111111; width:1120px; line-height:2.14;}
.about2 .about_one p:nth-child(2){  margin-top:55px; text-indent:18px;}
.about2 .about_one p:nth-child(3){ margin-top:30px;}
.about2 .about_one.block{ display:block}

.about2 .about_two{width:1120px;height:935px;overflow:hidden;display:none}
.about2 .about_two li{ width:1120px; height:887px; background:url(../img/about-bg1.jpg) no-repeat center; margin:23px auto 0; overflow:hidden; padding-top:164px}
.about2 .about_two li p{font-size:20px; color:#221e1f; width:1120px; line-height:1.5; text-indent:18px; width:875px; margin-left:109px; text-indent:56px;animation:fadeInUp 1 1.5s; margin-bottom:20px}

@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.about2 .about_two li p:last-child{  margin-top:55px; margin-left:703px; animation:fadeInUp 1 2s;}
.about2 .about_two.block{ display:block}

.about2 .about_three{width:1120px;overflow:hidden;display:none; padding-bottom:47px;}
.about2 .about_three li{ width:1120px; height:536px; background:url(../img/bg3.jpg) no-repeat center;}
.about2 .about_three.block{ display:block}



.about2 .about_four{width:1120px;overflow:hidden;display:none}
.about2 .about_four .one{margin-top:53px;}
.about2 .about_four ul{height:269px;width:1120px;}
.about2 .about_four ul li{ width:270px; height:269px; float:left; margin-right:13px; box-sizing:border-box}
.about2 .about_four ul li:last-child{ float:right; margin-right:0; }
.about2 .about_four ul li span{width:268px; height:193px; border:1px solid #bebebe; display:block; position:relative}
.about2 .about_four ul li img{ position: absolute; left:0; right:0; bottom:0; top:0; margin:auto;animation:fadeIn 1 1.5s;}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.about2 .about_four ul li p{ text-align:center; font-size:14px; width:230px; line-height:1.6; margin:7px auto;}
.about2 .about_four.block{ display:block}