.tech-message{background: #f8f8f8;}
.tech-message .sonTitle .name {
    font-family: 'SamsungOne300';
    color: #03293e;
}
.tech-message .sonTitle .text {
    font-family: 'SamsungOne300';
    color: #03293e;
}
.tech-contact{width: 100%;overflow: hidden;}
.tech-contact-from{}
.tech-contact-from li{width: 100%;justify-content: space-between;}
.tech-contact-items{width: calc(50% - 10px);margin-bottom: 20px;}
.tech-contact-items p{font-size: 16px;color: #888888;height: 30px;}
.tech-contact-items input, .tech-contact-items textarea{display: block;width: 100%;border: 1px solid #e6e6e6;color: #888888;padding: 0 12px;height: 50px;transition: border .4s ease;}
.tech-contact-items input:focus, .tech-contact-items textarea:focus{border: 1px solid #888888;}
.tech-contact-from li.textarea .tech-contact-items{width: 100%;}
.tech-contact-from li.textarea .tech-contact-items textarea{padding: 6px 12px;height: 114px;}
.tech-contact-from li.code .tech-contact-items{justify-content: space-between;}
.tech-contact-from li.code .tech-contact-items input{width: calc(100% - 130px);}
.tech-contact-from li.code .tech-contact-items span{display: flex;transition: border .4s ease;align-items: center;justify-content: center;width: 116px;height: 50px;border: 1px solid #e6e6e6;border-radius: 4px;cursor: pointer;padding: 4px;}
.tech-contact-from li.code .tech-contact-items span img{max-width: 100%;max-height: 100%;object-fit: cover;}
.tech-contact-from li.code .tech-contact-items span:hover{border: 1px solid #888888;}
.tech-contact-from li button{width: 256px;color: #ffffff;cursor: pointer;height: 44px;border-radius: 22px;background: #03293e;transition: all .4s ease;}

@media all and (max-width:640px) {
    .tech-contact-from li {}
    .tech-contact-items{width: 100%;margin-bottom: 15px;}
    .tech-contact-items p {height: 26px;}
    .tech-contact-items input, .tech-contact-items textarea{height: 40px;}
    .tech-contact-from li.code .tech-contact-items span{height: 40px;width: 94px;}
    .tech-contact-from li button{width: 100%;}
    .tech-contact-from li.code .tech-contact-items input {width: calc(100% - 104px);}
}

/* ===================首页样式========================== */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner-img{width: 100%;}
.banner-img img.none-mb{height: 100vh;}
.banner-img img.none-pc-pad{min-height: 440px;}
.banner-cont{position: absolute;z-index: 4;width: 100%;top: 50%;transform: translateY(-50%);left: 0;}
.banner-cont .name{font-family:'SamsungOne300';color: #FFFFFF;text-align: center;text-transform: capitalize;}
.banner-cont .text{width: 60%;color: #FFFFFF;text-align: center;text-transform: capitalize;margin: 0 auto;}
.banner-cont .link{display: flex;align-items: center;justify-content: center;width: 150px;height: 44px;background: #03293e;border-radius: 22px;transition: all .4s ease;color: #ffffff;margin: 20px auto 0;}
.banner-cont .link span{}
.banner-cont .link i{margin-left: 10px;}
.banner-cont .link:hover{box-shadow: 0 0 30px rgba(0, 0, 0, .1);}
.banner .swiper-pagination{bottom: 50px;}
.banner .swiper-pagination-bullet{width: 40px;height: 2px;background: rgba(255, 255, 255, .5);opacity: 1;margin: 0 10px !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #03293e;position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet{background: #ffffff;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}
/* 效果 */
.banner-cont .name, .banner-cont .text, .banner-cont .link{opacity: 0;}
.swiper-slide-active .banner-cont .name{animation: bannerUp 1s ease both .9s;}
.swiper-slide-active .banner-cont .text{animation: bannerUp 1s ease both 1s;}
.swiper-slide-active .banner-cont .link{animation: bannerUp 1s ease both 1.1s;}
.oneSlide .banner-cont .name{animation: bannerUp 1s ease both .3s;}
.oneSlide .banner-cont .text{animation: bannerUp 1s ease both .4s;}
.oneSlide .banner-cont .link{animation: bannerUp 1s ease both .5s;}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
.banner .swiper-slide {overflow: hidden;position: relative;}
.banner .swiper-slide img {width: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 0.4s ease 1.2s;min-height: 400px;}
.banner .swiper-slide video {width: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 0.4s ease 1.2s;min-height: 400px;}
.banner .swiper-slide-active video {transition-delay: 0.4s !important;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 4s ease;}
.banner .swiper-slide-active img {transition-delay: 0.4s !important;transform: matrix(1.06, 0, 0, 1.06, 0, 0);transition: all 4s ease;}
.banner-btn{position: absolute;bottom: 80px;width: 92% !important;left: 4%;z-index: 5;display: flex;justify-content: flex-end;}
.banner-prev, .banner-next{width: 44px;height: 44px;border-radius: 50%;background: #ffffff;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.banner-prev{left: 0;}
.banner-next{right: 0;margin-left: 10px;}
.banner-prev:hover, .banner-next:hover{background: #03293e;color: #ffffff;}
@media (max-width: 640px){
.banner-cont{bottom: 50px;}
.banner-cont .link {width: 136px;height: 40px;border-radius: 20px;}
.banner .swiper-pagination {bottom: 18px;}
.banner .swiper-pagination-bullet{width: 30px;margin: 0 7px !important;}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}	
.banner-btn{bottom: 20px;}
.banner-prev, .banner-next{width: 40px;height: 40px;}
}

.indTitle{width: auto;}
.indTitle .name{font-family:'SamsungOne300';color: #03293e;}
.indTitle .text{font-family:'SamsungOne300';color: #03293e;}

.indMore{display: flex;align-items: center;justify-content: center;width: 150px;height: 44px;border-radius: 22px;transition: all .4s ease;color: #FFFFFF;background: #03293e;opacity: 0.9;}
.indMore span{}
.indMore i{margin-left:10px;}
.indMore:hover{opacity: 1;}
.indMore:hover span{}
.indMore:hover i{}

.indpp{width: 100%;position: relative;display: flex;flex-wrap: wrap;align-content: space-between;/*background: #ffffff url(/template/fr/image/index_05.jpg) center top no-repeat;*/ }
.indpp .contain{display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.indpp-img{width: calc(50% - 20px);}
.indpp-bg{width: calc(50% - 20px);}
.indpp-bg .indTitle {}
.indpp-bg .indTitle .name{}
.indpp-bg .indTitle .text{}
.indpp-wrap{}
.indpp-num{width: 80%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.indpp-num-items{margin-right: 20px;display: flex;color: #ffffff;max-width: calc(33.33% - 20px);}
.indpp-num-items:last-child{margin-right: 0px;}
.indpp-num-items .indpp-num-line{margin-right: 10px;color: #03293e;}
.indpp-num-items .num{display: flex;align-items: baseline;justify-content: flex-start;flex-wrap: wrap;}
.indpp-num-items .num .timer{font-family: 'SamsungOne300';}
.indpp-num-items .num  i{font-style: normal;margin-left: 10px;}
.indpp-num-items .text{width: 100%;}

.indhb-play{position: relative;}
.indhb-play .contain{background: #000000;border-radius: 10px;position: relative;}
.indhb-play img{opacity: 0.9;height: 100%;width: 100%;}
.indhb-play i {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: inline-block;width: 3.25rem;height: 3.25rem;background: #ffffff;border-radius: 100%;}
.indhb-play i:before {position: absolute;content: '';left: 50%;top: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-top: 0.5rem solid transparent;border-bottom: 0.5rem solid transparent;border-left: 0.8rem solid #03293e;z-index: 2;}
.indhb-play i:after {position: absolute;content: '';width: 200%;height: 200%;left: -50%;top: -50%;background: rgba(255, 255, 255, 1.0);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 1;opacity: 0;animation: changes 2s linear 0.5s infinite;}
.indhb-play p {width: 100%;float: left;margin-top: 1.5rem;text-align: center;color: #ffffff;z-index: 1;}
.indhb-play i:hover::after {animation-play-state: paused;}
@keyframes changes {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.0;
	}

	50% {
		transform: scale(0.75);
		-webkit-transform: scale(0.75);
		opacity: 0.5;
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}

.indfw{display: flex; width: calc(100% - 0px); color: #ffffff;flex-wrap: nowrap;max-width: 1920px;margin: 0px auto;}
.indfw_bg{position: relative;}
.indfw_bg .name{position: absolute;top:30px;left: 20px;width: calc(100% - 40px);}
.indfw_bg .name .tit{font-family: 'SamsungOne300';}
.indfw_bg .name .text{height: auto;transition: all .4s ease;overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical;margin-top: 10px;}
.indfw_bg .icon{position: absolute;bottom:20px; left: 50%; transform: translate(-50%, 0%);max-width: 60px;}
.indfw_bg .img{width: 100%;}


.indcase{width: 100%;position: relative;display: flex;flex-wrap: wrap;align-content: space-between;background: #ffffff url(/template/fr/image/index_06.jpg) center bottom no-repeat; }
.indcase-bg{display: flex;align-items: center;justify-content: space-between;}
.indcase-bg .indTitle {width: 60%}
.indcase-bg .indTitle .name{}
.indcase-bg .indTitle .text{}

.indcase-wrap{width: calc(100% - 0px);}
.indcase-wrap ul{width: calc(100% - 0px);display: flex;flex-wrap: wrap; justify-content: space-between;}
.indcase-wrap ul li {width: calc(32% - 0px);margin-top: 30px;}
.indcase-wrap ul li:first-child {width: calc(66% - 0px);}
.indcase-wrap ul li:last-child {display: none;}
.indcase-link{width: 100%;display: block; position: relative;overflow: hidden;}
.indca-link:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 73, 148, 0.3);border: rgba(0, 98, 199, 0) 10px solid;transition: all .4s ease;}
.indcase-link .img{background: #f8f8f8;}
.indcase-link .img img{transition: all .6s ease;max-height: 300px;width: 100%;}
.indcase-link .logo{position: absolute;top: 30px;left: 50%;transform: translate(-50%, 0%);z-index: 4;width: 80%;}
.indcase-link .logo img{max-height: 30px;}
.indcase-link .cont{position: absolute;bottom: 0px;left: 50%;transform: translate(-50%, 0%);z-index: 4;width: 100%;text-align: left;background: rgba(0, 0, 0, 0.5);padding: 15px;}
.indcase-link .cont .name{height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;color: #FFFFFF;}
.indcase-link .cont .text{height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;color: #FFFFFF;display: none;}
.indcase-link:hover{}
.indcase-link:hover:before{background: rgba(0, 73, 148, 0.8);border: rgba(0, 98, 199, 1) 10px solid;}
.indcase-link:hover .img img{transform: scale(1.04);}
.indcase-link:hover .cont{}
.indcase-link:hover .cont .text{display: -webkit-box;}

.indal{}
.indal-head {display: flex;justify-content: space-between;align-items: center;}
.indal-loop {}
.indal-link{position: relative;display: block;transition: all .4s ease;overflow: hidden;}
.indal-link:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 73, 148, 0.3);border: rgba(0, 98, 199, 0) 10px solid;transition: all .4s ease;}
.indal-link .cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 4;text-align: center;}
.indal-link .cont .iconfont{color: #ffffff;}
.indal-link .cont .name{color: #ffffff;}
.indal-link .img{}
.indal-link .img img{transition: all .6s ease;width: 100%;}
.indal-link:hover{}
.indal-link:hover:before{background: rgba(0, 73, 148, 0.8);border: rgba(0, 98, 199, 1) 10px solid;}
.indal-link:hover .cont .iconfont{color: #03293e;}
.indal-link:hover .cont .name{}
.indal-link:hover .img img{transform: scale(1.04);}
.indal-btn {display: flex;}
.indal-prev, .indal-next{width: 44px;height: 44px;border-radius: 50%;background: #f8f8f8;cursor: pointer;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.indal-prev{left: 0px;margin-right: 10px;}
.indal-next{right: 0px;}
.indal-prev:hover, .indal-next:hover{background: #03293e;color: #ffffff;}

.indca{}
.indca-menu .contain{display: flex;justify-content: space-between;align-items: flex-end;}
.indca-menu .contain ul{display: flex;justify-content: space-between;}
.indca-menu .contain ul li{text-align: center;margin-left: 10px;}
.indca-menu .contain ul li h2{color: #888888;height: auto;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indca-menu .contain ul li.active {color: #03293e;}
.indca-menu .contain ul li.active h2{color: #03293e;}
.indca-head {min-width: 30%;}
.indca-loop{width: calc(100% - 0px);position: relative;}
.indca-loop .swiper-slide{display: flex;justify-content: space-between;}
.indca-loop .indca-loop-left{width: calc(50% - 10px);position: relative;}
.indca-loop .indca-loop-right{width: calc(50% - 10px);position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.indca-loop .indca-loop-right li{width: calc(50% - 10px);}

.indca-link{width: 100%;display: block; position: relative;overflow: hidden;}
.indca-link:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 73, 148, 0.3);border: rgba(0, 98, 199, 0) 10px solid;transition: all .4s ease;}
.indca-link .img{background: #f8f8f8;}
.indca-link .img img{transition: all .6s ease;}
.indca-link .logo{position: absolute;top: 30px;left: 50%;transform: translate(-50%, 0%);z-index: 4;width: 80%;}
.indca-link .logo img{max-height: 30px;}
.indca-link .cont{position: absolute;bottom: 30px;left: 50%;transform: translate(-50%, 0%);z-index: 4;width: 80%;text-align: left;}
.indca-link .cont .name{height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;color: #FFFFFF;}
.indca-link .cont .text{height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;color: #FFFFFF;display: none;}
.indca-link:hover{}
.indca-link:hover:before{background: rgba(0, 73, 148, 0.8);border: rgba(0, 98, 199, 1) 10px solid;}
.indca-link:hover .img img{transform: scale(1.04);}
.indca-link:hover .cont{}
.indca-link:hover .cont .text{display: -webkit-box;}


.indxw{width: 100%;position: relative;}
.indxw-head{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.indxw-head .indTitle .name{color: #000000;}
.indxw-loop{width: 100%;position: relative;display: flex;justify-content: space-between;}
.indxw-loop .indxw-left{width: calc(50% - 10px);}
.indxw-loop .indxw-right{width: calc(50% - 10px);}
.indxw-left-link{width: 100%;height: 100%; padding: 30px; transition: all .4s ease;background: #f8f8f8;display: block;}
.indxw-left-link .name{eight: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-left-link .time{color: #888888;}
.indxw-left-link .img img{transition: all .6s ease;width: 100%;}
.indxw-left-link:hover{background: #03293e;}
.indxw-left-link:hover .name{color: #FFFFFF;}
.indxw-left-link:hover .time{color: #FFFFFF;}
.indxw-left-link:hover .img img{transform: scale(1.04);}
.indxw-left-link:hover .indMore{background: #ffffff;opacity: 1;}
.indxw-left-link:hover .indMore span{ color: #03293e;}
.indxw-left-link:hover .indMore i{ color: #03293e;}
.indxw-right-link{width: 100%;height: 100%; padding: 30px; transition: all .4s ease;border-bottom: #f0f0f0 1px solid;    display: block;}
.indxw-right-link .cont{display: flex;justify-content: space-between;align-items: flex-end;}
.indxw-right-link .name{width: calc(100% - 50px);height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-right-link .time{color: #888888;width: 50px;text-align: right;}
.indxw-right-link .text{color: #888888;height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-right-link:hover .name{color: #03293e;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
}

@media all and (max-width:1439px) {
    /* 1360 */
	.indca .box{height: 510px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
	.banner-cont .text{width: 80%;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-img img.none-mb{height: 50vh;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.indpp .contain{flex-wrap: wrap;}
	.indpp-bg {width: calc(100% - 0px);}
	.indpp-img {width: calc(100% - 0px);}
	.indfw{flex-wrap: wrap;}
	.indfw_bg{width: calc(50% - 0px);}
	.indcase-wrap ul li { width: calc(49% - 0px);}
	.indcase-wrap ul li:first-child { width: calc(49% - 0px);}
	.indcase-wrap ul li:last-child {display: block;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.indfw_bg{width: calc(100% - 0px);}
	.banner-cont .text{width: 100%;}
    .indMore{width: 136px;height: 40px;border-radius: 20px;}
	.indpp{}
	.indpp-num{width: 100%;}
	.indpp-num-items{width: calc(50% - 20px);max-width: calc(50% - 20px);}
	.indal-link:before{background: rgba(0, 73, 148, 0.8);border: rgba(0, 98, 199, 1) 10px solid;}
	.indal-link .cont .iconfont{color: #03293e;}
	.indal-prev, .indal-next{width: 40px;height: 40px;}
	.indca {}
	.indca-menu .contain{flex-wrap: wrap;}
	.indca-menu .contain ul {width: 100%;flex-wrap: wrap;justify-content: space-between;}
	.indca-menu .contain ul li {width: calc(50% - 5px);margin-left: 0px;}
	.indca-menu .contain ul li:first-child {/*margin-left: 0px;*/}
	.indca-loop .swiper-slide{flex-wrap: wrap;}
	.indca-loop .indca-loop-left{width: calc(100% - 0px);}
	.indca-loop .indca-loop-right{width: calc(100% - 0px);}
	.indca-loop .indca-loop-right li{width: calc(50% - 5px);margin-top: 10px;}
	.indxw-loop {flex-wrap: wrap;}
	.indxw-loop .indxw-left {width: calc(100% - 0px);}
	.indxw-loop .indxw-right {width: calc(100% - 0px);}
	.indxw-left-link {padding: 30px 15px;}
	.indxw-right-link {padding: 15px;}
}