@charset "UTF-8";
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@charset "UTF-8";
img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border: 0;
	display: inline-block;
}

a {
	color: #252B3A;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}
body {
	background-size: cover;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
}

@keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-moz-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-webkit-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-o-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

.product_xc_banner{position: relative;overflow: hidden;}
.product_xc_banner img{width: 100%;}
.product_xc_banner .text{position: absolute;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #fff;}
.product_xc_banner .text .w1440{position: relative;}
.product_xc_banner .text h2{font-weight: 600;font-size: 42px;}
.product_xc_banner .text h3{margin-bottom: 8px;font-size: 42px;}
.product_xc_banner .text .banner-text{margin-bottom:44px;font-size: 18px;}
.product_xc_banner_link a{float: left;margin-right: 10px; width: 126px;height: 38px;  text-align: center; border-radius: 5px;line-height: 38px;border: 1px solid #fff;color: #fff;box-sizing: content-box;}
.product_xc_banner_link a:nth-child(2) {background-image: linear-gradient(135deg, #0068dd, #00aeee);background-color: #0360c3;border: none;height: 40px;line-height: 40px;}
/*.product_xc_banner_link a:first-child:hover { background: #fff;color: #0086f1;}*/
/*.product_xc_banner_link a:nth-child(2){background: #fff;color:#0086f1 ;}*/
.product_xc_banner_link a:after {transform: translateY(-1px); content: "";  transition:all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle; }

.product_xc_banner_link a:hover:after {content: "\e683"; margin-left: 5px; }




.product_xc_banner .video-btn{position: absolute;top: 50%;transform: translateY(-50%);right: 22.5%;}
.product_xc_banner .video-btn a{display: block;position: relative;}
.product_xc_banner .video-btn img{position: relative;z-index: 2;width: 80px;}
.product_xc_banner .video-btn a:before{position: absolute; border-radius: 50%;content: ""; width: 80px; height:80px; background: rgba(255,255,255,0.5); z-index: 0;  top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-animation: water 1.5s linear infinite;animation: water 1.5s linear infinite;}



.product_xc_tab{padding: 44px 0;background: #fafafa;}
.product_xc_tab li{width: 27.7%;float: left;}
.product_xc_tab li:nth-child(2){margin: 0 8.45%;}
.product_xc_tab li .img{width: 37.5%;overflow: hidden;display: inline-block;vertical-align: middle;border-radius: 4px;}
.product_xc_tab li .img .img_box{width: 100%;height: 0;padding-bottom: 74.66%;transition: all 0.4s ease-out;}
.product_xc_tab li .text{width: 55%;margin-left: 6%;display: inline-block;vertical-align: middle;}
.product_xc_tab li .title{margin-bottom: 11px;}
.product_xc_tab li .link{color: #aaaaaa;}
.product_xc_tab li:hover .img .img_box{transform: scale(1.08);transition: all 0.4s ease-out;}
.product_xc_tab li:hover .link{color: #187de6;}




.product_xc_do {background: url(../img/product/product_xc_do_bg.png) no-repeat center;background-size: cover;padding: 3.75% 0 3.33%;}
.product_xc_do .big_title{text-align: center;font-weight: 600;margin-bottom: 24px;}
.product_xc_do .des{text-align: center;width: 75%;margin: 0 auto;margin-bottom: 34px;}
.product_xc_do .img{text-align: center;width: 65.3%;margin:0 auto ;position: relative;}
.product_xc_do .img img{max-width: 100%;}
.product_xc_do .img .video-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.product_xc_do .img .video-btn img{transition: all 0.4s ease;}
.product_xc_do .img .video-btn:hover img{transform: rotate(120deg);}




.product_xc_xt{padding: 5.36% 0 5.94%;}
.product_xc_xt .big_title{text-align: center;margin-bottom: 48px;font-weight: 600;}

.product_xc_xt_list li{width: 23.88%;margin-right:1.49% ;position: relative;overflow: hidden;border-radius: 12px;}
.product_xc_xt_list li:last-child{margin-right: 0;}
.product_xc_xt_list li .img{width: 100%;height: 0;padding-bottom: 124.4%;transition: all 0.5s ease-out;}
.product_xc_xt_list li .text { position: absolute; width: 100%; bottom: 0; padding:40px;  color: #fff; z-index: 1; bottom: -57px; transition: all 0.4s ease-out;}
.product_xc_xt_list li:after { content: ""; width: 100%; height:60%;  display: block;   position: absolute; background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));  bottom: 0;}
.product_xc_xt_list li .text .des{line-height: 1.66em;margin-bottom: 18px;margin-top: 10px;}
.product_xc_xt_list li:hover .text {bottom: 0;}
.product_xc_xt_list li .link{transform: translateY(30px);transition: all 0.5s ease-out;}
.product_xc_xt_list li .link a{box-sizing: content-box;float: left;margin-right: 10px; width: 100px;height:38px;  text-align: center; border-radius: 5px;line-height:38px;border: 1px solid #fff;color: #fff;}
.product_xc_xt_list li .link a:nth-child(2){    background-image: linear-gradient(
135deg
, #0068dd, #00aeee);
    background-color: #0360c3;
    border: none;
    height: 40px;
    line-height: 40px;margin-right: 0;}
/*.product_xc_xt_list li .link a:first-child:hover { background: #fff;color: #0086f1;}*/
/*.product_xc_xt_list li .link a:after { display: inline-block; content: "";  opacity: 0;transform: rotate(-45deg) translateY(-2px); -webkit-transform: rotate(-45deg) translateY(-2px);transition: 0.5s; }
.product_xc_xt_list li .link a:hover:after { border: solid #0086f1;  border-width: 0 1px 1px 0; padding: 3px;   transition: 0.5s; margin-left: 5px; transition: 0.5s; opacity: 1;}
*/

.product_xc_xt_list li .link a:after {transform: translateY(-1px); content: "";  transition: 0.5s;font-family: "iconfont";display: inline-block;vertical-align: middle; }

.product_xc_xt_list li .link a:hover:after {content: "\e683";  transition: 0.5s; margin-left: 5px; }



.product_xc_xt_list li:hover .link{transform: translateY(0);}





@media only screen and (max-width:1500px) {
	.product_xc_xt_list li .text{padding: 30px;}
}
@media only screen and (max-width:1366px) {

	.product_xc_xt_list li .link a{width: 90px;}
}



.product_xc_solution{background: #f2f6fa;padding:4.16% 0 3.64%;}
.product_xc_solution .big_title{text-align: center;font-weight: 600;margin-bottom: 34px;}
.product_xc_solution .product_xc_solution_menu{margin-bottom: 4.17%;}
.product_xc_solution .menu-link{text-align: center;border-bottom: 1px solid #cccccc;}
.product_xc_solution .menu-link li{display: inline-block;padding:0 15px ;line-height: 50px;position: relative;margin: 0 30px;}
.product_xc_solution .menu-link li:after{content: "";width: 0;display: block; height: 4px; background: #2385ed;transition: all 0.2s ease-out;position: absolute;bottom: -1px;left: 0;}
.product_xc_solution .menu-link li.active:after{width: 100%;}
.product_xc_solution .menu-link li.active a{color: #2385ed;}
.product_xc_solution .product_xc_box {height: 480px;position: relative;}
.product_xc_solution .product_xc_item{position: absolute;opacity: 0;top: 0;left: 0;width: 100%;z-index: 0;}
.product_xc_solution .product_xc_item.active{opacity: 1;z-index: 2;}
.product_xc_solution .product_xc_box .left{width:54.16%;overflow: hidden;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.product_xc_solution .product_xc_item.active .left{transform: translateY(0);opacity:1;transition: all 0.6s ease-out;}
.product_xc_solution .product_xc_box .left img{width: 100%;transition: all 0.4s ease-out;}
.product_xc_solution .product_xc_box .left:hover img{transform: scale(1.04);}
.product_xc_solution .product_xc_box .right{width: 40%;margin-left: 5.4%;}
.product_xc_solution .product_xc_logos{transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.product_xc_solution .product_xc_item.active .product_xc_logos{transform: translateY(0);opacity:1;transition: all 0.6s ease-out;}

.product_xc_solution .product_xc_logos .product_xc_logo{float: left;text-align: center;cursor: default;margin-right: 20px;color: #777777;}
.product_xc_solution .product_xc_logos .product_xc_logo .img{height: 32px;overflow: hidden;text-align: center;width: 100%;position: relative;margin-bottom: 10px;}
.product_xc_solution .product_xc_logos .product_xc_logo .img img{position: absolute;top:50%;left: 50%;    transform: translate(-50%,-50%);max-width: 30px;max-height: 100%;}
.product_xc_solution .product_xc_logos .product_xc_logo div:nth-child(2){min-width:50px;}
/*.product_xc_solution .product_xc_logos .product_xc_logo .img2{transform: translate(-50%,50%);opacity: 0;}
.product_xc_solution .product_xc_logos .product_xc_logo:hover .img1{transform: translate(-50%,-100%);opacity: 0;}
.product_xc_solution .product_xc_logos .product_xc_logo:hover .img2{transform: translate(-50%,0);opacity: 1;}*/

.product_xc_solution .product_xc_box .right .title{font-weight: 600;margin-bottom: 30px;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.product_xc_solution .product_xc_item.active .right .title{transform: translateY(0);opacity:1;transition: all 0.6s ease-out;}
.product_xc_solution .product_xc_box .right .des{line-height: 2em;margin-bottom: 38px;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.product_xc_solution .product_xc_item.active .right .des{transform: translateY(0);opacity:1;transition: all 0.6s ease-out;}


.product_xc_solution .product_xc_box .right .link{margin-bottom: 68px;transform: translateY(50%);opacity: 0;transition: all 0.6s ease-out;}
.product_xc_solution .product_xc_item.active .right .link{transform: translateY(0);opacity:1;transition: all 0.6s ease-out;}
.product_xc_solution .product_xc_box .right .link a{float: left;margin-right: 10px; width: 100px;height: 40px;  text-align: center; border-radius: 5px;line-height:40px;border: 1px solid #555555;color: #252B3A;}
.product_xc_solution .product_xc_box .right .link a:nth-child(1){    background-image: linear-gradient(135deg, #0068dd, #00aeee);background-color: #0360c3;color: #fff;border: none;}
.product_xc_solution .product_xc_box .right .link a .iconfont{opacity: 0;transition: all 0.4s;display: ;}
.product_xc_solution .product_xc_box .right .link a:nth-child(2){line-height: 38px;}
/*.product_xc_solution .product_xc_box .right .link a:after { display: inline-block; content: "";  border: solid #333;  border-width: 0 1px 1px 0; padding: 3px;  transform: rotate(-45deg) translateY(-2px); -webkit-transform: rotate(-45deg) translateY(-2px); transition: 0.5s; opacity: 0;}*/
/*.product_xc_solution .product_xc_box .right .link a:after { display: inline-block; content: "";  opacity: 0;transform: rotate(-45deg) translateY(-2px); -webkit-transform: rotate(-45deg) translateY(-2px);transition: 0.5s; }
.product_xc_solution .product_xc_box .right .link a:hover:after { border: solid #333;  border-width: 0 1px 1px 0; padding: 3px;   transition: 0.5s; margin-left: 5px; transition: 0.5s; opacity: 1;vertical-align: middle;}

.product_xc_solution .product_xc_box .right .link a:nth-child(1):after{border-color: #fff;}*/
/*.product_xc_solution .product_xc_box .right .link a:hover:after { margin-left: 5px; transition: 0.5s; opacity: 1;}*/
.product_xc_solution .product_xc_box .right .link a:after {transform: translateY(-1px); content: "";  transition: 0.5s;font-family: "iconfont";display: inline-block;vertical-align: middle; }

.product_xc_solution .product_xc_box .right .link a:hover:after {content: "\e683";  transition: 0.5s; margin-left: 5px; }



.product_xc_download {
	background: url(../img/xiazai_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 3.6% 0;
	overflow: hidden;
}

.product_xc_download .left_text {
	line-height: 46px;
	color: #fff;
}

.product_xc_download .link {
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 5px;
	margin-top: 25px;
}

.product_xc_download .link a {
	color: #fff;
}

.product_xc_download .link a::after {
	display: inline-block;
	content: "";
	border: solid white;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-45deg) translateY(-2px);
	-webkit-transform: rotate(-45deg) translateY(-2px);
	transition: 0.5s;
	vertical-align: middle;
	margin-left: 2px;
}

.product_xc_download .link a:hover::after {
	transition: 0.5s;
	margin-left: 10px;
}



@media only screen  and (max-width: 1500px) {
	.product_xc_solution .product_xc_logos .product_xc_logo{margin-right: 10px;}
	.product_xc_solution .product_xc_box .right .link { margin-bottom: 38px;}
	.product_xc_solution .product_xc_box {height: 440px;}
}
@media only screen and (max-width: 1440px) {
	.product_xc_solution .product_xc_box .right .title{margin-bottom: 20px;}	
	.product_xc_solution .product_xc_box .right .des{margin-bottom: 20px;}
}
@media only screen  and (max-width: 1366px) {
.product_xc_solution .menu-link li{    padding: 0 45px;}
	.product_xc_solution .product_xc_box .right .link { margin-bottom: 48px;}
}


.product_xc_choose{padding: 5% 0 5.3%;}
.product_xc_choose .big_title{text-align: center;font-weight: 600;margin-bottom: 3.8%;}

.product_xc_choose .logo_list{text-align: center;margin-bottom: 3.55%; width: 100%;}
.product_xc_choose .logo_list img{margin: 0 2%;vertical-align: middle;max-width: 90px;}
.product_xc_choose .product_xc_choose_item{width: 31%;float: left;margin-right: 3.5%;}
.product_xc_choose .product_xc_choose_item:last-child{margin-right: 0;}
.product_xc_choose .product_xc_choose_item .img{width: 100%;overflow: hidden;border-radius: 3px;}
.product_xc_choose .product_xc_choose_item .img .img_box{width:100%;height: 0;padding-bottom:60.1%;transition: all 0.4s ease-out;}
.product_xc_choose .product_xc_choose_item:hover .img .img_box{transform: scale(1.04);transition: all 0.4s ease-out;}
.product_xc_choose .product_xc_choose_item .text{border:1px solid #ebf2f2;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;padding: 3% 7.1% 5%;border-top: none;}
.product_xc_choose .product_xc_choose_item .text .title{line-height: 1.58em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 16px;font-weight: 600;}
.product_xc_choose .product_xc_choose_item .text .des{line-height: 1.5em;display: -webkit-box;height: 4.5em;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.product_xc_choose .product_xc_choose_item:hover{box-shadow: 0 0 20px #ccc;}
.product_xc_choose .product_xc_choose_item:hover .text .title a{color: #2385ed;}
@media only screen  and (max-width: 1500px) {
	.product_xc_choose .logo_list img {margin: 0 1%;}
}
@media only screen  and (max-width: 1366px) {
	.product_xc_choose .logo_list img{max-width: 80px;}
	
}


.product_xc_st{padding: 1.68% 0 8%;}
.product_xc_st .big_title{
	text-align: center;font-weight: 600;margin-bottom:8.3%;
}
.product_xc_st li{width: 25%;text-align: center;}
.product_xc_st li .img{margin-bottom: 38px;}
.product_xc_st li .img img{max-width: 96px;}
.product_xc_st li .title{margin-bottom: 15px;}

.product_xc_help {background: #f5f7fa;padding: 2.68% 0 4%;}
.product_xc_help .big_title{text-align: center;font-weight: 600;margin-bottom:1.96%;}
.product_xc_help .product_xc_help_item{float: left;width: 32%;margin-right: 2%;background: #ffffff;padding: 2.125%  4.16%;border-radius: 4px;border: 1px solid #e9ebef;cursor: default;}
.product_xc_help .product_xc_help_item:hover{border-color:#fff;box-shadow: 0 0 13px #ccc;}
.product_xc_help .product_xc_help_item:last-child{margin-right: 0;}
.product_xc_help .product_xc_help_item img{vertical-align: middle;margin-right: 30px;width: 62px;}
.product_xc_help .product_xc_help_item .text{display: inline-block;vertical-align: middle;width: calc(100% - 100px);color: #252B3A;}
.product_xc_help .product_xc_help_item .text .title{font-weight: 600;}
.product_xc_help .product_xc_help_item .text .des{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
@media only screen  and (max-width: 1440px) {
.product_xc_help .product_xc_help_item{padding: 2.125%;}
	
}




#videoPopup1 {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
}

#videoPopup1 .video-box {
	width: 60%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#videoPopup1 .video-box video {
	width: 100%;
    height: auto;
}

#videoPopup1 .video-box .close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
	cursor: pointer;
	text-align: center;
}

#videoPopup1 .video-box .close span {
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}

#videoPopup1 .video-box .close:hover {
	background: rgba(0, 0, 0, 0.5);
}




@media only screen and (max-width: 1440px) {
    
}

@media only screen and (max-width: 1024px) {
    
}

@media only screen and (max-width: 540px) {
	.product_xc_do .des, .product_xc_do .img, .product_xc_solution .product_xc_box .left, .product_xc_solution .product_xc_box .right{ width: 100%;}
	.product_xc_do .img .video-btn{ width: 10vw; height: 10vw;}
	.product_xc_xt_list li{ width: 100%; margin-bottom: 5vw; margin-right: 0;}
	.product_xc_solution .menu-link{ overflow: hidden;}
	.product_xc_solution .menu-link li{ padding: 0; margin: 0; display: block; float: left; width: 33.3%;}
	.product_xc_solution .product_xc_box .right{ margin-left: 0;}
	.product_xc_solution .product_xc_box .right .title{ margin-top: 20px;}
	.product_xc_solution .product_xc_box{ height: 520px;}
	.product_xc_solution .product_xc_box .right .des{ font-size: 4vw; text-align: justify; line-height: 8vw; margin-bottom: 0;}
	.product_xc_solution .product_xc_box .right .link{ margin-bottom: 20px;}
	.product_xc_solution .product_xc_box .right .link a{ width: 80px; height: 30px; line-height: 30px; font-size: 3.6vw;}
	.product_xc_solution .product_xc_box .right .link a:nth-child(2){ line-height: 30px;}
	.product_xc_choose .product_xc_choose_item{ width: 100%; margin-right: 0; margin-bottom: 4vw;}
}