@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: #42423f;font-weight:normal;position: relative; }
.tit01 a{color: #42423f; }
.tit01 p{ font-weight: normal; display: block;font-size:20px;color: #666666; line-height: 45px; }

          
/**/
.g-guide{height: 695px;  padding-top:98px;box-sizing: border-box;  font-family:"Microsoft Yahei";position: relative;}
.g-guide .tit01{height: 160px;}
.g-guide .tit01 p{padding-top:10px;}
.guide{width:1200px;margin:0 auto;position: relative;}
.guide p{height:132px;font-size: 16px; color: #666666; line-height: 36px;text-align: center; display: block;padding:0 50px;}
.m_zz{width: 1200px; height:200px;padding-top:55px;box-sizing: border-box; position: relative;margin:0 auto;z-index: 1;background: #fff; box-shadow: 0 0 20px #f2f2f2; }
.m_zz li{ height: 98px; box-sizing: border-box; overflow: hidden; float: left; text-align: left;padding:0px 0 0 70px; position: relative;}
.m_zz li::before{content: "";position: absolute;width: 1px;height: 80px;background:#cccccc;right:0;top:5px;}
.m_zz li em{margin-left:0px;display: block;position: relative;height: 65px;width: 120px;}
.m_zz li em b{ margin-left:0px;font-size:60px; color: #42423f;font-weight: bold;line-height: 65px; font-family: Arial, Helvetica, sans-serif; }
.m_zz li em i{font-size:24px;color: #42423f;text-align: center;font-weight: normal;text-align: center;line-height: 25px;width:50px;height: 25px;display: block;font-family: "Arial";position: absolute;bottom:7px;right: 6px;}
.m_zz li h3{font-size: 16px; color: #666666; text-align: left; font-weight: normal;line-height: 30px;}
.m_zz li:nth-child(1){width:255px;padding-left:65px;}
.m_zz li:nth-child(2){width: 322px;padding-left: 90px;}
.m_zz li:nth-child(4) em i{
    right: -90px;
}

.m_zz li:nth-child(2) em{width:158px;}
.m_zz li:nth-child(3){width: 306px;padding-left: 90px;}
.m_zz li:nth-child(3) em{width:158px;}
.m_zz li:nth-child(4){width: 270px;padding-left: 70px;}
.m_zz li:nth-child(4)::before{width:0;}
.m_zz li:hover b{color: #e82129;}


/**/
.g-chara{height: 868px; background:url(../images/charabg.jpg) no-repeat center top; padding-top:115px;box-sizing: border-box;  font-family:"Microsoft Yahei";position: relative;}
.chara{width:812px;float: right;}
.chara .tit01{height: 165px;text-align: left;}
.chara-tit{height: 280px;}
.chara-tit a{width: 126px; float: left; font-size: 16px;color: #42423f;font-weight: bold;text-align: center;margin-right: 23px;}
.chara-tit a i{width:126px;height:126px;border-radius: 100%;display: block;width:126px;margin:0 auto 15px;position: relative;}
.chara-tit a img{width:126px;height:126px;border-radius: 100%;display: block;position: absolute;left:0;top:0;}
.chara-tit a .charaico{opacity: 1;}
.chara-tit a .charaicocur{opacity: 0;}
.chara-tit a.cur .charaicocur{opacity: 1;}
.chara-tit a b{color: #e82129;}
.chara-tit a:nth-child(2n){width:148px;}
.chara-tit a:last-child{margin-right: 0; width:167px;}
.chara-c{height:160px;width:812px;background: #fff;border-radius:84px;}
.chara-c dl{height:160px;}
.chara-c dt{width:160px;height:160px;float: left; border-radius: 100%;margin-right: 34px;}
.chara-c dt img{width: 100%;display: block;box-sizing: border-box;border:4px solid #fff;border-radius: 100%;}
.chara-c dd{float: left;width: 542px;}
.chara-c dd h4{ font-size:24px;color: #42423f;line-height: 45px;margin-top:20px;margin-bottom: 10px;}
.chara-c dd h4 b{color: #e82129;}
.chara-c dd p{ font-size: 14px;color: #666666;line-height: 30px;}

/**/
.g-products{height: auto;overflow: hidden; background:#fff;padding:68px 0 114px; box-sizing: border-box; font-family: "Microsoft YaHei";margin:0 auto; }
.g-products .tit01{height:182px;}
.products{width:1200px;margin:0 auto;}
.products a{width:365px;height:650px;position: relative;display: block;float: left;margin-right: 52px;box-shadow: 0 0 15px #ececec;}
.products img{width:100%;display: block;transition: .3s;}
.products h3{position: absolute;left:0;top:45px; width:100%; height:45px;line-height: 45px;text-align: center;padding-bottom: 40px; font-size: 24px;color: #42423f; font-weight: normal; display: block;background: url(../images/clmico.png) no-repeat center bottom;transition: .3s;}
.products a:last-child{margin-right: 0;}
.products a:hover h3{transform: translateY(5px);}


/**/
.g-cases{ height:auto; background:#f3f3f3; padding:77px 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-cases .tit01{height:172px; }
.case{position: relative;width:1200px;margin:0 auto;}
.case dl{width: 1170px;position: relative;padding:15px;background: #fff;box-shadow: 0 0 15px #e5e5e5;clear: both;overflow: hidden;margin-bottom: 36px;}
.case dl dt{width: 730px;height: 471px; float: left; overflow: hidden;}
.case dl dt img{width: 100%;display: block;}
.case dl dd{width: 402px; float: right;}
.case dl dd h4{font-size: 30px;color:#42423f;line-height: 40px;font-weight: normal;margin: 30px 0;transition: 0.35s;margin-left: 68px;}
.case dl dd h4 a{color:#42423f;}
.case dl dd .case-desc{margin-left: 68px;}
.case dl dd .case-desc em{display: block;font-size: 18px;color: #666666;line-height: 40px;background: url(../images/caseico.png) no-repeat left center;padding-left:15px;}
.case dl dd img{width:402px;height:240px;display: block;}
.case dl:nth-child(2n) dt{float: right;}
.case dl:nth-child(2n) dd{float: left;}
.case dl:nth-child(2n) dd h4,.case dl:nth-child(2n) dd .case-desc{margin-left: 55px;}
.case dl:nth-child(2n) dd img{margin-left: 15px;}
.case img{transition: 0.5s;}
.case img:hover{transform:scale(1.05);} 

/**/
.g-rd{ height: 898px;overflow: hidden;background:url(../images/rdbg.jpg) no-repeat center top;padding-top:102px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-rd .tit01{height:148px;text-align: left;}
.rd{width: 1200px;margin:0 auto;}
.rd-con{width:660px; box-shadow: 0 0 35px #f0f0f0;background: #fff;}
.rd-con dl{height:146px;padding:22px 0  17px 21px;border-bottom: 1px solid #f4f4f4; }
.rd-con dl dt{width:165px;height:146px;overflow: hidden;float: left;}
.rd-con dl dt img{width:100%;display: block;}
.rd-con dl dd{padding-top:22px; width: 402px;font-size: 16px; line-height: 30px;color:#666666;overflow: hidden; float: right;margin-right: 40px;}

/**/
.g-super{ height: 1040px; box-sizing: border-box; background:#fff url(../images/superbg.jpg) no-repeat center 274px; padding-top:72px;overflow: hidden; font-family:"Microsoft Yahei";}
.g-super .tit01{ height:148px;}
.carousel-container{width: 1200px;margin:0 auto;position: relative;}
.tracker-individual-container {display: none;}
.tracker-individual-container li {list-style:none; font-size: 0; }
#carousel {height:555px;width:100%;position:relative;margin-top:135px;}
#carousel-left {position:absolute;top:50%; left:-85px;cursor:pointer;background:url(../images/super-left.png) no-repeat;width:60px;height:60px;margin-top:-30px;z-index: 9;}
#carousel-right {position:absolute;top:50%; right:-85px;cursor:pointer;background:url(../images/super-right.png) no-repeat;width:60px;height:60px;margin-top:-30px;z-index: 9;}

.carousel-feature {position:absolute;top:-1000px;left:-1000px;border:0px solid #5d5d5d;cursor:pointer;}
.carousel-image {border:15px solid #fff;display:block;position: relative;width:974px;box-shadow: 0 0 20px #d8d8d8;box-sizing: border-box;}
.carousel-feature .carousel-caption {width:100%;text-align: justify;padding:55px 0 0;box-sizing: border-box;background: #fff;text-align: center;transition: .3s;}
.carousel-feature .carousel-caption h4{font-size: 24px; color: #42423f;font-weight: bold;font-family:"Microsoft Yahei"; line-height:40px;margin-bottom: 10px;transition: .3s;}
.carousel-feature .carousel-caption h4 a{color: #333;}
.carousel-feature .carousel-caption p{font-size: 16px;line-height: 30px;color:#666666;}

.super-tit{display: block !important;position:absolute;color:white;left:50%;top:-135px; padding:0; z-index: 9;width:844px;margin-left: -422px;}
.super-tit li.tracker-individual-blip {list-style:none;float: left; text-align:center;width: 188px;height: 110px;text-align: center;margin-right: 140px;}
.super-tit li:last-child{margin-right: 0;}
.super-tit li em{width:62px;height:33px;display: block;margin:0 auto;position: relative;overflow: hidden;}
.super-tit li img{width: 62px;position: absolute;left:0;top:0px;}
.super-tit li i{display: block;height:50px;line-height: 50px; font-size: 20px;color: #020000;padding-top:30px;position: relative;}
.super-tit li i::before{content: "";position: absolute;left:50%;top:20px;background: url(../images/super-line.gif) no-repeat;width:186px;height: 2px;margin-left: -93px;opacity: 0;}
.super-tit li i::after{content: "";position: absolute;left:50%;top:12px;background: url(../images/superico1.png) no-repeat;width:16px;height: 16px;margin-left: -8px;}
.super-tit .tracker-individual-blip-selected {color:#020000; }
.super-tit .tracker-individual-blip-selected i::before{opacity: 1;}
.super-tit .tracker-individual-blip-selected i::after{background: url(../images/superico1cur.png) no-repeat;}
.super-tit .tracker-individual-blip-selected em img{top:-33px;}


/**/
.g-news{ height: auto; box-sizing: border-box; background:#f3f3f3; padding-top:62px;padding-bottom: 113px; overflow: hidden; font-family:"Microsoft Yahei";}
.g-news .tit01{ height:172px;}
.g-news .newstit{ font-size: 24px;color:#42423f;height:42px;line-height: 42px;text-align: left;margin-bottom: 16px;}
.g-news .newstit a{color:#42423f;}
.news{width:1200px;position: relative;margin:0 auto;padding:35px 45px 60px; background: #fff;box-shadow: 0 0 30px #e5e5e5;}
.news1{width:600px;float: left;position: relative;}
.news1-nr{width:600px;overflow: hidden;position: relative;}
.news1 dl{width:600px; overflow: hidden; position: relative;background: #f2f2f2;}
.news1 dt{ width:600px;height:337px; position: relative; overflow: hidden;margin-bottom: 25px;}
.news1 dt img{width:100%; display: block;}
.news1 dd {padding:0 34px 40px;box-sizing: border-box;}
.news1 dd h5{ height:32px; position: relative; overflow: hidden;margin-bottom: 22px; font-weight: normal;}
.news1 dd h5 span{width:68px;height:32px;line-height: 32px;text-align: center;background:#e62129;color: #fff;display: block; font-size: 20px;}
.news1 dd h5 i{width:auto;height:32px;float: right;;background: url(../images/timer.png) no-repeat left center;padding-left:24px;line-height: 32px; font-size: 14px;color: #a5a5a7;}
.news1 dd h4{height: 36px;line-height: 36px; font-size: 24px;color: #333333; font-weight: normal;margin-bottom: 25px;}
.news1 dd h4 a{color: #333333;}
.news1 dd p{font-size: 16px;color:#666666; line-height: 30px;text-align: justify;height: 82px;;}
.news1 dd span{width:119px;height:38px;line-height: 38px;background:url(../images/news-btn.png) no-repeat;text-align: center;display: block;font-size: 16px;color: #20b495;}
.news1 dd span a{color:#e62129;}
.news1-nr h5{position: absolute;right:0;width:100px;top:305px;height:12px;}
.news1-nr h5 em{width: 12px;height:12px;border-radius: 100%;background:#ccc;display: block;float: left;margin-left: 10px;}
.news1-nr h5 em.on{background: #e62129;}

.news2{width:540px;float: right;position: relative;}
.news2_1{margin-bottom: 30px;}
.news2_1_c{height:221px;border-bottom: 1px solid #eeeeee;}
.news2_1_c a{display: block;float: left;width:264px;margin-right: 9px;overflow: hidden;}
.news2_1_c a img{width:264px;height:148px;display: block;}
.news2_1_c a h4{line-height: 30px;height:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #42423f; font-weight: normal;font-size: 16px;margin-top:13px;text-align: center;}
.news2_1_c a:nth-child(2n){margin-right: 0;}

.news2_2{font-family:"Microsoft Yahei";}
.news2_2_c{height: 610px;overflow: hidden;}
.news2_2_c dl{overflow: hidden;margin-bottom: 30px;}
.news2_2_c dd{width:528px; overflow: hidden; }
.news2_2_c dd h4{height:38px;line-height: 38px;font-size: 16px;color:#333333; font-weight: normal;padding-left:49px;background:#eeeeee url(../images/q.gif) no-repeat left center;margin-bottom: 22px;}
.news2_2_c dd h4 a{ color:#333333;}
.news2_2_c dd p{overflow: hidden;font-size: 14px; line-height: 30px; color:#919191;}
.news2_2_c dd p a{color:#919191;}

.news img{transition: 0.5s;}
.news img:hover{transform:scale(1.05);} 


/**/
.g-about{background:url(../images/aboutbg.jpg) no-repeat center top;height:1065px;font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-top: 62px;}
.g-about .tit01{height:155px;}
.about{width: 1170px;margin:0 auto;position: relative;padding:15px; }
.about dl{width: 100%; }
.about dl dt{width:1170px;height:473px;overflow: hidden;position: relative;}
.about dl dt img{width:100%;display: block;}
.about dl dt i{width: 73px; height:61px;  display: block;background: url(../images/video-btn.png) no-repeat; position: absolute; left:50%;top:50%;margin-left:-36.5px;margin-top:-30.5px; z-index: 1;}
.about dl dd{width:100%; padding:45px 35px 0; box-sizing: border-box;}
.about dl dd p{color: #666666;font-size: 16px;line-height: 30px; text-align: center;height: 128px;}
.about dl dd .abt-btn{width:168px;height:52px;line-height: 52px;text-align: left;font-size:18px;color: #fff;background:url(../images/about-btn.gif) no-repeat;display: block;padding-left:26px;box-sizing: border-box;margin:0 auto;}
.about dl dt img{transition: .5s;}
.about dl:hover dt img{transform:scale(1.01);}




/*友情链接*/
.g-link{min-height:70px; overflow: hidden;background: url(../images/linkbg.jpg) repeat-y center top;padding-top:5px;box-sizing: border-box; }
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{font-size:18px ;font-weight:normal; text-transform: uppercase; width: 160px; float: left;height: 32px; line-height: 32px;color: #42423f;}
.link h2 i{color: rgba(51, 51, 51, 0.5);}
.link p{  width: 950px; float: left; font-size: 14px;overflow: hidden; line-height: 32px; color:#acacac;}
.link p a{ color: rgba(51, 51, 51, 0.5); font-size: 14px; padding: 0 15px; text-align: center; }
.link p a:last-child{background: none;}

@-webkit-keyframes spin{
  from {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}