@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 {
	font-size: 14px;
	background-size: cover;
	-ms-behavior: url(../images/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_cwy_banner{position: relative;overflow: hidden;}
.product_cwy_banner img{width: 100%;}
.product_cwy_banner .text{position: absolute;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #fff;}
.product_cwy_banner .text .w1440{position: relative;}
.product_cwy_banner .text h2{font-weight: 600;font-size: 42px;margin-bottom: 8px;}
.product_cwy_banner .text .banner-text{margin-bottom:44px;font-size: 16px;width: 66%;line-height:1.7em;background: #226fe1cf;padding: 20px;margin-top: 3%;}
.product_cwy_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_cwy_banner_link a:nth-child(2) {background-image: linear-gradient(135deg, #0068dd, #00aeee);background-color: #0360c3;border: none;height: 40px;line-height: 40px;}
/*.product_cwy_banner_link a:first-child:hover { background: #fff;color: #0086f1;}*/
/*.product_cwy_banner_link a:nth-child(2){background: #fff;color:#0086f1 ;}*/
.product_cwy_banner_link a:after {transform: translateY(-1px); content: "";  transition:all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle; }

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

@media only screen  and (max-width: 1280px) {
	.product_cwy_banner .text h2{font-size: 36px;}
	.product_cwy_banner .text h3{font-size: 36px;}
}








.product_cwy_banner .video-btn{position: absolute;top: 50%;transform: translateY(-50%);right: 22.5%;}
.product_cwy_banner .video-btn a{display: block;position: relative;}
.product_cwy_banner .video-btn img{position: relative;z-index: 2;width: 80px;}
.product_cwy_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_cwy_xt{padding-bottom: 0;}
.product_cwy_xt .big_title{text-align: center;margin-bottom: 21px;font-weight: 600;}
.product_cwy_xt .big_des{text-align: center;width: 70%;margin: 0 auto;}
.product_cwy_xt_list li{width: 23.88%;margin-right:1.49% ;position: relative;overflow: hidden;}
.product_cwy_xt_list li .product_cwy_xt_item{width: 100%;position: relative;border-radius: 8px;overflow: hidden;}
.product_cwy_xt_list li:nth-child(2n) .product_cwy_xt_item:first-child{margin-bottom: 6.4%;}
.product_cwy_xt_list li:last-child{margin-right: 0;}
.product_cwy_xt_list li .img{width: 100%;height: 0;padding-bottom: 142.4%;transition: all 0.5s ease-out;}
.product_cwy_xt_list li:nth-child(2n) .img{width: 100%;height: 0;padding-bottom: 68%;transition: all 0.5s ease-out;}

.product_cwy_xt_list li .text { position: absolute; width: 100%;  padding:35px;  color: #fff; z-index: 1; bottom: 0; transition: all 0.4s ease-out;}
/*.product_cwy_xt_list li .product_cwy_xt_item: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_cwy_xt_list li .text .des{line-height: 1.66em;margin-top: 10px;transform: translateY(130px);height: 4.98em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.product_cwy_xt_list li:hover .text {bottom: 0;}
.product_cwy_xt_list li:hover .text .des{transform: translateY(0);}
.product_cwy_xt_list li .link{transform: translateY(30px);transition: all 0.5s ease-out;}
.product_cwy_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_cwy_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_cwy_xt_list li .product_cwy_xt_item:hover .img{transform: scale(1.04);}
.product_cwy_xt_list li .link a:after {transform: translateY(-1px); content: "";  transition: 0.5s;font-family: "iconfont";display: inline-block;vertical-align: middle; }

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



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





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

	.product_cwy_xt_list li .link a{width: 90px;}
}
@media only screen and (max-width: 1115px) {
.product_cwy_xt_list li .text {
    padding: 15px;
}	
	
}


.product_cwy_solution{padding-top:1%;}
.product_cwy_solution .big_title{text-align: center;font-weight: 600;margin-bottom: 34px;}
.product_cwy_solution .product_cwy_solution_menu{background: #fff;}
.product_cwy_solution .product_cwy_solution_menu.active{opacity: 0;visibility: hidden;}
.product_cwy_solution .product_cwy_solution_menu1{visibility: visible!important;position: fixed;width: 100%;top:0;left: 0;z-index:-1;opacity: 0;transition: all 0.5s; }

.product_cwy_solution .product_cwy_solution_menu1.active{opacity: 1;z-index: 999;transition: all 0.5s;box-shadow: 0 1px 20px rgb(54 54 54 / 40%);}

.product_swy_list{
	margin-top: 4.17%;
}
.product_detail_list li{padding:5.52% 0 ;}
.product_detail_list li:first-child{padding-top: 0;}
.product_detail_list li .w1440{position: relative;}
.product_detail_list li .left{
	width: 52.7%;float: left;position: relative;    border-radius: 14px;
    overflow: hidden;
}
 .product_cwy_item.active .product_detail_list  li .left .img{
	
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.product_detail_list li .left img{max-width: 100%;}
.product_detail_list li .left:hover img:first-child{transform: scale(1.04);transition: all 0.6s ease-out;}


.product_detail_list li .left .img_small{position: absolute;left: 30px;bottom: 30px;}

 .product_cwy_item.active .product_detail_list  li .left .img_small{
	
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay:0.2s;
-webkit-animation-delay:0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.product_detail_list li .right{
	width: 36%;float: right;position: absolute;right: 0;top: 50%;transform: translateY(-50%);
}



.product_detail_list li:nth-child(even){background: #f5f7fa;}
.product_detail_list li:nth-child(even) .left{float: right;}
.product_detail_list li:nth-child(even) .right{right: auto;left: 0;}
.product_detail_list li .right .title{margin-bottom: 10px;color: #252B3A;}
.product_detail_list li .right .subtitle{margin-bottom: 18px;}
.product_detail_list li .right .des{line-height: 1.625em;color: #252B3A;}
.product_detail_list li .right .txt{margin-bottom: 32px;}
.product_detail_list li .right .txt p{margin-top: 14px;
    position: relative;
    padding-left: 34px;}

.product_detail_list li .right .txt p:before {
    content: '';
    width: 16px;
    height: 12px;
    background: url(../images/dui.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 2px;
   top: 6px;
}

.product_detail_list li .right .txt p span{width: 40%;
    display: inline-block;}
.product_detail_list li .right .txt p span:nth-child(2){
	padding-left: 34px;
	position: relative;
}
.product_detail_list li .right .txt p span:nth-child(2):before {
    content: '';
    width: 16px;
    height: 12px;
    background: url(../images/dui.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 2px;
   top: 6px;
}
.product_detail_list li .product_detail_link{position: relative;}
.product_detail_list li .product_detail_link a{box-sizing: content-box;float: left;margin-right: 10px; width: 150px;height: 38px;  text-align: center; border-radius: 5px;line-height: 38px;border: 1px solid #7b7d7e;color: #7b7d7e;}
.product_detail_list li .product_detail_link a:nth-child(2){background-image: linear-gradient(
135deg
, #0068dd, #00aeee);
    background-color: #0360c3;
    color: #fff;
    border: none;height: 40px;line-height: 40px;}
.product_detail_list li .product_detail_link a .iconfont{opacity: 0;transition: all 0.4s;}
.product_detail_list li .product_detail_link a:hover .iconfont{opacity: 1;margin-left: 10px;}



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

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

 .product_cwy_item.active .product_detail_list  li .right .title{
 	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
 }
 
 .product_cwy_item.active .product_detail_list  li .right .des{
 	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
 } 
  .product_cwy_item.active .product_detail_list  li .right .txt{
 	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
 }
  .product_cwy_item.active .product_detail_list  li .right .product_detail_link{
 	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
 }
 

@media only screen  and (max-width: 1440px) {
	.product_detail_list li .right .title {
    margin-bottom: 10px;
}
.product_detail_list li .right .txt p {
    margin-top: 10px;}
    .product_detail_list li .right .txt {
    margin-bottom: 20px;
}
.product_detail_list li .right {
    width: 40%;}
}
@media only screen  and (max-width: 1366px) {
	.product_detail_list li .left {
    width: 54.7%;}
  
    .product_detail_list li .left .img_small{max-width: 50%;}
    
}
@media only screen and (max-width: 1210px){
	.product_detail_list li .right{
		right: 20px;
	}
	.product_detail_list li:nth-child(even) .right {
    left: 20px;
}

}





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

.product_cwy_choose .logo_list{text-align: center;margin-bottom: 5.55%;}
.product_cwy_choose .logo_list img{margin: 0 auto;vertical-align: middle;max-width: 100%;}
.product_cwy_choose .product_cwy_choose_item{width: 31%;float: left;margin-right: 3.5%;}
.product_cwy_choose .product_cwy_choose_item:last-child{margin-right: 0;}
.product_cwy_choose .product_cwy_choose_item .img{width: 100%;overflow: hidden;border-radius: 3px;}
.product_cwy_choose .product_cwy_choose_item .img .img_box{width:100%;height: 0;padding-bottom:60.1%;transition: all 0.4s ease-out;}
.product_cwy_choose .product_cwy_choose_item:hover .img .img_box{transform: scale(1.04);transition: all 0.4s ease-out;}
.product_cwy_choose .product_cwy_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_cwy_choose .product_cwy_choose_item .text .title{line-height: 1.58em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 16px;font-weight: 600;}
.product_cwy_choose .product_cwy_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_cwy_choose .product_cwy_choose_item:hover{box-shadow: 0 0 20px #ccc;}
.product_cwy_choose .product_cwy_choose_item:hover .text .title a{color: #2385ed;}
@media only screen  and (max-width: 1500px) {
	.product_cwy_choose .logo_list img {margin: 0 1%;}
}






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

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

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

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

.product_swy_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_swy_download .link a:hover::after {
	transition: 0.5s;
	margin-left: 10px;
}



@media only screen  and (max-width: 1500px) {
	.product_cwy_solution .product_swy_logos .product_swy_logo{margin-right: 10px;}
	.product_cwy_solution .product_swy_box .right .link { margin-bottom: 38px;}
	.product_cwy_solution .product_swy_box {height: 440px;}
}
@media only screen and (max-width: 1440px) {
	.product_cwy_solution .product_swy_box .right .title{margin-bottom: 20px;}	
	.product_cwy_solution .product_swy_box .right .des{margin-bottom: 20px;}
}
@media only screen  and (max-width: 1366px) {
.product_cwy_solution .menu-link li{     margin: 0 15px;}
	.product_cwy_solution .product_swy_box .right .link { margin-bottom: 48px;}
}
.product_cwy_znh{padding: 4% 0 3.3%;background: #f5f7fa;}
.product_cwy_znh .big_title{text-align: center;font-weight: 600;margin-bottom: 3.8%;}
.product_cwy_znh_list.clearfix {display: flex;}
.product_cwy_znh .product_cwy_znh_item{margin-right:1%;background: #fff;padding: 35px 3.4%; flex: 1;}
.product_cwy_znh .product_cwy_znh_item:hover{
	box-shadow: 0 0 20px #ccc;
}
.product_cwy_znh .product_cwy_znh_item:last-child{margin-right: 0;}
.product_cwy_znh .product_cwy_znh_item .title{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;height: 3em;margin-bottom: 26px;
font-size: 18px;color: #4587e8;}
.product_cwy_znh .product_cwy_znh_item .des{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:4;
overflow: hidden;
margin-bottom: 36px;}
.product_cwy_znh .product_cwy_znh_item  .link a{display:block;width: 126px; height: 44px;text-align: center;border-radius: 5px;line-height: 44px;border: 1px solid #bdbebf;color: #7b7d7e;background-image: linear-gradient(135deg, #0068dd, #00aeee); background-color: #0360c3;border: none;color: #fff;}
.product_cwy_znh .product_cwy_znh_item  .link a:after {transform: translateY(-1px); content: "";  transition:all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle; }
.product_cwy_znh .product_cwy_znh_item  .link a:hover:after {content: "\e683"; margin-left: 5px; }


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

.product_swy_choose .logo_list{text-align: center;margin-bottom: 3.55%;}
.product_swy_choose .logo_list img{margin: 0 2%;vertical-align: middle;max-width: 90px;}
.product_swy_choose .product_swy_choose_item{width: 31%;float: left;margin-right: 3.5%;}
.product_swy_choose .product_swy_choose_item:last-child{margin-right: 0;}
.product_swy_choose .product_swy_choose_item .img{width: 100%;overflow: hidden;border-radius: 3px;}
.product_swy_choose .product_swy_choose_item .img .img_box{width:100%;height: 0;padding-bottom:60.1%;transition: all 0.4s ease-out;}
.product_swy_choose .product_swy_choose_item:hover .img .img_box{transform: scale(1.04);transition: all 0.4s ease-out;}
.product_swy_choose .product_swy_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_swy_choose .product_swy_choose_item .text .title{line-height: 1.58em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 16px;font-weight: 600;}
.product_swy_choose .product_swy_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_swy_choose .product_swy_choose_item:hover{box-shadow: 0 0 20px #ccc;}
.product_swy_choose .product_swy_choose_item:hover .text .title a{color: #2385ed;}
@media only screen  and (max-width: 1500px) {
	.product_swy_choose .logo_list img {margin: 0 1%;}
}
@media only screen  and (max-width: 1366px) {
	.product_swy_choose .logo_list img{max-width: 80px;}
	
}


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

.product_swy_help {background: #f5f7fa;padding: 2.68% 0 4%;}
.product_swy_help .big_title{text-align: center;font-weight: 600;margin-bottom:1.96%;}
.product_swy_help .product_swy_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_swy_help .product_swy_help_item:hover{border-color:#fff;box-shadow: 0 0 13px #ccc;}
.product_swy_help .product_swy_help_item:last-child{margin-right: 0;}
.product_swy_help .product_swy_help_item img{vertical-align: middle;margin-right: 30px;width: 62px;}
.product_swy_help .product_swy_help_item .text{display: inline-block;vertical-align: middle;width: calc(100% - 100px);color: #252B3A;}
.product_swy_help .product_swy_help_item .text .title{font-weight: 600;}
.product_swy_help .product_swy_help_item .text .des{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
@media only screen  and (max-width: 1440px) {
.product_swy_help .product_swy_help_item{padding: 2.125%;}
	
}
@media only screen  and (max-width: 1280px) {
	.product_swy_st li .img img {
    max-width: 76px;
}
}



#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%;
}

#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);
}