@charset "UTF-8";
body {line-height: 1.5;}
@font-face {font-family: "iconfont";/* Project id 2710944 */src: url('../iconfont/iconfont.woff2?t=1627626003011') format('woff2'),url('../iconfont/iconfont.woff?t=1627626003011') format('woff'),url('../iconfont/iconfont.ttf?t=1627626003011') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-guanbi:before {content: "\e61a";}
.icon-xiangyou:before {content: "\e7ad";}
.icon-duigou:before {content: "\ebe6";}
.icon-xiangxia:before {content: "\e603";}
.icon-Group-:before {content: "\e683";}
.icon-zuo:before {content: "\e601";}
.icon-xiangshang:before {content: "\e638";}
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;}
@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);
    }
}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
.product_cwy_xt {padding: 3.75% 0 3.8%;}
.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;margin-bottom: 5%;}

.product_cwy_solution {padding-top: 3.8%;}
.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: 7% 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(../image/financial_cloud/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(../image/financial_cloud/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;}
.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%;}
}
@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 .product_cwy_znh_item {width: 31.6%;margin-right: 2.6%;background: #fff;padding: 35px 3.4%;}
.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;}
.product_cwy_znh .product_cwy_znh_item .des {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height: 6em;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_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:last-child .img{ padding-bottom: 142.4% !important;}
.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 .product_cwy_xt_item .text {position: absolute;width: 100%;padding: 35px;color: #fff;z-index: 1;bottom: -110px;transition: all 0.4s ease-out;}
.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 .product_cwy_xt_item: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);}

.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 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; }


@media only screen  and (max-width: 1280px) {
	.product_xc_banner .text h2{font-size: 36px;}
	.product_xc_banner .text h3{font-size: 36px;}
}


@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_xc_xt_list{ display: none;}
.product_cwy_xt_list{ display: block;}
@media only screen and (max-width: 540px)
{
    .product_cwy_xt_list{ display: none;}
    .product_xc_xt_list{padding-top: 0.5rem;display: block;}
    .product_xc_xt_list li {width: 49.2%;margin-right: 1.5%;margin-bottom: 1.5%;border-radius: 5px;position: relative;}
	.product_xc_xt_list li:nth-child(2n) {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;bottom: 0;left: 0;width: 100%;padding: 0.25rem ;color: #fff;font-size: 0.24rem;}
	.product_xc_xt_list li .text .title{font-size: 0.28rem;margin-bottom: 0.1rem;}
	.product_xc_xt_list li .text .des{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .product_cwy_xt .big_des{ width: 96%;font-size: 0.22rem;}
    .product_cwy_xt .big_title{font-size: 1.2rem; font-weight: normal;margin-bottom: 0.66rem;}

    .product_cwy_solution{ padding-bottom: 10%;}
    .product_cwy_solution .big_title, .product_cwy_znh .big_title, .product_cwy_choose .big_title{font-size: 1.2rem; font-weight: normal;margin-bottom: 0.66rem;}
    .product_detail_list{margin-top: 0.4rem}
	.product_detail_list li{box-sizing:border-box;padding:1rem 0;background:#fff;margin-top: 1rem;box-shadow:5px 0 10px rgba(0,0,0,.1);}
	.product_detail_list li .title{color:#333;font-size: 1rem;}
    .product_detail_list li .subtitle{color: #888;font-size: 0.26rem;margin-top: 0.25rem; margin-bottom: 0 !important;}
	.product_detail_list li .des{ display: none;}
	.product_detail_list li .txt{margin-top: 0.15rem;}
	.product_detail_list li .txt p{float:left;padding-left:0.3rem;color:#888;font-size: 0.26rem;margin-right: 0.25rem;}
	.product_detail_list li:nth-child(1){margin-top: 0;border-left:0.2rem solid #2386ee;}
	.product_detail_list li:nth-child(2){border-left: 0.2rem solid #2386ee;}
	.product_detail_list li:nth-child(3), .product_detail_list li:nth-child(4){border-left: 0.2rem solid #00cdfe;}
	.product_detail_list li:nth-child(5),.product_detail_list li:nth-child(6){border-left: 0.2rem solid #a16fff;}
	.product_detail_list li:nth-child(7),.product_detail_list li:nth-child(8){border-left:0.2rem solid #05c8c8;}
    .product_detail_list li .left, .product_detail_link{ display: none;}
    .product_detail_list li .right{ width: 100%; position: initial; transform: translateY(0);}
    .product_swy_list{ padding: 0 5%;}
    .product_detail_list li:first-child{ padding: 1rem 0;}

    .product_cwy_znh .product_cwy_znh_item{width: 100%;margin-right: 0; background: #fff;padding: 1rem; margin-bottom: 5%;}
    .product_cwy_znh .product_cwy_znh_item .title{color: #28293c; font-size: 1rem;margin-bottom: .8rem; height: auto;}
    .product_cwy_znh .product_cwy_znh_item .title br{ display: none;}
    .product_cwy_znh .product_cwy_znh_item .des{ font-size: .8rem; margin-bottom: 1rem; height: auto;}
    .product_cwy_znh .product_cwy_znh_item .link a{display: block; width: 50%;height:2rem;line-height: 2rem;font-size: 0.5rem;text-align: center;border-radius: 5px;color: #252B3A; border: 1px solid #999; background-image: none; background-color: transparent;}

    .product_cwy_choose{ padding: 5% 0;}
    .product_cwy_choose_list{ width: 640px;}
    .overflow-x{ overflow-x: auto; overflow-y: hidden;}
    .product_cwy_choose .product_cwy_choose_item{ width: 200px; position: relative; margin-right: 20px;}
    .product_cwy_choose .product_cwy_choose_item:nth-child(3){ margin-right: 0;}
    .product_cwy_choose .product_cwy_choose_item .img .img_box{ padding-bottom: 130%; background-position: left center !important; position: relative;}
    .product_cwy_choose .product_cwy_choose_item .img .img_box:after{content: "";display: block;width: 100%;height: 50%;background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));position: absolute;bottom: 0; left: 0;}
    .product_cwy_choose .product_cwy_choose_item .text{ position: absolute; bottom: 0; border: none;}
    .product_cwy_choose .product_cwy_choose_item .text .title a, .product_cwy_choose .product_cwy_choose_item .text .des{ color: #ffffff !important;}
    .product_cwy_choose .product_cwy_choose_item .text .title{ font-weight: normal; margin-bottom: 0;}
    .product_cwy_choose .product_cwy_choose_item .text .des{ font-size: 14px;-webkit-line-clamp:2; height: auto;}
    .product_cwy_choose .logo_list{ display: none;}

    .product_xc_banner img{ right: auto; width: 100%; height: 50vw;}
    .product_xc_banner .text{ top: 70%;}
    .product_xc_banner .text .fs42{ font-size: 4vw;}
    .product_xc_banner .text h1.fs42{ font-size: 5vw;}
    .product_xc_banner_link a{ display: none;}
    .product_xc_banner .text .banner-text{ margin-bottom: 4vw;}
    .product_xc_banner .text .banner-text{ font-size: 3.6vw;}
}