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


.tit1{ font:48px "Microsoft YaHei"; text-align:center; color:#080808; font-weight:bold; height:125px;}
.tit1 a{ display:block; color:#080808;}
.tit1 em{ display:block; font:22px "Microsoft Yahei"; color:#373737; padding-top:9px; font-weight:bold;}

.yinz{ height:660px; background:url(../images/yinz_bg.jpg) no-repeat center top; margin-top:40px;}
.yinz dl{ padding-top:65px;}
.yinz dt{ width:549px; height:370px; float:right; overflow:hidden; margin-top:63px;}
.yinz dt img{ display:block; width:549px; height:370px;}
.yinz dd{ width:522px; float:left;}
.yinz dd h4{ height:160px; overflow:hidden;}
.yinz dd h4 a{ display:block; font:48px "Microsoft Yahei"; font-weight:bold; color:#000;}
.yinz dd h4 em{ display:block; font:22px "Microsoft Yahei"; color:#5a5a5a; font-weight:bold;}
.yinz dd p{ font:15px "Microsoft Yahei"; line-height:24px; color:#fff;}
.yinz dd span img{ display:block; margin-top:24px;}

.pro{ height:865px;background:#f1f1f1 url(../images/pro_bg.gif) no-repeat center top; overflow:hidden;}
.fen{ width:300px; height:650px; overflow:hidden; float:left; background:url(../images/fen_bg.jpg); border-radius:10px;}
.fen h3{ height:54px; font:22px "Microsoft Yahei"; line-height:54px; overflow:hidden; border-radius:10px;}
.fen h3 a{ display:block; color:#fff; background:#9c0000 url(../images/fen_arr1.png) no-repeat 250px center; padding-left:18px;}
.fen h3 a:hover{background:#9c0000 url(../images/fen_arr2.png) no-repeat 250px center; color:#ffe400;}
.fen h4{ width:260px; height:38px; background:#444; font:18px "Microsoft Yahei"; line-height:38px; border-radius:10px; margin:11px auto;}
.fen h4 a{ display:block; color:#fff; padding-left:20px;}
.fen h4 a:hover{ background:#9c0000; border-radius:10px; color:#ffe400;}
.fen ul{ width:260px; margin:0 auto 12px;}
.fen li{ font:16px "Microsoft Yahei"; height:30px; line-height:30px; overflow:hidden; position:relative;}
.fen li:before{ content:""; position:absolute; top:14px; left:25px; width:4px; height:1px; background:#b2b2b2;}
.fen li a{ display:block; color:#b2b2b2; padding-left:40px;}
.fen li a:hover{ color:#ffe400;}

.pro1{ width:875px; float:right; overflow:hidden;}
.pro2{ height:390px; overflow:hidden;}
.pro2 dl{ height:373px; overflow:hidden; background:#9c0000;}
.pro2 dt{ width:594px; height:373px; float:left; overflow:hidden;}
.pro2 dt img{ display:block;width:594px; height:373px;}
.pro2 dd{ width:250px; float:right; padding:17px 11px 0 0;}
.pro2 dd h4{font:21px "Microsoft Yahei"; font-weight:bold; color:#ffe400; padding-bottom:17px; position:relative;}
.pro2 dd h4:before{ content:""; position:absolute; bottom:0; left:0; width:27px; height:4px; background:#fff;}
.pro2 dd h4 a{ display:block; color:#ffe400;}
.pro2 dd h4 em{ display:block; font:12px Arial, Helvetica, sans-serif; color:#ba4d4d;}
.pro2 dd .prodd{ font:14px "Microsoft Yahei"; line-height:20px; color:#fff; height:219px; overflow:hidden;}
.pro2 dd p{ margin-top:14px;}
.pro2 dd span a{ display:block; width:120px; height:36px; border-radius:2rem; background:#ffe400; margin:18px 0 0 20px; font:14px "Microsoft Yahei"; text-align:center; font-weight:bold; line-height:36px; color:#9c0000;}

.pro4 li{ width:278px; float:left; margin-right:19px;}
.pro4 li img{ display:block; width:278px; height:208px;}
.pro4 li h4{ text-align:center; height:50px; font:14px "Microsoft Yahei"; line-height:50px; overflow:hidden; color:#4c4c4c; background:#d9d9d9;}
.pro4 li a:hover h4{ background:#9c0000; color:#ffe400;-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{ background:url(../images/case_bg.jpg) no-repeat center top; padding-top:70px; height:1081px; overflow:hidden;}
.case .tit1 a,.case .tit1 em{ color:#fff;}
.caset{ height:75px; border:1px solid #515151; margin-bottom:20px; overflow:hidden;}
.caset h3,.caset h5{ width:171px; height:75px; float:left; font:20px "Microsoft YaHei UI"; font-weight:bold; text-align:center; position:relative;}
.caset h3:before{ content:""; position:absolute; top:21px; right:0; width:1px; height:32px; background:#686868;}
.caset h3:last-child:before{ background:none;}
.caset h3 a,.caset h5 a{ display:block; color:#fff; padding-top:16px; height:59px;}
.caset h3 em,.caset h5 em{ display:block; font:12px "Microsoft YaHei UI"; opacity:0.3; color:#fff;}
.caset h3 a:hover,.caset .cur a,.caset h5 a:hover{ background:#9c0000;}
.caset h5{ width:203px;}
.case2{ height:800px;}
.case2 h3{ width:1200px; height:474px; overflow:hidden; margin-bottom:40px;}
.case2 h3 img{ display:block;width:1200px; height:474px;}
.case2 dl{width:480px;}
.case2 dt{ height:92px;}
.case2 dt img{ display:block; width:176px; height:92px; float:left;}
.case2 dt span{ display:block; width:140px; margin:17px 0 0 20px; font:14px "Microsoft YaHei UI"; color:#fff; float:left; background:url(../images/case_arr.png) no-repeat left 30px; height:58px; cursor:pointer;}
.case2 dd{ height:128px;}
.case2 dd h4 a{ display:block; font:22px "Microsoft YaHei UI"; color:#fff; margin-bottom:12px;}
.case2 dd p{ font:15px "Microsoft YaHei UI"; line-height:20px; color:#909090;}
.case2 dl:nth-child(2n){ float:left; position:relative;}
.case2 dl:nth-child(2n):before{ content:""; position:absolute; top:0; right:-120px; width:1px; height:225px; background:#6e6e6e;}
.case2 dl:nth-child(2n-1){ float:right;}

.ys{ background:#f1f1f1; padding:100px 0 111px;}
.ys h2{ height:130px;}
.ys h2 span{ padding:0 33px 0 220px; display:block; float:left; font:88px "Microsoft YaHei UI"; font-weight:bold; color:#080808; position:relative; margin-right:33px;}
.ys h2 span:before{ content:""; position:absolute; top:19px; right:0; width:1px; height:75px; background:#949494;}
.ys h2 span b{ color:#9c0000;}
.ys h2 em{ font:48px "Microsoft YaHei UI"; font-weight:bold; color:#080808; margin-top:8px; display:block; float:left;}
.ys h2 em i{ display:block; font:22px "Microsoft YaHei UI"; color:#565656; padding-top:5px;}
.ys1{ height:462px; background:#fff;}
.ys1 dl{ height:462px;}
.ys1 dt{ width:959px; height:462px; float:left; position:relative; margin-left:-360px;}
.ys1 dt img{ display:block; width:959px; height:462px;}
.ys1 dd,.ys3 dd{ width:505px; float:right; margin-top:85px;}
.ys dd h4{ font:48px "Microsoft YaHei UI"; font-weight:bold; color:#080808; background:url(../images/ys_icon1.png) no-repeat left 5px; padding-left:130px; margin-bottom:45px;}
.ys dd b{ color:#9c0000;}
.ys dd h4 em{ display:block; font:22px "Microsoft YaHei UI"; color:#5c5c5c;}
.ys dd h4 i{ display:block; font:12px "Microsoft YaHei UI"; color:#c8c8c8;}
.ys dd p{ font:16px "Microsoft YaHei UI"; line-height:24px; color:#696969; position:relative; padding-left:35px; margin-bottom:22px;}
.ys dd p:before{ content:""; position:absolute; top:5px; left:0; width:8px; height:8px; border:3px solid #9c0000; border-radius:8px;}

.ys2{ height:679px; overflow:hidden;}
.ys2 dt{ width:961px; height:679px; float:right; position:relative; margin-right:-360px;}
.ys2 dt img{ display:block; width:961px; height:679px;}
.ys2 dd{ width:505px; float:left; margin-top:85px;}
.ys2 dd h4{ background:url(../images/ys_icon2.png) no-repeat left 5px;}
.ys21{ width:505px; overflow:hidden; height:300px; margin-top:18px;}
.ys21 li{ width:146px; height:196px; border:2px solid #c9c9c9; border-radius:5px; margin-right:20px; font:18px "Microsoft YaHei UI"; color:#080808; text-align:center;}
.ys21 li em{ display:block; width:100px; height:100px; margin:17px auto;}
.ys21 li em img{display:block; width:100px; height:100px;}
.ys21 li i{ display:block; font:12px "Microsoft YaHei UI"; color:#9b9b9b; padding-top:5px;}
.ys21 li:hover{background:#9c0000;border:2px solid #9c0000; 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;}
.ys21 li:hover i{ color:#fff;}
.ys21 li:hover em{ border:3px solid #f1f1f1; border-radius:105px;}

.ys3{ height:775px; overflow:hidden;}
.ys3 dt{ width:959px; height:775px; float:left; position:relative; margin-left:-360px; overflow:hidden;}
.ys3 dt img{ display:block;width:959px; height:775px;}
.ys3 dd h4{ background:url(../images/ys_icon3.png) no-repeat left 5px;}
.ys31{ width:700px; height:280px; position:relative; margin:40px 0 0 -195px; overflow:hidden; background:#9c0000;}
.ys32{ width:585px; margin:0 auto; padding-top:15px; overflow:hidden;}
.ys31 li{ width:186px; float:left; margin-right:11px;}
.ys31 li img{ display:block; width:100%;}
.ys_l a{ display:block; width:28px; height:28px; border:2px solid #fff; border-radius:30px; font:20px "宋体"; font-weight:bold; text-align:center; line-height:28px; position:absolute; top:128px; left:20px; color:#fff;}
.ys_r a{ display:block; width:28px; height:28px; border:2px solid #fff; border-radius:30px; font:20px "宋体"; font-weight:bold; text-align:center; line-height:28px; position:absolute; top:128px; right:20px; color:#fff;}
.ys_l a:hover,.ys_r a:hover{ background:#fff; color:#9c0000;}

.ys4{ height:632px; padding-top:85px; background:#fff url(../images/ys_bg4.gif) no-repeat center bottom;}
.ys4 dt{ width:702px; height:552px; float:right; overflow:hidden;}
.ys4 dt img{ display:block;width:702px; height:552px;}
.ys4 dd{ width:455px; float:left;}
.ys4 dd h4{ background:url(../images/ys_icon4.png) no-repeat left 5px; padding-left:110px;width:395px; }
.ys4 dd h5{ height:230px;}
.ys4 dd h5 span{ display:block; width:220px; float:left;}
.ys4 dd h5 span img{ display:block; width:220px; height:149px; border-radius:4px 4px 0 0;}
.ys4 dd h5 span em{ display:block; height:40px; background:#9c0000; font:16px "Microsoft YaHei UI"; line-height:40px; color:#fff; border-radius:0 0 4px 4px; text-align:center;}
.ys4 dd h5 span:last-child{ float:right;}


/*新闻资讯*/
.news{ height:870px; margin-top:100px;overflow:hidden;}
.news1{ height:665px; border:1px solid #d4d4d4; overflow:hidden;}
.dy{ width:525px; padding:0 30px; border-right:1px solid #d4d4d4; height:665px; overflow:hidden;}
.tit2 a{ display:block; font:22px "Microsoft YaHei UI"; height:75px; line-height:75px; overflow:hidden; color:#080808;}
.tit2 a:hover{ color:#9c0000; font-weight:bold;}
.dy dl{ height:190px; border-bottom:1px solid #d4d4d4; margin-bottom:20px;}
.dy dt{ width:226px; height:170px; float:left; overflow:hidden;}
.dy dt img{ display:block;width:226px; height:170px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dd{ width:270px; float:right;}
.dy dd h4 a{ display:block; font:22px "Microsoft YaHei UI"; line-height:30px; color:#080808;}
.dy dd p{ font:15px "Microsoft YaHei UI"; line-height:20px; margin:8px 0;}
.dy dd span a{ display:block; width:25px; height:25px; background:url(../images/case_arr.png) no-repeat;}
.dy dl:hover dt img,.faq dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy dl:hover dd h4 a,.faq dl:hover dd h4 a{ font-weight:bold; color:#9c0000;}
.dy li{ font:15px "Microsoft YaHei UI"; height:47px; line-height:47px; overflow:hidden;}
.dy li a{ display:block; color:#767676;}
.dy li a:hover{ font-weight:bold; color:#9c0000; text-decoration:underline;}

.faq{ width:532px; height:665px; padding:0 40px; background:#f1f1f1; float:right; overflow:hidden;}
.faq dl{ height:170px; margin-bottom:20px; overflow:hidden;}
.faq dt{width:226px; height:170px; float:left; overflow:hidden;}
.faq dt img{ display:block;width:226px; height:170px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.faq dd{ width:280px; float:right;}
.faq dd h4 a{display:block; font:16px "Microsoft YaHei UI"; line-height:24px; color:#080808; padding-bottom:12px; border-bottom:1px solid #ccc;}
.faq dd p{ font:14px "Microsoft YaHei UI"; line-height:20px; color:#8d8d8d; margin-top:12px;}



/*关于*/
.about{ height:975px; padding-top:100px; background:url(../images/about_bg.jpg) no-repeat center top;overflow:hidden;}
.about .tit1{width:800px; background:rgba(0,0,0,0.6); padding:30px 30px 0;margin:0 auto;}
.about .tit1 a,.about .tit1 em{ color:#fff;}
.about h5{ width:800px; text-align:center; color:#fff; font:15px "Microsoft YaHei UI"; line-height:24px; height:72px; margin:0 auto 271px; background:rgba(0,0,0,0.6); padding:30px;}
.about dl{ height:170px; overflow:hidden;}
.about dd{ width:400px; float:left; background:#fff; font:22px "Microsoft YaHei UI"; text-align:center;}
.about dd a{ display:block; width:398px; height:168px; border:1px solid #dbdbdb; color:#1a1a1a;}
.about dd span{ display:block; width:56px; height:58px; margin:20px auto 10px; overflow:hidden;}
.about dd span img{ display:block;width:56px;}
.about dd em{ display:block; font:12px "Microsoft YaHei UI"; color:#c1c1c1; padding-top:6px;}
.about dd a:hover{ background:url(../images/pic_bg.gif) no-repeat center center; color:#fff; border:1px solid #9c0000;}
.about dd a:hover span img{ position:relative; margin-top:-58px;}

.pic{ position:relative; margin-top:30px; height:180px;}
.pic1{ height:180px; width:1120px; margin:0 auto; overflow:hidden;}
.pic li{ width:266px; float:left; margin-right:19px; overflow:hidden;}
.pic li img{ display:block; width:100%;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pic li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pic_l a{display:block; width:28px; height:28px; border-radius:28px; font:20px "宋体"; font-weight:bold; text-align:center; line-height:28px; position:absolute; top:60px; left:0; color:#fff; background:#1d1d1d;}
.pic_r a{display:block; width:28px; height:28px; border-radius:28px; font:20px "宋体"; font-weight:bold; text-align:center; line-height:28px; position:absolute; top:60px; right:0; color:#fff; background:#1d1d1d;}
.pic_l a:hover,.pic_r a:hover{ background:#9c0000;-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;}



.link{width:1200px; margin: 0 auto; padding-bottom:20px;}
.link p{overflow: hidden; font:15px "Microsoft YaHei"; color:#191919; font-weight:bold; text-align:center;}
.link p a{ display: inline-block;padding:0 25px; font:15px "Microsoft YaHei"; color:#191919; line-height:30px; background:url(../images/fline.png) no-repeat right center;}
.link p a:hover{ color:#9c0000; font-weight:bold; text-decoration:underline;}
.link p a:last-child{ background:none;}


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