@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: url(../img/news_bg.jpg) no-repeat center; min-width:1300px; overflow:hidden; animation:fadeIn 1 1s ; margin-top:107px; }
@-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}
.company .img{ width:1120px; height:360px; margin:0 auto; position:relative}
.company .img li:first-child{ width:234px; height:52px; background:url(../img/news_bg.png) no-repeat center; position:absolute; top:122px; left:21px;animation:flipInY 1 1s;}
@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)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
.company .img li:nth-child(2){ width:116px; height:25px; background:url(../img/news_bg2.png) no-repeat center; position:absolute; left:108px; top:214px;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}

.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;}
.about2 .about_one{width:1120px;height:935px;overflow:hidden; display:none}
.about2 .about_one ul{ height:80px; width:1120px; border-bottom:1px solid #ccc}
.about2 .about_one ul:nth-child(1){ margin-top:11px;}
.about2 .about_one ul li{ font-size:16px; line-height:80px;} 
.about2 .about_one ul li:nth-child(1){ color:#111111; margin-left:33px; float:left; width:720px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about2 .about_one ul li a{color:#111111;}
.about2 .about_one ul li:nth-child(2){ float:right; color:#999999; margin-right:32px;}
.about2 .about_one .number{32px; width:auto; margin:48px auto; clear:both; margin-left:370px;}
.about2 .about_one .number li{ float:left; margin-right:11px;}
.about2 .about_one .number li a{ padding:8px 12px; color:#333;border:1px solid #ccc; font-size:16px;}
.about2 .about_one #number .on a{ background:#24a256}
.about2 .about_one .number .yeshu a{ padding:8px 10px; }
.about2 .about_one.block{ display:block}



.about2 .about_one.two{width:1120px;overflow:hidden;display:none}
.about2 .about_one.two.block{ display:block}

.about2 .about_three{width:1120px;overflow:hidden;display:none; padding-top:33px; margin-bottom:80px;}
.about2 .about_three .bg{ width:1120px; height:316px; background:url(../img/zhaoshan.jpg) no-repeat center}
.about2 .about_three ul{ padding-left:22px;}
.about2 .about_three ul .title{ font-size:24px; line-height:1; color:#222; font-weight:bold; margin-top:28px; margin-bottom:15px;}
.about2 .about_three ul li{ font-size:16px; color:#333; line-height:2.8;}

.about2 .about_three.block{ display:block}



.about2 .about_four{width:1120px;height:935px;overflow:hidden;display:none}
.about2 .about_four.block{ display:block}