@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:648px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:648px; overflow:hidden; }
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:648px;}
.banner .bantil{ width:160px; height:21px;position:absolute; bottom:40px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:#fff;opacity:1; border-radius:21px; margin:0 12px; box-sizing:border-box;}
.banner .bantil li.on{ background:#08513b;}

.tit1{ font:45px "Microsoft YaHei"; text-align:center; color:#282828; font-weight:bold; padding-bottom:35px; background:url(../images/pro_line.png) no-repeat center bottom;}
.tit1 a{ display:block; color:#282828;}
.tit1 em{ display:block; font:22px "Microsoft YaHei"; padding-top:8px;}

.bg01{height:auto;}

.yinz{ height:504px; padding-top:100px; background:url(../images/yinz_bg.jpg) no-repeat center top; overflow:hidden;}
.yinz dl{ height:500px;}
.yinz dt{ width:555px; height:353px; float:left; position:relative;}
.yinz dt img{ display:block;width:555px; height:353px; padding-left:47px;}
.yinz dt span{ display:block; height:30px; position:absolute; top:362px; left:0; font:14px Arial; color:#fff; line-height:30px; text-transform:uppercase;}
.yinz dt span em{ display:block; float:left; width:47px; border-right:1px solid #538676; text-align:center; font-family:"宋体"; font-weight:bold; margin-right:30px;}
.yinz dd{ width:565px; float:right;}
.yinz  h3{ font:60px "Microsoft YaHei"; color:#000; padding-bottom:14px; position:relative; margin-bottom:40px;}
.yinz  h3:before{ content:""; position:absolute; bottom:0; width:70px; height:2px; background:#000;}
.yinz  h3 em{ display:block; font-size:28px;}
.yinz dd p{ font:16px "Microsoft YaHei"; line-height:35px; color:#000;}

.fang{ height:auto; padding:95px 0; background:#f5f5f5; border-radius:5rem 0 0 0; overflow:hidden;}
.fangt{ width:1200px; height:125px; border:1px solid #dfdfdf; border-right:0; margin:33px auto 38px; overflow:hidden; position:relative;}
.fangt:before{ content:""; position:absolute; top:50%; left:0; background:#dfdfdf; width:100%; height:1px;}
.fangt li{ width:25%; height:63px; float:left; position:relative; font:15px "Microsoft YaHei"; line-height:63px; color:#7a7a7a;}
.fangt li a{ display:block; color:#7a7a7a; text-overflow:ellipsis;overflow:hidden; white-space: nowrap; }
.fangt li img{ display:block; } 
.fangt li:before{ content:""; position:absolute; top:0; right:0; background:#dfdfdf; width:1px; height:100%;}
.fangt li span{ display:block; width:32px; height:24px; overflow:hidden; float:left; margin:19px 12px 0 32px;}
.fangt li a:hover,.fangt .cur a{ background:#0a503b; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.fangt li a:hover img,.fangt .cur img{ margin-top:-24px;}

.fang1{ max-height:498px; background:#fff url(../images/fang_bg.jpg) no-repeat right top;}
.fang1 dl{ background:#fff;}
.fang1 dt{ width:50%;float:left;}
.fang1 dt img{ display:block;width:100%;}
.fang1 dt span{ display:block; width:366px; height:55px; background:#f3f3f3; font:20px "Microsoft YaHei"; font-weight:bold; color:#282828; line-height:55px; position:absolute; bottom:-27px; left:204px; text-align:center;}
.fang1 dt span em{ display:block; float:left; width:160px; color:#fff; background:#15499a;}
.fang1 dd{ width:545px; float:left; padding:3% 0 0 3%;}
.fang1 dd h3{ font:20px "Microsoft YaHei"; font-weight:bold; color:#000; padding-bottom:18px; position:relative;}
.fang1 dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:70px; height:2px; background:#000;}
.fang1 dd h3 a{ display:block; color:#000000;}
.fang1 dd .prodd{ height:160px; margin:3% 0;}
.fang1 dd .prodd p{ display:block; font:14px "Microsoft YaHei"; line-height:26px; color:#737373;}
.fang1 dd h5{ height:130px;}
.fang1 dd h5 b{ font-size:20px; color:#000; display:block;}
.fang1 dd h5 em{ display:block; font:14px "Microsoft YaHei"; line-height:20px; color:#737373; width:80px; margin:2% 8% 0 0; float:left;}
.fang1 dd h5 em:nth-child(2){ width:108px;}
.fang1 dd h5 em:last-child{ margin-right:0;}

.soft{ width:1200px; margin:0 auto;}
.soft h2{ font:28px "Microsoft YaHei"; font-weight:bold; color:#282828; margin:62px 0 40px; text-align:center;}
.soft li{ width:290px; height:218px; float:left; position:relative; margin-right:13px; overflow:hidden;}
.soft li img{ display:block;width:290px; height:218px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.soft li em{ display:block; font:16px "Microsoft YaHei"; height:40px; text-align:center; position:absolute; bottom:0; background:rgba(0,0,0,0.8); width:100%; text-align:center; line-height:40px; color:#fff;}
.soft li:last-child{ margin-right:0;}
.soft li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
	
.pro{ height:1155px; margin-top:90px; overflow:hidden;}
.fen{ margin-top:55px; width:255px; overflow:hidden; height:885px; background:#e3e3e3;}
.fen h2{ height:88px; padding-top:20px; background:#0a503b; text-align:center; font:36px "Microsoft YaHei";}
.fen h2 a{ display:block; color:#fff;}
.fen h2 em{ display:block; font:14px "Microsoft YaHei"; text-transform:uppercase; color:#b9c5c1;}
.fen h3{ height:59px; border-bottom:1px solid #b6b6b6; font:16px "Microsoft YaHei"; line-height:59px;}
.fen h3 a{ display:block; color:#282828; background:url(../images/fen_arr1.png) no-repeat 200px center; padding-left:36px;}
.fen h3 a:hover,.fen .cur a{background:url(../images/fen_arr2.png) no-repeat 200px center; color:#0a503b; text-decoration:underline; font-weight:bold;}
.fen li{ font:14px "Microsoft YaHei"; line-height:30px; height:30px;}
.fen li a{ display:block; color:#989898; padding-left:36px;}
.fen li a:hover{color:#0a503b; text-decoration:underline;}
.pro1{ width:910px; margin-top:55px;}
.pro1 dl{ height:380px; border:1px solid #a5a5a5;}
.pro1 dt{ width:443px; float:left; position:relative;}
.pro1 dt:before{ content:""; position:absolute; top:88px; right:-40px; width:1px; height:217px; background:#ebebeb;}
.pro1 dt img{ display:block; width:431px; height:auto; padding:28px 0 0 12px;}
.pro1 dd{ width:340px; float:left; padding:50px 0 0 80px;}
.pro1 dd b{ display:block; font:16px "Microsoft YaHei"; color:#333; background:url(../images/pro_hot.png) no-repeat left center; padding-left:20px;}
.pro1 dd .prodd{ font:14px "Microsoft YaHei"; line-height:30px; color:#666666; margin-top:10px;}
.pro1 li{ width:282px; height:228px; border:1px solid #d4d4d4; float:left; margin:22px 22px 0 0; position:relative;}
.pro1 li img{ display:block;width:282px; height:228px;}
.pro1 li h4{ width:100%; height:35px; font:14px "Microsoft YaHei"; line-height:35px; color:#fff; background:rgba(0,0,0,0.6); position:absolute; bottom:0; text-align:center;}
.pro1 li:nth-child(3n){ margin-right:0;}

.ys{ margin-bottom:95px;}
.ys1{ background:#f5f5f5; border-radius:5rem 0 5rem 0; padding:75px 0; margin-top:25px;}
.ys1 dl{ height:468px; margin-bottom:28px;}
.ys1 dt{ width:960px; height:468px; position:relative; margin-right:-360px;}
.ys1 dt img{ display:block;width:960px; height:468px;}
.ys1 dd{ width:550px;}
.ys1 dd h3{ margin:27px 0 36px; height:140px; border-bottom:1px solid #b7b7b7;}
.ys1 dd h3 em{ display:block; width:68px; height:110px; background:#0a503b; border-radius:2rem; font:56px Impact; color:#fff; text-align:center; line-height:110px; float:left; overflow:hidden;}
.ys1 dd h3 span{ display:block; width:470px; float:right; margin-top:10px; font:40px "Microsoft YaHei"; font-weight:bold; color:#212121;}
.ys1 dd h3 span b{ color:#0a503b;}
.ys1 dd h3 span i{ display:block; font:30px "Microsoft YaHei";}
.ys1 dd h3 span i b{ color:#212121;}
.ys1 dd p{ font:18px "Microsoft YaHei"; line-height:40px; color:#818181; padding-left:20px; position:relative;}
.ys1 dd p:before{ content:""; position:absolute; top:15px; left:0; width:6px; height:6px; border-radius:6px; background:#08513b;}
.ys1 dd h5{ height:137px; overflow:hidden; margin-top:15px;}
.ys1 dd h5 img{ display:block; height:137px; width:250px;}
.ys1 dd h4{ width:150px; height:40px; background:#0a503b; margin-top:20px; font:16px "Microsoft YaHei"; line-height:40px;}
.ys1 dd h4 a{ display:block; color:#fff; background:url(../images/ys_icon.png) no-repeat 104px center; padding-left:30px;}
.ys1 dl:nth-child(2) dt,.ys1 dl:nth-child(4) dt{ margin:0 0 0 -360px;}
.ys1 dl:nth-child(3) dd h3,.ys1 dl:nth-child(4) dd h3{ margin-top:95px;}

.case{width: 100%;min-width: 1200px;height: 950px; overflow: hidden;position: relative;}
.caset{ height:117px; overflow:hidden;}
.caset h3{ font:24px "Microsoft YaHei"; color:#282828; float:left; width:240px; line-height:117px;}
.caset h3 a{ display:block; color:#000; }
.caset h3 em{ display:block; width:40px; height:36px; float:left; margin:40px 15px 0 30px;}
.caset h3 em img{display:block; width:40px; height:36px;}
.caset h3 a:hover,.caset .cur a{ color:#0a503b; font-weight:bold;}
.case2{width: 1200px;position: absolute;left: 50%;margin-left: -585px;}
.case1 .tempWrap{overflow: visible !important;}
.case1 .tempWrap .case3{margin-left: -1215px !important;}
.case1 dl { position: relative; height:600px; float:left;}
.case1 dt{width:1200px; height:600px; overflow:hidden; position:relative;}
.case1 dt img{ display:block; width:1020px; height:510px; padding:40px 0 0 90px; opacity:0.5}
.case1 dd{ display:none; width:555px; position:absolute; bottom:0; left:0;height:235px; background:#08513b; z-index:8;}
.case1 dd h4{ font:30px "Microsoft YaHei"; font-weight:bold; color:#fff; padding:30px 0 0 40px; position:relative;}
.case1 dd h4 a{ display:block; color:#fff;}
.case1 dd h4 em{ font:24px Arial; font-weight:bold; text-transform:uppercase;}
.case1 dd p{ font:16px "Microsoft YaHei"; line-height:30px; color:#dce6e3; width:455px;padding:5px 0 0 40px;}
.case1 dl.cur dt img{ display:block; width:1200px; height:600px; padding:0;  opacity:1;}
.case1 dl.cur dd{ display:block;}
.case_l a,.case_r a{ display:block;width:100px;height: 32px; position:absolute;top:772px;z-index: 9;cursor: pointer;left: 50%;margin-left: 599px;}
.case_r a{margin-left:-450px; background:url(../images/case_r.png) no-repeat;}
.case_l a{margin-left:-560px;background:url(../images/case_l.png) no-repeat;}
	
	
.lc{ background:url(../images/lc_bg.jpg) no-repeat center top; height:500px; overflow:hidden; padding-top:93px;}
.lc li{ width:200px; height:220px; float:left; background:url(../images/lc_bg1.jpg) no-repeat center top; margin-top:30px; font:22px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#333;}
.lc li span{ display:block; width:37px; height:37px; margin:34px auto 16px;position:relative;}
.lc li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.lc li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.lc li b{ display:block; font:14px "Microsoft YaHei"; padding-top:4px;}
.lc li p{ width:67px; height:20px; margin:18px auto 0; background:url(../images/lc_more.png) no-repeat;}
.lc li:nth-child(1){ background:#fff;}
.lc .cur,.lc li:nth-child(1).cur{ background:#0b513c; color:#fff;}
.lc .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.lc .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}


/*新闻资讯*/
.news{ height:830px; margin-top:92px; background:url(../images/new_line.gif) repeat-x center 185px;}
.newt{ height:90px; margin:35px 0 0 310px;}
.newt h3{ width:170px; height:50px; float:left; border-radius:2rem; margin-right:32px; font:18px "Microsoft YaHei"; text-align:center; line-height:50px;}
.newt h3 a{ display:block; background:#aaaaaa; color:#333; border-radius:2rem;}
.newt h3 a:hover,.newt .cur a{ background:#0a503b; color:#fff;}
.news1,.news2{ height:510px; overflow:hidden;}
.news01{ width:589px; overflow:hidden;}
.news01 dt{ display:block; width:589px; height:333px; overflow:hidden;}
.news01 dt img{display:block; width:589px; height:333px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news01 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.news01 dd h4 a{ display:block; font:22px "Microsoft YaHei"; color:#333; margin:28px 0 4px;}
.news01 dd p{ font:18px "Microsoft YaHei"; line-height:26px; color:#666; height:52px; overflow:hidden; margin:5px 0;}
.news01 dd em{ display:block; font:14px "Microsoft YaHei"; line-height:30px; background:url(../images/new_arr.png) no-repeat left center; padding-left:20px; height:30px;}
.news01 dd h4 a:hover{ font-weight:bold; color:#08513b;}
.news02{ width:540px; overflow:hidden;}
.news02 dl{ padding:28px 0; height:100px;}
.news02 dt{ width:83px; float:left; padding-right:20px; height:56px; text-align:right; font:26px Arial; color:#333; border-right:1px solid #e5e5e5; margin-top:20px;}
.news02 dt em{ display:block; font:18px "Microsoft YaHei"; color:#666;}
.news02 dd{ width:410px; float:right;}
.news02 dd h4 a{ display:block; font:22px "Microsoft YaHei"; color:#333; height:30px; line-height:30px; overflow:hidden;}
.news02 dd h4 a:hover{}
.news02 dd p{ font:18px "Microsoft YaHei"; line-height:22px; height:44px; overflow:hidden; margin-top:4px;}
.news02 dd em a{ display:block; width:42px; height:12px; background:url(../images/new_arr2.png) no-repeat; margin-top:18px;}

/*关于*/
.about{height:545px; padding-top:127px;background:url(../images/about_bg.jpg) no-repeat center top; overflow: hidden;}
.about h2{ height:154px; font:50px "Microsoft YaHei"; text-align:center;  font-weight:bold; color:#fff;}
.about h2 a{ color:#fff;}
.about h2 em{ display:block; font:30px "Microsoft YaHei"; padding-top:5px;}
.about p{ width:1040px; margin:0 auto; font:18px "Microsoft YaHei"; line-height:30px; color:#caccd1; text-align:center; height:125px;}
.about span a{ display:block; width:205px; height:54px; background:#08513b; border-radius:2rem; font:16px "Microsoft YaHei"; text-align:center; line-height:54px; color:#fff; margin:0 auto;}

.pic{ padding:67px 0; height:45px;}
.pic li{ float:left; margin-right:136px; height:45px;}
.pic li em{width:149px; height:40px; float:left; margin-right:12px;}
.pic li em img{ display:block;width:149px; height:40px;}
.pic li span{ display:inline-block; font:22px "Microsoft YaHei"; color:#000;}
.pic li span i{ display:block; font:12px "Microsoft YaHei"; color:#a3a3a3; text-transform:uppercase;}
.pic .nones{ margin-right:0;}

.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -156px;right: 0; width:267px; height:37px;}
.link p{ width:247px; padding-left:20px; float: left; font:16px "Microsoft YaHei"; color:#fff;line-height:37px; background:url(../images/link_bg.gif) no-repeat; position:relative;}
.link p em{ display:none; width:224px; background:#0b503b; padding:20px; position:absolute; bottom:37px; left:0;}
.link p a{ display:block; font:14px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; color:#fff; }
.link p:hover em{ display:block;}
.link p a:hover{ font-weight:bold;text-decoration:underline;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}