@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/zhaoping_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:#05db5a;animation:bounceInDown 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;color:#05db5a; }
@-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)}}

@-webkit-keyframes bounceInDown{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(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{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(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
.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; padding-top:39px; padding-bottom:65px;}
.about2 .about_one.block{ display:block}
.about2 .about_one .title{ font-size:18px; color:#1c7a4d; line-height:1; text-align:center; font-weight:bold; margin-top:12px; margin-bottom:8px;}
.about2 .about_one .kuohu{ width:47px; height:33px; background:url(../img/kuahu.png) no-repeat center; float:left;}
.about2 .about_one .body{ width:1075px; font-size:14px; color:#578b6b; line-height:2; text-align:center; margin:0 auto; text-indent:15px}
.about2 .about_one .kuohu1{ width:47px; height:33px; background:url(../img/kuahu1.png) no-repeat center; float:right; margin-top:-25px;}
.about2 .about_one .body1{ margin-top:52px;}
.about_one .body1 .title1,.body1 .title2{ color:#333; font-size:18px; line-height:1; margin-bottom:8px;}
.about_one .body1 li{ font-size:14px; line-height:2; text-indent:35px; color:#333}
.about_one .body1 .title2{ margin-top:38px;}




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

.about2 .about_three{width:1120px;overflow:hidden;display:none; margin-bottom:76px;}
.about2 .about_three.block{ display:block}
.about2 .about_three .zhaoping{ width:100%; height:auto; border-bottom:1px solid #e2e2e2; overflow:hidden}
.about_three .zhaoping p{ font-size:14px; line-height:1; color:#333;}
.about_three .zhaoping p span{ color:#666}
.about_three .zhaoping .zhiwu { width:184px; text-align:center; line-height:1; float:left; margin-top:56px; }
.about_three .zhaoping .work{ width:934px; float:left; overflow:hidden; margin-bottom:12px; border-left:1px solid #e2e2e2}
.about_three .zhaoping .line{ float:left; width:1px; background:#e2e2e2;margin-top:18px; margin-bottom:11px; height:60px;}
.about_three .zhaoping .dizhi{ width:235px; float:left; margin-left:29px;}
.about_three .zhaoping .dizhi p:first-child{ margin-top:36px;}
.about_three .zhaoping .dizhi p:nth-child(2){ margin-top:29px; margin-bottom:18px;}
.about_three .zhaoping .number{ width:214px; float:left;}
.about_three .zhaoping .number p:first-child{ margin-top:36px;}
.about_three .zhaoping .number p:nth-child(2){ margin-top:29px; margin-bottom:18px;}
.about_three .zhaoping .time{ margin-top:79px; float:left}
.about_three .zhaoping .btn{ float:right; margin-right:13px; margin-top:45px;}
.about_three .zhaoping .btn a{ width:106px; height:26px; text-align: center; line-height:26px; color:#24a256; border:2px solid #24a256; display:block; transition-duration:500ms}
.about_three .zhaoping .btn a:hover{background:#24a256; color:#fff}
.about_three .work .xianxi{ clear:both; float:left; width:934px; display:none}
.about_three .work .xianxi ul li{ font-size:14px; line-height:1.5; color:#666; margin-left:29px;}
.about_three .work .xianxi ul:nth-child(2){ margin-top:15px;}
.about2 .about_three.block{ display:block; font-size:16px; margin-top:120px; float:left; margin-left:30px;}