/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;user-select: none;}
.paging-menu, .paging-menu a{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 44px;height: 44px;line-height: 44px;margin: 0 3px;font-family: Arial;font-size: 18px;color: #888888;transition: all .4s ease;border-radius: 50%;background-color: #ffffff;}
.paging-menu a:first-child, .paging-menu a:last-child{display: none !important;font-size: 0;background-repeat: no-repeat;background-position: center;background-image: url('/template/cn/images/arrL.svg');background-size: 19px auto;}
.paging-menu a:last-child{transform: rotate(180deg);}
.paging-menu a:first-child:hover, .paging-menu a:last-child:hover{}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{background: #004994;color: #ffffff;}
@media all and (max-width:1279px) {.paging-menu a{width: 40px;height: 40px;line-height: 40px;font-size: 16px;}.paging-menu a:first-child, .paging-menu a:last-child{background-size: 18px;}}
@media all and (max-width:1000px) {.paging-menu a{margin: 0 2px;width: 36px;height: 36px;line-height: 36px;}.paging-menu a:first-child, .paging-menu a:last-child{background-size: 16px;}}

/*分页*/
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
	justify-content: center;
}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-link {
	font: 14px/1 "SimSun";
}
.page-num, .page-link {
    position: relative;
    display: block;
    padding: .5rem;
    margin-left: -1px;
    line-height: 1;
    color: #888888;
    border: 0px solid #f0f0f0;
    background-color: rgb(0 0 0 / 0);
    border-radius: 2px;
	margin: 0 .25rem;
	-webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
	background: #004994;
	color: #ffffff;
}
.page-num-current {
	z-index: 1;
	color: #ffffff;
	background: #004994;
}
.page-num-current:hover {
	color: #ffffff;
}
@media only screen and (max-width: 576px)
.page-num {
    display: none;
}

/* 搜索页面 */
.search{width: 100%;background: linear-gradient(to bottom,#ffffff,#f8f8f8);}
.search .contain{}
.search-info{width: 100%;font-family:'SamsungOne300';}
.search-info span{color: #004994;}
.search-list{width: 100%;margin-top: 30px;}
.search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #ededed;}
.search-link h2{line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.search-link p{width: 100%;margin-top: 16px;color: #888888;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.search-link .highlightRow span{color: #004994 !important;}
.search-link:hover h2{color: #004994;}
@media all and (max-width:1599px) {.search-info{}.search-link{padding: 28px 0;}}
@media all and (max-width:1279px) {.search-info{}.search-link{padding: 24px 0;}}
@media all and (max-width:1000px) {.search-info{}.search-link{padding: 20px 0;}.search-link p{margin-top: 12px;}}
@media all and (max-width:640px) {.search-info{}.search-link {padding: 16px 0;}.search-link p{margin-top: 8px;}}

.sonBan{width: 100%;position: relative;}
.sonBan-img{width: 100%;object-fit: cover;min-height: 350px;}
.sonBan-cont{position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;display: flex;align-items: center;color: #ffffff;}
.sonBan-cont .name{line-height: 1.1;opacity: 0;animation: sonBanRun 1s ease both .4s;font-family:'SamsungOne300';color: #ffffff;text-align: center;}
.sonBan-cont .text{line-height: 1.1;opacity: 0;animation: sonBanRun 1s ease both .6s;font-family:'SamsungOne300';color: #ffffff;text-align: center;}
.sonBan-cont .link{display: flex;align-items: center;width: 152px;height: 44px;border-radius: 22px;background: #004994;transition: all .4s ease;justify-content: center;font-family:'SamsungOne300';opacity: 0;animation: sonBanRun 1s ease both .8s;cursor:pointer;color: #ffffff;}
.sonBan-cont .link span{}
.sonBan-cont .link:hover{background: #5ab651;}
@media all and (max-width:640px) {
    .sonBan-cont .link {width: 136px;height: 40px;}
}

@keyframes sonBanRun {0%{opacity: 0;transform: translateX(120px);}100%{opacity: 1;transform: translateX(0);}}
.sonBan-hint{width: 100%;}
.sonBan-hint .contain{justify-content: center;align-items: center;color: #ffffff;}
.sonBan-hint a{position: relative;display: flex;align-items: center;transition: all .4s ease;margin:10px;}
.sonBan-hint a:first-child{}
.sonBan-hint a:last-child{margin-right: 0;}
.sonBan-hint a:last-child::after{display: none;}
.sonBan-hint a:hover{color: #004994;}

.sonMenu{width: 100%;position: absolute;bottom: 0;z-index: 10;background: rgba(0, 0, 0, 0.2);}
.sonMenu::after{content: "";position: absolute;width: 100%;height: 1px;left: 0;top: 0;pointer-events: none;background: rgba(255, 255, 255, 0.1);}
.sonMenu-scroll{flex-wrap: nowrap;justify-content: flex-start;}
body.PAD .sonMenu-scroll,body.PC .sonMenu-scroll{width: 100% !important;}
.sonMenu a{display: flex;align-items: center;margin: 0;color: #ffffff;transition: all .4s ease;padding: 0px 50px;height: 60px;background: linear-gradient(to right, rgba(184, 210, 0, 0), rgba(0, 145, 58, 0));white-space: nowrap;}
.sonMenu a:first-child{}
.sonMenu a:last-child{}
.sonMenu a:hover, .sonMenu a.active{background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #004994);}

.sonTitle{width: auto;}
.sonTitle .name{font-family:'SamsungOne300';color: #5ab651;}
.sonTitle .text{font-family:'SamsungOne300';color: #004994;}

/* 新闻 */
.news{width: 100%;position: relative;overflow: hidden;}
.news-list{width: 100%;}
.news-list li:first-child .news-list-link{background: #f8f8f8;border-bottom: 0px;}
.news-list li:first-child .news-list-link .img{display: block;width: calc(40% - 15px);}
.news-list li:first-child .news-list-link .img img{transition: all .6s ease;width: 100%;}
.news-list li:first-child .news-list-link .cont{width: calc(60% - 15px);}
.news-list li:first-child .news-list-link .indMore{display: flex;}
.news-list li:first-child .news-list-link:hover{background: #5ab651;}
.news-list li:first-child .news-list-link:hover .name{color: #FFFFFF;}
.news-list li:first-child .news-list-link:hover .time{color: #FFFFFF;}
.news-list li:first-child .news-list-link:hover .text{color: #FFFFFF;}
.news-list li:first-child .news-list-link:hover .img img{transform: scale(1.04);}
.news-list li:first-child .news-list-link:hover .indMore{background: #ffffff;opacity: 1;}
.news-list li:first-child .news-list-link:hover .indMore span{ color: #5ab651;}
.news-list li:first-child .news-list-link:hover .indMore i{ color: #5ab651;}
.news-list-link{width: 100%;height: 100%; padding: 30px; transition: all .4s ease;border-bottom: #f0f0f0 1px solid;    display: flex;justify-content: space-between;align-items: center;}
.news-list-link .img{width: calc(30% - 10px);display: none;}
.news-list-link .cont{width: calc(100% - 0px);display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.news-list-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;}
.news-list-link .time{color: #888888;width: 50px;text-align: right;}
.news-list-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;width: 100%;}
.news-list-link .indMore{display: none;}
.news-list-link:hover .name{color: #5ab651;}

/* 新闻详情 */
.newsxq{width: 100%;overflow: hidden;position: relative;}
.newsxq-title{width: 100%;text-align: center;}
.newsxq-title .name{}
.newsxq-title .tags{justify-content: center;color: #888888;}
.newsxq-title .tags p{margin-left: 20px;}
.newsxq-title .tags p:first-child{margin-left: 0;}
.newsxq-cont{color: #888888;border-bottom: #f0f0f0 1px solid;border-top: #f0f0f0 1px solid;}
.newsxq-cont .sonTitle{color: #000000;}
.newsxq-recom{width: 100%;}
.newsxq-recom-head{width: 100%;justify-content: space-between;align-items: center;}
.newsxq-recom-head .name{}
.newsxq-recom-head .link{display: flex;align-items: center;color: #888888;text-transform: uppercase;transition: all .4s ease;}
.newsxq-recom-head .link span{padding-right: 10px;}
.newsxq-recom-head .link:hover{color: #004994;}
.newsxq-cont li{list-style: decimal;margin-left: 15px;}


/* 联系我们 */
.tech-reldt{width: 100%;}
.tech-reldt .contain{}
.reldt-list{width: 100%;}
.reldt-list ul{display: flex;flex-wrap: wrap;margin: -20px 0 0 -20px;justify-content: flex-start;}
.reldt-list li{width: calc(25% - 20px);margin: 20px 0 0 20px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;align-content: flex-start;}
.reldt-list li:last-child{}
.reldt-list li i{background: #5ab651;color: #ffffff;border-radius: 100%;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}
.reldt-list li span{width: 100%;text-align: center;margin-top: 10px;}
.reldt-list li:hover{}
.reldt-list li:hover span{}
.reldt-map{width: 100%;height: 600px;position: relative;background: #ffffff;/*box-shadow: 0 0 16px 4px rgba(0, 0, 0, .05);*/border: 1px solid #f0f0f0;padding: 10px;}
.reldt-map #map{width: 100%;height: 100%;}
.reldt-map #map .amap-logo,.reldt-map #map .amap-copyright{display: none !important;}

.tech-message{background: #f8f8f8;}
.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: #004994;transition: all .4s ease;}

.accordion{}
.accordion .files{margin-bottom: 20px;}
.accordion .files a{justify-content: space-between;padding: 20px;border: #f0f0f0 1px solid;}
.accordion .files a.active{background: #5ab651;color: #ffffff;border: 0px;}
.accordion .files .sub-menu{padding: 20px; border: 0px solid #f0f0f0;border-top: none;box-shadow: 0 0 16px 4px rgba(0, 0, 0, .05);}


/* 产品中心 */
.pro{width: 100%;align-items: center;position: relative;}
.pro-list{width: 100%;}
.pro-list ul{flex-wrap: wrap;display: flex;margin: -25px 0 0 -50px;}
.pro-list li{width: calc(33.3333% - 50px);position: relative;overflow: hidden;margin: 25px 0 25px 50px;}
.pro-list li a{display: block;border: #f0f0f0 1px solid;}
.pro-list li a:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 73, 148, 0);border: rgba(0, 98, 199, 0) 10px solid;transition: all .4s ease;}
.pro-list li a .img{position: relative;overflow: hidden;background: #FFFFFF;}
.pro-list li a .img img{transition: all .6s ease;}
.pro-list li a .name{position: absolute;bottom: 10%;left: 10%;/*transform: translate(-50%,-50%);*/z-index: 4; width: 80%;height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;color: #000000;text-align: left;}
.pro-list li a:hover:before{background: rgba(0, 73, 148, 0.8);border: rgba(0, 98, 199, 1) 10px solid;}
.pro-list li a:hover .img img{transform: scale(1.04);}
.pro-list li a:hover .name{color: #FFFFFF;}


.pro-parameter{width: 100%;overflow: hidden;}
.pro-parameter .sonTitle{width: 100%;}
.pro-parameter-wrap{width: 100%;justify-content: space-between;}
.pro-parameter-info{width: calc(50% - 25px);}
.pro-parameter-info .sonTitle .name{}
.pro-parameter-info .sonTitle .text{font-family: 'SamsungOne100';color: #888888;}
.pro-parameter-info .sonTitle .text p:nth-child(1){display: flex;align-items: center;border-bottom: #f0f0f0 1px solid;margin-bottom: 20px;color: #000000;}
.pro-parameter-info .sonTitle .text p:nth-child(1) i{color: #004994;}
.pro-parameter-info-menu{width: 100%;justify-content: space-between;}
.pro-parameter-info-menu a{display: flex;align-items: center;width: calc(20% - 10px);justify-content: space-between;border: 1px solid #f0f0f0;transition: all .4s ease;margin-top: 10px;flex-wrap: nowrap;}
.pro-parameter-info-menu a.active, .pro-parameter-info-menu a:hover{color: #ffffff;border: 1px solid #004994;background: #004994;}
.pro-parameter-info-data{width: 100%;}
.pro-parameter-info-data>div{/*display: none;*/width: 100%;}
.pro-parameter-info-data>div.sonTitle{display: block;}
.pro-parameter-info-data>div.active{display: block;}
.pro-parameter-info-items ul{margin: -25px 0 0 -25px;}
.pro-parameter-info-items li{width: calc(50% - 25px);margin: 25px 0 0 25px;background: #f8f8f8;padding: 10px 20px;}
.pro-parameter-info-items li .name{display: flex;align-items: center;justify-content: flex-start;}
.pro-parameter-info-items li .name i{margin-right: 5px;color: #004994;width: 24px;}
.pro-parameter-info-items li .text{color: #888888;}
.pro-parameter-info-download{display: flex;height: 46px;font-family: 'SamsungOne300';justify-content: center;width: 256px;align-items: center;border: 1px solid #004994;color: #004994;transition: all .4s ease;}
.pro-parameter-info-download span{padding-right: 26px;background: url('/template/cn/image/proDown.png') no-repeat right center;transition: background .4s ease;}
.pro-parameter-info-download:hover{background: #004994;color: #ffffff;}
.pro-parameter-info-download:hover span{background-image: url('/template/cn/images/proDownH.png');}
.pro-parameter-loop{width: calc(50% - 25px);position: relative;}
.pro-parameter-loop .link{display: flex;width: 100%;justify-content: center;align-items: center;}
.pro-parameter-btn{display: flex;}
.pro-parameter-loop .prev, .pro-parameter-loop .next{width: 44px;height: 44px;border-radius: 50%;background: #f8f8f8;cursor: pointer;transition: all .4s ease;z-index: 1;display: flex;justify-content: center;align-items: center;}
.pro-parameter-loop .prev{}
.pro-parameter-loop .next{margin-left: 10px;}
.pro-parameter-loop .prev:hover, .pro-parameter-loop .next:hover{background: #004994;color: #ffffff;}

.pro-parameter-info .customSelect{display: block;width: 200px;position: relative;user-select: none;}
.pro-parameter-info .customSelect-name{display: flex;align-items: center;position: relative;padding:10px 15px;color: #ffffff;cursor: pointer;justify-content: space-between;transition: all .4s ease;background: #004994;}
.pro-parameter-info .customSelect-drop{display: none;position: absolute;z-index: 10;width: 100%;top: auto;border: 1px solid #f1f1f1;border-top: none;overflow-x: hidden;overflow-y: auto;left: 0;background: #fff;cursor: pointer;}
.pro-parameter-info .customSelect-drop>div{width:100%;position:relative}
.pro-parameter-info .customSelect-drop>div::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #f1f1f1;}
.pro-parameter-info .customSelect-drop>div:last-child::after{display: none;}
.pro-parameter-info .customSelect-drop>div:hover a, .pro-parameter-info .customSelect-drop>div.active a{color: #004994;}
.pro-parameter-info .customSelect-drop::-webkit-scrollbar {width: 2px;height: 4px;}
.pro-parameter-info .customSelect-drop::-webkit-scrollbar-thumb {background: #004994;}
.pro-parameter-info .customSelect-drop::-webkit-scrollbar-track {background: #ffffff;}
.pro-parameter-info .customSelect-name:hover{background: #004994;color: #ffffff;}
.pro-parameter-info .customSelect-name.noRadius{background: #004994;color: #ffffff;}
.pro-parameter-info .customSelect-name.noRadius i{transform: rotate(-180deg);}
.pro-parameter-info .customSelect-drop>div a{padding: 10px 15px;position: relative;display: flex;align-items: center;width: 100%;transition: all .4s ease;justify-content: space-between;}


/* 品牌介绍 */
.brand{width: 100%;overflow: hidden;}
.brand-about{width: 100%;overflow: hidden;}
.brand-about-wrap{width: calc(100% - 0px);/*color: #888888;*/}
.brand-about-head{width: calc(100% - 0px);}
.brand-about-num{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.brand-about-num ul{display: flex;flex-wrap: wrap;}
.brand-about-num li{margin-right: 20px;display: flex;max-width: calc(33.33% - 20px);}
.brand-about-num li:last-child{margin-right: 0px;}
.brand-about-num li .brand-num-line{margin-right: 10px;color: #5ab651;}
.brand-about-num li .num{display: flex;align-items: baseline;justify-content: flex-start;flex-wrap: wrap;}
.brand-about-num li .num .timer{font-family: 'SamsungOne300';color: #004994;}
.brand-about-num li .num  i{font-style: normal;margin-left: 10px;}
.brand-about-num li .text{width: 100%;}
.brand-about-video{position: relative;opacity: 1;z-index: 2;min-height: 70vh;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #000000;overflow: hidden;}
.brand-about-video img{position: absolute; z-index: 0;opacity: 0.5;height: 100%;width: 100%;}
.brand-about-video i {display: inline-block;width: 3.25rem;height: 3.25rem;background: #ffffff;border-radius: 100%;position: relative;cursor: pointer;}
.brand-about-video i:before {position: absolute;content: '';left: 50%;top: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-top: 0.4rem solid transparent;border-bottom: 0.4rem solid transparent;border-left: 0.8rem solid #004994;z-index: 2;}
.brand-about-video 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;}
.brand-about-video p {width: 100%;float: left;margin-top: 1.5rem;text-align: center;color: #ffffff;z-index: 1;}
.brand-about-video 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;
	}
}

.brand-phylogeny{width: 100%;position: relative;overflow: hidden;height: 80vh;background: #004994;}
.brand-phylogeny-head{}
.brand-phylogeny-head .sonTitle .name{color: #ffffff;}
.brand-phylogeny-loop{width: 100%;position: relative;}
.brand-phylogeny-loop-cont{width: 100%;height: 100%;display: flex;align-items: center;color: #ffffff;}
.brand-phylogeny-loop-cont .name{border-bottom: rgba(255, 255, 255, 0.1) 1px solid;max-width: 70%;position: relative;padding-bottom: 20px;}
.brand-phylogeny-loop-cont .name::after{content: "";position: absolute;left: 0;bottom: -1px; background: #5ab651;width: 50px; height: 3px; max-width: 80%;}
.brand-phylogeny-loop-cont .hint{max-width: 70%;padding-top: 20px;}
.brand-phylogeny-loop-cont .name, .brand-phylogeny-loop-cont .hint, .brand-phylogeny-loop-cont .text{opacity: 0;}
.swiper-slide-active .brand-phylogeny-loop-cont .name{animation: phylogenyRun 1s ease both .8s;}
.swiper-slide-active .brand-phylogeny-loop-cont .hint{animation: phylogenyRun 1s ease both .9s;}
@keyframes phylogenyRun {0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
.brand-phylogeny-menu{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;pointer-events: none;}
.brand-phylogeny-menu .contain{display: flex;justify-content: flex-end;}
.brand-phylogeny-menu li{display: flex;align-items: center;cursor: pointer;user-select: none;pointer-events: auto;margin-top: 30px;color: #ffffff;justify-content: flex-end;}
.brand-phylogeny-menu li:first-child{margin-top: 0;}
.brand-phylogeny-menu li i{margin-left: 20px;width: 44px;height: 44px;border-radius: 50%;background: #ffffff;position: relative;color: #5ab651;display: flex;justify-content: center;align-items: center;}
.brand-phylogeny-menu li i::before{z-index: 2;position: relative;}
.brand-phylogeny-menu li i::after{content: "";position: absolute;width: 44px;height: 44px;border-radius: 50%;background: #5ab651; top: 50%;left: 50%;margin: -22px 0 0 -22px;transition: all .4s ease;opacity: 1;transform: scale(0);z-index: 1;}
.brand-phylogeny-menu li.active i::before{color: #ffffff;}
.brand-phylogeny-menu li.active i::after{opacity: 1;transform: scale(1);}
.brand-phylogeny-menu li span{min-width: 118px;text-align: right;color: #ffffff;}

.brand-development{background: #f8f8f8;}
.brand-development-head{display: flex;justify-content: space-between;align-items: center;}
.brand-development-link{background: #ffffff;padding: 20px;display: block;}
.brand-development-btn {display: flex;}
.brand-development-prev, .brand-development-next{width: 44px;height: 44px;border-radius: 50%;background: #ffffff;cursor: pointer;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.brand-development-prev{left: 0px;margin-right: 10px;}
.brand-development-next{right: 0px;}
.brand-development-prev:hover, .brand-development-next:hover{background: #5ab651;color: #ffffff;}

.brand-social{}
.brand-social-list{display: flex;justify-content: space-between;align-items: center;}
.brand-social-wrap{width: calc(50% - 10px);}
.brand-social-img{width: calc(50% - 10px);}
.brand-social-img img{background: #f8f8f8;}

.brand-qualification{width: 100%;overflow: hidden;}
.brand-qualification-head{width: 100%;}
.brand-qualification-head .contain{justify-content: space-between;align-items: flex-end;}
.brand-qualification-loop{width: 100%;overflow: hidden;}
.brand-qualification-loop .contain{}
.brand-qualification-loop .link{display: block;width: 100%;background: #f8f8f8;padding: 20px;border-radius: 10px;}
.brand-qualification-loop .link .img{width: 100%;height: 300px;display: flex;align-items: center;justify-content: center;padding:0;position: relative;}
.brand-qualification-loop .link .img::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgba(255, 255, 255, 0);transition: all .4s ease;opacity: 0;}
.brand-qualification-loop .link .img img{max-width: 100%;max-height: 100%;/*-webkit-box-reflect: below 5px -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.1));*/}
.brand-qualification-loop .link .img i{position: absolute;z-index: 2;width: 50px;height: 50px;border-radius: 50%;background: #004994 url('/template/cn/image/brand3ic.png') no-repeat center;top: 50%;left: 50%;margin: -25px 0 0 -25px;transform: scale(0);opacity: 0;transition: all .6s ease;}
.brand-qualification-loop .link .name{transition: all .4s ease; width: 100%;margin-top: 20px;text-align: center;}
.brand-qualification-loop .link:hover .img::after{opacity: 1;}
.brand-qualification-loop .link:hover .img i{opacity: 1;transform: scale(1);}
.brand-qualification-loop .link:hover .name{color: #004994;}
.brand-qualification-head-link{width: 400px;position: relative;height: 2px;background: #e6e6e6;}
.brand-qualification-head-link span{background: #004994 !important;}
.brand-qualification-head-more{align-items: flex-end;}
.brand-qualification-head-btn{width: 110px;display: flex;justify-content: space-between;margin-left: 20px;}
.brand-qualification-head-btn>div{width: 44px;height: 44px;border-radius: 50%;transition: all .4s ease;cursor: pointer;background: #f8f8f8;align-items: center;justify-content: center;display: flex;}
.brand-qualification-head-btn>div.next{/*transform: rotate(180deg);*/}
.brand-qualification-head-btn>div:hover{background: #004994;color: #ffffff;}

/* 案例中心 */
.cases{}
.cases-list{}
.cases-list ul{margin-bottom: -30px;}
.cases-list ul li{margin-bottom: 30px;}
.cases-list-link{display: flex;justify-content: space-between;background: #f8f8f8;transition: all .4s ease;align-items: center;}
.cases-list-link .img{width: calc(40% - 15px);}
.cases-list-link .img img{transition: all .6s ease;}
.cases-list-link .cont{width: calc(60% - 0px);padding: 30px 30px 30px 15px;}
.cases-list-link .cont .text{color: #888888;white-space: pre-line;}
.cases-list-link:hover {background: #5ab651;}
.cases-list-link:hover .cont{color: #ffffff;}
.cases-list-link:hover .cont .text{color: #ffffff;}
.cases-list-link:hover .img img{transform: scale(1.04);}
.cases-list-link:hover .indMore{background: #ffffff;}
.cases-list-link:hover .indMore span{ color: #5ab651;}
.cases-list-link:hover .indMore i{ color: #5ab651;}

.case{}
.case ul{flex-wrap: wrap;display: flex;margin: -20px 0 0 -40px;}
.case li{width: calc(50% - 40px);position: relative;overflow: hidden;margin: 20px 0 20px 40px;}
.case-list-link{width: 100%;display: block; position: relative;}
.case-list-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;}
.case-list-link .img{background: #f8f8f8;}
.case-list-link .img img{transition: all .6s ease;}
.case-list-link .logo{position: absolute;top: 30px;left: 50%;transform: translate(-50%, 0%);z-index: 4;width: 80%;}
.case-list-link .logo img{max-height: 30px;}
.case-list-link .cont{position: absolute;bottom: 30px;left: 50%;transform: translate(-50%, 0%);z-index: 4;width: 80%;text-align: left;}
.case-list-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;}
.case-list-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;}
.case-list-link:hover{}
.case-list-link:hover:before{background: rgba(0, 73, 148, 0.8);border: rgba(0, 98, 199, 1) 10px solid;}
.case-list-link:hover .img img{transform: scale(1.04);}
.case-list-link:hover .cont{}
.case-list-link:hover .cont .text{display: -webkit-box;}

.case-detail{}
.case-detail .contain{display: flex;justify-content: space-between;align-items: flex-start;}
.case-detail-left{width: calc(70% - 15px);border: #f0f0f0 1px solid;padding: 30px;}
.case-detail-left .case-detail-left-head{border-bottom: #f0f0f0 1px solid;}
.case-detail-left .case-detail-left-head h1{display: flex;justify-content: space-between;align-items: baseline;}
.case-detail-left .case-detail-left-head .tags{color: #888888;}
.case-detail-left .case-detail-left-foot{border-top: #f0f0f0 1px solid;}
.case-detail-left .link {display: flex;align-items: center;color: #888888;text-transform: uppercase;transition: all .4s ease;}
.case-detail-left .link span {padding-right: 10px;}
.case-detail-left .link:hover {color: #004994;}
.case-detail-left .case-detail-left-loop{position: relative;}
.case-detail-left .btn{display: flex;position: absolute;left: 50%;top: 50%;    transform: translate(-50%, -50%);z-index: 1;width: 94%;justify-content: space-between;}
.case-detail-left .prev, .case-detail-left .next{width: 44px;height: 44px;border-radius: 50%;background: #f8f8f8;cursor: pointer;transition: all .4s ease;z-index: 1;display: flex;justify-content: center;align-items: center;}
.case-detail-left .prev{}
.case-detail-left .next{}
.case-detail-left .prev:hover, .case-detail-left .next:hover{background: #5ab651;color: #ffffff;}
.case-detail-right{width: calc(30% - 15px);}
.case-detail-right a{transition: all .4s ease;overflow: hidden;display: block;background: #f8f8f8;}
.case-detail-right a .img{overflow: hidden;}
.case-detail-right a img{transition: all .6s ease;}
.case-detail-right a .cont{display: block;padding: 20px;}
.case-detail-right a .cont .name{height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.case-detail-right a .cont .text{height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;color: #888888; margin-top: 10px;}
.case-detail-right a:hover{background: #5ab651;}
.case-detail-right a:hover img{transform: scale(1.04);}
.case-detail-right a:hover .cont .name{color: #FFFFFF;}
.case-detail-right a:hover .cont .text{color: #FFFFFF;}


/* 隐私政策 */
.privacy {width: 100%;}
.privacy .name{line-height: 1.1;font-family: 'SamsungOne300';color: #111;text-align: center;text-transform: uppercase;}
.privacy .text{color: #777;line-height: 1.6;}
.privacy .text h6 {color: #004994;font-size: 20px;font-family: 'SamsungOne300';}



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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .sonMenu a {}
    .sonMenu-blank{height: 70px;}
	.brand-qualification-head-link {width: 300px;}
	.pro-list ul {margin: -20px 0 0 -40px;}
	.pro-list li {width: calc(33.3333% - 40px);margin: 20px 0 20px 40px;}
    .reldt-map {height: 500px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
	.brand-qualification-head-link {width: 200px;}
	.pro-list ul {margin: -15px 0 0 -30px;}
	.pro-list li {width: calc(33.3333% - 30px);margin: 15px 0 15px 30px;}
	.reldt-map {height: 500px;}
	.reldt-list li{width: calc(33.33% - 20px);}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.pro-list li {width: calc(50% - 30px);}
	.pro-parameter-loop{width: 100%;}
    .pro-parameter-info {width: 100%;padding: 50px 0 0;}
    .reldt-map{height: 300px;}
	.reldt-list ul{margin: -20px 0 0 0px;}
	.reldt-list li{width: calc(50% - 20px);margin: 20px 0 0 0px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .sonMenu{overflow-x: auto;}
    .sonMenu::after {display: none;}
    .sonMenu-scroll{display: block;overflow: hidden;height: 60px;min-width: 100%;}
    .sonMenu a {float: left;padding: 0px 20px;}
    .sonMenu-blank{height: 48px;}
	
	.news-list-link{flex-direction: column-reverse;padding: 30px 15px;}
	.news-list li:first-child .news-list-link .img {width: calc(100% - 0px);margin-top: 30px;}
	.news-list li:first-child .news-list-link .cont {width: calc(100% - 0px);}

	.brand-about-num ul {justify-content: space-between;}
	.brand-about-num li{width: calc(50% - 5px);margin-right: 0px;max-width: calc(50% - 5px);}
	.brand-about-video{min-height: 400px}
	
    .brand-phylogeny{height: 80vh;}
	.brand-phylogeny-loop-cont .name {max-width: 100%;}
	.brand-phylogeny-loop-cont .hint {max-width: 100%;}
    .brand-phylogeny-menu {height: auto;top: auto;bottom: 24px;left: 0;}
    @keyframes phylogenyRun {0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}
    .brand-phylogeny-menu .contain{justify-content: center;}
    .brand-phylogeny-menu ul{display: flex;flex-wrap: nowrap;align-items: center;}
    .brand-phylogeny-menu li{margin: 0 10px;}
    .brand-phylogeny-menu li span{display: none;}
    .brand-phylogeny-menu li i{margin-left: 0;}
	
	.brand-social-list{flex-wrap: wrap;}
	.brand-social-wrap{width: calc(100% - 0px);}
	.brand-social-img{width: calc(100% - 0px);}
	
	.brand-development-prev, .brand-development-next{width: 40px;height: 40px;}
		
	.brand-qualification-head-btn>div{width: 40px;height: 40px;margin-left: 10px;}
    .brand-qualification-head-link{width: calc(100% - 120px);}
    .brand-qualification-head .sonTitle{width: 100%;}
    .brand-qualification-head-btn {width: 120px;margin-left: 0;padding-left: 30px;}
    .brand-qualification-head-more{width: 100%;}	
    	
	.pro-list ul {margin: -20px 0 0;}
	.pro-list li {width: 100%;margin: 20px 0 0px 0;}
    .pro-parameter-info-items ul {margin: -15px 0 0 -15px;}
    .pro-parameter-info-items li {width: calc(50% - 15px);margin: 15px 0 0 15px;}
	.pro-parameter-loop .prev, .pro-parameter-loop .next{width: 40px;height: 40px;border-radius: 50%;}	
	
	.reldt-list ul{margin: -20px 0 0 0px;}
	.reldt-list li{width: calc(50% - 10px);margin: 20px 0 0 0;}
	.reldt-map{height: 280px;}
    .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);}
	
	.cases-list ul{margin-bottom: -20px;}
	.cases-list ul li{margin-bottom: 20px;}
	.cases-list-link{flex-wrap: wrap;}
	.cases-list-link .img{width: calc(100% - 0px);}
	.cases-list-link .cont{width: calc(100% - 0px);padding: 15px;}
	
	.case ul{margin: -20px 0 0 0;}
	.case li{width: calc(100% - 0px);margin: 20px 0 0 0;}
	
	.case-detail .contain{flex-wrap: wrap;}
	.case-detail-left{width: calc(100% - 0px);padding: 30px 15px;}
	.case-detail-right{width: calc(100% - 0px);margin-top: 34px;}
    .case-detail-left .prev, .case-detail-left .next{width: 40px;height: 40px;}
}