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

.tit01{font-size: 48px; text-align: center; font-family: "Microsoft YaHei";color: #181818;font-weight:bold;background:url(/images/titbg.png) no-repeat center top;height:158px;padding-top:32px;box-sizing: border-box;position: relative;}
.tit01 a{color: #181818; }
.tit01 b{color:#ab0809;}
.tit01 p{ font-weight: normal; display: block;font-size: 18px;color: #181818; line-height: 25px;}

.bg1{/*background:url(/images/bg1.jpg) no-repeat center 0;*/}

/**/
.yybj{height: 555px; padding-top:101px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.yy{width:1200px;height: 416px;margin:0 auto;position: relative; position: relative;}
.yy dl{height: 409px;position: relative;z-index: 1;}
.yy dl dt{overflow: hidden; width:682px;height: 416px; position: relative; float: right; }
.yy dl dt img{width: 682px; height: 416px;  display: block;}
.yy dl dd{width: 500px; float: left;}
.yy dl dd h3{ font-size:48px;color:#000000;padding-top:40px;background: url(/images/yyenbg.png) no-repeat left top;margin-bottom: 35px;}
.yy dl dd h3 em{ font-size:20px;color:#4c4c4c; display: block;}
.yy dl dd h3 b{color:#ab0809;}
.yy dl dd .desc{padding:35px 48px;text-align: justify;height: 250px;background:#e9e9e9;box-sizing: border-box;}
.yy dl dd p{font-size: 15px; color: #616161; line-height: 22px;text-align: justify;margin-bottom: 18px;}
.yy dl dd span{display: block;position: relative;height:47px;width:47px;}
.yy dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.yy dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}


/**/
.szbj{height: 500px;overflow: hidden; padding-top:139px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; max-width: 1920px;overflow: hidden;}
.m_zz{width: 1200px;margin:0px auto; position: relative;background: rgba(56, 56, 56,0.8);height:191px;  }
.m_zz li{ width:300px;padding-top:35px;padding-left:100px; height: 191px; box-sizing: border-box; float: left; text-align: left; position: relative;cursor: pointer;}
.m_zz li::before{content: "";position: absolute;width: 1px;height:126px;background:#606061;right:0;top:32px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.m_zz li::after{content: "";position: absolute;background:url(/images/libg.png) no-repeat;width: 393px;height:224px;right:-50px;top:-16px;opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.m_zz li em{margin-left:0px;display: block; position: relative;z-index: 1;}
.m_zz li em b{ margin-left:0px;font-size:72px; color: #f4f4f4; font-family: "Arial"; font-weight: normal;line-height: 72px;}
.m_zz li em i{ font-size: 16px;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 25px;width:25px; height: 25px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:5px; right:0px; }
.m_zz li h3{font-size: 15px; color: rgba(244, 244, 244, 0.5); text-align: left; font-weight: normal; line-height: 40px;z-index: 1;position: relative;}
.m_zz li:last-child::before{width: 0;}
.m_zz li:nth-child(1) em{width: 148px;}
.m_zz li:nth-child(2) em{width: 110px;}
.m_zz li:nth-child(3) em{width: 148px;}
.m_zz li:nth-child(4) em{width: 110px;}

.m_zz li.cur::after{opacity: 1;}
.m_zz li.no_line::before,.m_zz li.cur::before{width:0;}


/**/
.gybj{height: 965px;overflow: hidden;padding-top:68px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; max-width: 1920px;overflow: hidden;;}
.gybj h2{margin-bottom: 53px;}
.gy{width: 1200px;height: 550px;position: relative;margin:0 auto;}
.gy_l{position: absolute;left:-77px;top:285px;background: url(/images/hz_l.png) no-repeat;width:36px;height:36px;z-index: 3;}
.gy_r{position: absolute;right:-77px;top:285px;background: url(/images/hz_r.png) no-repeat;width:36px;height:36px;z-index: 3;}

.gy_c dl{width: 300px;height: 550px; position: relative;float: left;}
.gy_c dl dt{width: 300px;height: 417px;overflow: hidden;position: absolute;top:0;left:0;z-index: 1; }
.gy_c dl dt img{width: 300px;height: 417px;display: block;}
.gy_c dl dd{width: 300px;height:133px;padding-top: 40px; box-sizing: border-box; position: absolute;top:417px;left:0;text-align: center;}
.gy_c dl dd h4{font-size: 20px;color:#181818;line-height: 35px;height:35px; font-weight: bold;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.gy_c dl dd i{font-size:14px; color:rgba(24, 24, 24,0.5);  line-height: 20px;}
.gy_c dl::after{content:"";border:3px solid #ab0809;position: absolute; left:33px;top:414px;width: 230px;height:130px;opacity: 0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}

.gy_c dl.even dd{top:0;}
.gy_c dl.even dt{top:133px;}
.gy_c dl.even::after{top:0;}

.gy_c dl:hover::after{opacity: 1;} 
.gy_c dl:hover dd h4{color: #ab0809;}


.gy_c dl img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.gy_c dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
/**/
.ysbj{max-height: 1181px;overflow: hidden; /*background:#fff url(/images/ysbg.jpg) no-repeat center top; */padding-bottom:200px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;margin:0 auto;max-width: 1920px; }
.ysbj h2{margin-bottom: 0px;background: none;color:#181818;}
.ysbj h2 p{color: rgba(255, 255, 255,0.5);}
.ys{position: relative;}
.ys_nav{ width:1200px;height:190px;margin:0 auto;}
.ys_nav li {width: 263px; height:146px; float: left; text-align: center;  font-weight: normal;box-sizing: border-box;margin-right:49px;background: url(/images/ystit.png) no-repeat center center;}
.ys_nav li em{display: block;font-weight:bold; font-size: 22px;color:#181818; line-height: 60px;position: relative;margin-top:20px;}
.ys_nav li.on em{color:#fff;}
.ys_nav li em::before{content: "";position: absolute;width: 26px;height:3px;background:#181818;left:50%; bottom:0;margin-left:-13px; }
.ys_nav li i{display: block;font-size: 12px;color:#181818;line-height: 34px;font-weight: normal;}
.ys_nav li.on i{color:#fff;}
.ys_nav li:last-child{margin-right: 0;}
.ys_nav li.on{color: #fff;background:#ab0809;}
.ys_nav li.on em::before{background:#fff;}
.ys_nr{position: relative;max-height: 787px;}
.m_ys{}
.m_ys dl{width: 100%;margin:0 auto;background:#fff;position: relative;}
.m_ys dl dt{width: 100%;max-height: 624px;}
.m_ys dl dt img{width:100%;display:block;}
.m_ys dl dd{width: 1200px;padding:32px 60px 0;background: #fff; margin:0 auto;height:144px;border-bottom: 8px solid #ab0809; box-sizing: border-box;
box-shadow: 0 26px 40px -24px #e3e3e3;
 -webkit-box-shadow: 0 26px 40px -24px #e3e3e3;
 -moz-box-shadow:0 26px 40px -24px #e3e3e3; position: absolute;left:50%;margin-left:-600px;bottom:-102px;}
 .m_ys dl dd .desc{width:865px; float: left;margin-right:20px;}
.m_ys dl dd h3{font-size: 20px;color:#000000;margin-bottom: 10px; line-height:35px; font-weight: normal;}
.m_ys dl dd p{font-size:15px; color:#444444;  line-height: 24px;padding-left: 18px;background:url(/images/yspico.png) no-repeat left center;}
.m_ys dl dd .stat{ font-size:36px; color:#444444; float: left;margin-top:0;font-family: 'Myriad Pro',Arial, Helvetica, sans-serif;}
.m_ys dl dd .stat b{font-size:72px;color:#ab0809; font-weight: normal;}
.ys dl img{-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.ys dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


/**/
.probj{height: 790px;overflow: hidden; padding-top:0px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; }
.probj h2{margin-bottom: 50px;}
.pro{width:1200px;margin:0 auto;position: relative;}
.pro_nav{ width: 100%; height: 59px; margin-bottom: 24px;}
.pro_nav h3{width: 1200px; margin:0 auto; height: 59px;background: #e3e3e3;border-radius: 28px;}
.pro_nav h3 a{overflow: hidden;font-size: 20px;width:240px; color: #181818;font-weight:normal;display: block; float: left; text-decoration: none;text-align: center;white-space: nowrap;text-overflow: ellipsis;position: relative;height: 59px;box-sizing: border-box; line-height: 59px;-webkit-transition:width .5s;transition:width .5s;border-radius: 28px;}
.pro_nav h3 a:after{content:'';position:absolute;height:17px;width:1px;background:#797979;top:22px;right:0;color: #fff; z-index: 1;}
.pro_nav h3 a:last-child::after{width:0;}
.pro_nav h3 a.cur,.pro_nav h3 a:hover{background: #ab0809;color:#fff; font-weight: normal;}
.pro_nav h3 a.cur:after,.pro_nav h3 a:hover:after{width:0;}

.pro_c {width:1200px; margin:0 auto;  box-sizing:  border-box; position: relative;overflow: hidden;}
.pro_c li {width: 290;height: 216px;overflow: hidden; float: left;position: relative;margin-bottom: 10px;}
.pro_c li a{text-decoration: none;}
.pro_c li img{width:100%;display: block;}
.pro_c li h4{height: 35px; line-height: 35px;font-size: 14px;color:#fff;  text-align: center; box-sizing: border-box; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;font-weight: normal;width:100%;position: absolute;left:0;bottom:0;background: rgba(0, 0, 0, 0.2);}
.pro_c li:nth-child(2n){margin-right: 8px;}
.pro_c li.big{width:592px;height:442px;margin-right: 18px;}
.pro_c li.big h4{height: 55px;line-height: 55px; font-size: 20px;}
.pro_c li:hover img{box-shadow: 0 0 5px #ab0809;}
.pro_c li:hover h4{background:#ab0809;}
.pro_c li img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.pro_c li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}



/**/
.hzbj{height: 325px;width:1230px;margin:0 auto; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.hzbj h2{height: 48px;line-height: 48px; background: url(/images/hztitbg.png) no-repeat center top; font-size: 24px;color:#fff;text-align: center; font-weight: normal;}
.hzbj h2 a{color:#fff;}
.hz_l{position: absolute;left:-77px;top:125px;background: url(/images/hz_l.png) no-repeat;width:36px;height:36px;z-index: 3;}
.hz_r{position: absolute;right:-77px;top:125px;background: url(/images/hz_r.png) no-repeat;width:36px;height:36px;z-index: 3;}
.hz{width:1230px;margin:35px auto 0;}
.hz li{width:210px;height:110px; float: left;box-shadow: 0 0 10px #ededed;margin-right: 36px;margin:10px 18px }
.hz li img{width:100%; display: block;margin:0 auto;}
.hz li img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.hz li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

/**/
.lcbj{height: 958px;overflow: hidden; background:#fff url(/images/lcbj.jpg) no-repeat center 210px;}
.lcbj h2{color:#181818;margin-bottom: 70px; padding-top:32px;}
.lcbj h2 p{color:rgba(255, 255, 255,0.5);}
.lc{width:1200px;margin:0px auto;height:333px;position: relative;}
.lc:after{content:'';position:absolute;height:0;width:1200px; border-bottom:2px dotted #797979;top:175px;left:0;}
.lc li{width:150px;height:182px;box-sizing: border-box; background: url(/images/lcico1.png) no-repeat center top; float: left;text-align: center; font-size: 16px;color:#ffffff; line-height: 40px;padding-top:66px;position: absolute;z-index: 1;top:50%;}
.lc li em{width:76px;height:76px; line-height: 76px; display: block;margin:0 auto;background: #38383a;border-radius: 100%;display:block ;font-family: "Arial";font-size: 34px; font-weight: bold;color: rgba(255, 255, 255, 0.6); }
/* .lc li em{ font-size: 16px;  color: rgba(51, 51, 51, 0.5);text-align: center; font-weight: bold; text-align: center; line-height: 25px;height: 25px;display: block;text-transform: uppercase;font-family: "Arial";} */
.lc li:nth-child(2n){padding-top:0;padding-bottom: 66px;background: url(/images/lcico2.png) no-repeat center bottom;top:0;}

.lc li:nth-child(1){left:-20px;}
.lc li:nth-child(2){left:80px}
.lc li:nth-child(3){left:175px}
.lc li:nth-child(4){left:270px}
.lc li:nth-child(5){left:355px}
.lc li:nth-child(6){left:450px}
.lc li:nth-child(7){left:545px}
.lc li:nth-child(8){left:640px}
.lc li:nth-child(9){left:735px}
.lc li:nth-child(10){left:830px}
.lc li:nth-child(11){left:925px}
.lc li:nth-child(12){left:1020px}


.lc li em{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.lc li:hover em{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.lc li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;opacity: 0.85;}

/*资讯*/
.newbox{padding-top:98px;box-sizing: border-box; font-family:"Microsoft Yahei";clear: both;height: 1159px;}
.newbox h2{margin-bottom: 25px;}
.new_t{height:75px;}
.new_t li{float: left;height: 40px;line-height: 40px;text-align: center;color: #fff;font-weight: normal;position: relative;width: 160px; font-size: 20px;}
.new_t li a{color: #000000;}
.new_t li:nth-child(1){margin-left: 450px;}
.new_t li.cur a{color: #ab0809;text-decoration: underline;}
.new_c{width:1200px;}
.newcon dl{width: 580px;height:170px;overflow: hidden;margin-bottom: 30px;padding:28px 26px;background: #f6f6f6;box-sizing: border-box;  float: left;position: relative;}
.newcon dt{width: 200px;height: 112px; float: left;}
.newcon dt img{width: 200px;height: 112px;display: block;}
.newcon dd{position: relative;width:302px; float: right;}
.newcon dd em{display: block;height:42px;line-height: 42px;font-size: 16px;color:#444444; font-weight: bold;width:140px;font-family: Arial, Helvetica, sans-serif;}
.newcon b{display: block;width:48px; text-align: center;position: relative;text-transform: uppercase; float: right; position: relative;}
.newcon b:before{content: "";position: absolute;width: 2px;height: 10px;background:#444444;left:0;top:16px;}
.newcon h3{max-height: 64px;line-height: 32px;font-size: 20px;color: #000000; font-weight: normal;}
.newcon h3 a{color: #000000;}
.newcon dl:nth-child(2n){float: right;}
.news_more{width: 500px;margin:17px auto 0;height: 54px;display: block;}

.newcon dl:hover{background:#ab0809;}
.newcon dl:hover dd em,.newcon dl:hover dd h3 a{color: #fff;}
.newcon dl:hover dd b:before{background:#fff;}
.newcon dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.newcon dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 
/**/
.aboutbj{background:#fff;height: 653px;max-width: 1920px;margin:0 auto; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;}
.about dl{width: 1200px;margin:0 auto;position: relative;}
.about dt{width:1920px;position: absolute;left:50%;margin-left:-960px;top:0; }
.about dt img{width:1920px;height:653px;display: block;}
.about dd{width:1200px;position: absolute;left:0;top:93px;text-align: center;}
.about dl img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.about dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}


/**/
.help_cut{height:380px;width: 1200px;margin:40px auto 0;background: #fff;position: relative;}
.help_cut a{text-decoration: none;}
.help_nav{ height: 78px; clear: both;width: 1200px;}
.help_nav ul{width: 1200px;}
.help_nav li{height: 40px; line-height: 40px;width: 135px;  text-align: center; font-size: 18px; color: #444444;position: relative; display: block; float: left; border:2px solid #333333;font-weight: bold;margin-right: 10px;}
.help_nav li a{color: #444444; text-decoration: none;}
.help_nav li:nth-child(1){margin-left:304px;}
.help_nav li.cur{background: #ab0809;border-color: #ab0809;-webkit-transition:width .5s;transition:width .5s;}
.help_nav li.cur a{color: #fff;}

.m_help{ height:245px;width: 1200px; position: relative; }
.prev1{position: absolute;left:50%;bottom:0px;margin-left: -62px; background: url(/images/xc_l.png) no-repeat;width:32px;height:32px;z-index: 3;}
.next1{position: absolute;left:50%;bottom:0px;margin-left: 30px;background: url(/images/xc_r.png) no-repeat;width:32px;height:32px;z-index: 3;}
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:284px;height:173px; position:relative;margin-right:21px; float: left; overflow: hidden;}
.xc li img{ display:block;width:284px; height:173px;}
.xc li em{height: 0;font:16px "Microsoft YaHei"; line-height:30px; color:#666666; overflow:hidden; display: block; text-align: center;color:#fff;padding:0;  -webkit-transition:all .5s;transition:all .5s;width: 100%;box-sizing: border-box;position: absolute;bottom:0;left:0;background:rgba(171, 8, 9, 0.9);}
.xc li a{ text-decoration: none; }
.xc li:hover em{color:#fff;height: 173px;padding:72px 15px 0;}
.xc li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.xc li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}





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