@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:700px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:700px; overflow:hidden; }
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:700px;}
.banner .bantil{ width:160px; height:13px;position:absolute; bottom:40px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:13px; height:13px; border-radius:13px; float:left; display:inline;opacity:1; margin:0 12px; background:#ad0403; }
.banner .bantil li.on{background:#ad0403; width:40px;}

.tit1{ font:50px "Microsoft YaHei"; text-align:center;color:#e40a09; font-weight:bold;}
.tit1 a{ display:block; color:#e40a09;}
.tit1 em{ display:block; font:20px "Microsoft YaHei"; margin-top:8px; color:#4d4d4d;}

.yinz{ height:612px; padding-top:100px; background:url(../images/yinz_bg.jpg) no-repeat center bottom;overflow:hidden;}
.yinz dl{ height:420px; overflow:hidden;}
.yinz dt{ width:649px; height:382px; float:right; overflow:hidden;}
.yinz dt img{width:649px; height:382px; display:block;}
.yinz dd{ width:453px; float:left;}
.yinz dd h3{ font:50px "Microsoft Yahei"; font-weight:bold; color:#222;}
.yinz dd h3 b{ color:#e40a09;}
.yinz dd h3 em{ display:block; font:12px "Microsoft Yahei"; color:#999; margin-top:6px; padding-bottom:18px; border-bottom:1px solid #ccc; letter-spacing:9px;}
.yinz dd p{ margin:23px 0 36px; font:16px "Microsoft Yahei"; line-height:30px; color:#666;}
.yinz dd span{ display:block;}
.yinz ul{ height:80px;}
.yinz li{ width:240px; float:left; position:relative; padding-left:60px; font:16px "Microsoft Yahei"; color:#666;}
.yinz li span{ display:block; font:60px Arial, Helvetica, sans-serif; color:#222; font-weight:bold;}
.yinz li span b{ display:inline-block; width:25px; height:25px; border-radius:25px; font:16px "Microsoft Yahei"; text-align:center; line-height:25px; color:#fff; background:#333;}
.yinz li:before{ content:""; position:absolute; top:12px; right:0; width:1px; height:75px; background:#d5d5d5;}
.yinz li:last-child:before{ background:none;}
.yinz li:nth-child(3),.yinz li:nth-child(4){ width:200px; padding-left:100px;}
.yinz li:hover,.yinz li:hover span{ color:#e40a09;}
.yinz li:hover span b{ background:#e40a09;}

.pro{ height:1151px; overflow:hidden;background:url(../images/pro_bg.jpg) no-repeat center top; padding-top:96px;}
.fen1{ background:#fff; padding:15px; width:1200px; position:relative; margin-left:-15px; margin-top:25px;}
.prot{ height:65px; margin-bottom:65px; background:#e40a09; position:relative;}
.prot h3{ font:18px "Microsoft YaHei UI"; width:239px; float:left; border-right:1px solid #e72322; line-height:65px; text-align:center;}
.prot h3 a{ display:block; color:#fff;}
.prot h3 .erji{ display:none; width:1200px; background:#fff; height:65px; position:absolute; top:65px; left:0;}
.prot h3 .erji a{ display:block; float:left; font:16px "Microsoft Yahei"; line-height:65px; color:#666; background:none; margin:0 40px 0 0; padding-left:30px; position:relative;}
.prot h3 .erji a:before{ content:""; position:absolute; top:28px; left:14px; width:6px; height:6px; border-radius:6px; border:1px solid #9a9a9a;}
.prot h3 .erji a:hover{ color:#f30e0e; font-weight:bold; background:none;}
.prot h3 .erji a:hover:before{border:1px solid #f30e0e;}
.prot h3 a:hover,.prot .cur a{ background:#ad0403 url(../images/pro_arr.png) no-repeat 200px center; position:relative;}
.prot h3 a:hover .erji,.prot .cur .erji{ display:block;}
.pro1{ height:600px;overflow:hidden;}
.pro1 dl{ height:600px; background:#f4f4f4; overflow:hidden;}
.pro1 dt{ width:800px; height:600px; float:left; overflow:hidden;}
.pro1 dt img{ display:block; width:800px; height:600px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro1 dd{ width:322px; float:right; padding:84px 26px 0 0;}
.pro1 dd h4 a{ display:block; font:32px "Microsoft Yahei"; font-weight:bold; color:#e40a09;}
.pro1 dd .prodd{ font:16px "Microsoft Yahei"; line-height:25px; color:#666; margin-top:15px;}
.pro1 dd .prodd p{ margin-top:14px;}
.pro1 dd span a{ display:block; width:140px; height:44px; border:1px solid #e40a09; font:16px "Microsoft Yahei"; text-align:center; line-height:44px; color:#f30e0e; margin-top:60px;}
.pro_l{ width:45px; height:45px; font:30px "Microsoft Yahei"; text-align:center; line-height:45px; color:#fff; overflow:hidden; background:#222; position:absolute; top:700px; left:770px; cursor:pointer;}
.pro_r{ width:45px; height:45px; font:30px "Microsoft Yahei"; text-align:center; line-height:45px; color:#fff; overflow:hidden; background:#222; position:absolute; top:700px; left:815px;cursor:pointer;}
.pro_l:hover,.pro_r:hover{ background:#e40a09;}

.prokey{ height:124px; padding:25px 0; position:relative;}
.prokey h3{ width:124px; height:104px; padding-top:20px; float:left; font:26px "Microsoft Yahei"; text-align:center; color:#fff; background:#e40a09;}
.prokey h3 em{ display:block;}
.prokey p{ width:990px; float:left; padding:20px 0 0 25px;}
.prokey p a{ display:block; width:247px; float:left; font:16px "Microsoft Yahei"; line-height:40px; color:#444;}
.prokey p a:hover{ color:#e40a09;}
.prokey h5{ width:230px; height:48px; border-bottom:1px solid #b2b2b2; position:absolute; top:80px; left:890px;}
.prokey h5 .ip01{ width:210px; height:48px; font:15px "Microsoft Yahei"; line-height:48px; color:#999; overflow:hidden; background:none; border:0; float:left;outline:none;}
.prokey h5 .ip02{ width:20px; height:48px; background:url(../images/sou1.png) no-repeat right center; border:0; cursor:pointer; outline:none;}

.case{overflow:hidden; height:785px; margin-top:97px;}
.case .tit1{ text-align:left; width:275px; height:145px; overflow:hidden; float:left;}
.caset{ width:860px; float:right; margin-top:25px;}
.caset h3{ width:143px; float:left; font:16px "Microsoft YaHei UI"; font-weight:bold; color:#222; text-align:center;}
.caset h3 a{ display:block; color:#222;}
.caset h3 em{ display:block; width:42px; height:28px; margin:0 auto 12px; overflow:hidden;}
.caset h3 em img{ display:block;}
.caset h3 a:hover{ color:#f30e0e;}
.caset h3 a:hover em img{ position:relative; margin-top:-28px;}

.case1 {width: 100%;min-width: 1200px;height: 600px; overflow: hidden;position: relative;}
.case2{width: 1200px;position: absolute;left: 50%;margin-left: -610px;}
.case1 .tempWrap{overflow: visible !important;}
.case1 .tempWrap .case3{margin-left: -1215px !important;}
.case1 dl { position: relative; height:600px; float:left; margin:0 8px !important;}
.case1 dt{width:1200px; height:600px; overflow:hidden; position:relative;}
.case1 dt img{ display:block; width:1200px; height:600px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case1 dt em{ display:block; width:1200px; height:600px; background:rgba(0,0,0,0.6); position:absolute; top:0;}
.case1 dd{ display:none; width:1000px; margin:-138px auto 0; position:relative;height:100px; background:rgba(228,19,9,0.8); z-index:8;}
.case1 dd h3{ font:24px "Microsoft YaHei"; font-weight:bold; color:#fff; width:160px; height:80px; padding:20px 20px 0 20px; background:#e40a09; overflow:hidden; float:left;}
.case1 dd h3 a{ display:block; color:#fff;}
.case1 dd p{ width:575px; float:right; padding:15px 110px 0 0; font:16px "Microsoft YaHei"; line-height:30px; color:#fff; margin-right:35px; background:url(../images/case_arr.png) no-repeat right 40px;}
.case1 dl.cur dt em{ display:none;}
.case1 dl.cur dd{ display:block;}
.prev2,.next2{width:61px;height: 61px;top:476px;z-index: 9;cursor: pointer;left: 50%;margin-left: 599px;}
.prev2,.next2{top: 270px;}
.next2{margin-left:640px;}
.prev2{margin-left:-680px;}

.par{ height:710px; overflow:hidden; background:url(../images/par_bg.jpg) no-repeat center bottom;}
.par h4{ height:103px; overflow:hidden; position:relative; font:30px "Microsoft Yahei"; font-weight:bold; line-height:103px;}
.par h4 a{ display:block; color:#222;}
.par h4 em{ float:right; font:14px "Microsoft Yahei"; text-transform:uppercase; color:#06429c; line-height:103px;}
.par h4:before{ content:""; position:absolute; top:52px; left:133px; width:997px; height:1px; background:#e6e6e6;}
.par ul{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; height:448px; width:1196px;}
.par li{ width:239px; height:149px; float:left; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; box-sizing:border-box;}
.par li img{ display:block;width:239px; height:149px;}


.ys{ height:auto;}
.ys .content{ position:relative;}
.ys .tit1{ width:100%; position:absolute; top:-128px; left:0;}
.ys dl{ height:506px;margin-bottom:28px;}
.ys dt{ width:960px; position:relative; margin-right:-360px;}
.ys dt img{display:block;}
.ys dd{width:600px; background:#f6f6f6; position:relative; margin-left:-360px; padding:0 0 0 360px; height:506px;}
.ys dd h3{ width:132px; height:145px; background:#e40a09; font:26px "Microsoft Yahei"; font-weight:bold; color:#fff; text-align:center;}
.ys dd h3 em{ display:block; width:64px; margin:0 auto; padding-top:20px;}
.ys dd h3 em img{ display:block;}
.ys dd h4{ font:36px "Microsoft Yahei"; font-weight:bold; color:#e40a09; padding:20px 0; width:530px; border-bottom:1px solid #c9c9c9; margin-bottom:25px;}
.ys dd h4 em{ display:block; font:24px "Microsoft Yahei"; color:#333; margin-top:6px;}
.ys dd p{ width:500px; padding-left:30px; font:16px "Microsoft Yahei"; line-height:28px; color:#666; position:relative; margin-bottom:14px;}
.ys dd p em{ color:#e40a09;}
.ys dd p:before{ content:""; position:absolute; top:9px; left:0; width:6px; height:6px; border-radius:6px; border:2px solid #8e8e8e;}
.ys dl:nth-child(3){ height:479px;}
.ys dl:nth-child(3) dt,.ys dl:nth-child(5) dt{ margin:0 0 0 -360px;}
.ys dl:nth-child(3) dd{width:540px; background:#f6f6f6; position:relative; margin:0 -360px 0 0; padding:0 360px 0 60px; height:479px;}
.ys dl:nth-child(3) dd h3,.ys dl:nth-child(4) dd h3,.ys dl:nth-child(5) dd h3{ position:relative; margin-top:-28px;}
.ys dl:nth-child(5){ height:549px; margin-bottom:0;}
.ys dl:nth-child(5) dd{width:540px; background:#f6f6f6; position:relative; margin:0 -360px 0 0; padding:0 360px 0 60px; height:549px;}
.ys2{ background:url(../images/ys_bg5.jpg) no-repeat center top; height:659px; overflow:hidden;}
.ys3{ float:right; width:708px; margin-top:105px;}
.ys3 h5{ font:50px "Microsoft Yahei"; font-weight:bold; color:#e40a09; margin-bottom:25px;}
.ys3 h5 em{ padding-left:14px; font:36px "Microsoft Yahei"; opacity:0.6;}
.ys3 h5 img{ display:block; margin:5px 0;}
.ys3 h5 span{ display:block; font:20px "Microsoft Yahei";}
.ys3 h5 span i{ display:block; color:#4d4d4d; padding:4px 0 15px; border-bottom:3px solid #ced0d3;}
.ys3 p{ width:325px; float:left; font:16px "Microsoft Yahei"; font-weight:bold; line-height:47px; height:47px; overflow:hidden; padding-left:25px; background:url(../images/ys_arr.png) no-repeat left center; color:#333;}

.honor{ background:url(../images/honor_bg.jpg) no-repeat center top; height:560px; overflow:hidden; padding-top:85px;}
.honor1{ height:350px; margin-top:35px; position:relative;}
.honor1 li{ margin-right:12px; float:left; background:url(../images/honor_bg.png) no-repeat center bottom; padding-bottom:25px;}
.honor1 li img{ display:block; width:215px; height:288px; border:8px solid #1b0d0a;}
.honor_l{ width:42px; height:43px; position:absolute; top:128px; left:-65px;}
.honor_r{width:42px; height:43px; position:absolute; top:128px; right:-65px;}



/*新闻资讯*/
.new{ height:815px; margin-top:80px; overflow:hidden;}
.dy{ width:584px; overflow:hidden; margin-right:10px;}
.tit a{display:block; font:22px "Microsoft YaHei UI"; font-weight:bold; margin-top:30px; line-height:57px; height:57px; overflow:hidden; color:#333;}
.tit img{ vertical-align:middle; margin-right:6px;}
.dy .tit a{ color:#e40a09;}
.dy dl{ width:584px; border-radius:8px; overflow:hidden;}
.dy dt{ width:584px; height:277px; overflow:hidden;}
.dy dt img{ display:block;width:584px; height:277px;}
.dy dd a{ display:block; height:68px; font:22px "Microsoft YaHei UI"; text-align:center; line-height:68px; color:#fff; overflow:hidden; background:#e40a09;}
.dy li{ height:68px; margin-top:10px; background:#f0f0f0; overflow:hidden; border-radius:8px; font:16px "Microsoft YaHei UI"; line-height:68px;}
.dy li a{ display:block; color:#404040;}
.dy li em{ display:block; width:105px; height:68px; float:left; text-align:center; font:16px "Microsoft YaHei UI"; color:#404040; background:#cecece; line-height:68px; margin-right:12px;}
.dy li a:hover,.new1 li a:hover{ font-weight:bold; color:#e40a09;}
.tit a{ display:block;}

.new1{ width:299px; overflow:hidden;}
.new1 dl{ background:#f0f0f0; height:340px; overflow:hidden;}
.new1 dt{ width:299px; height:219px; overflow:hidden;}
.new1 dt img{ display:block;width:299px; height:219px; border-radius:8px 8px 0 0;}
.new1 dd{ padding:0 15px;}
.new1 dd h4 a{ display:block; font:20px "Microsoft YaHei UI"; color:#404040; margin-top:12px;}
.new1 dd p{ font:14px "Microsoft YaHei UI"; color:#898888; margin-top:6px;}
.new1 ul{ background:#f0f0f0; height:238px; padding:0 15px; overflow:hidden; border-radius:0 0 8px 8px;}
.new1 li{ font:14px "Microsoft YaHei UI"; line-height:19px; color:#898888; padding:10px 0 10px 18px; position:relative; height:38px;}
.new1 li a{ display:block; color:#898888;}
.new1 li:after{ content:""; position:absolute; top:15px; left:0; width:5px; height:5px; background:#898888; border-radius:10px;}
.new1 li:before{ content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#a0a0a0; border-bottom:1px solid #fff;}

/*关于*/
.about{ margin-bottom:50px;}
.about dt img{ display:block; width:100%; margin-top:40px;}
.about dd{ width:1200px; text-align:center; margin:25px auto 0; font:14px "Microsoft Yahei"; line-height:30px; color:#444;}
.about dd a{ color:#e40a09;}




.xc{height:360px; width:1200px; margin:0 auto; font-family: "Microsoft YaHei";}
.pict{ height:40px; overflow: hidden; margin:0 0 30px 382px;}
.pict li{  font-size: 18px;line-height: 40px;position: relative; float: left; width:140px; height:40px; background:#e40a09; text-align:center;}
.pict li a{ display:block; color:#fff; background:#e40a09;}
.pict li a:hover ,.pict li.cur a{ background:#ad0403;}

.pic2{position: relative; height:345px;}
.xcimg{width:1200px; margin: 0 auto;}
.xcimg li{ width:284px; float: left; margin:0 20px 0 0; line-height: 0; position: relative;}
.xcimg li img{ width:284px; height:214px;}
.xcimg li p{ background:rgba(0, 0, 0, 0.8);position: absolute; top: 0;left: 0; width:100%; height: 0;font:16px/24px "Microsoft YaHei"; line-height:214px; color:#fff;text-align: center; overflow: hidden;
  -webkit-transition: height .3s;
    transition: height .3s; }
.xcimg li p img{display: block; width:40px; height:40px; margin: 110px auto 0;}
.xcimg li:hover p{ height:214px;}
.xcprev{position: absolute; top: 80px;left: -67px; width:30px; height:54px;}
.xcnext{position: absolute; top: 80px;right: -67px; width:30px; height:54px;}
.xcprev1{position: absolute; top: 100px;left: -67px; width:30px; height:54px;}
.xcnext1{position: absolute; top: 100px;right: -67px; width:30px; height:54px;}
.pic2.pic01 li{ width:185px; float:left; margin-right:18px; position:relative;}
.pic2.pic01 li img{ display:block; width:100%;}
.xcimg1 li p{ background:rgba(0, 0, 0, 0.8);position: absolute; top: 0;left: 0; width:100%; height: 0;font:16px/24px "Microsoft YaHei"; line-height:247px; color:#fff;text-align: center; overflow: hidden;-webkit-transition: height .3s;
    transition: height .3s; }
.xcimg1 li:hover p{ height:247px;}

.tongd{ height:243px; overflow:hidden; background:url(../images/tongd_bg.jpg) no-repeat center top;}
.tongd h3{ text-align:center; font:26px "Microsoft YaHei UI"; color:#e40a09; height:56px; padding-top:62px;}
.tongd dl{ height:35px; overflow:hidden; margin-bottom:8px;}
.tongd dt{ width:110px; height:70px; background:url(../images/tongd_arr.png) no-repeat left 3px; padding-left:22px; font:18px "Microsoft YaHei UI"; font-weight:bold; color:#212121; float:left; margin-top:5px;}
.tongd dt a{ color:#212121;}
.tongd dd{ width:1060px; float:right; height:70px; position:relative;}
.tongd dd p{ font:14px "Microsoft YaHei UI"; line-height:35px; color:#666; height:70px;}
.tongd dd p a{ display:inline-block; margin-right:100px;}
.tongd dd p a:hover{ font-weight:bold; color:#e40a09;}
.tongd dd span a{ display:block; font:14px "Microsoft YaHei UI"; font-weight:bold; color:#e40a09; line-height:35px; position:absolute; bottom:35px; right:0;}
/*.tongd dl:nth-child(3) dd span a{ bottom:35px;}*/



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