@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; margin-top:107px;  }
.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;overflow:hidden; display:none}
.about2 .about_one .title{ font-size:18px; color:#111111; line-height:18px; width:100%; text-align:center; margin-top:39px;}
.about2 .about_one .data{ font-size:14px; color:#999999; line-height:14px; text-align:center; margin-top:23px;}
.about2 .about_one.block{ display:block}
.about2 .about_one hr{ width:100%; border:1px dashed #999; margin-top:16px;}
.about2 .about_one .news{ font-size:14px; color:#999; line-height:1.85; text-indent:28px;}
.about2 .about_one .news.one{ margin-top:27px;}
.about2 .about_one .img{  margin:47px auto 0; display:block;}
.about2 .about_one .img1{ clear:both; margin:49px auto 79px; display:block}

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

.about2 .about_three{width:1120px;overflow:hidden;display:none}
.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}