#imgbox-loading {position: absolute;top: 0;left: 0;	cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;	z-index: 90; border:1px solid #666666; -webkit-box-shadow:0 0 10px #333333;  
  -moz-box-shadow:0 0 20px #333333;  
  box-shadow:0 0 20px #333333;  }
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;	height: 100%;vertical-align: top;}
.imgbox-title {	padding-top: 10px;font-size: 12px;text-align: center;font-family: 'microsoft yahei','΢���ź�';;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;	height: 20px;}


.Container-wrapper{width: 100%;}
.contain{width: 1530px;margin: 0 auto;}
.contain-1280{width: 1280px;margin: 0 auto;}
.none{display: none !important;}
.sonMenu{width: 100%;background: rgba(0, 0, 0, 0.25);position: absolute;z-index: 4;left: 0;bottom: 0;}
.sonMenu-menu{float: left;position: relative;font-size: 0;}
.sonMenu-menu a, .sonMenu-menu::before{display: inline-block;vertical-align: top;height: 60px;line-height: 60px;font-size: 14px;color: #c4c4c4;transition: all .4s ease;}
.sonMenu-menu::before{content: "当前位置：";padding-left: 24px;background: url('../images/toHome.png') no-repeat left top 46%;}
.sonMenu-menu a::after{content: ">";font-family: "宋体","SimSun","\5B8B\4F53";font-weight: 700;margin: 0 14px;display: inline-block;color: #c4c4c4;}
.sonMenu-menu a:last-child{color: #fff;}
.sonMenu-menu a:last-child::after{display: none;}
.sonMenu-menu a:hover{color: #296AFF;}
.sonMenu.noBanner{bottom: auto;top: 84px;background: transparent;}
.sonMenu.noBanner .sonMenu-menu a, .sonMenu.noBanner .sonMenu-menu::before{color: #999;}
.sonMenu.noBanner .sonMenu-menu a::after{color: #999;}
.sonMenu.noBanner .sonMenu-menu a:last-child{color: #666;}
.sonMenu.noBanner .sonMenu-menu a:hover{color: #296AFF;}
.sonMenu.noBanner .sonMenu-menu::before{background-image: url('../images/toHomeH.png');}
.corcase{width: 100%;padding: 100px 0 110px;position: relative;background: #fff;z-index: 2;}
.corcase-list{width: 100%;margin-top: 68px;}
.corcase-skip{width: 100%;margin-top: 44px;}
.corcase-skip a{margin: 0 auto;}
.casexqtz{width: 100%;padding: 260px 0 83px;z-index: 1;}
.casexqtz-blank{position: relative;width: 100%;z-index: 0;}
.casexqtz-cont{width: 100%;text-align: center;transition: all .4s linear 0;}
.casexqtz-cont h4, .casexqtz-cont-h4{font-size: 72px;color: #010101;line-height: 1;}
.casexqtz-cont p{font-size: 24px;color: #888;font-weight: 300;line-height: 1;margin-top: 22px;}
.casexqtz-cont p a{transition: all .4s ease;}
.casexqtz-cont p a:hover{color: #296AFF;}
.casexqtz-cont i{font-style: normal;position: relative;width: 60px;height: 60px;display: block;margin: 80px auto 0;}
.casexqtz-cont i a{position: absolute;width: 100%;height: 100%;border-radius: 50%;border: 2px solid #343434;left: 0;top: 0;background: url('../images/casexqic1.png') no-repeat center/30px auto;transition: all .4s ease;}
.casexqtz-cont i a:hover{border: 2px solid #296AFF;background-image: url('../images/casexqic1H.png');}
.casexqjj{width: 100%;position: relative;z-index: 2;background: #fff;}
.casexqjj-bg{width: 100%;position: relative;background-repeat: no-repeat;left: 0;top: 0;background-size: 100%;background-position: center;height: 875px;transition: all .4s linear 0s;}
.casexqjj-blank{display: none;width: 100%;height: 875px;}
.casexqjj-bg.toFixed{position: fixed;}
.casexqtz-blank::before, .casexqjj-bg::after{content: "";position: absolute;width: 1px;left: 50%;z-index: 2;transition: all .4s ease;}
.casexqtz-blank::before{height: 40px;background: #ee3f4d;bottom: 0;}
.casexqjj-bg::after{height: 50px;background: #fff;top: 0;}
.casexqtz-blank.active::before{height: 0;transition: all 0s ease;}
.casexqjj-bg.active::after{height: 0;transition: all 0s ease;}
.casexqjj-item{width: 100%;}
.casexqjj-img{width: 100%;text-align: center;margin-top: -700px;position: relative;z-index: 4;}
.casexqjj-img img{max-width: 100%;position: relative;z-index: 2;display: inline;}
.casexqjj-img::after{content: "";position: absolute;z-index: 1;width: 100%;height: 328px;left: 0;bottom: 0;background: #fff;}
.casexqjj-cont{width: 100%;padding-bottom: 71px;background: #fff;text-align: center;position: relative;z-index: 4;}
.casexq-h{font-size: 48px;color: #333;line-height: 1;}
.casexqjj-cont p{font-size: 18px;color: #888;line-height: 30px;}
.casexqjj-cont h4, .casexqjj-cont-h4{margin-bottom: 42px;}
.casexqgf{width: 100%;padding: 100px 0 40px;position: relative;overflow: hidden;z-index: 2;}
.casexqgf-bgcolor{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.casexqgf-img{width: 100%;text-align: right;position: relative;z-index: 2;transition: all .4s linear 0s;}
.casexqgf-img img{max-width: 96%;height: 832px;display: inline;}
.casexqgf-cont{width: 100%;position: absolute;height: 100%;top: 0;left: 0;padding-top: 162px;z-index: 2;}
.casexqgf-cont-desc{width: 550px;}
.casexqgf-cont-desc h4, .casexqgf-cont-desc-h4{color: #fff;margin-bottom: 28px;}
.casexqgf-cont-desc p{font-size: 18px;color: #fff;line-height: 30px;}
.casexqgf-cont-color{width: 100%;margin-top: 68px;font-size: 0;}
.casexqgf-cont-color li{display: inline-block;vertical-align: top;text-align: center;margin-left: -40px;position: relative;}
.casexqgf-cont-color li i{display: block;width: 164px;height: 164px;border-radius: 50%;}
.casexqgf-cont-color li p{font-size: 18px;color: #fff;margin-top: 16px;line-height: 1;}
.casexqgf-cont-color li:nth-child(1){z-index: 8;margin-left: 0;}
.casexqgf-cont-color li:nth-child(2){z-index: 7;}
.casexqgf-cont-color li:nth-child(3){z-index: 6;}
.casexqgf-cont-color li:nth-child(4){z-index: 5;}
.casexqgf-cont-color li:nth-child(5){z-index: 4;}
.casexqgf-cont-color li:nth-child(6){z-index: 3;}
.casexqgf-cont-color li:nth-child(7){z-index: 2;}
.casexqgf-cont-color li:nth-child(8){z-index: 1;}
.casexq-item{width: 100%;background: #f5f6f8;position: relative;z-index: 2;}
.casexqzs{width: 100%;padding: 110px 0 116px;}
.casexqzs-title{width: 100%;text-align: center;}
.casexqzs-list{width: 100%;}
.casexqzs-list li{width: 100%;margin-top: 100px;border: 12px solid #323232;border-radius: 30px;overflow: hidden;box-shadow: 0 0 24px 8px rgba(0,0,0,0.3);}
.casexqzs-list li img{width: 100%;object-fit: cover;}
.casexqsj{width: 100%;padding-bottom: 80px;}
.casexqsj-list{width: 100%;font-size: 0;text-align: center;margin-top: 88px;background: url('../images/casexq6.png') no-repeat center /100% auto;}
.casexqsj-list li{display: inline-block;vertical-align: top;width: 265px;margin: 0 14px;border: 8px solid #323232;border-radius: 30px;overflow: hidden;box-shadow: 0 0 24px 8px rgba(0,0,0,0.3);}
.casexqsj-list li img{width: 100%;object-fit: cover;}
.casexqsj-list li:nth-child(2n){margin-top: 120px;}
.casexqsj-code{width: 100%;text-align: center;margin-top: 80px;}
.casexqsj-code-hover{display: inline-block;cursor: pointer;position: relative;}
.casexqsj-code-hover i{display: block;font-style: normal;width: 50px;height: 50px;border-radius: 50%;background: #c4c5c6 url('../images/casexqic2.png') no-repeat center;margin: 0 auto;transition: all .4s ease;}
.casexqsj-code-hover p{font-size: 16px;color: #888;margin-top: 20px;line-height: 1;}
#qrcode{opacity: 0;transform: translateY(16px);transition: all .4s ease;position: absolute;width: 144px;height: 144px;left: 50%;margin-left: -72px;bottom: 100px;background: #fff;box-shadow: 0 0 16px rgba(0,0,0,.2);padding-top: 12px;border-radius: 6px;z-index: 4;}
#qrcode::after{content: '';width: 0;height: 0;border: 8px solid transparent;border-top-color: #fff;position: absolute;bottom: -16px;left: 50%;margin-left: -8px;}
.casexqsj-code-hover:hover i{background-color: #296AFF;}
.casexqsj-code-hover:hover #qrcode{opacity: 1;transform: translateY(0);}
.casexqsj-btn{width: 100%;margin-top: 64px;position: relative;}
.casexqsj-prev, .casexqsj-next{position: relative;height: 70px;line-height: 70px;width: 144px;font-size: 14px;color: #888;}
.casexqsj-prev span, .casexqsj-next span{position: relative;z-index: 2;background-repeat: no-repeat;}
.casexqsj-prev{padding-left: 24px;float: left;text-align: left;}
.casexqsj-next{padding-right: 24px;float: right;text-align: right;}
.casexqsj-prev span{padding-left: 30px;background-image: url('../images/casexqic3.png');background-position: left bottom 3px;}
.casexqsj-next span{padding-right: 30px;background-image: url('../images/casexqic4.png');background-position: right bottom 3px;}
.casexqsj-prev::before, .casexqsj-next::before{content: "";width: 70px;height: 70px;background: #fff;border-radius: 50%;position: absolute;top: 0;transition: all .6s ease}
.casexqsj-prev::before{right: 74px;}
.casexqsj-next::before{left: 74px;}
.casexqsj-prev:hover::before{right: 0;background-color: #296AFF;}
.casexqsj-next:hover::before{left: 0;background-color: #296AFF;}
.casexqsj-menu{position: absolute;width: 200px;height: 56px;left: 50%;margin-left: -100px;top: 50%;margin-top: -28px;display: flex;align-items: center;border-radius: 28px;border: 1px solid #cacbcc;text-align: center;font-size: 14px;color: #888;letter-spacing: 0.1em;justify-content: center;transition: all .4s ease;}
.casexqsj-menu span{display: inline-block;padding-left: 22px;position: relative;}
.casexqsj-menu span::before{content: "";width: 12px;height: 12px;top: 50%;margin-top: -6px;position: absolute;left: 0;background: url('../images/casexqic5.png') no-repeat;transition: all .4s ease;}
.casexqsj-menu:hover{border: 1px solid #296AFF;color: #fff;background: #296AFF;}
.casexqsj-menu:hover span::before{background-image: url('../images/casexqic5H.png');}
.casexqzx{width: 100%;background: #27282d;padding: 102px 0;position: relative;overflow: hidden;z-index: 2;}
.casexqzx-cont{width: 100%;text-align: center;position: relative;z-index: 2;}
.casexqzx-cont h4, .casexqzx-cont-h4{font-size: 80px;color: #fff;line-height: 1;}
.casexqzx-cont h4 b, .casexqzx-cont-h4 b, .casexqzx-cont-h4 span{color: #296AFF;font-weight: 500;}
.casexqzx-cont h6, .casexqzx-cont-h6{font-size: 28px;color: #fff;line-height: 1;margin: 36px 0 60px;}
.casexqzx-cont p{width: 100%;}
.casexqzx-cont p img{width: 100px;border-radius: 50%;display: inline;}
.casexqzx-cont a{display: flex;align-items: center;justify-content: center;width: 138px;height: 28px;border: 1px solid rgba(255,255,255,0.5);border-radius: 14px;font-size: 16px;color: #fff;margin: 12px auto 0;transition: all .4s ease;}
.casexqzx-cont a:hover{background: #296AFF;border: 1px solid #296AFF;color: #fff;}
.casexqzx-rela{position: absolute;width: 100%;text-shadow: #4b262e 1px 0 0, #4b262e 0 1px 0, #4b262e -1px 0 0, #4b262e 0 -1px 0;font-size: 230px;text-transform: uppercase;color: #27282d;line-height: 1;font-family: Arial;font-weight: 700;text-align: center;left: 0;bottom: -52px;}
/* ----dh---- */
.casexqtz-cont i a{opacity: 0;animation: caseZd 1.2s ease both;}
@keyframes caseZd{0%{opacity: 0;transform: rotate(-360deg);}100%{opacity: 1;transform: rotate(0);}}
/* .casexqgf-cont-color li{opacity: 0;} */
.casexqgf-cont-color.startAnimate li:nth-child(1){animation: casexqClCt 1s ease both .4s;}
.casexqgf-cont-color.startAnimate li:nth-child(2){animation: casexqClCt 1s ease both .6s;}
.casexqgf-cont-color.startAnimate li:nth-child(3){animation: casexqClCt 1s ease both .8s;}
.casexqgf-cont-color.startAnimate li:nth-child(4){animation: casexqClCt 1s ease both 1s;}
.casexqgf-cont-color.startAnimate li:nth-child(5){animation: casexqClCt 1s ease both 1.2s;}
.casexqgf-cont-color.startAnimate li:nth-child(6){animation: casexqClCt 1s ease both 1.4s;}
.casexqgf-cont-color.startAnimate li:nth-child(7){animation: casexqClCt 1s ease both 1.6s;}
.casexqgf-cont-color.startAnimate li:nth-child(8){animation: casexqClCt 1s ease both 1.8s;}
@keyframes casexqClCt{0%{opacity: 0;}100%{opacity: 1;}}
/* .casexqsj-list li{opacity: 0;} */
.casexqsj-list.startAnimate li:nth-child(2n+1){animation: casexqUp 1.6s ease both .6s;}
.casexqsj-list.startAnimate li:nth-child(2n){animation: casexqDown 1.6s ease both 0.8s;}
@keyframes casexqUp{0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0);}}
@keyframes casexqDown{0%{opacity: 0;transform: translateY(100px);}100%{opacity: 1;transform: translateY(0);}}
.corcase{width: 100%;padding: 100px 0 110px;position: relative;background: #fff;z-index: 2;}
.corcase-list{width: 100%;margin-top: 68px;}
.corcase-skip{width: 100%;margin-top: 44px;}
.corcase-skip a{margin: 0 auto;}
.caselb-ul{margin-left: -1%;display: flex;flex-wrap: wrap;display: -ms-flex;-ms-flex-wrap: wrap;}
.caselb-link{display: block;width: 32.3333%;float: left;margin-left: 1%;padding-bottom: 10px;}
.caselb-link-item{width: 100%;position: relative;overflow: hidden;transition: all .6s ease;}
.caselb-link-img{width: 100%;}
.caselb-link-img img{width: 100%;object-fit: cover;height: 327px;}
.caselb-link-cont{position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;display: flex;align-items: center;padding: 0 36px;z-index: 4;}
.caselb-link-cont-center{width: 100%;}
.caselb-link-shade{position: absolute;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.8);opacity: 0;top: 0%;left: 0;transition: all .6s ease;}
.caselb-link-cont h4, .caselb-link-cont-h4{font-size: 24px;color: #fff;line-height: 1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.caselb-link-cont h6, .caselb-link-cont-h6{font-size: 16px;color: #fff;opacity: 0.6;line-height: 24px;margin-top: 16px;}
.caselb-link-cont p{font-size: 14px;color: #fff;line-height: 24px;margin-top: 30px;height: 72px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.caselb-link-cont label{margin-top: 32px;display: block;cursor: pointer;font-weight: 500;font-size: 14px;color: #fff;opacity: 0.6;line-height: 18px;padding-left: 26px;background: url('../images/index/link2.png') no-repeat left center;}
.caselb-link-cont label i{display: inline-block;width: 12px;}
.caselb-link-name{width: 100%;margin-top: 18px;height: 72px;transition: all .6s ease;}
.caselb-link-name h4, .caselb-link-name-h4{font-size: 24px;color: #333;line-height: 1;margin-bottom: 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.caselb-link-name h6, .caselb-link-name-h6{font-size: 14px;color: #888;line-height: 20px;min-height: 40px;}
.caselb-link:hover .caselb-link-item{transform: translateY(-16px);}
.caselb-link:hover .caselb-link-name{transform: translateY(-16px);}
.caselb-link:hover .caselb-link-shade{opacity: 1;}
.caselb-link:hover .caselb-link-name h4, .caselb-link:hover .caselb-link-name-h4{color: #296AFF;}
.caselb-link-cont h4, .caselb-link-cont-h4, .caselb-link-cont h6, .caselb-link-cont-h6, .caselb-link-cont p, .caselb-link-cont label{opacity: 0;transform: translateY(20px);transition: all .4s ease;}
.caselb-link:hover .caselb-link-cont h4, .caselb-link:hover .caselb-link-cont-h4{opacity: 1;transform: translateY(0);transition: all .4s ease 0.2s;}
.caselb-link:hover .caselb-link-cont h6, .caselb-link:hover .caselb-link-cont-h6{opacity: 1;transform: translateY(0);transition: all .4s ease 0.3s;}
.caselb-link:hover .caselb-link-cont p{opacity: 1;transform: translateY(0);transition: all .4s ease 0.4s;}
.caselb-link:hover .caselb-link-cont label{opacity: 1;transform: translateY(0);transition: all .4s ease 0.4s;}
.paging{width: 100%;font-size: 0;text-align: center;padding: 0 4%;margin-top: 80px;}
.paging a{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background: #fff;line-height: 44px;border-radius: 40px;box-shadow: 0 0 24px rgba(0,0,0,.14);margin: 0 5px;font-size: 14px;color: #333;font-family: "COLFAX-REGULAR";transition: all .4s ease;}
.paging a:first-child{margin-right: 14px;width: 70px;}
.paging a:last-child{margin-left: 14px;width: 70px;}
.paging a:hover, .paging a.active{background: #296AFF;color: #fff;}
.paging a.default{color: #999 !important;background: #fff !important;cursor: default;}
.corinfo{width: 100%;padding: 110px 0 120px;background: #f4f4f4;position: relative;z-index: 2;}
.corinfo-list{width: 100%;margin-top: 40px;overflow: hidden;}
.corinfo-link{display: block;width: 43.4%;background: #fff;overflow: hidden;margin-top: 40px;padding: 40px;}
.corinfo-link:nth-child(2n+1){float: left;}
.corinfo-link:nth-child(2n){float: right;}
.corinfo-link-time{width: 130px;float: left;text-align: center;font-family:'COLFAX-MEDIUM';}
.corinfo-link-time p{font-size: 44px;color: #22262a;line-height: 1;}
.corinfo-link-time span{display: block;font-size: 16px;color: #999;line-height: 1;margin-top: 6px;}
.corinfo-link-cont{width: calc(100% - 130px);padding-left: 0px;float: right;}
.corinfo-link-cont h2, .corinfo-link-cont h3, .corinfo-link-cont-h{font-size: 20px;color: #333;font-weight: 700;line-height: 1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.corinfo-link-cont p{font-size: 14px;color: #888;line-height: 24px;margin: 12px 0 24px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.corinfo-link-cont i{width: 36px;height: 9px;background: url('../images/pages/arrow2.png') no-repeat right center;display: block;transition: all .4s ease;position: relative;}
.corinfo-link:hover .corinfo-link-cont h2, .corinfo-link:hover .corinfo-link-cont h3, .corinfo-link:hover .corinfo-link-cont-h{color: #296AFF;}
.corinfo-link:hover .corinfo-link-cont i{background-image: url('../images/pages/arrow2H.png');width: 50px;}
.corinfo-more{width: 100%;margin-top: 44px;}
.corinfo-more a{margin: 0 auto;}
.sonTitle{width: 100%;text-align: center;text-align: center;}
.sonTitle h4, .sonTitle-h4{font-size: 50px;color: #222;line-height: 1;}
.sonTitle span{display: block;font-size: 28px;color: #888;text-transform: uppercase;line-height: 1;font-family:'QUARTO';margin-bottom: 32px;}
.sonTitle p{font-size: 18px;color: #888;line-height: 32px;max-width: 780px;margin: 20px auto 0;}
.sonTitle.white h4, .sonTitle.white .sonTitle-h4{color: #fff;}
.sonTitle.red span{color: #296AFF;}
@media screen and (max-width: 1500px) {
  .contain{
           width:1300px !important;
  }
}
@media screen and (max-width: 1400px) {
  .casexqjj-img{
    padding:0 6% !important;
  }
}
@media screen and (max-width: 1330px) {
  .contain-1280{
    width:1200px !important;
  }
  .casexqsj-list li{
    width:250px;
  }
}