@charset "utf-8";

/*index_title*/
.index-title{background:#F2F3F7;height: 280px;position: relative;width: 100%;overflow: hidden;}
.index-title:before{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;top: 0;margin-left: -960px;}
.index-title:after{content: ""; width: 0; height: 0; position: absolute; border-top: 48px solid #F2F3F7; border-right: 960px solid transparent; border-left: 960px solid transparent; left: 50%; bottom: -48px; margin-left: -960px;}
.index-title b.tb{background: url(../images/sl_tbg.png) no-repeat; width: 57px; height:66px; display: block; text-align: center; margin: 0 auto; margin-bottom: 10px;position: relative;z-index: 1;top:10px;}
.index-title b.tb i{font-size: 36px;line-height: 66px;text-align: center;color: #fff;}
.index-title h2 {font-size: 56px;font-weight: lighter;text-align: center;padding: 40px 0 10px 0;letter-spacing: 5px;color: #000;font-weight: 400;}
.index-title p {font-size: 20px;text-align: center;letter-spacing: 8px;color: #000;}
.index-title span {font-weight: bold;}
.index-title2{height: 280px;position: relative;width: 100%;overflow: hidden;}
.index-title2:before{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #F2F3F7;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;top: 0;margin-left: -960px;}
.index-title2:after{content: ""; width: 0; height: 0; position: absolute; border-top: 48px solid #fff; border-right: 960px solid transparent; border-left: 960px solid transparent; left: 50%; bottom: -48px; margin-left: -960px;}
.index-title2 b.tb{background: url(../images/sl_tbg.png) no-repeat; width: 57px; height:66px; display: block; text-align: center; margin: 0 auto; margin-bottom: 10px;position: relative;z-index: 1;top:10px;}
.index-title2 b.tb i{font-size: 36px;line-height: 66px;text-align: center;color: #fff;}
.index-title2 h2 {font-size: 56px;font-weight: lighter;text-align: center;padding: 40px 0 10px 0;letter-spacing: 5px;color: #000;font-weight: 400;}
.index-title2 p {font-size: 20px;text-align: center;letter-spacing: 8px;color: #000;}
.index-title2 span {font-weight: bold;}
/*yz*/
.yz{height:682px;padding-top:57px;}
.yz .tit{text-align: center;height: 178px;}
.yz .tit h2{font-size:48px;color: #1a1a1a;height: 90px;line-height: 50px}
.yz .tit h2 span{padding-right:77px;background: url(../images/yz-tit.png) no-repeat right bottom;}
.yz .tit h2 b {color: #21499B;font-size: 66px;}
.yz .tit p{font-size:18px;color: #333333;height: 32px;line-height: 32px;}
.yz-list dl{float:left;width:286px;margin-right:18px;height: 406px;position: relative;}
.yz-list dt{font-size:0;line-height: 0;overflow: hidden;width:286px;}
.yz-list dt em img{width:286px;height: 195px;transition: all 0.5s}
.yz-list dd{height: 211px;border:1px solid #eaebeb;border-top:0;position: absolute;left:0;bottom:0;text-align: center;transition: all 0.5s;background: #fff;width:100%;overflow: hidden;box-sizing: border-box;}
.yz-list dt i{position: absolute;left:102px;top:145px;z-index: 9;transition:1s;width: 87px;height: 97px;background: url(../images/yz-icobg.png) no-repeat;font-size: 48px;line-height: 97px;text-align: center;color: #fff;}
.yz-list dd h4{padding-top:77px;height: 133px;background: url(../images/yz-ico2.png) no-repeat center bottom;}
.yz-list dd h4 span{display: block;height: 42px;line-height: 42px;font-size:32px;color: #1a1a1a;font-weight: bold;}
.yz-list dd h4 em{display: block;font-size:20px;color: #1a1a1a;height: 27px;line-height: 27px;font-weight:normal;}
.yz-list dl:hover dd{text-align: left;padding-left:22px;height: 308px}
.yz-list dl:hover dd h4{padding-top:35px;height: 95px;background-position: left bottom;}
.yz-list dl:hover dt i{opacity: 0;transition: 0.2s}
.yz-list dl:hover dd p{display: block;}
.yz-list dl:hover dt em img{transform: scale(1.1)}
.yz-list dl dd p{font-size:16px;color: #6e6e6e;line-height: 30px;padding-top:15px;width:240px;display: none}
.yz-list dl:last-child{margin:0;}


.titis{overflow: hidden;text-align: center;height:144px;}
.titis h2 {height:67px;line-height:67px;font-size:48px;color: #333333;}
.titis h2 a{color: #333333}
.titis p {display:block;font-size:20px;color:#5e5e5f;line-height:34px;height:34px;}


.pro-n1{background: url(../images/probg.jpg) no-repeat center top;height: 893px;box-sizing: border-box;padding-top:86px;}
.pro-n1 .content{position: relative;height: 717px}
.pro-n1 dt{font-size:0;line-height: 0;margin-left:-360px;float:left;width:960px;}
.pro-n1 dt img{width:960px;height: 715px;margin-top: -1px;}
.pro-n1 dd{float: right;width:524px;padding-top:30px;}
.pro-n1 dd h4 a{display: block;height: 64px;line-height: 64px;font-size:48px;color: #2b2b2b;}
.pro-n1 dd em{display: block;height: 38px;line-height: 38px;font-size:20px;color: #333333;}
.pro-n1 dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:34px;height: 120px;}
.pro-n1 dd span a{display: inline-block;width:216px;height: 48px;background: #21499b;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-right:5px;}
.pro-n1 dd span a:last-child{background: #E60012;margin:0;}
.pro-n1-l{position: absolute;right:0;bottom:0px;}
.pro-n1-l li{float:left;font-size:0;line-height: 0;width:408px;height: 306px;margin-right:16px;transition: all 0.5s;position: relative;overflow: hidden;border:2px solid #f3f3f3;}
.pro-n1-l li i{display: block;font-size:0;line-height: 0;width:406px;overflow: hidden;}
.pro-n1-l li i img{width:406px;height: 305px;transition: all 0.5s;background: url(../images/product-bg.jpg) no-repeat;background-size: 100% 100%;}
.pro-n1-l li span{margin:16px 32px 0 30px;padding-right:34px;background: url(../images/pro_ico1.png) no-repeat right;height: 41px;line-height: 41px;font-size:20px;color: #333333;display: block;transition: all 0.5s}
.pro-n1-l li:last-child{margin:0;}
.pro-n1-l li:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.pro-n1-l li:before{display: block;content: "";width:1px;height: 0%;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro-n1-l li a:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro-n1-l li a:before{display: block;content: "";width:1px;height:0%;background:#16397b;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.pro-n1-l li:hover:after,.pro-n1-l li:hover a:after{width:100%;}
.pro-n1-l li:hover:before,.pro-n1-l li:hover a:before{height:100%;}
/*.pro-n1-l li:hover{border-color: #16397b}*/
.pro-n1-l li:hover i img{transform: scale(1.1)}
.pro-n1-l li:hover{border-color: #16397b}
.pro-n1-l li:hover span{background: url(../images/pro_ico1_hv.png) no-repeat right;}
.pro-n1-j1,.pro-n1-j2{position: absolute;top:124px;}
.pro-n1-j1,.pro-n1-j2 i {width: 56px;height: 56px;font-size: 56px;line-height: 56px;text-align: center;font-weight: bold;}
.pro-n1-j1 {color: #fff;}
.pro-n1-j1 {left:-79px;}
.pro-n1-j2 {right:-79px;}


.pro-n2{height:818px;padding-top:82px;overflow: hidden;background: #F2F3F5;}
.pro-n2 .content{position: relative;height: 717px}
.pro-n2 dt{font-size:0;line-height: 0;margin-right:-360px;float:right;width:960px;}
.pro-n2 dt img{width:960px;height: 717px}
.pro-n2 dd{float:left;width:524px;padding-top:30px;}
.pro-n2 dd h4 a{display: block;height: 64px;line-height: 64px;font-size:48px;color: #2b2b2b;}
.pro-n2 dd em{display: block;height: 38px;line-height: 38px;font-size:20px;color: #333333;}
.pro-n2 dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:34px;height: 120px;}
.pro-n2 dd span a{display: inline-block;width:216px;height: 48px;background: #21499b;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-right:5px;}
.pro-n2 dd span a:last-child{background: #E60012;margin:0;}
.pro-n2-l{position: absolute;left:0;bottom:0px;}
.pro-n2-l li{float:left;width:406px;border:1px solid #f3f3f3;height: 304px;margin-right:16px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: all 0.5s;position: relative;}
.pro-n2-l li i{display: block;font-size:0;line-height: 0;width:406px;overflow: hidden;}
.pro-n2-l li i img{width:406px;height: 305px;transition: all 0.5s;background: url(../images/product-bg.jpg) no-repeat;background-size: 100% 100%;}
.pro-n2-l li span{margin:16px 32px 0 30px;padding-right:34px;background: url(../images/pro_ico1.png) no-repeat right;height: 41px;line-height: 41px;font-size:20px;color: #333333;display: block;transition: all 0.5s}
.pro-n2-l li:last-child{margin:0;}
.pro-n2-l li:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.pro-n2-l li:before{display: block;content: "";width:1px;height: 0%;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro-n2-l li a:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro-n2-l li a:before{display: block;content: "";width:1px;height:0%;background:#16397b;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.pro-n2-l li:hover:after,.pro-n2-l li:hover a:after{width:100%;}
.pro-n2-l li:hover:before,.pro-n2-l li:hover a:before{height:100%;}
.pro-n2-l li:hover{border-color: #16397b}
.pro-n2-l li:hover i img{transform: scale(1.1)}
.pro-n2-l li:hover span{background: url(../images/pro_ico1_hv.png) no-repeat right;}
.pro-n2-j1,.pro-n2-j2{position: absolute;top:124px;}
.pro-n2-j1,.pro-n2-j2 i {width: 56px;height: 56px;font-size: 56px;line-height: 56px;text-align: center;font-weight: bold;}
.pro-n2-j1 {color: #C2C3C5;}
.pro-n2-j2 {color: #214899;}
.pro-n2-j1 {left:-79px;}
.pro-n2-j2 {right:-79px;}


.pro-n3{background:#F2F3F7;height: 698px;padding-top:65px;box-sizing: border-box;}
.pro-qh{height: 72px;background: #21499b;}
.pro-qh li{float:left;width:25%;background: url(../images/pro_ico3.png) no-repeat right;height: 72px;line-height: 72px;text-align: center;position: relative;}
.pro-qh li a{font-size:21px;color: #fff;position: relative;z-index: 2;display: block;}
.pro-qh li img{vertical-align: middle;margin-right:8px;}
.pro-qh li:after{content:"";display: block;width:100%;height: 0;position: absolute;left:0;bottom:0;background: #E60012;transition: all 0.5s}
.pro-qh li.on:after{height: 100%}
.pro-qh li:first-child a:after{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2.png) no-repeat left top;position: absolute;left:-3px;top:-3px;transition: all 0.5s}
.pro-qh li:first-child a:before{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2.png) no-repeat left top;position: absolute;left:-3px;bottom:-3px;transition: all 0.5s}
.pro-qh li:last-child a:after{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2.png) no-repeat left top;position: absolute;right:-3px;top:-3px;transition: all 0.5s}
.pro-qh li:last-child a:before{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2.png) no-repeat left top;position: absolute;right:-3px;bottom:-3px;transition: all 0.5s}
.pro-qh li:first-child.on a:after{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2_hv.png) no-repeat left top;position: absolute;left:-3px;top:-3px;}
.pro-qh li:first-child.on a:before{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2_hv.png) no-repeat left top;position: absolute;left:-3px;bottom:-3px;}
.pro-qh li:last-child.on a:after{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2_hv.png) no-repeat left top;position: absolute;right:-3px;top:-3px;}
.pro-qh li:last-child.on a:before{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2_hv.png) no-repeat left top;position: absolute;right:-3px;bottom:-3px;}
.pro-qh li:last-child{background: none}

.pro-nr{margin-top:27px;position: relative;}
.pro-nr .tempWrap{width:1205px!important;}
.pro-nr li{float:left;width:387px;height: 360px;border:1px solid #f3f3f3;background: #fff;margin-right:16px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: all 0.5s;position: relative;margin-bottom: 20px;text-align: center;}
.pro-nr li i{display: block;font-size:0;line-height: 0;width:387px;overflow: hidden;}
.pro-nr li i img{width:387px;height: 290px;transition: all 0.5s}
.pro-nr li:last-child{margin:0;}
.pro-nr li span{margin:16px 32px 0 30px;height: 41px;line-height: 41px;font-size:20px;color: #333333;display: block;transition: all 0.5s;text-align: center;}
.pro-nr li:hover span{}
.pro-nr li:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.pro-nr li:before{display: block;content: "";width:1px;height: 0%;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro-nr li a:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro-nr li a:before{display: block;content: "";width:1px;height:0%;background:#16397b;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.pro-nr li:hover:after,.pro-nr li:hover a:after{width:100%;}
.pro-nr li:hover:before,.pro-nr li:hover a:before{height:100%;}
.pro-nr li:hover i img{transform: scale(1.1)}
.pro-n3-j1,.pro-n3-j2{position: absolute;top:124px;}
.pro-n3-j1,.pro-n3-j2 i {width: 56px;height: 56px;font-size: 56px;line-height: 56px;text-align: center;font-weight: bold;}
.pro-n3-j1 {color: #C2C3C5;}
.pro-n3-j2 {color: #214899;}
.pro-n3-j1{left:-99px;}
.pro-n3-j2{right:-99px;}




/**/
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}

.advantage {padding:0;overflow:hidden;text-transform: uppercase;}
.advantage .title {color:#dc1f1f;}
.advantage .content2 {background:url(../images/advantagebg1.jpg) no-repeat center;background-size:cover;background-position:0px 0px;}
.advantage .advantage-info {padding:15px;}
.advantage .t1 {color:#fff;font-size:14px;font-weight:bold;font-family:Arial;}
.advantage .t2 {color:#fff;font-size:16px;font-weight:bold;margin-top:20px;}
.advantage .t3 {color:#fff;line-height: 22px;margin-top:15px;overflow:hidden;white-space:wrap;text-overflow: ellipsis;}
.advantage .more {color:rgba(255,255,255,.63);width:40px;height:40px;line-height:40px;font-size:16px;font-weight:bold;border-radius: 50%;border:1px solid rgba(255,255,255,.1);margin-top:15px;text-align:center;}
@media(max-width:991px) {
    .advantage .content2 {/*padding:30px 0;*/}
    .advantage .advantage-info {border-bottom:1px solid rgba(255,255,255,.2);}
    .advantage .advantage-info:last-child {border:none;}
}
@media(min-width:992px) {
    .advantage .advantage-info {flex:1;padding:25px;border-right:1px solid rgba(255,255,255,.2);transition:.36s background;}
    .advantage .t1 {height:140px;writing-mode:vertical-lr;}
    .advantage .t2 {font-size:20px;margin-top:80px;transition:.36s margin;}
    .advantage .t3 {color:rgba(255,255,255,.55);line-height: 24px;height:72px;transition:.36s height;}
    .advantage .advantage-info.active,.advantage .advantage-info:hover {background:rgba(0,75,160,.61);transition:.36s background;}
    .advantage .advantage-info.active .t2,.advantage .advantage-info:hover .t2 {margin-top:8px;transition:.36s margin;}
    .advantage .advantage-info.active .t3,.advantage .advantage-info:hover .t3 {color:#fff;height:144px;transition:.36s height;}
    .advantage .advantage-info.active .more,.advantage .advantage-info:hover .more {opacity:0;}
    .advantage .content2{display: flex !important;}
}
@media(min-width:1200px) {
    .advantage {padding:0;}
    .advantage .content2 {background:url(../images/advantagebg2.jpg) no-repeat center;background-position:0 0;transition:.36s background-position ease-in;}
    .advantage .advantage-info {padding:50px;}
    .advantage .t1 {font-size:20px;height:155px;}
    .advantage .t2 {font-size:28px;margin-top:135px;}
    .advantage .t3 {margin-top:30px;}
    .advantage .advantage-info.active .t3,.advantage .advantage-info:hover .t3 {margin-top:63px;}
    .advantage .more {margin-top:25px;}
}
@media(min-width:1400px) {
    .advantage .content2 {height: 700px;}
    .advantage .t3 {margin-top:120px;}
    .advantage .advantage-info.active .t3,.advantage .advantage-info:hover .t3 {margin-top:100px;}
}

.customer-wrap{ /*display:inline-block; */width:100%; padding-top:40px; padding-bottom:90px;background: #F2F3F7 url(../images/customerbg.png) bottom center no-repeat;}
.customer-wrap .content3 {width: 1200px;margin: 0 auto;/*background: url(../images/customerbg.png) bottom center no-repeat;*/}
.customer{width:100%; height:452px; position:relative; margin-top:52px;}
.customer ul{ display:inline-block; width:100%; height:100%;}
.customer ul li{ display:block; width:213px; height:242px; background:url(../images/customerbg1.png) center center no-repeat; position:absolute; left:0; top:0;transition: all .36s ease;/*float: left;*/}
.customer ul li:nth-child(1){ left:246px; top:0;}
.customer ul li:nth-child(9){ left:492px; top:0; text-align:center;background:url(../images/customerbg2.png) center center no-repeat; line-height:242px; font-size:90px; color:#fff; font-weight:bold;}
.customer ul li:nth-child(9) a{ display:block; color:#fff;}
.customer ul li:nth-child(3){ left:740px; top:0;}
.customer ul li:nth-child(4){ left:988px; top:0;}
.customer ul li:nth-child(5){ left:123px; top:207px;}
.customer ul li:nth-child(6){ left:370px; top:207px;}
.customer ul li:nth-child(7){ left:617px; top:207px;}
.customer ul li:nth-child(8){ left:864px; top:207px;}
.customer ul li:hover{ margin-top:-6px;}

/*case*/
.case {background: #F2F3F7;overflow:hidden;padding-bottom: 90px;}
.case li{ width:25%; float:left; /*margin-right:1%;margin-left: 1%; */position:relative; overflow:hidden;}
.case li img{ display:block; width:100%;}
.case li em{ display:block; position:absolute; bottom:0; width:100%; font:18px "Microsoft YaHei UI"; height:55px; background:rgba(0,0,0,0.8); line-height:55px; color:#fff;overflow:hidden; text-align:center;-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.case li a:hover em i{ display:block; height:100px; padding-top:60px; font-weight:bold;}
.case li a:hover em{ height:100%; background:rgba(0,75,160,0.8); }

/**/
.news {overflow: hidden;padding-bottom: 90px;}
.news-left {width: 500px;float: left;background: #004A9F;padding-bottom: 30px;overflow: hidden;}
.news-left a {color: #fff;}
.news-left h2 {line-height: 2;font-weight: bold;font-size: 1.5rem;padding: 15px 25px; }
.news-left p {line-height: 2;padding: 0 25px; }
.news-left img {width: 500px;height: 375px;}
.news-right {
  width: 56%;
  float: right;
  overflow: hidden;
}
.news-right ul li a {
  color: #333;
  display: block;
  padding: 16px 0;
  /*margin-bottom: 17px;*/
  position: relative;
}
.news-right ul li a:after {
  z-index: -1;
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  background: #ddd;
  left: 91px;
}
.news-right ul li a:hover {
  background: #004A9F;
}
.news-right ul li a:hover .date label, .news-right ul li a:hover .date span, .news-right ul li a:hover .text p {
  color: #fff;
}
.news-right ul li a:hover .text h2 {
  color: #fff;
  font-size: 1.8rem;
  line-height: 2;
}
.news-right ul li a:hover .text:after {
  background: #fff;
}
.news-right ul li a:hover:after {
  background: #004A9F;
}
.news-right ul li .date {
  font-size: 1rem;
  line-height: 1;
  float: left;
  width: 75px;
  margin-right: 15px;
  text-align: right;
}
.news-right .date span {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 5px;
  color: #999;
}
.news-right .text {
  padding: 0 20px;
  overflow: hidden;
  position: relative;
}
.news-right .text p {
  line-height: 1.5;
}
.news-right .text:after {
  content: '';
  display: block;
  width: 3px;
  left: 0;
  background: #004A9F;
  top: 0px;
  position: absolute;
  height: 20px;
}
.news-right .text h2 {
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}
.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 958px;box-sizing: border-box;padding-top:160px;}
.ab_c dl{height: 554px;overflow: hidden;}
.ab_c dd{float:left;width:410px;}
.ab_c dd h2 a{display: block;height: 73px;line-height: 73px;font-size:48px;color: #000000;margin-left: 200px;margin-top: 30px;}
.ab_c dd em{display: block;font-size:20px;color: #000000;height: 28px;line-height: 28px;margin-top:12px;font-weight: bold;margin-left: 200px;text-transform: uppercase;}
.ab_c dd p{font-size:16px;color: #818181;line-height: 28px;padding-top:138px;height: 182px;}
.ab_c dd i a{display: block;width:216px;height: 48px;line-height: 48px;background: #E60012;text-align: center;font-size:14px;color: #fff;transition: all 0.5s}
.ab_c dd i a:hover{margin-top:-8px;}
.ab_c dt{font-size:0;line-height: 0;float: right;width:700px;overflow: hidden;position: relative;margin-top:52px;}
.ab_c dt img{width:700px;height: 411px;transition: all 0.5s}
.ab_c dl:hover dt img{transform: scale(1.1)}
.ab_c dl dt:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.ab_c dl:hover dt:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.ab_c li{float:left;padding-top:56px;position: relative;margin-right:196px;}
.ab_c li p{height: 69px;line-height: 69px;overflow: hidden;position: relative;padding-right:10px;}
.ab_c li p em{font-size:72px;color: #21499b;font-weight: bold;letter-spacing: -1px}
.ab_c li p i{width:28px;height: 28px;background: #E60012;text-align: center;line-height: 28px;font-size:16px;color: #fff;font-weight: bold;position: absolute;right:0;top:0;border-radius: 50%;}
.ab_c li span{display: block;font-size:18px;color: #21499b;margin-top:8px;}
.ab_c li:after{content: "";display: block;width:0;height: 4px;background: #21499b;position: absolute;left:0;top:0;transition: all 0.5s}
.ab_c li:hover:after{width:125px;}
.ab_c li:last-child{margin:0;}
/* link*/
.link {padding: 25px 0;overflow: hidden;background: #171717;width: 100%;border-top: 1px solid #4D535D;}
.link span {width: 100px;float: left;font-size: 24px;color: #646973;letter-spacing: 1px;height: 36px;line-height: 36px;}
.link span b {color: #004A9F;font-size: 28px;/*text-transform: uppercase;*/}
.link ul {width: 1100px;float: right;}
.link ul li {padding: 0 10px;font-size: 18px;line-height: 36px;float: left;}
.link a {color: #8b8a8b;}

/*图标抖动*/
@-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);
  }
}