@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:640px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:640px; overflow:hidden; }
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:640px;}
.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:#004c8a;opacity:1; border-radius:21px; margin:0 12px; box-sizing:border-box;}
.banner .bantil li.on{ background:#c8000a;}

.tit1{ font:48px "Microsoft YaHei"; text-align:center; color:#333;}
.tit1 a{ display:block; color:#333;}
.tit1 b{ color:#004c8a;}
.tit1 em{ display:block; font:20px "Microsoft YaHei"; color:#666; background:url(../images/h.png) no-repeat center top; margin-top:8px; padding-top:30px; text-transform:uppercase;}

.bg01{ height:auto;}

.yinz{ height:464px; margin-top:73px; overflow:hidden;}
.yinz dl{ height:400px; background:url(../images/yinz_bg.gif) no-repeat left top; padding-left:10px; overflow:hidden;}
.yinz dt{ width:600px; height:388px; float:left; overflow:hidden;}
.yinz dt img{ display:block;width:600px; height:388px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yinz dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.yinz dd{ width:545px; float:right;overflow:hidden;}
.yinz dd h3{ font:48px "Microsoft YaHei";color:#222222; height:103px; background:url(../images/yinz_line.gif) repeat-x center bottom;}
.yinz dd h3 em{ font-weight:bold; color:#004c8a;}
.yinz dd span{ display:block; font:16px "Microsoft YaHei"; color:#b8b8b8; text-transform:uppercase;}
.yinz dd p{ font:15px "Microsoft YaHei"; color:#666; line-height:30px; margin-top:22px;}
.yinz ul{ height:110px; margin-top:30px;}
.yinz li{ width:124px; height:110px; margin-right:16px; background:url(../images/yinz_bg1.png) no-repeat; float:left; font:20px "Microsoft YaHei"; text-align:center; color:#fff;}
.yinz li em{ display:block; width:30px; height:30px; margin:0 auto 10px; padding-top:20px;}
.yinz li:last-child{ margin-right:0;}
.yinz li.cur{ background:url(../images/yinz_bg2.png) no-repeat;-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;}

.case{ height:767px; background:url(../images/case_bg.jpg) no-repeat center top; padding-top:55px;overflow:hidden;}
.case .content{ position:relative; height:767px;}
.caset{ height:90px; margin-top:25px;}
.caset li,.caset h5{ height:77px; width:200px; float:left; background:url(../images/case_bg1.png) no-repeat; font:20px "Microsoft YaHei"; color:#fff;}
.caset li a,.caset h5 a{ display:block; color:#fff; background:url(../images/case_arr.png) no-repeat 145px 26px; padding-left:40px; height:77px; line-height:68px;}
.caset .cur,.caset h5:hover{ background:url(../images/case_bg2.png) no-repeat center top;}
.case1{ height:524px;}
.case1 dt{ width:932px; height:524px; float:left; margin-left:-360px; position:relative;}
.case1 dt img{ display:block;width:932px; height:524px;}
.case1 dt em{ display:block; width:94px; height:85px; font:40px "宋体"; font-weight:bold; text-align:center; line-height:85px; color:#fff; position:absolute; bottom:0; right:-94px;}
.case1 dd{ width:566px; float:right;}
.case1 dd h3{ height:48px; font:24px "Microsoft YaHei"; font-weight:bold; color:#333; line-height:48px; position:relative; overflow:hidden;}
.case1 dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:22px; height:2px; background:#004c8a;}
.case1 dd h3 a{ display:block; color:#333;}
.case1 dd p{ font:15px "Microsoft YaHei"; line-height:24px; height:48px;overflow:hidden; margin:12px 0;}
.case1 dd span{ display:block; height:36px; margin-bottom:33px;}
.case1 dd span a{ display:block; width:111px; height:36px; background:url(../images/case_btn1.gif) no-repeat; font:14px "Microsoft YaHei"; line-height:36px; color:#fff; margin-right:12px; float:left; padding-left:20px;}
.case1 dd span a:last-child{ margin-right:0; background:url(../images/case_btn2.gif) no-repeat; color:#666;}
.case1 dd em{ display:block; height:207px;}
.case1 dd em img{ display:block; width:277px; height:207px;}
.case h4{ font:14px "Microsoft YaHei"; color:#a3b4ca; background:url(../images/case_lx.png) no-repeat left center; padding-left:52px; position:absolute; bottom:20px; left:720px;}
.case h4 em{ display:block; font:24px Arial; font-weight:bold; color:#fff;}

.pro{ height:985px; margin-top:70px;overflow:hidden;}
.feng{ width:280px; height:850px; overflow:hidden; background:#004c8a url(../images/pro_bg.jpg) no-repeat center bottom; position:relative;margin-top:20px;}
.feng h2{ height:103px; border-bottom:2px solid #3370a1; overflow:hidden; font:26px "Microsoft YaHei"; line-height:103px; margin-bottom:23px;}
.feng h2 a{ display:block; color:#fff; background:url(../images/fen_icon.png) no-repeat 43px center; padding-left:100px;}
.feng h3{ height:50px; width:223px; margin:0 auto; font:15px "Microsoft YaHei"; line-height:50px; overflow:hidden;}
.feng h3 a{display: block; color: #fff; padding-left: 65px; background: #c8000a url(../images/fen_arr2.png) no-repeat 43px center; border-bottom: 0; font-size: 16px; font-weight: bold;}
.feng .cur a{ background:#c8000a url(../images/fen_arr2.png) no-repeat 34px center; border-bottom:0;font-size:16px; font-weight:bold;}
.feng ul{ padding:8px 0;}
.feng li{ font:14px "Microsoft YaHei"; line-height:32px; color:#fff; overflow:hidden; width:223px; margin:0 auto;}
.feng li a{ color:#fff; display:block; background:url(../images/fen_arr3.png) no-repeat 48px center; padding-left:70px; color:#fff;}
.feng li a:hover{ color:#c8000a; font-weight:bold;}
.feng h5{ height:108px; padding:14px 0 0 18px;border-top:2px solid #3370a1; position:absolute; bottom:0; font:14px "Microsoft YaHei"; color:#fff;}
.feng h5 span{ display:block; font:24px Arial; line-height:28px; background:url(../images/case_lx.png) no-repeat left center; padding-left:55px; margin-top:10px;}
.feng h5 span em{ display:block;}
.pro1{ width:895px; float:right; margin-top:20px; overflow:hidden;}
.pro1 li{ width:282px; float:left; margin-right:24px;}
.pro1 li img{ display:block; width:282px; height:212px;}
.pro1 li em{ display:block; text-align:center; font:15px "Microsoft YaHei"; height:54px; line-height:54px; color:#333; overflow:hidden;}
.pro1 li:nth-child(3n){ margin-right:0;}
.pro1 li a:hover img{ border:5px solid #004c8a; box-sizing:border-box;}
.pro1 li a:hover em{ font-weight:bold; color:#004c8a;}

.ys{ background:url(../images/ys_bg.jpg) no-repeat center top; height:auto; padding-top:80px; overflow:hidden;}
.ys .tit1{ margin-bottom:30px;}
.ys .tit1 i{ font-size:60px; font-family: Arial;}
.ys dl{ height:546px;}
.ys dt{ width:960px; height:546px; position:relative; margin-left:-360px;}
.ys dt img{ display:block;width:960px; height:546px;}
.ys dt span{ display:block; width:146px; height:175px; padding-top:30px; text-align:center; position:absolute; top:0; right:0; background:url(../images/ys_h.png) no-repeat; font:36px "Microsoft YaHei"; font-weight:bold; line-height:40px; color:#fff;}
.ys dt span b{ display:block; width:59px; height:59px; background:url(../images/ys_dot.png) no-repeat; font:26px Arial; font-weight:bold; color:#004c8a; line-height:59px; margin:8px auto 0;}
.ys dt span i{ display:block;}
.ys dd{ width:510px; margin-top:70px;}
.ys dd h3{ height:73px; background:url(../images/ys_line.gif) no-repeat left bottom; font:38px "Microsoft YaHei"; color:#333;}
.ys dd h3 b{ color:#c8000a;}
.ys dd p{ font:15px "Microsoft YaHei"; line-height:22px; color:#666; background:url(../images/ys_arr.png) no-repeat left 4px; padding-left:21px; margin-top:18px;}
.ys dd span{ display:block; height:139px; overflow:hidden; margin-top:40px;}
.ys dd span em{ display:block; width:244px; height:139px; overflow:hidden;}
.ys dd span em img{display:block; width:244px; height:139px;}
.ys dl:nth-child(2) dt,.ys dl:nth-child(4) dt{ margin:0 -360px 0 0;}
.ys dl:nth-child(2) dt span,.ys dl:nth-child(4) dt span{ position:absolute; left:0;}

.lc{ height:455px; padding-top:75px;background:#004c8a url(../images/lc_bg.gif) repeat-x center 352px; margin-bottom:100px;}
.lc .tit1,.lc .tit1 b,.lc .tit1 em{ color:#fff;}
.lc .tit1 em{ background:url(../images/lc_h.png) no-repeat center top;}
.lc ul{ height:237px; margin-top:42px;}
.lc li{ width:83px; float:left; margin-right:56px; position:relative; font:20px "Microsoft YaHei"; text-align:center; color:#fff;} 
.lc li span{ display:block; width:83px; height:83px; border-radius:83px; margin-bottom:45px; background:#fff; 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 img{display:block; width:83px; height:83px; }
.lc li b{ display:block;}
.lc li:before{ content:""; position:absolute; top:100px; left:50%; margin-left:-2px; width:2px; height:8px; background:#3370a1;}
.lc li:last-child{ margin-right:0;}
.lc li:hover em,.lc .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.lc li:hover i,.lc .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.lc li:hover span,.lc .cur span{ background:url(../images/lc_bg.png) no-repeat;-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;}
.lc h5{ width:580px; height:70px; margin:0 auto; padding-top:10px; background:#004075 url(../images/case_lx.png) no-repeat 125px center; padding-left:200px; border-radius:5rem; border:4px solid rgba(0,64,117,0.4); font:14px "Microsoft YaHei"; color:#fff;}
.lc h5 em{ display:block; font:28px Arial; font-weight:bold; padding-top:5px;}

/*关于*/
.about{height:auto;overflow: hidden;}
.about p img{ display:block; width:100%; margin:35px 0 56px;}
.about h5{ width:880px; margin:0 auto; font:14px "Microsoft YaHei"; line-height:30px; color:#666666; text-align:center;}
.about h5 b{ color:#004c8a;}
.about ul{ width:750px; margin:40px auto 0; height:216px;}
.about li{ width:250px; float:left; font:18px "Microsoft YaHei"; text-align:center; color:#333;}
.about li a{ display:block; color:#333; background:url(../images/about_bg1.png) no-repeat center top; height:140px; padding-top:40px;}
.about li span{ display:block; width:36px; height:36px; margin:0 auto 48px; position:relative;}
.about 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;}
.about 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;}
.about li img{display:block; width:36px; height:36px;}
.about li a:hover,.about .cur a{ background:url(../images/about_bg2.png) no-repeat center top; color:#c8000a; font-weight:bold;-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;}
.about li a:hover em,.about .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.about li a:hover i,.about .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}


/*新闻资讯*/
.news{background:url(../images/new_bg.jpg) no-repeat center 0;height: 707px; padding-top:60px; overflow: hidden; font-family: "Microsoft YaHei";}
.dy{ width:611px; margin-top:32px; overflow:hidden;}
.tit{ height:48px; overflow:hidden; font:20px "Microsoft YaHei"; line-height:48px; color:#000; margin-bottom:17px;}
.tit a{ display:block; color:#000;}
.tit em{ float:right; font:15px "Microsoft YaHei"; line-height:42px;}
.dy dt{ width:610px; height:305px; overflow:hidden;}
.dy dt img{ display:block;width:610px; height:305px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy dd{ margin-top:30px;}
.dy dd h4{ width:465px; float:left; font:15px "Microsoft YaHei"; color:#010101;}
.dy dd h4 a{ color:#010101;}
.dy dd h4 a:hover,.faq1 dt a:hover{ font-weight:bold; color:#004c8a;}
.dy dd h4 p{ font:14px "Microsoft YaHei"; line-height:22px; color:#a4a4a4; height:44px; overflow:hidden; margin-top:9px;}
.dy dd h5{ width:60px; text-align:center; font:16px "Microsoft YaHei"; color:#231815; background:url(../images/new_line.png) no-repeat center 8px; float:right; position:relative; margin-top:-5px;}
.dy dd h5 em{ display:block; font-size:36px;}

.faq{ width:500px; margin-top:32px; overflow:hidden;}
.faq1,.faq2{ height:354px; overflow:hidden;}
.faq1 dl{ padding:15px 0; height:82px;}
.faq1 dt{ width:395px; float:left;}
.faq1 dt a{ display:block;font:15px "Microsoft YaHei"; color:#010101; position:relative; padding-left:20px;}
.faq1 dt a:before{ content:""; position:absolute; top:5px; left:0; width:10px; height:10px; background:#7f7f7f;}
.faq1 dt span{ display:block;font:14px "Microsoft YaHei"; line-height:22px; color:#a4a4a4; height:44px; overflow:hidden; margin-top:9px;}
.faq1 dd{width:60px; text-align:center; font:16px "Microsoft YaHei"; color:#231815; background:url(../images/new_line.png) no-repeat center 8px; float:right; position:relative; margin-top:-5px;}
.faq1 dd em{ display:block; font-size:36px;}
.faq h5{ width:200px; height:30px; overflow:hidden; background:url(../images/faq_btn.png) no-repeat center top; font:15px "Microsoft YaHei"; line-height:30px; color:#004c8a;}
.faq h5 a{ display:block; color:#004c8a; padding-left:30px;}

.link{ background:#161414; margin: 0 auto; position: relative;padding:10px 0 30px;}
.link em{ display:block; width:80px;font:14px "Microsoft YaHei"; color:#7b7a7a;line-height:30px; float:left;}
.link p{ width:1120px; overflow: hidden; font:14px "Microsoft YaHei"; color:#7b7a7a;line-height:30px; font-weight:bold;}
.link p a{ display: inline-block;padding:0 14px 0 15px; font:14px "Microsoft YaHei"; color:#7b7a7a; line-height:30px; height:30px; position:relative;}
.link p a:hover{ color:#fff;}
.link p a:last-child{ padding-right:0;}


@-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);
  }
}