#newBridge{display: none!important;}
/*
    Created on : 2017-8-31, 18:38:09
    Author     : Administrator
*/
body{
    font-family:"微软雅黑","microsoft yahei", Helvetica, Arial, sans-serif;
}
.layout-main{
    width: 100%;
    height: auto;
    text-align: center;
}
.layout-main:before,
.layout-main:after {
    content: " ";
    display: block;
}
.layout-main:after {
    clear: both;
}
.layout-center{
    max-width: 1200px; overflow:hidden;
    width:100%;
    margin: 0 auto;
    text-align: left;
}
.layout-center:before,
.layout-center:after {
    content: " ";
    display: block;
}
.layout-center:after {
    clear: both;
}

.c-tab{
    text-align: center;
}
.c-tab li{
    text-align: center;
    display: inline-block;
    border-bottom: 3px solid white;
    padding: 1em;
}

.c-tab li.active-on{
    border-bottom: 3px solid #02c2de;
    color: #42b4dd;
}



.service-page.webdesign .section2.ani .top-part,.service-page.webdesign .section3.ani .top-part,.service-page.webdesign .section4.ani .top-part{
    top: 0;
    opacity: 1;
}

/*.service-page.webdesign .section3{*/
/*    padding: 4.375rem 0 6.25rem;*/
/*}*/
.service-page.webdesign .section3 .top-part{
    margin-bottom: 4.375rem;
}
.service-page.webdesign .section3 .bottom-part{
    width: 85.2%;
    margin: 0 auto;
    position: relative;
    top: -1.25rem;
    opacity: 0;
    transition: all 1s 1.5s;
    -webkit-transition: all 1s 1.5s;
}
.service-page.webdesign .section3.ani .bottom-part{
    top: 0;
    opacity: 1;
}
.service-page.webdesign .section3 .bottom-part table{
    width: 100%;
}
.service-page.webdesign .section3 .bottom-part table td{
    width: 14.3%;
    text-align: center;
    vertical-align: middle;
    height: 33.3rem;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    overflow: hidden;
}
.service-page.webdesign .section3 .bottom-part table td:nth-child(odd){
    background-color: #f8f8f8;
}
.service-page.webdesign .section3 .bottom-part table td:nth-child(even){
    background-color: #f0f0f0;
}
.service-page.webdesign .section3 .bottom-part table td.active{
    width: 28.5%;
    background-color: rgba(192,25,42,0.7);
}

.service-page.webdesign .section3 .bottom-part table td.active .box{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 0;
    padding: 10%;
    background-color: rgba(76,180,231,0.8);
 }

.service-page.webdesign .section3 .bottom-part table td.active img{
    z-index: 0;
}

