@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;}
@-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{  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;}
.about2 .about_one{width:1120px;;overflow:hidden; display:none;}
.about2 .about_one ul{ width:1120px; height:224px; margin-top:10px;}
.about2 .about_one ul:first-child{ margin-top:52px;}
.about2 .about_one .pro ul li{ width:266px; height:222px; border:1px solid #e0e0e0; display:block;border-radius:3px;  box-shadow:2px 2px 10px #e0e0e0; float:left; margin-right:18px; display:block; box-sizing:border-box;}
.about2 .about_one ul .last{ float:right; margin-right:0px}
.about2 .about_one ul li div{ width:256px; height:177px; margin:6px auto 0; position:relative; overflow:hidden}
.about2 .about_one ul li:hover img{ transform:scale(1.2)}
.about2 .about_one ul li div img{ position:absolute; left:0; right:0; bottom:0; top:0; margin:auto; transition-duration:500ms}
.about2 .about_one ul li p{line-height:39px; color:#333333; font-size:16px; margin-left:11px;}


.about2 .about_one .number{32px; width:auto; margin:48px auto 59px ; clear:both; margin-left:370px; height:32px;}
.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_two{width:1120px;overflow:hidden;display:none; padding-top:52px; padding-bottom:54px}
.about2 .about_two.block{ display:block}
.about2 .about_two .hezuo li{ float:left; border:1px solid #ccc; margin-right:18px;; margin-bottom:28px;}
.about2 .about_two .hezuo li img{ width:100%; display:block}
.about2 .about_two .hezuo li:nth-child(4n){ float:right; margin-right:0}
.about2 .about_three{width:1120px;height:935px;overflow:hidden;display:none}
.about2 .about_three.block{ display:block}



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





.company.new{background:#02b349 url(../img/information_bg.jpg) no-repeat center;}
.company.new .img li{ color:#02b349}
.inf{ width:100%; min-width:1300px; overflow:hidden; background:#fff;padding-bottom:93px;padding-top:20px;}
.inf .inf1{ width:1120px; margin:0 auto;  }
.inf .inf1 .left{ float:left; font-size:14px; color:#666;}
.inf1 .left span{ color:#333}
.inf .inf1 .right a{ float:right; color:#333; line-height:14px; display:block }
.inf .inf1 .right a:hover{ color:#02b349}
.inf .inf2{  margin-top:49px; clear:both; float:left;}
.inf .inf2 img{float:left; margin-right:35px;}
.inf .inf2 ul{ width:383px; float:right}
.inf .inf2 ul .title{ color:#119144; font-size:30px; line-height:1; font-weight:bold; }
.inf .inf2 ul .number{ font-size:16px; color:#333; height:56px; border-bottom:1px dashed #777;border-top:1px dashed #777; line-height:56px; width:383px; float:right; margin-top:24px; margin-bottom:13px; overflow:hidden}
.inf2 ul .number span{ color:#777}
.inf2 ul .jieshao{ font-size:16px; color:#333;}
.inf2 ul .jieshao p{ width:285px; float:right; font-size:14px; color:#777; line-height:1.6}
.nav .nav1 ul li:nth-child(4) a{ background:#119144; color:#fff; border-radius:16px;}