@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(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
}

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

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

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

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






@keyframes water1 {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-50%) scale(1);
		transform: translateY(-50%) scale(1);
	}
	100% {
		opacity: 0.1;
		-webkit-transform: translateY(-50%) scale(1.2);
		transform: translateY(-50%) scale(1.2);
	}
}

@-moz-keyframes water1 {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-50%) scale(1);
		transform: translateY(-50%) scale(1);
	}
	100% {
		opacity: 0.1;
		-webkit-transform:translateY(-50%) scale(1.2);
		transform:translateY(-50%) scale(1.2);
	}
}

@-webkit-keyframes water1 {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-50%) scale(1);
		transform: translateY(-50%) scale(1);
	}
	100% {
		opacity: 0.1;
		-webkit-transform: translateY(-50%) scale(1.2);
		transform: translateY(-50%) scale(1.2);
	}
}

@-o-keyframes water1 {
	0% {
		opacity: 1;
		-webkit-transform:translateY(-50%) scale(1);
		transform:translateY(-50%) scale(1);
	}
	100% {
		opacity: 0.1;
		-webkit-transform:translateY(-50%) scale(2);
		transform:translateY(-50%) scale(2);
	}
}



.product_app_banner{position: relative;overflow: hidden;}
.product_app_banner>img{width: 100%;}
.product_app_banner .text{position: absolute;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #fff;}
.product_app_banner .text .w1440{position: relative;}
.product_app_banner .text h2{font-weight: 600;font-size: 42px;margin-bottom: 8px;}
.product_app_banner .text .banner-text{margin-bottom:44px;font-size: 18px;width:43%;line-height:1.7em;}
.product_app_banner .text .product_app_banner_link {width: 90px;text-align: center;}
.product_app_banner .text .product_app_banner_link .ewm img{width: 80px;}
.product_app_banner .text .product_app_banner_link .ewm_text{padding: 10px 0;}
.product_app_banner .text .product_app_banner_link .ewm_text img{vertical-align: middle;margin-right: 10px;}
.product_app_banner .text .product_app_banner_link .ewm_text span{display: inline-block;vertical-align: middle;}
@media only screen  and (max-width: 1280px) {
	.product_app_banner .text h2{font-size: 36px;}
	.product_app_banner .text h3{font-size: 36px;}
}








.product_app_banner .video-btn{position: absolute;top: 50%;transform: translateY(-50%);right: 22.5%;}
.product_app_banner .video-btn a{display: block;position: relative;}
.product_app_banner .video-btn img{position: relative;z-index: 2;width: 80px;}
.product_app_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_detail_list li{padding:4.16% 0 ;overflow: hidden;}
.product_detail_list li:first-child{padding-top: 3.57%;background: url(../images/product_app/product_app1_bg.jpg);}
.product_detail_list li .w1440{position: relative;}
.product_detail_list li .left{width: 55.5%;float: right;position: relative;text-align: center;}
.product_detail_list li .left img{max-width: 75%;position: relative;z-index: 6;}
.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_detail_list li .right{width: 44.5%;float: left;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}



.product_detail_list li:nth-child(even){background: #f9fbfe;}
.product_detail_list li:nth-child(even) .left{float:left;}
.product_detail_list li:nth-child(even) .right{right: 0;left:auto;}
.product_detail_list li .left:before{content: "";width: 480px;height: 480px;background:#f2f6ff;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-animation: water 1.5s linear infinite;animation: water 1.5s linear infinite;}

.product_detail_list li:nth-child(3) .left{background: transparent;position: relative;}
.product_detail_list li:nth-child(3) .left:before{content: "";width: 570px;height: 570px;background:#fcfdff;border-radius: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-animation: water1 1.5s linear infinite;animation: water1 1.5s linear infinite;}

.product_detail_list li .right .title{color: #252b3a;font-weight: 600;margin-bottom: 2px;}
.product_detail_list li .right .sub_title{color: #252b3a;}
.product_detail_list li .right .sub_title:after{content:" ";display: block;width:40px;height: 2px;background: #0068dd;margin-top: 17px;margin-bottom: 33px;}



.product_detail_list li .right .des{line-height: 1.625em;color: #000;color: #71747a;width: 80%;}
.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/finance/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/finance/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: 126px;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; }



@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%;}
    .product_detail_list li .left:before{width: 400px;height: 400px;}
}
@media only screen and (max-width: 1210px){
	.product_detail_list li .right{left: 20px;}
	.product_detail_list li:nth-child(even) .right {right: 20px;}
.product_detail_list li .left:before{width: 300px;height: 300px;}
}



.product_app_cum {background: url(../images/product_app/product_app_cumbg.jpg) no-repeat center;background-size:cover ;padding:3% 0 6.77%;overflow: hidden;}
.product_app_cum .big_title{text-align: center;font-weight: 600;margin-bottom:20px;}
.product_app_cum .big_des{text-align: center;width: 75%; margin: 0 auto;}
.product_app_cum .menu_tab{text-align: center;padding: 3% 0;}
.product_app_cum .menu_tab li{display: inline-block;vertical-align:middle;margin: 0 4%;}
.product_app_cum .menu_tab li .img{width: 100px;height: 100px;border-radius: 100%;margin: 0 auto;transition: all 0.4s ease;}
.product_app_cum .menu_tab li .img img{width: 100%;}
.product_app_cum .menu_tab li.active .img{transform:scale(1.2);border: 1px solid #fff;}
.product_app_cum .menu_tab li .text{font-weight: 600;padding-top: 11px;}

.product_app_cum .menu_tab li.active .text{color: #0068dd;}
.product_app_cum .menu_tab li .text:after{content: "";width: 10px;height: 10px;background:#0068dd;border-radius: 100%;margin: 0 auto;display: block;margin-top: 11px;opacity: 0;}
.product_app_cum .menu_tab li.active .text:after{opacity: 1;}

.product_app_cum_list ul{display: none;}
.product_app_cum_list ul.active{display: block;}
.product_app_cum_list li{width: 22.5%;margin-right: 3.33%;padding: 2.4%;background: #fff;border-radius: 16px;float: left;}
.product_app_cum_list ul.active li{-webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.product_app_cum_list li:hover{box-shadow: 5px 5px 18px 5px rgba(0, 0, 0, 0.12);}
.product_app_cum_list li:last-child{margin-right: 0;}
.product_app_cum_list li .img{margin-bottom: 30px;width:266px;height: 0;padding-bottom:80%;position: relative;transition: all 0.4s ease;}
.product_app_cum_list li .img img{max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.4s ease;}
.product_app_cum_list li:hover .img {transform: scale(1.05);}
.product_app_cum_list li .title{line-height: 30px;margin-bottom: 20px;}
.product_app_cum_list li .title img{vertical-align: middle;margin-right: 12px;}
.product_app_cum_list li .title span{display: inline-block;vertical-align: middle;}
.product_app_cum_list li .des{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 3em;overflow: hidden;}

@media only screen and (max-width: 1500px){
	.product_app_cum_list li .img{width: 210px;}
}
@media only screen and (max-width: 1366px){
	.product_app_cum_list li .img{    width: 194px;}
	.product_app_cum_list li .des{font-size: 16px;}
}
@media only screen and (max-width: 1210px){
	.product_app_cum_list li .img{    width: 100%;}
}


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

.product_app_download .left_text {margin-top: 22px;color: #fff;}
.product_app_download .left_text .fnt_42{font-weight: 600;margin-bottom: 5px;}
.product_app_download .link {width: 135px;text-align: center;color: #fff;}
.product_app_download .link .ewm_text{padding: 10px 0;}
.product_app_download .link .ewm_text img{vertical-align: middle;margin-right: 10px;}
.product_app_download .link .ewm_text span{display: inline-block;vertical-align: middle;}
@media only screen  and (max-width: 1366px) {
	.product_app_cum .menu_tab li .img {width: 90px;height: 90px;}
    .product_app_cum .menu_tab li{margin: 0 3%;}
	
}