.service-page.webdesign .section3 .bottom-part table td img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.service-page.webdesign .section3 .bottom-part table td .box{
    display: inline-block;
    width: 100%;
}
.service-page.webdesign .section3 .bottom-part table td .box h3{
    font-size: 7rem;
    color: #42b4dd;
    font-family: "impact";
    margin-bottom: 1rem;
    font-weight: 500;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.service-page.webdesign .section3 .bottom-part table td.active .box h3{
    color: #fff;
}
.service-page.webdesign .section3 .bottom-part table td .box h4{
    font-size: 1.25rem;
    color: #333;
    font-family: Arial;
    font-weight: 700;
    margin-bottom: 4.25rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.service-page.webdesign .section3 .bottom-part table td.active .box h4{
    color: #fff;
    margin-bottom: 0.875rem;
}
.service-page.webdesign .section3 .bottom-part table td .box h5{
    font-size: 1.75rem;
    color: #333;
    line-height: 1.75;
    font-weight: 500;
    margin-bottom: 1.125rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.service-page.webdesign .section3 .bottom-part table td.active .box h5{
    font-size: 1.75rem;
    color: #fff;
    font-family: "微软雅黑";
    line-height: 1;
    font-weight: bold;
    margin-bottom: 2rem;
}
.service-page.webdesign .section3 .bottom-part table td.active .box h5 br{
    display: none;
}
.service-page.webdesign .section3 .bottom-part table td .box b{
    font-size: 2.5rem;
    color: #42b4dd;
    font-weight: bold;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: block;
}
.service-page.webdesign .section3 .bottom-part table td.active .box b{
    color: #fff;
    margin-bottom: 2rem;
}
.service-page.webdesign .section3 .bottom-part table td .box p{
    text-align: center;
    font-size: 1.5rem;
    padding: 0 4.5rem;
    color: #999;
    margin-bottom: 4rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.service-page.webdesign .section3 .bottom-part table td.active .box p{
    display: block; color: #fff;
}

.service-page.webdesign .section3{
    padding: 3.75rem 0 0;
}
.service-page.webdesign .section3 .top-part{
    margin-bottom: 4.375rem;
}
.service-page.webdesign .section3 .bottom-part{
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: -1.25rem;
    opacity: 0;
    transition: all 1s 1.5s;
    -webkit-transition: all 1s 1.5s;
}
.service-page.webdesign .section3.ani .bottom-part{
    top: 0;
    opacity: 1;
}
.service-page.webdesign .section3 .bottom-part table{
    width: 100%;
}
.service-page.webdesign .section3 .bottom-part table td:nth-child(even){
    background-color: #f0f0f0;
}
.service-page.webdesign .section3 .bottom-part table td.active{
    width: 28.5%;
    background-color: rgba(76,180,231,0.8);
}
.service-page .h-title{
    display: block;
    text-align: center;
    font-size: 30.12px;
    color: #2b3e50;
    font-family:"微软雅黑";
    margin-bottom: 20px;
    /*font-weight: bold;*/
}

@media screen and (min-width: 992px) {
    .home-swiper{
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        transition: all 1s 1s;
        -webkit-transition: all 1s 1s;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% auto;
    }

}
@media screen and (max-width: 768px){
    .swiper-button-prev{
        z-index: 0;
    }
    .swiper-button-next{
        z-index: 0;
    }
}


.mbbox{ margin-bottom: 3.75rem;}

.bjt{ width:100%; background:url(../images/bjt.png); font-size:18px; line-height:26px; margin-bottom:20px; color:#a5a5a5; margin-top:0}
.bjt2{ width:100%; background:url(../images/bjt2.png); font-size:14px; line-height:26px; margin-bottom:20px; color:#a5a5a5; background-size:100% 100%;}

@media screen and (max-width: 768px){
	.bjt2{ margin-top:0;}
	.bjt{ width:100%; background:url(../images/bjt2.png); font-size:14px; line-height:26px; margin-bottom:3%; color:#a5a5a5; background-size:100% 100%;}
/* dwms */
.erp-banner.dwms_banner .imgs img {
    width: 100% !important;
    left: -15% !important;
    top: -15px !important;
}
.alsuot img{ height:170px;}
}
@media screen and (max-device-width: 320px) {
 /* dwms */
 .erp-banner.dwms_banner .imgs img {
    left: -25% !important;
    top: -25px !important;
}
}
.layout-main.alls{
    background: url("/img/home-new/cp_bg.png") no-repeat center;
}



.h_1 {
	width: 24%;
}
.h_1 a {
	width: 100%;
	text-decoration: none;
	display: block;
	position: relative;
	transition: transform 0.5s linear 0s;
}

.h_tu {
	width: 100%;
	height: 169px;
	overflow: hidden;
}
img.bigger {
	width: 100%;
	height: 100%;
	transition: transform 3s;
}
img.bigger:hover {
	transform: scale(1.2, 1.2);
}
.h_top {
	width: 100%; padding:0 3%;
	height: 180px;
	background: #337eff;
}
.h_cnone {
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	padding-top: 10px;
}
.h_cntwo {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin-top: 6%;
}
.h_cnthree {
	color: #fff;
	font-size: 12px;
	margin-top: 4%;
	opacity: 0.5;
	/*height: 33px;*/
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.h_cnfore {
	color: #fff;
	font-size: 12px;
	width: 80px;
	height: 26px;
	border: 1px solid rgba(255,255,255,1);
	text-align: center;
	line-height: 24px;
	margin: 10% auto 0;
}
.h_1:nth-child(2) .h_top {
	background: #5ba4ff !important;
}
.h_1:nth-child(3) .h_top {
	background: #32ccfe !important;
}
.h_1:nth-child(4) .h_top {
	background: #ffb658 !important;
}
.h_1:nth-child(6) .h_top {
	background: #5ba4ff !important;
}
.h_1:nth-child(7) .h_top {
	background: #32ccfe !important;
}
.h_1:nth-child(8) .h_top {
	background: #ffb658 !important;
}


.h_1:hover .h_cnthree {
	color: #fff;
	opacity: 1.0;
}
.index-jjfa .swiper-slide{ display: flex;justify-content:space-between;}
.index-jjfa .swiper-wrapper{ height:380px;}
.swiper-pagination-jjfa{ text-align:center; margin-bottom:3%;}
.swiper-pagination-jjfa .swiper-pagination-bullet-active{ background:#2468F2}
.swiper-pagination-jjfa .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px;}

.grid_row{margin-bottom:60px; padding:0 5px;}.grid_row .vc_column{padding:0 5%}.grid_row .vc_column-inner:before{content:'';display:-webkit-box;display:-moz-box;display:block;width:66px;height:66px;background-repeat:no-repeat;background-position:center;position:absolute;top:30px;left:0; right:0; margin:0 auto;}.grid_row .swiper-container{overflow:visible; height:360px;display: flex;justify-content:space-between;}.grid_row .swiper-wrapper{log:true;log2:official;-webkit-flex-wrap:wrap;-khtml-flex-wrap:wrap;-moz-flex-wrap:wrap;-o-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid_row a{width:24%;log:true;log2:official;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:25px}.grid_row .swiper-slide .vc_inner{padding:110px 20px 0 40px;height:400px;overflow:hidden;background: rgba(255,255,255,1);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 16%);log:true;log2:official;-webkit-border-radius:6px;border-radius:6px;log:true;log2:official;-webkit-transition:all .3s;-khtml-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;position:relative}.grid_row .swiper-slide .vc_inner:hover{background:#4486ff;color:#fff}.grid_row .swiper-slide .vc_inner:hover .data_title{color:#fff}.grid_row .swiper-slide .vc_inner:hover .data_text{color:#fff}.grid_row .swiper-slide .vc_inner:hover .grid_btn a{border:1px solid #fff;background:#fff}
	.grid_row .swiper-slide .vc_inner:hover .data_1:before{background-image:url("../images/saas2-1.png")}
	.grid_row .swiper-slide .vc_inner:hover .data_2:before{background-image:url("../images/saas3-1.png")}
	.grid_row .swiper-slide .vc_inner:hover .data_3:before{background-image:url("../images/saas4-1.png")}
	.grid_row .swiper-slide .vc_inner:hover .data_0:before{background-image:url("../images/saas1-1.png")}
	.data_row{padding:50px 0 70px;text-align:center;color:#fff}
	.data_title{ text-align:center;font-size:22px;color:#4a4a4a;margin-bottom:10px}
	.data_text{line-height:1.5;color:#9b9b9b;height:195px;margin-bottom:10px;overflow:hidden}
	.grid_btn p{border:1px solid #3c64ff;font-size:14px;width:100px;log:true;log2:official;-webkit-border-radius:6px;border-radius:6px;display:-webkit-box;display:-moz-box;display:block;text-align:center;color:#3c64ff;line-height:2.2; margin:0 auto;}
	.swiper-slide .vc_inner:hover .grid_btn p{border:1px solid #fff; color:#fff}
	.data_1:before{background-image:url("../images/saas2.png")}
	.data_2:before{background-image:url("../images/saas3.png")}
	.data_0:before{background-image:url("../images/saas1.png")}
	.data_3:before{background-image:url("../images/saas4.png")}
	
	
	
.indpro{width: 100%;padding: 0 0 50px 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
.indpro-bar{width: 100%; text-align:center}
.indpro-bar .indtit{float: left;}
.indpro-menu{font-size: 16px;}
.indpro-menu-link, .indpro-menu-more{display: inline-block;vertical-align: middle;user-select: none;}
.indpro-menu-link li{display: inline-block;margin: 0 20px;position: relative;font-size: 18px;color: #555;cursor: pointer;transition: all .4s ease;}
.indpro-menu-link li:after{content: "";width: 0;right: 0;height: 2px;background: #2386ee;transition: all .4s ease;position: absolute;bottom: -3px;}
.indpro-menu-link li.ontrue, .indpro-menu-link li:hover{color: #2386ee;}
.indpro-menu-link li.ontrue:after{width: 100%;right: auto;left: 0;}
.indpro-menu-link li:hover:after{width: 100%;right: auto;left: 0;}
.indpro-menu-more {width: 120px;height: 36px;margin-left: 20px;line-height: 34px;border-radius: 5px;border: 2px solid #2386ee;font-size: 14px;text-align: center;color: #2386ee;position: relative;transition: all .4s ease;}
.indpro-menu-more span{position: relative;z-index: 2;}
.indpro-menu-more span:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 22px;display: inline-block;transform: translateY(2px);}
.indpro-menu-more:after{content: "";width: 0;right: 0;height: 100%;background: linear-gradient(135deg,#0068dd,#00aeee);position: absolute;transition: all .4s ease;}
.indpro-menu-more:hover{color: #fff;}
.indpro-menu-more:hover:after{width: 100%;right: auto;left: 0;}
.indpro-box{width: 100%;margin-top: 30px;}
.indpro-item{width: 100%;display: none;}
.indpro-item.ontrue{display: block;}
.indpro-video{width: 300px;float: left;padding: 86px 0 0 36px;height: 465px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.indpro-video-title{width: 100%;}
.indpro-video-title h6{font-size: 26px;color: #222;font-weight: 700;}
.indpro-video-title h6 span, .indpro-video-title h6 img{display: inline-block;vertical-align: middle;}
.indpro-video-title h6 img{margin-left: 10px;cursor: pointer;border-radius: 50%;transition: all .6s ease;}
.indpro-video-title h6 img:hover{background: #2386ee;}
.indpro-video-title p{font-size: 18px;color: #444;font-weight: 300;margin-top: 12px;}
.indpro-video-link{width: 100%;font-size: 0;margin-top: 40px;}
.indpro-video-link a{display: inline-block;font-size: 14px;color: #2386ee;position: relative;margin-right: 16px;}
.indpro-video-link a:after{content: "\f105";font-family: "FontAwesome";margin-left: 6px;font-size: 20px;display: inline-block;transform: translateY(1px);}
.indpro-video-link a:last-child{margin-right: 0;}
.indpro-video-link a:before{content: "";width: 0;right: 0;height: 1px;background: #2386ee;position: absolute;bottom: 0;transition: all .4s ease;}
.indpro-video-link a:hover:before{width: 100%;right: auto;left: 0;}
.indpro-wd{width: 100%;text-align: center;transition: all .4s ease;}
.indpro-wd i{display: block;height: 62px;line-height: 62px;overflow: hidden;transition: all .2s ease;}
.indpro-wd i img {height: 62px;}
.indpro-wd h4{font-size: 24px;color: #222;margin: 10px 0 16px;}
.indpro-wd p{font-size: 14px;color: #777;line-height: 22px;max-width: 280px;margin: 0 auto;min-height: 44px;    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical; text-align:left;
    -webkit-line-clamp: 3;}
.indpro-link{width: 100%;position: absolute;bottom: -54px;left: 0;font-size: 0;z-index: 4;transition: all .4s ease;}
.indpro-link a{display: inline-block;vertical-align: top;height: 54px;line-height: 54px;text-align: center;width: 100%;font-size: 14px;}
.indpro-link a:first-child{border: 1px solid #2386ee;color: #2386ee;background: #fff;}
.indpro-link a:last-child{background: linear-gradient(135deg,#0068dd,#00aeee);color: #fff;}
.indpro-link a span:after{content: "";font-family: "FontAwesome";transition: all .4s ease;font-size: 20px;display: inline-block;transform: translateY(1px);}

.indpro-list{width: calc(100% - 300px);float: right;}
.indpro-list li{width: 33.3333%;float: left;height: 232.5px;background: #fff;display: flex;align-items: center;position: relative;overflow: hidden;transition: all .4s ease;}
.indpro-list li:before{content: "";width: 1px;height: 100%;position: absolute;background: #dae0e5;top: 0;right: 0;}
.indpro-list li:after{content: "";width: 100%;height: 1px;position: absolute;background: #dae0e5;bottom: 0;left: 0;}
.indpro-list li:nth-child(3n):before{display: none;}
.indpro-list li:nth-child(n+4):after{display: none;}
.indpro-list li:hover .indpro-link{bottom: 0;}
.indpro-list li:hover .indpro-wd i{opacity: 0;}
.indpro-list li:hover .indpro-wd{transform: translateY(-66px);}
.indpro-list li:hover{box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.12);z-index: 2;}	
	


@media screen and (max-width: 768px){
	.h_1{ width:100%;}
	.m-jjfa .swiper-slide:nth-child(2) .h_1 .h_top {background: #627DFD !important;} 
	.m-jjfa .swiper-slide:nth-child(3) .h_1 .h_top {background: #22C7A5 !important;} 
	.m-jjfa .swiper-slide:nth-child(4) .h_1 .h_top {background: #00AEFD !important;} 
	.m-jjfa .swiper-slide:nth-child(5) .h_1 .h_top {background: #ffb658 !important;}
	.m-jjfa .swiper-slide:nth-child(6) .h_1 .h_top {background: #627DFD !important;} 
	.m-jjfa .swiper-slide:nth-child(7) .h_1 .h_top {background: #22C7A5 !important;} 
	.m-jjfa .swiper-slide:nth-child(8) .h_1 .h_top {background: #00AEFD !important;} 
	.m-jjfa .swiper-slide:nth-child(9) .h_1 .h_top {background: #ffb658 !important;}
	.m-jjfa .swiper-slide:nth-child(10) .h_1 .h_top {background: #627DFD !important;} 
	.m-jjfa .swiper-slide:nth-child(11) .h_1 .h_top {background: #22C7A5 !important;} 
	.m-jjfa .swiper-slide:nth-child(12) .h_1 .h_top {background: #00AEFD !important;} 
	.m-jjfa .swiper-slide:nth-child(13) .h_1 .h_top {background: #ffb658 !important;}
	.m-jjfa .swiper-slide:nth-child(14) .h_1 .h_top {background: #627DFD !important;} 
	.m-jjfa .swiper-slide:nth-child(15) .h_1 .h_top {background: #22C7A5 !important;} 
	.m-jjfa .swiper-slide:nth-child(16) .h_1 .h_top {background: #00AEFD !important;} 
	.m-jjfa .swiper-slide:nth-child(17) .h_1 .h_top {background: #ffb658 !important;}
	.m-jjfa .swiper-slide:nth-child(18) .h_1 .h_top {background: #627DFD !important;} 
	.m-jjfa .swiper-slide:nth-child(19) .h_1 .h_top {background: #22C7A5 !important;} 
	.m-jjfa .swiper-slide:nth-child(20) .h_1 .h_top {background: #00AEFD !important;} 
	.m-jjfa .swiper-slide:nth-child(21) .h_1 .h_top {background: #ffb658 !important;} 
	 
	.grid_row .swiper-slide .vc_inner{box-shadow: 0px 0px 30px 0 rgb(0 0 0 / 5%);}
	.grid_row .swiper-slide{padding:0 10px;}
	.grid_row{ padding-top:20px;}
	.indtab-wd{ width:100%!important; }
	.indtab li a{ padding:8%!important;}
	.indtab-img{ margin:0 auto; float:none!important;}
	}

 .customer-btn{
	position: relative;
	width: 100%;
	background: url(http://www.4pnt.com/images/banner5.png);
	background-size: 100% 100%;
}
.shine{
	position: absolute;
    z-index: 11;
}
.shine_russia{
	top: 24%;
    left: 80%;
    -webkit-animation: ripple 1500ms ease-out 2250ms infinite;
  -moz-animation: ripple 1500ms ease-out 2250ms infinite;
  -o-animation: ripple 1500ms ease-out 2250ms infinite;
  animation: ripple 1500ms ease-out 2250ms infinite;
}
.shine_japan{
	top: 41%;
    left: 84.5%;
    -webkit-animation: ripple 1500ms ease-out 1505ms infinite;
  -moz-animation: ripple 1500ms ease-out 1505ms infinite;
  -o-animation: ripple 1500ms ease-out 1505ms infinite;
  animation: ripple 1500ms ease-out 1505ms infinite;
}
.shine_huabei{
	top: 35.5%;
    left: 76.2%;
    -webkit-animation: ripple 1500ms ease-out 1800ms infinite;
  -moz-animation: ripple 1500ms ease-out 1800ms infinite;
  -o-animation: ripple 1500ms ease-out 1800ms infinite;
  animation: ripple 1500ms ease-out 1800ms infinite;
}
.shine_huanan{
	top: 45.2%;
    left: 78.5%;
     -webkit-animation: ripple 1500ms ease-out 500ms infinite;
  -moz-animation: ripple 1500ms ease-out 500ms infinite;
  -o-animation: ripple 1500ms ease-out 500ms infinite;
  animation: ripple 1500ms ease-out 500ms infinite;
}
.shine_zhongdong{
	top: 39%;
    left: 68.5%;
     -webkit-animation: ripple 1500ms ease-out 3550ms infinite;
  -moz-animation: ripple 1500ms ease-out 3550ms infinite;
  -o-animation: ripple 1500ms ease-out 3550ms infinite;
  animation: ripple 1500ms ease-out 3550ms infinite;
}
.shine_india{
	top: 47%;
    left: 71%;
     -webkit-animation: ripple 1500ms ease-out 2550ms infinite;
  -moz-animation: ripple 1500ms ease-out 2550ms infinite;
  -o-animation: ripple 1500ms ease-out 2550ms infinite;
  animation: ripple 1500ms ease-out 2550ms infinite;
}
.shine_europ{
	top: 33%;
    left: 57%;
     -webkit-animation: ripple 1500ms ease-out 3000ms infinite;
  -moz-animation: ripple 1500ms ease-out 3000ms infinite;
  -o-animation: ripple 1500ms ease-out 3000ms infinite;
  animation: ripple 1500ms ease-out 3000ms infinite;
}
.shine_singapore{
	top: 60%;
    left: 80%;
     -webkit-animation: ripple 1500ms ease-out 3000ms infinite;
  -moz-animation: ripple 1500ms ease-out 3000ms infinite;
  -o-animation: ripple 1500ms ease-out 3000ms infinite;
  animation: ripple 1500ms ease-out 3000ms infinite;
}
.shine_singapore:after{
	content: '忙鈥撀懊ヅ犅犆ヂ澛�';
	display: inline-block;
	margin-left: -20px;
}
.shine_america{
	top: 35%;
    left: 30%;
     -webkit-animation: ripple 1500ms ease-out 3000ms infinite;
  -moz-animation: ripple 1500ms ease-out 3000ms infinite;
  -o-animation: ripple 1500ms ease-out 3000ms infinite;
  animation: ripple 1500ms ease-out 3000ms infinite;
}
.shine_southafrica{
	top: 88%;
    left: 39%;
     -webkit-animation: ripple 1500ms ease-out 3000ms infinite;
  -moz-animation: ripple 1500ms ease-out 3000ms infinite;
  -o-animation: ripple 1500ms ease-out 3000ms infinite;
  animation: ripple 1500ms ease-out 3000ms infinite;
}
.shine_canada{
	top: 20%;
    left: 33%;
     -webkit-animation: ripple 1500ms ease-out 2785ms infinite;
  -moz-animation: ripple 1500ms ease-out 2785ms infinite;
  -o-animation: ripple 1500ms ease-out 2785ms infinite;
  animation: ripple 1500ms ease-out 2785ms infinite;
}
.shine_korea{
	top: 41%;
    left: 83%;
     -webkit-animation: ripple 1500ms ease-out 2654ms infinite;
  -moz-animation: ripple 1500ms ease-out 2654ms infinite;
  -o-animation: ripple 1500ms ease-out 2654ms infinite;
  animation: ripple 1500ms ease-out 2654ms infinite;
}
.shine_malaysia{
	top: 58%;
    left: 77%;
     -webkit-animation: ripple 1500ms ease-out 3000ms infinite;
  -moz-animation: ripple 1500ms ease-out 3000ms infinite;
  -o-animation: ripple 1500ms ease-out 3000ms infinite;
  animation: ripple 1500ms ease-out 3000ms infinite;
}
.shine_france{
	top: 35%;
    left: 56%;
     -webkit-animation: ripple 1500ms ease-out 2065ms infinite;
  -moz-animation: ripple 1500ms ease-out 2065ms infinite;
  -o-animation: ripple 1500ms ease-out 2065ms infinite;
  animation: ripple 1500ms ease-out 2065ms infinite;
}
.shine_british{
	top: 31%;
    left: 54%;
     -webkit-animation: ripple 1500ms ease-out 5012ms infinite;
  -moz-animation: ripple 1500ms ease-out 5012ms infinite;
  -o-animation: ripple 1500ms ease-out 5012ms infinite;
  animation: ripple 1500ms ease-out 5012ms infinite;
}
.shine_germerny{
	top: 31%;
    left: 56%;
     -webkit-animation: ripple 1500ms ease-out 1654ms infinite;
  -moz-animation: ripple 1500ms ease-out 1654ms infinite;
  -o-animation: ripple 1500ms ease-out 1654ms infinite;
  animation: ripple 1500ms ease-out 1654ms infinite;
}
.shine_netherland{
	top: 39%;
    left: 54%;
     -webkit-animation: ripple 1500ms ease-out 1485ms infinite;
  -moz-animation: ripple 1500ms ease-out 1485ms infinite;
  -o-animation: ripple 1500ms ease-out 1485ms infinite;
  animation: ripple 1500ms ease-out 1485ms infinite;
}
.shine_australia{
	top: 75%;
    left: 87%;
     -webkit-animation: ripple 1500ms ease-out 2323ms infinite;
  -moz-animation: ripple 1500ms ease-out 2323ms infinite;
  -o-animation: ripple 1500ms ease-out 2323ms infinite;
  animation: ripple 1500ms ease-out 2323ms infinite;
}
.shine_newsealand{
	top: 81%;
    left: 93%;
     -webkit-animation: ripple 1500ms ease-out 1882ms infinite;
  -moz-animation: ripple 1500ms ease-out 1882ms infinite;
  -o-animation: ripple 1500ms ease-out 1882ms infinite;
  animation: ripple 1500ms ease-out 1882ms infinite;
}
@-webkit-keyframes ripple{ 
	0%{opacity:0;} 
	40%{ opacity:0.8; }
	50%{ opacity:1; }    
	100%{ opacity:0; }}
@-moz-keyframes ripple{ 
	0%{opacity:0; } 
	40%{ opacity:0.8; }  
	50%{ opacity:1; }  
	100%{ opacity:0; }}
@-o-keyframes ripple{ 
	0%{opacity:0; } 
	40%{ opacity:0.8; }
	50%{ opacity:1; }    
	100%{ opacity:0; }}
@keyframes ripple{ 0%{opacity:0; } 
40%{ opacity:0.8; } 
50%{ opacity:1; }   
100%{ opacity:0;}
}

.customs{
	width: 100%;
	height: 440px;
}
.customs-list,
.customs-detail{height: 100%;}
.customs-list{
	width: 180px;
	margin-top: -40px;
}
.customs-list li{
	float: left;
	width: 100%;
	margin-top: 20px;
	cursor: pointer;
}
.customs-list li.active img, .customs-list li:hover img {border: 1px solid #00a2ca;}
.indexcasectn img{
	width: 100%;
	height: 73px;
	border: 1px solid #dfdfdf;
}
.customs-list .customs-btn{
	height: 24px;
	line-height: 22px;
	background: #00a2ca;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.customs-list .customs-btn.gray{background: #ccc;}
.customs-detail{
	display: none;
	width: 300px;
	/*margin-left: 10px;*/
	border: 1px solid #00a2ca;
	z-index: 22;
	margin-top: -20px;
}
.customs-title{
	position: relative;
	height: 240px;
	padding:0 20px 20px;
}
.customs-title h3{
	margin: 0;
	padding-top: 30px;
	padding-bottom: 15px;
	font-size: 18px;
	border-bottom: 1px solid #999;
}
.customs-title p{
	padding-top: 25px;
	color: #999;
	word-wrap: break-word;
	height: 128px;
	overflow: hidden;
}
.customs-title a{
	position: absolute;
	bottom: 20px;
	right: 0;
	color: #f6a842;
}
.customs-products{
	padding: 15px 20px;
	height: 200px;
	background: #00a2ca;
	text-align: center;
	color: #fff;
}
.customs-products .col-xs-3{padding: 0 10px;}
.customs-products i{font-size: 50px;}
.customs-products p{margin-top: 10px;}
.bgcw{
	background: #fff;
}
.customs-products ul li a{ color:#fff;}
.customs  .col-xs-4{ padding:0}
.customs-products li{ list-style:disc; line-height:30px;}


.contain {
    width: 1200px;
    margin: 0 auto;
}
.indtab{
    height: 100px;
    margin-top: -47px;
    position: relative;
    z-index: 9;}
.indtab ul{margin-left: -1%;}
.indtab li{width: 24%;margin-left: 1%;box-shadow: 0 4px 12px 2px rgba(0, 0, 0, .2);float: left;}
.indtab li a{display: block;width: 100%;border-radius: 3px;overflow: hidden;background: linear-gradient(to bottom,#ffffff,#e2ebf4);padding: 24px;position: relative;}
.indtab li a:after{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(135deg,#0068dd,#00aeee);opacity: 0;transition: all .4s ease;}
.indtab-img{width: 58px;float: left;height: 45px;display: flex;align-items: center;position: relative;z-index: 2;}
.indtab-img img{max-width: 88%;max-height: 100%;}
.indtab-img-s{display: block;}
.indtab-img-h{display: none;}
.indtab-wd{width: calc(100% - 58px);float: right;position: relative;z-index: 2;}
.indtab-wd h4{font-size: 18px;color: #111;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease; padding:0; margin:0; line-height:45px;}
.indtab-wd p{font-size: 14px;color: #888;margin-top: 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;padding:0; margin:0}
.indtab li a:hover:after{opacity: 1;}
.indtab li a:hover .indtab-img-s{display: none;}
.indtab li a:hover .indtab-img-h{display: block;}
.indtab li a:hover .indtab-wd h4, .indtab li a:hover .indtab-wd p{color: #fff;}

.indtab li{opacity: 0;animation: indtabLi 1s ease both;}
.indtab li:nth-child(1){animation-delay: .6s;}
.indtab li:nth-child(2){animation-delay: .8s;}
.indtab li:nth-child(3){animation-delay: 1s;}
.indtab li:nth-child(4){animation-delay: 1.2s;}
@keyframes indtabLi{0%{opacity: 0;transform: translateY(68px);}100%{opacity: 1;transform: translateY(0);}}
@media screen and (max-width: 768px){
	.contain{ width:100%;}
	}