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

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


.banner{width:100%; height:553px; min-width:1300px; overflow:hidden;margin-top:94px;}
.banner .banner1{ width:1440px; height:553px; margin:0 auto; position: relative; overflow:hidden}
.banner .banner1 ul{ width:1000%; height:553px; margin-left:-1440px}
.banner .banner1 ul li{ float:left;}
.banner .banner1 .btn{ position:absolute; bottom:0; left:0 }
.banner .banner1 .btn li{width:480px; height:10px; background:#c0c0c0; float:left}
.banner .banner1 .btn .on{ background:#5caf3f;}
.about_our{ width:100%; height:582px;; min-width:1300px; overflow:hidden;}
.about_our .about_our1{ width:1120px; height:577px; ; margin:0 auto; position:relative; overflow:hidden}
.about_our1 .title{ width:118px; height:71px; background:url(../img/our.jpg) no-repeat center;margin:47px auto 0;} 
.about_our1 .bg{ width:571px; height:322px; background:url(../img/bg_our.jpg) no-repeat center; float:left; margin-top:54px;}
.about_our1 .word{ font-size:14px; color:#111111; line-height:2; text-indent:16px; margin-top:60px; width:500px; float:right; height:252px; overflow:hidden;}
.about_our1 .btn{ width:124px; height:34px; text-align:center; line-height:34px; font-size:14px; color:#35930d;
 display:block; transition-duration:500ms; position:absolute; bottom:88px; right:370px; border:2px solid #35930d;}
.about_our1 .btn:hover{ background:#35930d; color:#fff }

.new{ width:100%; height:795px; background:#fafafa; min-width:1300px; overflow:hidden}
.new .new1{ width:1122px; height:795px; margin:0 auto; overflow:hidden; background:url(../img/bg-line.jpg) no-repeat center;}
.new .new1 .title{ width:157px; height:70px; background:url(../img/news.jpg) no-repeat center; margin:50px auto; display:none}
.new .new1 .title.ani0{animation:bounceInDown 1 1s; display:block}
@-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}


.new .new1 .news{ width:770px; height:62px; overflow:hidden}
.new .new1 .news.one{ margin-top:54px; margin-left:204px; display:none }
.new .new1 .news.one.ani{ animation:bounceInRight 1 1s; display:block}
@-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}}
@-webkit-keyframes bounceInRight{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 bounceInRight{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}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
.new .new1 .news.two{ margin-top:52px; margin-left:244px; display:none}
.new .new1 .news.two.ani2{ display:block; animation:bounceInRight 1 1.5s; display:block}
.new .new1 .news .title1{ width:97px; height:62px; float:left; background:url(../img/news2.jpg) no-repeat center;}
.new .new1 .news .news2{ width:656px; height:62px; float:right; background:#888888; position:relative}
.new1 .news .title1 .data{ font-size:30px; line-height:23px; color:#fff; margin-top:8px; margin-left:40px;}
.new1 .news .title1 hr{ width:48px; height:1px; background:#fff; margin-top:4px; margin-left:33px; }
.new1 .news .title1 .year{ font-size:12px; color:#fff; line-height:9px; margin-top:4px; margin-left:35px;}
.new .new1 .news2 p:nth-child(1){ font-size:14px; color:#fff; line-height:1; margin-top:13px; margin-left:13px; width:540px; overflow:hidden  }
.new .new1 .news2 p{ color:#fff}

.new .new1 .news2 p:nth-child(2){ font-size:12px; color:#fff; line-height:1; margin-top:13px; margin-left:13px; width:474px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .new1 .news2 .lianjie{ font-size:12px; color:#fff; display:block; position:absolute; right:20px; bottom:10px;}
.new .new1 .news2 a span{color:#e0e0e0;}
.new .new1 .news.three{ height:66px; margin-top:167px; margin-left:95px; display:none}
.new .new1 .news.three.ani3{ animation:bounceInLeft 1 1s; display:block}
.new .new1 .news.three.last{margin-top:52px; margin-left:201px; display:none }
.new .new1 .news.three.last.ani4{animation:bounceInLeft 1 1.5s; display:block}

.new .new1 .news.three .news2{ float:left; margin-top:4px;}
.new .new1 .news.three .title1{ float:right; background:url(../img/news1.jpg) no-repeat center; height:63px;}
.new .new1 .news.three .title1 .data{ margin-left:23px; margin-top:11px;}
.new .new1 .news.three .title1 hr{ margin-left:18px;}
.new .new1 .news.three .title1 .year{ margin-left:18px;}
.new .new1 .btn{ margin-top:37px; margin-left:513px; display:none}
.new .new1 .btn.block{ display:block}
.new .new1 .btn a{ font-size:14px; color:#333333; text-align:center; line-height:33px; width:95px; background:#dedddd; border-radius:3px; display:block}

.product{width:100%; height:543px; min-width:1300px; overflow:hidden}
.product .product1{width:1122px; height:543px; overflow:hidden; margin:0 auto}
.product1 .title{ width:119px; height:70px; background:url(../img/things.jpg) no-repeat center; margin:47px auto 0; display:none }
.product1 .title.ani5{ animation:bounceInDown 1 1s; display:block}


.product1 ul{ margin-top:55px; height:247px;}
.product1 ul li{ float:left; width:260px; height:247px; margin-right:25px; position: relative; overflow:hidden; border-radius:3px;}
.product1 ul li:hover>img{ transform:scale(1.2)}
.product1 ul li img{ position:absolute; left:0; bottom:0; top:0; right:0; margin:auto; transition-duration:500ms}

.product1 ul li i{ height:49px; background:#000; opacity:0.5; display:block; position:absolute; top:198px; width:260px;}
.product1 ul li p{ font-size:18px; color:#fff; line-height:1; position:absolute; top:213px; left:23px;transition:width 2s; z-index:10}
.product1 ul .last{ float:right; margin-right:0}
.product1 .btn{ margin-top:39px; margin-left:513px; clear:both; display:none}
.product1 .btn .block{ display:block}
.product1 .btn a{ font-size:14px; color:#333333; text-align:center; line-height:33px; width:95px; background:#dedddd; border-radius:3px; display:block}