.t-picture-list05{overflow:hidden;}
.t-picture-list05 .item{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0;box-sizing:border-box;animation:fadeinR 1s;background: #fff;}
.t-picture-list05 .item:first-child{margin-top:0;}
.t-picture-list05 .item:last-child{margin-bottom:0;}
.t-picture-list05 .item:nth-child(even){flex-direction:row-reverse;animation:fadeinL 1s;}
.t-picture-list05 .pic{float:left;width:50%;overflow:hidden;}
.t-picture-list05 .pic img{display:block;width:100%;}
.t-picture-list05 .text{position:relative;padding:30px;width:50%;overflow:hidden;}
.t-picture-list05 .hd{position:relative;padding-bottom:20px;overflow:hidden;}
.t-picture-list05 .hd h3{font-weight:normal;font-size:36px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t-picture-list05 .hd em{font-style:normal;color:#999;}
.t-picture-list05  .btn { margin-top:90px;}
.t-picture-list05  .btn a {vertical-align: middle; display:inline-block; width:145px; height:50px; line-height:50px;background:#005bac; text-align:center; font-size:18px; color:#fff;}
.t-picture-list05  .btn .tel { display:inline-block; margin-left:15px;vertical-align: middle;}
.t-picture-list05  .btn .tel p { font-size:16px;}
.t-picture-list05  .btn .tel em { font-size:24px; color:#005bac; font-weight:bold; font-family:"DIN Medium";}
.t-picture-list05 .summary{margin-top:16px;font-size:16px;line-height:1.5;color:#666;overflow:hidden;}
@media screen and (max-width:992px){
.t-picture-list05  .btn { margin-top:30px;}	
.t-picture-list05  .btn a { width:110px;}
.t-picture-list05 .item{margin: 10px 0;}
.t-picture-list05 .pic,.t-picture-list05 .text{float:none !important;width:100%;}
.t-picture-list05 .text{padding:16px;}
.t-picture-list05 .btn { margin-top:60px;}
.t-picture-list05 .btn .tel em { font-size:18px;}
.t-picture-list05 .text:after{left:16px;bottom:16px;}
.t-picture-list05 .hd h3{font-size:24px;}
.t-picture-list05 .summary{margin-top:10px;font-size:14px;}}

.t-step-type03{overflow:hidden;} 
.t-step-type03 .item{position:relative;float: left;padding:10px 0;width:16.66%;text-align:center;} 
.t-step-type03 .item:after{display:block;position:absolute;right:-10px;top:50%;margin-top:-10px;width:20px;height:20px;line-height:20px;font-family:"iconfont";content:"\e727";color:#666;} .t-step-type03 .item:last-child:after{display:none;} 
.t-step-type03 .circle{position:relative;margin:0 auto;width:150px;height:150px;background:#fff;border:#e0e0e0 solid 1px;border-radius:50%;box-shadow:5px 5px 10px rgba(0,0,0,0.1);transition:all 1s;}
 .t-step-type03 .circle em.num{display:block;position:absolute;left:0;top:10px;width:30px;height:30px;font:normal bold 14px/28px "DIN Medium";color:#fff;background:#005bac;border:#fff solid 1px;border-radius:50%;}
 .t-step-type03 .circle .con{position:relative;top:50%;left:50%;width:90%;transform:translate(-50%,-50%);} .t-step-type03 .circle .con em{display:block;margin:0 auto;width:30px;height:30px;filter:contrast(2) brightness(0);}
 .t-step-type03 .circle .con em img{display:block;width:100%;}
 .t-step-type03 .circle h3{margin-top:10px;font-weight:normal;font-size:16px;color:#333;font-weight:100;} 
.t-step-type03 .item:hover .circle{background:#005bac;border-color:#fff;} 
.t-step-type03 .item:hover .circle .con em{filter:contrast(0) brightness(2);} 
.t-step-type03 .item:hover .circle h3{color:#fff;} 
@media(max-width:1200px){ 
.t-step-type03 { margin:0 -10px;}
.t-step-type03 .item { width:calc(100%/4 - 10px); margin:0 5px;}	
.t-step-type03 .circle { width:70px; height:70px;}
.t-step-type03 .circle em.num { top:-5px; width:20px; height:20px; line-height:20px; font-size:12px;}
.t-step-type03 .circle h3 { margin-top:2px;}
.t-step-type03 .item:after { display:none;}
.t-step-type03 .circle .con em{width:20px;height:20px;} .t-step-type03 .circle h3{font-size:14px;} 
}


/* indexInfo */
.indexInfo {position: relative;margin-top: 40px;display: block;overflow: hidden;background: #fff;}
.indexInfo .text { padding-top: 150px; float: left; width: 710px;}
.indexInfo .text > h2 { font-size: 36px; color: #000;}
.indexInfo .text > h2 a { color: #000; font-weight: bold;}
.indexInfo .text > span { margin: 5px 0 50px; display: block; font-size: 18px; color: #010101;}
.indexInfo .text > p { font-size: 15px; color: #666; line-height: 1.75; padding-right: 100px;}
.indexInfo .text ul { display: flex; padding: 25px 0; margin-top: 90px; background: #005bac; width: 100%;height: 113px;} 
.indexInfo .text li { flex: 1; text-align: center; border-right: 1px solid #80add6;}
.indexInfo .text li:last-child { border-right: none;}
.indexInfo .text li span {font-size: 36px;color: #fff;font-family: "DIN Medium";font-weight: bold;line-height: 1;}
.indexInfo .text li p { font-size: 16px; color: rgba(255,255,255,.5);}
.indexInfo .video { position: relative; float: left; width: 690px;}
.indexInfo .video[data-index="false"]::after {content: '';display: block;position: absolute;left: 75%;top: 50%;background: url(../image/player.png) no-repeat center;width: 100%;height: 100%;transform: translate(-50%, -50%);}
.indexInfo .video video {width: 942px;height: 809px;object-fit:fill;}
@media (max-width:1440px) {
    .indexInfo .text { width: 610px; padding-top: 70px;}
    .indexInfo .text > p  { padding-right: 50px;}
    .indexInfo .text > span { margin:10px 0 30px;}
    .indexInfo .video { width: 590px;}
    .indexInfo .video video { width:655px; height: 630px;}
    .indexInfo .video[data-index="false"]::after { left: 56%;}
    .indexInfo .text ul  {margin-top:60px;}
}
@media (max-width:1200px) {
    .indexInfo .text { padding-top: 40px; float: none; width: 100%;}
    .indexInfo .text { text-align: center;}
    .indexInfo .text > h2 { font-size: 24px; text-align: center;}
    .indexInfo .text > span { margin: 5px 0 20px; font-size: 16px;}
    .indexInfo .text > p { padding: 0 10px; font-size: 14px;}
    .indexInfo .text ul { margin-top: 20px; height: auto; padding: 15px 0;}
    .indexInfo .text li span { font-size: 24px;}
    .indexInfo .text li p {font-size: 14px;padding: 0 15px;}
    .indexInfo .video  { margin-top: 10px; float: none; width: 100%;}
    .indexInfo .video video  { width: 100%; height: 350px;}
    .indexInfo .video[data-index="false"]::after { left:50%}
}
/* indexInfo end */ 

.cx-product-intro03 {margin: 40px 0;overflow: hidden;}
.cx-product-intro03 .intro03-info {float: left;width: 1000px;padding: 40px;background: #fff;overflow: hidden;}
.cx-product-intro03 .info-logo {display: block;width: 250px;border: 1px solid #efefef;}
.cx-product-intro03 .info-logo img { display: block; width: 100%;}
.cx-product-intro03 .intro03-info .bd {margin-top: 40px;padding-top: 40px;border-top: 1px solid #efefef;overflow: hidden;}
.cx-product-intro03 .intro03-info .bd ul { overflow:hidden;}
.cx-product-intro03 .intro03-info .bd li { float: left;}
.cx-product-intro03 .intro03-info .bd li {float:left;margin-right: 30px;}
.cx-product-intro03 .intro03-info .bd li span {display:inline-block;font-size: 20px;color: #005bac;font-weight: bold;}
.cx-product-intro03 .intro03-info .bd li em {display:inline-block;font-size: 16px;color:#333;padding-left: 0;}
.cx-product-intro03 .intro03-info .bd li em a:hover { color: #c3030b;}
.cx-product-intro03 .intro03-info .bd .sum { margin-top:20px; font-size:16px; line-height:1.75;color:#666;}
.cx-product-intro03 .right-wrap { float:right; width:280px;}
@media(max-width:1440px){
	.cx-product-intro03 .intro03-info { width:850px;}
}
@media(max-width:1200px){
	.cx-product-intro03 {margin: 40px 15px;}
	.cx-product-intro03 .info-logo {width: 130px;}
	.cx-product-intro03 .intro03-info .bd {margin-top: 20px;padding-top: 20px;}
	.cx-product-intro03 .intro03-info {float: none;width: 100%;padding: 20px;}
       .cx-product-intro03 .intro03-info .bd li { margin-right:10px;}
        .cx-product-intro03 .intro03-info .bd li span { font-size:16px;}
        .cx-product-intro03 .intro03-info .bd li em { font-size:14px;}
       .cx-product-intro03 .intro03-info .bd .sum { font-size:14px;}
	.cx-product-intro03 .right-wrap { float: none; width: 100%;}
}

/* indexPhotos */
.indexPhotos {position: relative;padding: 50px 0;overflow: hidden;}
.indexPhotos .photos-slide { position: relative; overflow: hidden;}
.indexPhotos .pic { overflow: hidden;}
.indexPhotos .pic img { transition: all 1s;}
.indexPhotos p { display: block; width: 100%; height: 50px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; text-align: center; background: #f3f3f3; font-size: 18px; color: #333;}
.indexPhotos .swiper-slide:hover img { transform: scale(1.1);}
.indexPhotos .swiper-slide:hover p { background: #005bac; color: #fff;}
.cx-base-02.color .indexPhotos .swiper-slide:hover p { background: #005bac!important; color: #fff!important;}
.indexPhotos .prev,.indexPhotos .next{position:absolute;z-index:9;top:50%;width: 60px;height: 60px;line-height: 60px;color: #333;border-radius: 50%;text-align:center;cursor:pointer;outline:none;background: #e0e0e0;transform:translateY(-50%);}
.indexPhotos .prev i,.indexPhotos .next i { font-size: 20px;}
.indexPhotos .prev{left: 0;}
.indexPhotos .next{right: 0;}
.indexPhotos .prev:hover,.indexPhotos .next:hover{color:#fff;background:#005bac;border-color:#005bac;opacity:1;}
@media (max-width:992px) {
    .indexPhotos .prev,.indexPhotos .next { width: 40px; height: 40px; line-height: 40px;}
    .indexPhotos { padding: 30px 15px;}
    .indexPhotos p { padding: 0 15px; height: 40px; line-height: 40px; font-size: 14px;}
}
/* indexPhotos end */

/* super */
.super {position: relative;padding: 80px 15px;overflow: hidden;background: #fff;}
.super .super-con {margin:50px -12px 0; overflow: hidden;}
.super .super-con .item { float: left; margin: 0 12px; width: calc(100%/3 - 24px);}
.super .super-con .item  .pic { display: block; overflow: hidden;}
.super .super-con .item  .pic img { transition: all 1s;}
.super .super-con .item .text { padding: 30px; box-sizing: border-box; background: #fff;}
.super .super-con .item .text h3 { font-size: 24px; color: #000;}
.super .super-con .item .text p {margin-top: 15px;padding-top: 20px;border-top: 1px solid #e5e5e5;font-size: 16px;height: 105px;color: #666;line-height: 1.75;}
.super .super-con .item:hover img { transform: scale(1.1);}
.super .super-con .item:hover .text { background: #005bac;}
.super .super-con .item:hover .text h3,.super .super-con .item:hover .text p { color: #fff;}
@media (max-width:1200px) {
    .super { padding: 40px 0;}
    .super .super-con { margin: 20px 0 0;}
    .super .super-con .item { margin: 6px 12px; width: calc(100% - 24px);}
    .super .super-con .item .text h3 { font-size: 18px;}
    .super .super-con .item .text p { font-size: 14px;}
}
/* super end */


/* cx-base-02 */
.cx-base-02 {position: relative;margin: 40px 0;padding: 60px 0;background: #fff;}
.cx-base-02.color {background: #f4f4f4!important;}
.cx-base-02.color .indexPhotos p { background:#fff!important;}
.cx-base-02 .intro {display: block;overflow: hidden;}
.cx-base-02 .intro .media {float: left;width: 600px;}
.cx-base-02 .intro .text {float: right;width: 680px;}
.cx-base-02 .intro .text h2 { font-size:36px; color:#333;}
.cx-base-02 .intro .text p { width:85%; margin-top:40px; font-size:18px; line-height:1.75; color:#666;}
@media (max-width:1440px) {
	.cx-base-02 { padding:40px 0;}
	.cx-base-02 .intro .media { width:600px;}
	.cx-base-02 .intro .text { width:550px;}
}
@media (max-width:1200px) {
	.cx-base-02 .intro { padding:0 15px;}
    .cx-base-02 .intro .text { float: none; width: 100%;text-align: center;}
    .cx-base-02 .intro .text h2 { font-size: 24px; }
    .cx-base-02 .intro .text p { width: 100%; margin-top: 20px; font-size: 14px;}
    .cx-base-02 .intro .media { margin-top: 20px; width: 100%; float: none;}
}
/* cx-base-02 end */

/* partner */
.partner {position: relative;padding: 80px 15px;background: #fff;overflow: hidden;}
.partner .partner-tp {display: block; overflow: hidden;}
.partner .partner-tp .honor-fl { float: left;}
.partner .partner-tp .honor-fl .item { float: left; margin-right: 80px; width: 218px; text-align: center;}
.partner .partner-tp .honor-fl .item .pic { display: block; overflow: hidden; border: 1px solid #ccc;}
.partner .partner-tp .honor-fl .item .pic img { transition: all 1s;}
.partner .partner-tp .honor-fl .item  p { padding-top: 30px; font-size: 15px; color: #666;}
.partner .partner-tp .honor-fl .item .pic:hover img {transform: scale(1.1);}
.partner .partner-tp .honor-fr { float: right; width: 760px;}
.partner .partner-tp .honor-fr h3 { font-size: 36px; color: #000; font-weight: bold;}
.partner .partner-tp .honor-fr h3 a { color: #000;}
.partner .partner-tp .honor-fr p { margin-top: 10px; font-size: 18px; color: #010101;}
.partner .partner-tp .honor-fr  span {display: block;margin-top: 22px;font-size: 15px;line-height: 1.75;color: #666;}
.partner .partner-tp .honor-fr ul { margin-top: 40px; overflow: hidden;}
.partner .partner-tp .honor-fr li {float: left; width: 85px; border-right: 1px solid #e5e5e5;}
.partner .partner-tp .honor-fr li:last-child { border:none;}
.partner .partner-tp .honor-fr .honor-bf { margin-top: 30px;}
@media (max-width:1440px) {
    .partner .partner-tp .honor-fr { width: 600px;}
}
@media (max-width:1200px) {
    .partner { padding: 40px 15px;}
    .partner .partner-tp .honor-fr .honor-bf { margin-top: 20px;}
    .partner .partner-tp .honor-fl { float: none; width: 100%; overflow: hidden;}
    .partner .partner-tp .honor-fl .item {margin: 0 4%;width: 42%;}
    .partner .partner-tp .honor-fl .item p { padding-top: 15px; font-size: 14px;}
    .partner .partner-tp .honor-fr { margin-top: 20px; float: none;width: 100%;}
    .partner .partner-tp .honor-fr h3 { font-size: 24px;}
    .partner .partner-tp .honor-fr p { font-size: 16px;}
    .partner .partner-tp .honor-fr span { margin-top: 15px; font-size: 14px;}
    .partner .partner-tp .honor-fr ul { margin-top: 20px;}
}
/* partner end */


/*--cx-photos-03--*/
.cx-photos-03 {position: relative;padding:60px 0;overflow:hidden;}
.cx-photos-03  .list{margin:-12px;overflow:hidden;}
.cx-photos-03  .list .item{position:relative;float:left;margin:12px;overflow:hidden;background:#fff;border-radius:5px;}
.cx-photos-03  .list[data-grid="2"] .item{width:calc(50% - 24px);}
.cx-photos-03  .list[data-grid="3"] .item{width:calc(33.3333% - 24px);}
.cx-photos-03  .list[data-grid="4"] .item{width:calc(25% - 24px);}
.cx-photos-03  .list[data-grid="5"] .item{width:calc(20% - 24px);}
.cx-photos-03  .list[data-grid="6"] .item{width:calc(16.6666% - 24px);}
.cx-photos-03  .list .pic img{display:block;width:100%;transition:all 1s;}
.cx-photos-03  .list .pic:hover img{transform:scale(1.1);}
.cx-photos-03  .list .text{padding:10px 20px; text-align:left;}
.cx-photos-03  .list .text h3{line-height:30px;font-size: 18px;color:#333;font-weight: bold;overflow:hidden;}
.cx-photos-03  .list .text h3 a{color:#333;}
.cx-photos-03  .list .text p {  font-size:16px; line-height:1.75; color:#666;}
.cx-photos-03  .list[data-type="video"] .pic a{display:block;position:relative;}
.cx-photos-03  .list[data-type="video"] .pic a:after{display:block;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.3);transition:all 0.5s;}
.cx-photos-03  .list[data-type="video"] .pic a:before{display:block;position:absolute;z-index:3;left:50%;top:50%;font-size:36px;color:#fff;font-family:'iconfont' !important;content:"\e623";transform:translate(-50%,-50%);transition:all 0.5s;}
.cx-photos-03  .list[data-type="video"] .item:hover .pic a:after{background-color:rgba(0,0,0,0.2);}
.cx-photos-03  .list[data-type="VR"] .pic a{display:block;position:relative;}
.cx-photos-03  .list[data-type="VR"] .pic a:after{display:block;position:absolute;left:20px;top:20px;width:90px;height:40px;content:"";background:url(../image/vr_tag.png) no-repeat center / 100%;}
.cx-photos-03  .list[data-type="team"] .text{position:absolute;left:0;bottom:0;width:100%;text-align:left;background:rgba(0,0,0,0.5);}
.cx-photos-03  .list[data-type="team"] .text h3 a{color:#fff;}
.cx-photos-03  .list[data-type="team"] .text p{display:none;margin-top:5px;line-height:22px;font-size:14px;color:#fff;}
.cx-photos-03  .list[data-type="team"] .item:hover .text p{display:block;}
@media(max-width:1440px){
.cx-photos-03 {padding:50px 0;}
}
@media(max-width:1200px){
.cx-photos-03 {padding:30px 10px;}
.cx-photos-03  .list{margin:-6px;}
.cx-photos-03  .list .item{margin:6px;width:calc(50% - 12px) !important;}
.cx-photos-03  .list .text {padding: 10px 5px;height: 115px;}
.cx-photos-03  .list .text p {font-size: 14px;}
.cx-photos-03 .list[data-type="VR"] .pic a:after{left:10px;top:10px;width:80px;height:36px;}
}
/*--end cx-photos-03--*/

/* ment */
.ment {display: block;padding: 0 15px 90px;background: #fff;}
.ment .ment-slide { position: relative; overflow: hidden;}
.ment .ment-slide .pic { overflow: hidden;}
.ment .ment-slide .pic img { transition: all 1s;}
.ment .ment-slide p {  padding: 0 15px; font-size: 18px; color: #666; width: 100%; height: 65px; line-height: 65px; text-align: center; background: #f3f3f3; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.ment .prev,.ment .next{position:absolute;z-index:9;top:50%;width: 60px;height: 60px;line-height: 60px;color: #333;border-radius: 50%;text-align:center;cursor:pointer;outline:none;background: #e0e0e0;transform:translateY(-50%);}
.ment .prev i,.ment .next i { font-size: 20px;}
.ment .prev{left: 0;}
.ment .next{right: 0;}
.ment .prev:hover,.ment .next:hover{color:#fff;background:#005bac;border-color:#005bac;opacity:1;}
.ment .ment-slide .swiper-slide:hover p { background:#005bac; color:#fff;}
.ment .ment-slide .swiper-slide:hover img { transform:scale(1.1);}

@media (max-width:992px) {
    .ment  { padding: 0 15px 40px;}
    .ment .prev,.ment .next { width: 40px; height: 40px; line-height: 40px;}
    .ment .ment-slide p { height: 40px; line-height:40px; font-size: 14px;}
}
/* ment end */


/* ad */
.ad { position: relative; display: block; width: 100%; height: 400px; background: url(../image/ad-bg.jpg) no-repeat center; background-size: cover;}
.ad .wrap-title { padding-top: 80px;}
.ad .wrap-title h2,.ad .wrap-title p { color: #fff;}
.ad .ad-con { margin-top: 55px; overflow: hidden;}
.ad .ad-con  ul { float: left; display: flex;  flex-wrap: wrap;}
.ad .ad-con  ul li { padding: 12px 0; float: left; margin-right: 35px; width: 86px; height: 86px; line-height: 1.5;  border-radius: 50%; background: #005bac; font-size: 20px; color: #fff; text-align: center;}
.ad .ad-con .ad-form {margin: 13px 0; float: right;}
.ad .ad-con .ad-form input { padding-left: 20px; font-size: 16px; float: left; width: 440px; height: 60px; background: #fff; border: none;}
.ad .ad-con .ad-form a { float: left; width:170px; height: 60px; line-height: 60px; text-align: center; background: #005bac; font-size: 18px; color: #fff;}
.ad .ad-con .ad-form a i {display: inline-block;margin-top: -2px;margin-left: 5px;vertical-align: middle;width: 30px;}
@media (max-width:1440px) {
    .ad .ad-con .ad-form input { width: 360px;}
    .ad .ad-con .ad-form a { width: 150px;}
    .ad .ad-con ul li { margin-right: 20px;}
}
@media (max-width:1200px) {
    .ad  { padding: 0 15px;}
    .ad .wrap-title { padding-top: 40px;}
    .ad .ad-con { margin-top: 20px;}
    .ad .ad-con ul {float: none; overflow: hidden;}
    .ad .ad-con  ul li {padding: 10px 0;width: 65px;height: 65px;margin: 5px 25px;font-size: 16px;}
    .ad .ad-con .ad-form { margin: 20px 0 0; float: none; width: 100%;}
    .ad .ad-con .ad-form input { width: 70%; height: 40px; font-size: 14px;}
    .ad .ad-con .ad-form a { width: 30%; height: 40px; line-height: 40px; font-size: 14px;}
    .ad .ad-con .ad-form a i { width: 21px;}
}
/* ad end */

#s0,#s1,#s2,#s3,#s4,#s5,#s6,#s7 {position: absolute;top: -153px;}
@media(max-width:1200px) {
#s0,#s1,#s2,#s3,#s4,#s5,#s6,#s7 {top: -60px;}
}