@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:597px;width:100%; position:relative; z-index:1;}*/
/*.banner .bd,.banner .bd li{width:100%; height:597px; overflow:hidden;}*/
/*.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:597px;}*/
/*.banner .prev01,.banner .next01{display:block;position:absolute;z-index:1;top:42%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.3;display:none;width:73px; height:73px;}*/
/*.banner .prev01{background:url(../images/left.png) no-repeat;}*/
/*.banner .next01 {left:auto;right:5%;background:url(../images/right.png) no-repeat;}*/

.tit1{ font:46px "Microsoft YaHei"; text-align:center; color:#333; height:130px; font-weight:bold; overflow:hidden; }
.tit1 a{ display:block; color:#333;}
.tit1 em{ display:block; font:18px "Microsoft YaHei"; color:#666; margin-top:8px; padding-bottom:25px;}

.yinz{ height:433px; margin-top:70px; overflow:hidden;}
.yinz dl{ height:364px;overflow:hidden; position:relative;}
.yinz dt{ width:727px; height:364px; float:right;overflow:hidden;}
.yinz dt img{ display:block;width:727px; height:364px;}
.yinz dd{ width:570px; position:absolute; top:34px; left:0;}
.yinz dd h3{ font:35px "Microsoft YaHei";color:#333; height:130px; margin-bottom:23px; position:relative;}
.yinz dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:77px; height:3px; background:#313131;}
.yinz dd h3 em{ display:block; width:64px; height:34px; border-radius:5px; background:#1574d7; font:20px "Microsoft YaHei"; text-align:center; line-height:34px; color:#fff; margin-bottom:8px;}
.yinz dd h3 img{ display:block; margin-top:5px;}
.yinz dd p{ width:495px; font:14px "Microsoft YaHei"; color:#666; line-height:30px; margin-bottom:22px;}

.pro{ height:1200px; background:url(../images/pro_bg.jpg) no-repeat center top; padding-top:80px;overflow:hidden;}
.pro2{ height:680px; margin-top:20px;}
.prot{ width:392px; float:left; overflow:hidden;}
.prot h3,.prot h5{ height:70px; font:18px "Microsoft YaHei";}
.prot h3 a,.prot h5 a{ display:block; height:50px; border-bottom:1px solid #efefef; color:#333; padding:20px 0 0 110px; background:url(../images/pro_arr1.png) no-repeat 60px 45px;}
.prot h3 em,.prot h5 em{ display:block; font:12px "Microsoft YaHei"; color:#bbbbbb; padding-top:4px;}
.prot h3 a:hover,.prot .cur a,.prot h5 a:hover{background:#1574d7 url(../images/pro_arr2.png) no-repeat 60px 45px; color:#fff; font-weight:bold;}
.prot h3 a:hover em,.prot .cur em,.prot h5 em{ color:#e9ecf1;}
.pro3{ width:760px; height:570px; float:right;}
.pro3 dl{width:760px; height:570px; position:relative;}
.pro3 dt img{ display:block;width:760px; height:570px;}
.pro3 dd{ width:640px; height:207px; padding-left:60px; background:rgba(255,255,255,0.8); position:absolute; top:386px; right:0; box-shadow:0 0 0.5rem 0.05rem #eee;}
.pro3 dd h4{ font:22px "Microsoft YaHei"; color:#1574d7;}
.pro3 dd h4 a{ display:block; color:#1574d7;}
.pro3 dd h4 em{ display:block; font:46px Arial; text-transform:uppercase; color:#ababab; position:relative; margin:-26px 0 5px;}
.pro3 dd p{ font:14px "Microsoft YaHei"; line-height:22px; color:#888888; margin:14px 0;}
.pro3 dd span a{ display:block; font:14px "Microsoft YaHei"; color:#1574d7; width:90px; background:url(../images/pro_arr3.png) no-repeat right center;}

.pro1{ height:340px;overflow:hidden;}
.pro1 li{ width:290px; float:left; margin-right:13px;}
.pro1 li img{ display:block; width:290px; height:218px;}
.pro1 li h4{ display:block; text-align:center; font:16px "Microsoft YaHei"; height:55px; line-height:55px; border-bottom:1px solid #cdcdcd; color:#666; overflow:hidden;}
.pro1 li a:hover img,.pro1 .cur img{ border:3px solid #1574d7; box-sizing:border-box;}
.pro1 li a:hover h4,.pro1 .cur h4{ color:#1574d7; border-bottom:1px solid #1574d7; background:url(../images/pro_arr3.png) no-repeat 260px center;}

.video{ background:url(../images/video_bg.jpg) no-repeat center top; height:730px; padding-top:81px; overflow:hidden;}
.video dl{ width:600px; margin-top:20px; float:left;}
.video dt img{ display:block; width:600px; height:485px;}
.video dd{ height:100px; background:#f0f0f0; overflow:hidden; position:relative;}
.video dd span{ display:block; font:14px "Microsoft YaHei"; color:#666; text-align:center;}
.video dd span em{ display:block; font:26px "Microsoft YaHei"; text-transform:uppercase; padding:20px 0 5px;}
.video dd b{ display:block; width:100px; height:100px; background:#1574d7; position:absolute; top:0; right:0;}
.video dd b img{ display:block; width:48px; height:48px; padding:24px 0 0 26px;}
.video2{ width:555px; float:right; overflow:hidden; margin-top:20px;}
.video2 h3{ font:22px "Microsoft YaHei"; color:#333; margin:30px 0 12px; font-weight:bold;}
.video2 h3 b{ color:#1574d7;}
.video2 p{ font:14px "Microsoft YaHei"; line-height:24px; color:#888; margin-top:5px;}
.video2 ul{ margin-top:112px;}
.video2 li{ width:140px; float:left; height:240px; text-align:center; font:18px "Microsoft YaHei"; color:#333; font-weight:bold;}
.video2 li span{ display:block; width:100px; height:100px; position:relative; margin:0 auto 20px; background:url(../images/video_bg1.png) no-repeat;}
.video2 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;}
.video2 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;}
.video2 li span img{display:block; width:100px; height:100px;}
.video2 li b{ display:block; font:14px "Microsoft YaHei"; line-height:24px; color:#888; margin-top:14px;}
.video2 .li02{ padding:0 25px; margin:0 25px; border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.video2 .cur{ color:#1574d7;}
.video2 .cur span{ background:url(../images/video_bg2.png) no-repeat center top;}
.video2 .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.video2 .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.par{ height:345px; margin-top:87px; overflow:hidden; background:url(../images/par_bg.gif) repeat-x center 130px;}
.par .content{ position:relative;}
.par li{ width:230px; float:left; margin-right:13px;}
.par li img{ display:block; width:228px; height:113px; border:1px solid #d1d1d1;}
.par li h4{ height:42px; font:14px "Microsoft YaHei"; line-height:42px; color:#666; text-align:center; overflow:hidden; background:#fff;}
.par li a:hover img{ border-bottom:3px solid #1574d7; box-sizing:border-box;}
.par li a:hover h4{ color:#1574d7;}
.par_l a{ display:block; width:21px; height:7px; background:url(../images/par_l.png) no-repeat; position:absolute; top:182px; left:-48px;}
.par_r a{ display:block; width:21px; height:7px; background:url(../images/par_r.png) no-repeat; position:absolute; top:182px; right:-48px;}
.par_l a:hover{ background:url(../images/par_l2.png) no-repeat;}
.par_r a:hover{ background:url(../images/pro_arr3.png) no-repeat;}

.ys{ height:2346px; background:url(../images/ys_bg.jpg) no-repeat center top; padding-top:90px; overflow:hidden;}
.ys h2{ height:238px; text-align:center; font:46px "Microsoft YaHei"; font-weight:bold; color:#fff;}
.ys h2 em{ display:block; width:350px; height:42px; background:#1574d7; border-radius:5px; margin:0 auto 12px; font:26px "Microsoft YaHei"; text-align:center; line-height:42px;}
.ys dt{ width:960px; position:relative; margin-right:-360px;}
.ys dd{ width:520px; margin-top:70px;}
.ys dd h3{ height:190px; position:relative;}
.ys dd h3 em{ display:block; width:108px; text-align:center; font:24px "Microsoft YaHei"; color:#1574d7; float:left; padding:0 0 0 30px;}
.ys dd h3 em i{ display:block; font-size:54px;}
.ys dd h3 span{ display:block; font:34px "Microsoft YaHei"; font-weight:bold; color:#363636; padding:35px 0 0 0; width:335px; float:right;}
.ys dd h3 span i{ display:block;}
.ys dd h3 span b{ display:block; font:12px "Microsoft YaHei"; color:#c3c3c3;}
.ys dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666666;padding-left:32px; margin-top:16px;}
.ys dd ul{ margin:30px 0 0 32px;}
.ys dd li{ font:12px "Microsoft YaHei"; text-align:center; color:#666; padding:18px 0; background:#f0f0f0; float:left; width:100px; margin-right:28px; border-radius:8px;}
.ys dd li span{ display:block; font:32px "Microsoft YaHei"; color:#262626;}
.ys dd li span em{ font-size:12px;}
.ys dd li:last-child,.ys dd .nones{ margin-right:0;}
.ys dd li:hover,.ys dd li:hover span{ color:#1574d7;}
.ys dd h5 img{ display:block; margin:30px 0 0 32px;}
.ys dl:nth-child(2){ margin-bottom:0px;}
.ys dl:nth-child(2) dt{ width:960px;}
.ys dl:nth-child(3) dt,.ys dl:nth-child(5) dt{ margin:0 0 0 -360px;}
.ys dl:nth-child(3) dd,.ys dl:nth-child(5) dd{ margin-top:170px;}
.ys dl:nth-child(3) dd h3 em,.ys dl:nth-child(5) dd h3 em{ position:absolute; top:-73px; right:25px;}
.ys dl:nth-child(3) dd h3 span,.ys dl:nth-child(5) dd h3 span{ float:left; width:415px;}
.ys dl:nth-child(3) dd p,.ys dl:nth-child(5) dd p{ padding:0;}
.ys dl:nth-child(5) dd h3 em{ top:-15px;}


/*新闻资讯*/
.news{ height:684px; margin-top:80px; overflow:hidden;}
.dy{ width:580px; overflow:hidden;}
.dyt{ height:40px; border-bottom:1px solid #ebebeb; overflow:hidden;}
.dyt h3{ width:134px; font:18px "Microsoft Yahei"; line-height:40px; float:left; text-align:center;}
.dyt h3 a{ display:block; color:#333;}
.dyt h3 a:hover,.dyt .cur a{ color:#fff; background:#1574d7;}
.dyt h5 a{ display:block; width:22px; height:22px; background:url(../images/new_more.png) no-repeat; float:right; margin-top:4px;}
.dy1{ margin-top:45px; overflow:hidden;}
.dy1 dl{ height:101px;}
.dy1 dt{ width:179px; height:101px; float:left; overflow:hidden;}
.dy1 dt img{ display:block;width:179px; height:101px;}
.dy1 dd{ width:380px; float:right;}
.dy1 dd h4 a{ display:block; font:16px "Microsoft Yahei"; font-weight:bold; color:#1574d7; height:42px; line-height:42px; overflow:hidden;}
.dy1 dd p{ font:14px "Microsoft Yahei"; line-height:24px; color:#888;}
.dy1 li{ height:87px; margin-top:47px;}
.dy1 li em{ display:block; width:111px; float:left; border-right:1px solid #ebebeb; font:36px Arial, Helvetica, sans-serif; color:#333; line-height:87px;}
.dy1 li span{ width:435px; float:right; font:16px "Microsoft Yahei"; font-weight:bold; line-height:25px; color:#333;}
.dy1 li span i{ display:block; font:14px "Microsoft Yahei"; color:#888; line-height:25px; margin-top:6px;}

.faq{ width:550px; overflow:hidden;}
.faq h2{height:40px;font:18px "Microsoft Yahei"; line-height:40px; border-bottom:1px solid #ebebeb; overflow:hidden; margin-bottom:40px;}
.faq h2 a{ display:block; color:#333; background:url(../images/faq_more.png) no-repeat right center;}
.faq h2 em{ padding-right:8px;}
.faq dl{ margin-bottom:41px;}
.faq dt a{ display:block;font:16px "Microsoft Yahei"; font-weight:bold; line-height:25px; color:#333; background:url(../images/q.png) no-repeat left center; padding-left:40px;}
.faq dd{font:14px "Microsoft Yahei"; color:#888; line-height:25px; margin-top:8px; padding:0 40px;}

/*关于*/
.about{ margin-bottom:60px;}
.about h3 img{ display:block; width:100%;}
.about dl{ width:1123px; height:140px; margin:-75px auto 0; background:rgba(255,255,255,0.9); box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #eee; z-index:8; position:relative;}
.about dd p{ font:14px "Microsoft Yahei"; line-height:24px; color:#666; padding:40px 60px 30px; text-align:center;}
.about dd span{ display:block; width:145px; height:45px; margin:0 auto; background:#1574d7; border-radius:5px; font:14px "Microsoft Yahei"; line-height:45px;}
.about dd span a{ display:block; color:#fff; background:url(../images/about_arr.png) no-repeat 96px center; padding-left:26px;}

.num{ height:150px; background:#f0f0f0; overflow:hidden;}
.num ul{ width:1200px; margin:0 auto;}
.num li{ width:280px; text-align:center; float:left; font:14px "Microsoft Yahei"; color:#666;}
.num li span{ display:block; font:20px "Microsoft Yahei"; color:#333; padding-top:36px;}
.num li em{ font-size:42px;}
.num .li1{ width:100px; margin-right:50px;}
.num .li5{ width:150px; float:right;}
.num li:hover,.num li:hover span{ color:#1574d7;}

.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -85px;right: 0; width:360px; height:85px;}
.link p{ width:460px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#959595;line-height:85px; font-weight:bold;}
.link p a{ display: inline-block;padding:0 14px 0 15px; font:14px "Microsoft YaHei"; color:#959595; line-height:62px; height:62px; 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);
  }
}