@charset "utf-8";
body{font-family: "Microsoft YaHei";}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{text-align: center; }
.tit01 h2{font-size: 48px; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 80px;position: relative; }
.tit01 a{color: #333333; }
.tit01 h2:before{content:'';position:absolute;height:1px;width:200px;background:#b2b2b2;bottom:0;left:50%;margin-left:-100px;}
.tit01 b{font-weight: bold;color: #e62129;}
.tit01 p{ font-weight: normal; display: block;font-size:20px;color: #4c4c4c; line-height: 36px; }


/**/
.g-guide{ background:url("../resource/images/gdbg.jpg") no-repeat center top; height:701px; padding-top:108px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width:1200px;height: 436px;margin:0 auto;position: relative;}
.guide dl{height: 327px;}
.guide dl dt{overflow: hidden; width:542px;height: 327px; position: relative; float: right;margin-right: 25px; }
.guide dl dt img{width: 542px; height: 327px;  display: block;}
.guide dl dt i{width: 120px; height: 120px;  display: block;background: url("../resource/images/vdo_btn.png") no-repeat; position: absolute; left:50%;top:50%;margin-left:-60px;margin-top:-60px; z-index: 1;}
.guide dl dd{width: 490px;  float: left;position:relative;}
.guide dl dd h3{ font-size: 48px; color: #333333; font-weight: bold;margin-bottom: 15px; height: 87px;line-height: normal;white-space: nowrap;position: relative;}
.guide dl dd h3:before{content:'';position:absolute;height:1px;width:300px;background:#d2d2d2;background-size:100%; bottom:1px;left:0;}
.guide dl dd p{font-size: 16px; color: #666666; line-height: 36px;text-align: justify;height:185px;}
.guide dl dd span{display: block;position: relative;height:68px;}
.guide dl dd .guide-btn{display: block;background:url("../resource/images/pro-btn.gif") no-repeat; height:32px; line-height: 32px;width: 120px;text-align: left;color: #fff;font-size: 14px;padding-left:25px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.guide dl dd a:hover{transform: translateX(5px);}
.guide dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.guide dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

.digital ul{width: 1200px; height:112px;margin:0px auto; position: relative; clear:both;overflow: hidden; }
.digital li{ width:165px;padding-left: 0px;height: 112px; box-sizing: border-box; float: left; text-align: center; position: relative;margin-right: 180px;}
.digital li::after{content: "";position: absolute;width: 113px;height: 1px;background:#cbcbcb;right:-150px;top:50px;} 
.digital li em{margin-left:0px;display: block; position: relative;height: 62px;}
.digital li em b{ margin-left:0px;font-size: 60px; color: #333333; font-family: "Arial"; font-weight: bold;line-height: 60px;}
.digital li em i{ font-size:20px;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 26px;width:26px; height: 26px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:10px; right:0px; border-radius: 100%;background: #c3251a;}
.digital li h3{font-size: 20px; color: #4c4c4c; text-align: center; font-weight: normal;}
.digital li:nth-child(2) em b{margin-left: -22px;}
.digital li:nth-child(2) em i{right:35px;}
.digital li:nth-child(4){margin-right: 0;}
.digital li:nth-child(4) em i{right:16px;}
.digital li:nth-child(4)::after{width:0;}



/**/
.g-products{height: auto;overflow: hidden; background:#fff;padding-top:65px; box-sizing: border-box; font-family: "Microsoft YaHei";margin:0 auto; }
.g-products .tit01{height:142px;}

 .pro-nav{width: 1200px;margin:0 auto 35px;}
.pro-nav dl{width: 1200px;margin-bottom: 10px;overflow: hidden;padding:10px 0 0;border-top:1px solid #ebebeb;margin-bottom: 8px;}
.pro-nav dt{font-size: 18px;color:#333333;font-weight: lighter;width:165px; float: left;height: 28px;line-height: 28px;padding-left:8px;box-sizing: border-box;border-right:1px solid #ebebeb;}
.pro-nav dt em{display: block;float: left;width:26px;height:22px;overflow: hidden;float: left;margin-top:3px;margin-right: 8px;}
.pro-nav dd{line-height: 28px;width:1035px;float: left;color:#333333;font-size: 14px; font-weight: lighter;padding-left:38px;box-sizing: border-box;}
.pro-nav dl:last-child{border-bottom:1px solid #ebebeb;padding-bottom: 8px;}
.pro-nav dd a{display: block;float: left;padding-right: 32px; color: #333333;}
.pro-nav dd a:nth-last-child(2){margin-right: 0;}
.pro-nav dd a:hover{color:#c3251a;}
.pro-nav dd a.pro-more{padding-right: 30px; float: right;background: url("../resource/images/fast-more.png") no-repeat right center;}
.pro-nav dd a.pro-more:hover{padding-right: 30px; float: right;background: url("../resource/images/fast-more-hover.png") no-repeat right center;}

.pro{height: 760px;background: #fff;}
.pro .content{height: 760px;}
.pro dl dt{width:600px;height: 760px;position: relative;;}
.pro dl dt img{width:960px;display: block;height: 760px;margin-left: -360px;}
.pro dl dt h4{font-size: 36px;color:#fff;font-weight: bold; line-height: 65px;position: absolute;top:50%;left:50px;margin-top:-40px; text-align: center;}
.pro dl dt h4 i{font-size: 12px;color: #ffffff;display: block;font-weight: normal;line-height: normal;}
.pro dl dd{width:500px;padding-top:45px;}
.pro dl dd h4{font-size: 48px;color:#333333;font-weight: normal; line-height: 65px;}
.pro dl dd h4 a{color: #333;}
.pro dl dd span{display: block;font-size: 24px;color: #333333;line-height: 40px;margin-bottom: 18px;}
.pro dl dd h5{width:390px; border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;font-size: 16px;color: #333333; font-weight: normal;height: 47px;line-height: 47px;margin-bottom: 25px;}
.pro dl dd h5 b{font-weight: bold;}
.pro dl dd .pro-btn{display: block;background:url("../resource/images/pro-btn.gif") no-repeat; height:32px; line-height: 32px;width: 120px;text-align: left;color: #fff;font-size: 14px;padding-left:25px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.pro dl dd a:hover{transform: translateX(5px);}
.pro-c{width:874px; height:306px; background:#f2f2f2; border-radius: 10px;padding:30px; box-sizing: border-box; bottom:80px;box-shadow: 5px 3px 10px 0px #ececec;right:-50px;}
.pro-c .pro-bd{clear: both;overflow: hidden;}
.pro-c li{margin-right:30px;width:250px;height:295px; float: left;position: relative;}
.pro-c li img{width:100%;display: block;}
.pro-c li h4{width:100%; height: 44px;line-height: 44px;font-size: 18px;color:#fff;font-weight: normal; text-align: center;background:#242424;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;margin-top:-10px;position: relative;}
.pro-c li:hover h4{background:#e62129;}

.pro2{background: #f7f7f7;}
.pro2 dl dt img{margin-left: 0; margin-right: -360px;}
.pro2 dl dt h4{left:405px;}
.pro2 .pro-c{right:380px;bottom:80px;box-shadow: -6px 5px 10px 0px #ececec;background: #fff;}

/**/
.g-products-2{height: 425px;overflow: hidden; background:#fff;padding-top:35px; font-family: "Microsoft YaHei";margin:0 auto; }
.g-products-2 h2{height:65px;line-height: 65px;font-size:18px;font-weight: normal;color: #333333;border-bottom:1px solid #ebebeb;margin-bottom: 22px;background:url("../resource/images/hot.png") no-repeat 80px 15px;}
.g-products-2 h2 a{color: #333;}
.g-products-2 h2 span{padding-right: 36px;background: url("../resource/images/hot-more.png") no-repeat right center; font-size: 16px;color: #333333;}
.pro-hot{position: relative;padding:27px 20px 22px;box-shadow: 5px 3px 10px 0px #ececec;background:#f2f2f2;}
.pro-hot-bd{overflow: hidden;}
.pro-hot .pro-l{width:45px;height:45px; position: absolute;left:-35px;top:50%;margin-top:-22px; background:url("../resource/images/pro-l.png") no-repeat;}
.pro-hot .pro-r{width:45px;height:45px; position: absolute;right:-35px;top:50%;margin-top:-22px; background:url("../resource/images/pro-r.png") no-repeat;}
.pro-hot li{margin-right:20px;width:280px;height:280px; float: left;position: relative;}
.pro-hot li img{width:280px;height:280px;display: block;}
.pro-hot li h4{width:100%; height: 0;font-size: 18px;color:#fff;font-weight: normal; text-align: center;background:rgba(230, 33, 41, 0.85);-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;width:100%;position: absolute;bottom:0; box-sizing: border-box;}
.pro-hot li:hover h4{height:280px;padding:120px 20px 0;}



/*优势*/
.g-super{padding-top:60px;overflow: hidden; font-family:"Microsoft Yahei";}
.g-super .tit01{height:145px;}
.superbg{height:750px;background:url("../resource/images/superbg.jpg") no-repeat center top;}
.super{width: 1200px;margin:0 auto;position: relative;height: 750px;}
.super .super-l{width:80px;height:80px; position: absolute;left:50%;bottom:74px;margin-left:25px; background:url("../resource/images/ys-l.png") no-repeat;z-index: 1;}
.super .super-r{width:80px;height:80px; position: absolute;left:50%;bottom:74px;margin-left:105px; background:url("../resource/images/ys-r.png") no-repeat;z-index: 1;}

.super-nav{width:248px; float: left;margin-top:72px;}
.super-nav li{width:100%;height:48px;margin-bottom: 35px;position: relative;cursor: pointer;;}
.super-nav li em{display: block;margin:0 14px 0 7px; font-family: Arial; float: left; width:48px;height:48px;line-height: 48px; border-radius: 5px;background:#fff;text-align: center; font-size: 24px;color: #1a1a1a;font-weight: normal;}
.super-nav li h4{font-size: 20px;color: #fff;float: left; font-weight: normal;padding-top:10px;position: relative;}
.super-nav li h4:before{content:'';position:absolute;height:2px;width:25px;background:#a8a8a8;top:0;left:0;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.super-nav li h4 i{display: block;font-weight: normal;text-transform: uppercase; font-size: 8px;line-height: normal;}
.super-nav li.on em{background:#e62129;color:#fff;}
.super-nav li.on h4{color: #e62129; font-weight: bold;}
.super-nav li.on h4 i{color: #e62129;}
.super-nav li.on h4:before{width: 125px;background:#e62129;}

.super-pic{width:840px; float: right; position: relative;}
.super-pic img{width:1200px;height:750px;margin-right: -360px;}
.super-c{width:800px;height:248px;border-bottom:10px solid #e62129;background:#fff;padding:40px 130px 0 95px;box-sizing: border-box; position: absolute;left:-95px;bottom:74px;}
.super-c h3{font-size: 36px;line-height: 42px;color: #333333;margin-bottom: 20px;}
.super-c h3 i{display: block;font-size: 13px;color:#999999;font-family: Arial, Helvetica, sans-serif;font-weight: normal;line-height: 26px;}
.super-c p{font-size: 16px;color:#4c4c4c; line-height: 25px; text-align: justify;}


/**/
.g-cases{ height:795px; background:#fff; padding:65px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; margin:0 auto; }
.g-cases .tit01{height:155px; }
.case,.partner{width:1200px;margin:0 auto;position: relative; }
.case-nr {width:920px;height:535px; position: relative;overflow: hidden;float: left;}
.case-nr dl img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.case-nr dl:hover img{-webkit-transform:scale(1.01,1.01);-moz-transform:scale(1.01,1.01);transform:scale(1.01,1.01);}
.case-nr  dl{width:920px;height:535px;position: relative;}
.case-nr  dl dt{width: 920px;height: 535px;}
.case-nr  dl dt img{width: 100%;height: 535px; display: block;}
.case-nr  dl dd{width:100%;box-sizing: border-box;height:80px;line-height: 80px;background: rgba(230, 33, 41, 0.85);position: absolute;left:0;bottom: 0;font-size: 24px; color: #ffffff;font-weight: normal; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center; }

.case-sml{width:260px;height:535px;overflow: hidden; float: right;}
.case-sml li{ width:260px;height:165px;margin-bottom: 20px;}
.case-sml li img{width:100%; display: block;border:0px solid #fff;box-sizing: border-box; }
.case-sml li:hover img{border-color: #ad000d;border-width: 3px;}


/**/
.g-partner{height:225px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.partner{height:110px;position: relative;padding-top:33px;border-top:2px solid #c7c7c7;}
.partner .part-l{width:30px;height:30px; position: absolute;left:-15px;top:50%;margin-top:-4px; background:url("../resource/images/part-l.png") no-repeat;}
.partner .part-r{width:30px;height:30px; position: absolute;right:-15px;top:50%;margin-top:-4px; background:url("../resource/images/part-r.png") no-repeat;}
.part-bd{width:1104px;margin:0 auto; height: 120px;overflow: hidden;}
.partner ul{}
.partner li{width: 196px;float: left;position: relative;overflow: hidden;margin-right:31px;}
.partner li img{width: 194px; height: 108px; display: block;border:1px solid #cccccc; }
.partner li:hover img{border-color: rgba(215, 0, 0, 0.9);}



/**/
.g-about{background:url("../resource/images/about.jpg") no-repeat center top;height:630px;margin:0 auto 48px;padding-top:105px; font-family:"Microsoft Yahei";position: relative;box-sizing: border-box;}
.about{width:1200px;position: relative;margin:0 auto;}
.about dl{width: 600px; float: left;position: relative;}
.about dl::after{content: "";position: absolute;width: 1020px;height: 526px;background:#ffffff;right:-60px;top:0;box-shadow: -6px 5px 10px 0px #ececec;} 
.about dd{width: 600px;position: relative;z-index: 1;padding-top: 80px;}
.about dd h3{font-size: 48px; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 80px;position: relative; }
.about dd a{color: #333333; }
.about dd h3:before{content:'';position:absolute;height:1px;width:200px;background:#b2b2b2;bottom:0;left:10px;}
.about dd b{font-weight: bold;color: #e62129;}
.about dd em{ font-weight: normal; display: block;font-size:20px;color: #4c4c4c; line-height: 36px;margin-bottom: 25px;}
.about dd p{font-size: 15px;color:#4c4c4c;line-height: 30px;text-align: justify;height:165px;width:560px;}
.about dd span a{width:180px;height:50px;text-align: left; display: inline-block;line-height: normal; font-size: 18px;color:#fff;background-color:#242424;padding-left:70px;padding-top: 5px;box-sizing: border-box;margin-right: 23px;}
.about dd span a i{display: block; font-size:12px;text-transform: uppercase; font-weight: normal;}
.about dd span a:nth-child(1){background-image:url("../resource/images/abtico1.png") ;background-position:25px 8px;background-repeat: no-repeat;}
.about dd span a:nth-child(2){background-image:url("../resource/images/abtico2.png") ;background-position:25px 8px;background-repeat: no-repeat;}
.about dd span a:nth-child(3){background-image:url("../resource/images/abtico3.png") ;background-position:25px 8px;background-repeat: no-repeat;margin-right: 0;}
.about dd span a:hover,.about dd span a.on{background-color: #e62129; font-weight: bold;}

/**/
.g-show{height: 260px;overflow: hidden; background:#fff;font-family: "Microsoft YaHei";margin:0 auto; margin-bottom: 30px;}
.show{position: relative;margin:0 auto;width:1200px;}
.show-bd{overflow: hidden;}
.show li{margin-right:17px;width:287px;height:229px; float: left;position: relative;}
.show li img{width:287px;display: block;height: 229px;}
.show li h4{width:100%;line-height: 42px; height: 42;font-size: 16px;color:#fff;font-weight: normal; text-align: center;background:#1a1a1a;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;position: absolute;bottom:0; box-sizing: border-box;}
.show li:hover h4{height:229px;padding:70px 20px 0;background:url("../resource/images/show-tm.png") no-repeat center center;}

/**/
.g-news{ height: 790px; box-sizing: border-box; background:#ffffff;padding-top:65px;overflow: hidden; font-family:"Microsoft Yahei";}
.g-news .tit01{ height:132px;}
.news{width:1200px;margin:0 auto;}
.news img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.newstit{height: 58px;margin-bottom: 25px; border-bottom: 1px solid #e5e5e5;}
.newstit li{color:#333333;line-height: 58px;display: block;font-size: 18px;position: relative;font-weight: normal;float:left;width:140px; }
.newstit li a{color: #333333;text-decoration: none;}
.newstit li em{width:30px;height:25px;overflow: hidden; float: left;position: relative;margin-right:8px;margin-top:17px;}
.newstit li em img{position: absolute;left:0;top:-25px;width:30px;}
.newstit span{float: right; font-size: 14px;color:#333333;margin-top: 25px;}
.newstit li.cur a{font-weight: bold;color:#e62129;}
.newstit li.cur em img{top:0;}

.news1{width:585px; float: left;position: relative;}
.news1 dl{width:585px; height: 471px;}
.news1 dt{ width:585px;height:330px; position: relative; overflow: hidden;}
.news1 dt img{width:585px;height:330px; display: block;}
.news1 dd{width:585px;box-sizing: border-box; padding:15px 0 0 0;}
.news1 dd h4{font-size: 18px; font-weight: normal;line-height: 35px;height:35px;color:#000000;margin-bottom: 10px;}
.news1 dd h4 a{ color:#000000; display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news1 dd h4 span{float: right;font-size: 18px;color: #333333;font-weight: bold;font-style: italic;}
.news1 dd p{overflow: hidden;font-size: 14px; line-height: 26px; color:#737373;}
.news2{width:572px; float: right;}
.news2 dl{width:572px; overflow: hidden;margin-bottom: 20px;}
.news2 dt{ width:212px;height:119px; position: relative; overflow: hidden;float: left;}
.news2 dt img{width:212px;height:119px; display: block;}
.news2 dd{width:335px; overflow: hidden;box-sizing: border-box;float: right; }
.news2 dd h4{font-size: 18px; font-weight: normal;line-height: 35px;height:35px;color:#000000;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.news2 dd h4 a{ color:#000000;}
.news2 dd p{overflow: hidden;font-size: 14px; line-height: 26px; color:#737373;}
.news2 ul{clear: both; overflow: hidden;margin-top:40px;}
.news2 li{height: 36px; display: block;padding-left:20px;background: url("../resource/images/newsico.png") no-repeat left center;}
.news2 li a{ font-size: 14px;color:#737373;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;height: 36px; line-height: 36px; display: block;width: 460px;}
.news2 li span{ line-height: 36px; font-size: 14px;color: #868686; display: block; float: right;}
.news2 li a:hover{color: #e62129;}


/*友情链接*/
.link{height:0;line-height:25px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;font-size: 14px;color:rgba(255, 255, 255, 0.6);}
.link_c{width:550px;position: absolute;right: 0;top: -52px;height:25px;overflow: hidden;text-align: right;}
.link a{display: inline-block;color:rgba(255, 255, 255, 0.6);padding: 0 8px;}
.link 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);
  }
}