@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.guang{position: relative;overflow: hidden;}
.guang:before {
    content: '';
    cursor: pointer;
    position: absolute;
    left: -120%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    transform: skewx(-25deg);
}
.guang:hover:before {
    left: 120%;
    -moz-transition: 1.2s;
    -o-transition: 1.2s;
    -webkit-transition: 1.2s;
    transition: 1.2s;
}



.tit{font-weight: normal;font-size: 0;text-align: center;}
.tit b{display: block;font-size: 38px;color: #222;line-height: 50px;}
.tit span{display: block;font-size: 18px;color: #666;line-height: 24px;padding-top: 20px;}
.tit em{color: #173FB8;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;bottom: 20px;height: 6px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 12px;height: 6px;background: #fff;border-radius: 6px;margin: 0 5px;vertical-align: top;box-sizing: border-box;}
.ban_pg i.on{width: 34px;background: #0234B5;}
.banner .prev{position: absolute;font-size: 0;left: 40px;top: 50%;transform: translateY(-50%);z-index: 10;padding: 6px;background: rgba(255,255,255,0.45);border-radius: 50%;cursor: pointer;transition: all 0.3s;}
.banner .next{position: absolute;font-size: 0;right: 40px;top: 50%;transform: translateY(-50%);z-index: 10;padding: 6px;background: rgba(255,255,255,0.45);border-radius: 50%;cursor: pointer;transition: all 0.3s;}
.banner .prev:hover,.banner .next:hover{background: #0234B5;}


/*abt*/
.abt{height: 1000px;padding: 85px 0 0;box-sizing: border-box;background: url(../images/abt-bg.jpg) no-repeat;}
.abt h2 span{display: block;font-size: 18px;color: #0234B5;font-weight: normal;line-height: 24px;position: relative;}
.abt h2 span::before{position: absolute;width: 240px;height: 1px;content: "";background: #0234B5;left: -260px;top: 12px;}
.abt h2 b{display: block;font-size: 38px;color: #222;line-height: 50px;padding-top: 20px;}
.abt dl{display: flex;justify-content: space-between;height: 400px;}
.abt dt{width: 790px;}
.abt dd{width: 520px;margin-top: 50px;}
.abt-desc{font-size: 16px;color: #222;line-height: 38px;margin-top: 20px;}
.abt ul{display: flex;flex-wrap: wrap;gap: 30px;}
.abt li{width: 245px;height: 128px;background: #fff;text-align: center;transition: all 0.3s;}
.abt li span{display: block;height: 48px;line-height: 48px;font-size: 24px;color: #222;padding: 24px 0 10px;transition: all 0.3s;}
.abt li span b{display: inline-block;font-size: 38px;line-height: 48px;vertical-align: top;margin-right: 5px;}
.abt li p{font-size: 16px;color: #222;line-height: 20px;transition: all 0.3s;}
.abt li:hover{background: #0234B5;}
.abt li:hover span,.abt li:hover p{color: #fff;}
.abt-pic{height: 460px;position: relative;}
.abt-pic p img{display: block;width: 100%;height: 460px;object-fit: cover;}
.abt .shipin{height: 460px;}
.abt .shipin video{width: 100%;height: 100%;}

.abt-pic .play {
  position: absolute;
  right: 35px;
  bottom: 35px;
  z-index: 10;
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.abt-pic .play::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  -webkit-box-shadow: inset #fff 0 0 2rem;
  box-shadow: inset #fff 0 0 2rem;
  border-radius: 50%;
  top: 0;
  left: 0;
  opacity: 0;
  animation: warn2 2s ease-out 0.1s infinite;
}

.abt-pic .play::after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  -webkit-box-shadow: inset #fff 0 0 2rem;
  box-shadow: inset #fff 0 0 2rem;
  border-radius: 50%;
  top: 0;
  left: 0;
  opacity: 0;
  animation: warn 2s ease-out 1.1s infinite;
}

.abt-pic .play img {
  width: 60px;
  background: #0234B5;
  border-radius: 50%;
  display: block;
  position: relative;
  z-index: 1; 
}

@media screen and (max-width:1536px){
  .abt dt{width: 640px;}
  .abt dd{width: 480px;}
  .abt li{width: 225px;}
  .abt-desc{line-height: 36px;}
}


/* pinz */
.pinz{background: url(../images/pinz-bg.png) no-repeat center 0;}
.pinz-con{height: 880px;position: relative;}
.pinz-con h2{width: 875px;;height: 108px;line-height: 108px;text-align: center;font-size: 38px;color: #fff;background: rgba(255,255,255,0.2);border-radius: 0px 0px 20px 20px;margin: 0 auto;}
.pinz-left{float: left;width: 420px;margin-top: 80px;}
.pinz-left ul{display: flex;gap: 15px;}
.pinz-left li{width: 130px;height: 131px;background: url(../images/pinz-k.png) no-repeat;}
.pinz-left li span{display: flex;justify-content: center;align-items: center;height: 55px;padding: 20px 0 15px;font-size: 14px;color: #fff;line-height: 36px;}
.pinz-left li span i{align-self: flex-end;margin-left: 4px;}
.pinz-left li p{font-size: 16px;color: #fff;line-height: 20px;text-align: center;}
.pinz-left h3{font-size: 22px;color: #fff;line-height: 30px;padding: 48px 0 20px;}
.pinz-left h4{display: flex;flex-direction: column;gap: 15px;}
.pinz-right{float: right;width: 760px;margin-top: 38px;}
.pinz-right h3{text-align: right;background: url(../images/pinz-sz.png) no-repeat left 64px;margin-bottom: 50px;}
.pinz-right h3 span{display: block;font-size: 42px;color: #fff;height: 98px;line-height: 98px;}
.pinz-right h3 em{font-size: 77px;}
.pz-desc{float: right;padding-left: 100px;}
.pz-desc p{font-size: 18px;color: #fff;line-height: 44px;background: url(../images/pz-line.png) no-repeat left bottom;margin-bottom: 52px;white-space: nowrap;}
.pz-desc p:nth-child(1){padding-left: 100px;}
.pz-desc p:nth-child(2){padding-left: 150px;}
.pz-desc p:nth-child(3){padding-left: 200px;}
.pz-desc p:nth-child(4){padding-left: 250px;}
.pinz-pic{position: absolute;left: 50%;top: 208px;margin-left: -220px;z-index: 10;}
.pinz-pic img{display: block;width: 100%;transition: all 0.5s;}
.pinz-pic:hover img{transform: scale(1.05);}
.pz-vs{height: 248px;background: #EBEBEB;border-radius: 0px 0px 33px 33px;position: relative;z-index: -1;}
.pz-vs h3{padding: 30px 0 40px;display: flex;justify-content: center;align-items: center;font-size: 28px;color: #222;}
.pz-vs ul{display: flex;justify-content: space-between;padding: 0 40px;}
.pz-vs li{display: flex;}
.pz-vs li img{margin-right: 20px;}
.pz-vs li h4{font-size: 22px;color: #222;line-height: 30px;white-space: nowrap;}
.pz-vs li p{font-size: 16px;color: #222;line-height: 20px;padding-top: 8px;white-space: nowrap;}

@media screen and (max-width:1536px){
  .pinz-right{width: 650px;}
  .pz-desc{padding-left: 80px;}
  .pz-desc p{font-size: 16px;}
  .pinz-pic{width: 380px;margin-left: -190px;top: 280px;}
  .pz-vs ul{padding: 0 30px;}
  .pz-vs li img{margin-right: 15px;}
  .pz-vs li h4{font-size: 20px;}
  .pz-vs li p{font-size: 14px;}
}



/* ser */
.ser{background: url(../images/ser-bg.jpg) no-repeat center 0 #E9EAEE;margin-top: 70px;}
.ser-con{height: 760px;display: flex;justify-content: space-between;}
.ser-left{width: 415px;margin-top: 110px;}
.ser-left h2{font-size: 38px;color: #fff;line-height: 60px;}
.ser-left h3{width: 410px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;font-weight: normal;background: rgba(255,255,255,0.22);margin: 30px 0 38px;}
.ser-left h4{font-size: 16px;color: #fff;font-weight: normal;line-height: 28px;opacity: 0.5;}
.ser-left ul{display: flex;justify-content: space-between;align-items: center;margin-top: 80px;}
.ser-left li{text-align: center;}
.ser-left li span{display: block;height: 48px;line-height: 48px;font-size: 16px;color: #fff;}
.ser-left li span b{font-size: 39px;margin-right: 5px;}
.ser-left li p{font-size: 16px;color: #fff;line-height: 20px;padding-top: 15px;}
.ser-left li.line{width: 0;height: 42px;border-left: 1px dashed #fff;opacity: 0.5;}
.ser-right{width: 795px;margin-top: 110px;}
.ser-right ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ser-right li{width: 340px;display: flex;height: 103px;margin-bottom: 90px;}
.ser-right li img{margin-right: 28px;}
.ser-right li .txt{flex: 1;}
.ser-right li h3{font-size: 22px;color: #222;line-height: 30px;margin-bottom: 12px;}
.ser-right li p{font-size: 16px;color: #222;line-height: 30px;}
.ser-right li:hover h3{color: #0234B5;}
.ser-right li:hover img{animation: flipInY 1.5s;}
.ser-kf{height: 200px;background: #fff;box-shadow: 0px 3px 22px 1px rgba(0,0,0,0.16);margin-top: -64px;}
.ser-kf dl{height: 200px;display: flex;}
.ser-kf dd{padding-left: 115px;flex: 1;position: relative;}
.ser-kf dd img{position: absolute;left: -54px;top: 45px;z-index: 10;}
.ser-kf dd h4{font-size: 26px;color: #222;line-height: 35px;padding: 65px 0 15px;}
.ser-kf dd h4 b{color: #E83E24;}
.ser-kf dd p{font-size: 18px;color: #999;line-height: 22px;}


@media screen and (max-width:1536px){
  .ser-right{width: 720px;}
  .ser-kf dd{padding-left: 70px;}
  .ser-kf dd h4{font-size: 22px;}
  .ser-kf dd p{font-size: 16px;}
}







/*pro*/
.pro{padding: 100px 0 80px;background: #E9EAEE;}
.pro-tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 55px;}
.pro-tit h2 b{display: block;font-size: 38px;color: #202020;line-height: 50px;}
.pro-tit h2 span{display: block;font-size: 18px;color: #202020;font-weight: normal;line-height: 24px;padding-top: 20px;}
.pro-tit h3{display: flex;gap: 18px;}
.pro-tit h3 a{width: 136px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #202020;font-weight: normal;background: #F4F5F7;transition: all 0.3s;}
.pro-tit h3 a:hover{background: #0234B5;color: #fff;}
.pro-tj{display: flex;gap: 20px;}
.pro-tj dl{height: 228px;flex:1;}
.pro-tj dt{width: 342px;position: relative;}
.pro-tj dt img{display: block;width: 100%;}
.pro-tj dt i{position: absolute;width: 67px;height: 67px;left: 50%;top: 30%;margin-top: -33px;margin-left: -33px;background: url(../images/jia.png) no-repeat;opacity: 0;transition: all 0.5s;}
.pro-tj dt:hover i{top: 50%;opacity: 1;}
.pro-tj dd{flex: 1;padding: 0 15px;}
.pro-tj dd h4 a{display: block;font-size: 18px;color: #222;height: 24px;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 15px;margin: 30px 0 20px;}
.pro-tj dd h4 a:hover{color: #0234B5;}
.pro-tj dd .pro-desc{font-size: 14px;color: #222;line-height: 38px;padding: 5px 15px;background: #F4F5F7;}


.zxdj1{background:url(/images/zxdj.jpg) no-repeat center center;}
.htmz{background:url(/images/htmz.jpg) no-repeat center center;}
.pro-tj h4{font-size:23px;color:#fff;margin-top:50px;margin-left:15px;}
.pro-desc1{font-size:14px;color:#fff;margin-top:20px;}
.button a{color:#fff;text-align:center;line-height:40px;width:109px;height:40px;display:block;border:1px solid #fff;margin-top:30px;}

.button a:hover{background:#0234B5;}

.pd_short{height:96px;overflow:hidden;}



.pro-list{margin-top: 20px;position: relative;}
.pro-list dl{float: left;width: 335px;margin-right: 20px;background: #fff;}
.pro-list dt{position: relative;width: 335px;height: 202px;}
.pro-list dt img{display: block;width: 100%;}
.pro-list dt i{position: absolute;width: 67px;height: 67px;left: 50%;top: 30%;margin-top: -33px;margin-left: -33px;background: url(../images/jia.png) no-repeat;opacity: 0;transition: all 0.5s;}
.pro-list dd h4 a{display: block;font-size: 16px;color: #222;height: 20px;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 25px;margin: 28px 0 20px;}
.pro-list dd h4 a:hover{color: #0234B5;}
.pro-list dd .pro-desc{font-size: 14px;color: #222;line-height: 32px;padding: 4px 15px;background: #F4F5F7;margin: 0 10px 20px;}
.pro-list dt:hover i{top: 50%;opacity: 1;}
.pro-list .prev{position: absolute;width: 46px;height: 46px;background: url(../images/pro-prev1.png) no-repeat center;left: -70px;top: 50%;margin-top: -23px;}
.pro-list .next{position: absolute;width: 46px;height: 46px;background: url(../images/pro-next1.png) no-repeat center;right: -70px;top: 50%;margin-top: -23px;}
.pro-list .prev:hover{background: url(../images/pro-prev2.png) no-repeat;}
.pro-list .next:hover{background: url(../images/pro-next2.png) no-repeat;}
.pro-list .tempWrap{width: 100% !important;}



/* case */
.case{position: relative;width: 100%;overflow-x: hidden;}
.case-bd dl{position: relative;}
.case-bd dt{display: flex;justify-content: center;}
.case-bd dd{position: absolute;width: 810px;left: 50%;top: 77px;margin-left: -700px;}
.case-bd dd h3{display: block;font-size: 38px;color: #fff;line-height: 50px;margin-bottom: 30px;}
.case-bd dd h3 a{color: #fff;}
.case-bd dd p{font-size: 18px;color: #fff;line-height: 38px;}
.case-ctg{position: absolute;width: 100%;left: 0;bottom: 60px;z-index: 10;}
.case-ctg ul{display: flex;gap: 15px;}
.case-ctg li{flex: 1;position: relative;}
.case-ctg li img{display: block;width: 100%;}
.case-ctg li a{display: block;}
.case-ctg li a::before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: linear-gradient( 90deg, #000000 0%, rgba(15,30,63,0) 100%);}
.case-ctg li span{position: absolute;font-size: 16px;color: #fff;line-height: 20px;left: 20px;top: 20px;}
.case-ctg li i{position: absolute;width: 23px;height: 23px;content: "";background: url(../images/case-jt1.png) no-repeat;right: 10px;bottom: 10px;}
.case-ctg li.on a::before{background: linear-gradient( 88deg, #1E3B7D 0%, rgba(15,30,63,0) 100%);}
.case-ctg li.on i{background: url(../images/case-jt2.png) no-repeat;}


@media screen and (max-width:1536px){
  .case-bd dd{margin-left: -600px;}
}


/* yous */
.yous{padding: 90px 0 0;width: 100%;overflow: hidden;}
.yous-top{position: relative;margin-bottom: 25px;}
.yous-top::after{position: absolute;left: 0;top: 83px;width: 100%;height: 1px;content: "";background: #DCDCDC;z-index: -1;}
.yous-tit{display: flex;justify-content: space-between;}
.yous-tit h2{padding: 0 18px;background: #fff;}
.yous-tit h2 i{display: block;font-size: 22px;color: #666;font-weight: normal;line-height: 28px;text-transform: uppercase;opacity: 0.5;font-family: Arial, Helvetica, sans-serif;}
.yous-tit h2 b{display: block;font-size: 38px;color: #222;line-height: 50px;padding-top: 4px;}
.yous-tit ul{display: flex;gap: 95px;}
.yous-tit li i{display: block;width: 59px;height: 59px;margin: 0 auto;overflow: hidden;}
.yous-tit li i img{display: block;transition: all 0.5s;}
.yous-tit li p{font-size: 18px;color: #222;line-height: 24px;padding: 12px 15px 0;background: #fff;}
.yous-tit li.on i img{transform: translateY(-100%);}
.yous-tit li.on p{color: #0234B5;font-weight: bold;}

.yous-bd dl{position: relative;padding-top: 92px;}
.yous-bd dl::before{position: absolute;width: 1075px;height: 130px;content: "";background: url(../images/yous-en.png) no-repeat;left: 50%;top: 0;margin-left: -960px;z-index: -1;}
.yous-bd dt{display: flex;justify-content: center;}
.yous-bd dd{position: absolute;width: 652px;height: 352px;background: #0234B5;padding: 0 75px;box-sizing: border-box;right: 50%;top: 18px;margin-right: -700px;}
.yous-bd dd h3{padding: 37px 0 20px;position: relative;margin-bottom: 30px;}
.yous-bd dd h3::after{position: absolute;width: 45px;height: 4px;content: "";background: #fff;left: 0;bottom: 0;}
.yous-bd dd h3 span{display: block;font-size: 32px;color: #fff;line-height: 42px;}
.yous-bd dd h3 i{display: block;font-size: 16px;color: #fff;font-weight: normal;text-transform: uppercase;line-height: 20px;padding-top: 14px;opacity: 0.2;}
.yous-bd dd p{font-size: 16px;color: #fff;line-height: 38px;}




/* baoz */
.baoz{padding: 90px 0 0;}
.baoz h2{margin-bottom: 50px;text-align: center;}
.baoz h2 span{display: block;font-size: 38px;color: #222;line-height: 50px;}
.baoz h2 i{display: block;font-size: 18px;color: #222;line-height: 24px;padding-top: 20px;font-weight: normal;}
.baoz-pics li{float: left;width: 33.33%;}
.baoz-pics li img{display: block;width: 100%;}
.baoz-list{height: 180px;background: #0234B5;}
.baoz-list ul{display: flex;height: 180px;justify-content: space-between;align-items: center;}
.baoz-list li{display: flex;align-items: center;}
.baoz-list li img{margin-right: 30px;}
.baoz-list li h4{font-size: 20px;color: #fff;line-height: 26px;margin-bottom: 10px;}
.baoz-list li p{font-size: 16px;color: #fff;line-height: 32px;}
.baoz-list li.line{width: 1px;height: 50px;background: #fff;opacity: 0.5;}
.baoz-list li:hover img{animation: flipInY 1.5s;}



/*news*/
.news{padding: 80px 0;background: #F4F5F7;}
.news-tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 38px;}
.news-tit h2{font-size: 38px;color: #202020;line-height: 50px;}
.news-tit h3{display: flex;gap: 25px;}
.news-tit h3 a{width: 120px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #222;font-weight: normal;background: #fff;transition: all 0.3s;}
.news-tit h3 a:hover{color: #fff;background: #0234B5;}
.news-list{position: relative;}
.news-list li{float: left;width: calc((100% - 70px) / 3);margin-right: 35px;background: #fff;}
.news-list li h4 a{display: block;font-size: 20px;color: #222;line-height: 26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 35px 20px 22px;}
.news-list li h4:hover a{color: #0234B5;}
.news-list li p{font-size: 16px;color: #666;line-height: 32px;margin: 0 20px 25px;height: 64px;overflow: hidden;}
.news-pic{margin: 0 20px;}
.news-pic img{display: block;width: 100%;}
.news-list li h5{height: 90px;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}
.news-list li h5 span{font-size: 17px;color: #999;font-weight: normal;}
.news-list li h5 .more{font-size: 17px;color: #999;font-weight: normal;padding-right: 34px;background: url(../images/news-jt.png) no-repeat right center;transition: all 0.5s;}
.news-list li h5 .more:hover{padding-right: 40px;}
.news-list .prev{position: absolute;width: 46px;height: 46px;background: url(../images/pro-prev1.png) no-repeat center;left: -70px;top: 50%;margin-top: -23px;}
.news-list .next{position: absolute;width: 46px;height: 46px;background: url(../images/pro-next1.png) no-repeat center;right: -70px;top: 50%;margin-top: -23px;}
.news-list .prev:hover{background: url(../images/pro-prev2.png) no-repeat;}
.news-list .next:hover{background: url(../images/pro-next2.png) no-repeat;}
.news-list .tempWrap{width: 100% !important;}




/* liuy */
.liuy{height: 415px;background: url(../images/form-bg.jpg) no-repeat center 0;}
.liuy-con{display: flex;justify-content: space-between;align-items: center;height: 415px;}
.liuy-left h2 span{display: block;font-size: 32px;color: #fff;line-height: 42px;}
.liuy-left h2 i{display: block;font-size: 18px;color: #fff;line-height: 24px;padding-top: 22px;font-weight: normal;}
.liuy-left .zx{display: flex;width: 147px;height: 48px;font-size: 16px;color: #fff;justify-content: center;align-items: center;background: #0234B5;margin-top: 30px;}
.liuy-left .zx img{margin-right: 10px;transition: all 0.5s;}
.liuy-left .zx:hover img{margin-right: 18px;}
.liuy-right{width: 905px;}
.liuy-right ul{display: flex;flex-wrap: wrap;gap: 20px;}
.liuy-right li{width: 285px;margin-right: 5px;position: relative;}
.liuy-right li input{display: block;width: 100%;height: 50px;line-height: 48px;padding-left: 10px;font-size: 16px;color: #fff;border: 1px solid rgba(255, 255, 255, 0.36);background: none;outline: 0;box-sizing: border-box;}
.liuy-right li:nth-child(3n){margin-right: 0;}
.liuy-right li img{position: absolute;right: 10px;top: 8px;}
.liuy-right li button{display: block;width: 196px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #0234B5;outline: 0;border: 0;cursor: pointer;}


@media screen and (max-width:1536px){
  .liuy-right{width: 790px;}
  .liuy-right li{width: 250px;margin-right: 0;}
}


/* coop */
.coop{padding: 90px 0 110px;width: 100%;overflow-x: hidden;}
.coop-list li{float: left;width: 240px;margin-right: 20px;overflow: hidden;}
.coop-list li img{width: 240px;height: 110px;transition: all 0.5s;}
.coop-list li:hover img{transform: scale(1.05);}
.coop-list .tempWrap{overflow: visible !important;}




html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}


@keyframes warn {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
  }

  5% {
      opacity: 1;
  }

  to {
      opacity: 0;
      -webkit-transform: scale(2);
      transform: scale(2);
  }
}

@keyframes warn2 {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
  }

  5% {
      opacity: 1;
  }

  to {
      opacity: 0;
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
  }
}

/**/
@-webkit-keyframes shake {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
    }
    20%,
    60% {
      -webkit-transform: translate3d(-10px, 0, 0);
    }
    40%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
    }
  }
  @keyframes shake {
    from,
    to {
      transform: translate3d(0, 0, 0);
    }
    20%,
    60% {
      transform: translate3d(-10px, 0, 0);
    }
    40%,
    80% {
      transform: translate3d(10px, 0, 0);
    }
  }
  /*图标抖动*/
  @-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);
    }
  }