@import url("/style/system.css");
@import url("/jdy/yun.css");
html{overflow-y:auto !important;}
html, body, ul, li, p, a, img, div, span, table, th, tr, td, button, input, textarea, iframe, header, nav, main, article, aside, section, footer{box-sizing:border-box;  cursor:default;}

.jdyBanner{width:100%; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important;}
	.jdyBanner > div{position:relative; height:100%; display:flex; align-items:center; align-content:center; justify-content:center; flex-wrap:wrap; padding-left:33px;}
	.jdyBanner > div > h1, .jdyBanner > div > p, .jdyBanner > div > ul{width:100%; color:#FFF; }	
	.jdyBanner > div > h1{text-shadow:1px 1px 1px rgba(255, 255, 255, .5), 2px 2px 1px rgba(0, 0, 0, .4);}
	.jdyBanner > div > p{height:33px;}
	.jdyBanner > div > ul > li{height:28px;}
	.jdyBanner > div > ul > li::before{content:"\2713"; margin-right:6px;}
	.jdyBanner > div > p > a{display:block; margin:18px 0; width:128px; height:44px; background:#1e8bc3; color:#FFF; border-radius:3px; text-align:center; line-height:44px; font-size:18px;}
	.jdyBanner > div > div{display:none;}

.titleNote{width:100%; text-align:center; margin:40px 0 28px 0;}
	.titleNote > h2{text-shadow:1px 1px 1px rgba(255, 255, 255, .5), 1px 1px 2px rgba(0, 0, 0, .4);}

.selKing{display:flex; flex-wrap:wrap;}
	.selKing > div{padding:18px; display:flex;}
	.selKing > div > div:first-child{display:flex; align-items:center; justify-content:center; flex:0 0 88px; margin-right:28px; width:88px; height:88px; background:#1e8bc3; border-radius:88px;}
		.selKing > div > div:first-child > span{font-size:44px; color:#FFF; }
		.selKing > div > div:last-child > h3{margin:8px 0; color:#1e8bc3; font-weight:600;}

	.solution{width:100%; background:#f6f6f6; padding-top:1px;}
	.solutionList > div > div > a{display:inline-block; margin:28px 0; width:88px; height:33px; background:#1e8bc3; color:#FFF; border-radius:3px; text-align:center; line-height:33px;}

.serviceNum{width:100%; height:188px; background:url("/images/jdy/jdy/ground.png") center center / cover no-repeat; padding:18px 0; text-align:center;}
	.serviceNum > div > h4{font-size:22px; color:#FFF; margin-bottom:8px; text-shadow:1px 1px 1px rgba(255, 255, 255, .5), 2px 2px 1px rgba(0, 0, 0, .4);}
	.serviceNum > div > p{color:#FFF;}
		.serviceNum > div > p > span{font-size:18px; font-weight:bold;}

.customerCase{width:100%; background:#f6f6f6; padding-top:18px;}
	.customerCaseList{display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:8px;}
	.customerCaseList > div{position:relative; overflow:hidden; background-repeat:no-repeat !important; margin-bottom:18px; background-size:contain !important;}
		.customerCaseList > div > div{display:absolute; background:#FFF;} 
		.customerCaseList > div > div > h4{font-size:18px; padding:0 18px; margin-bottom:16px;}
		.customerCaseList > div > div > div{ padding:0 18px; line-height:26px;}
		.customerCaseList > div > div > div:first-of-type{display:flex; justify-content:space-between; margin-bottom:18px;}
	
.freeReg{width:100%; text-align:center;margin-top:38px;}
	.freeReg > h2{margin-top:0;}
	.freeReg > a{display:inline-block; padding:0 8px; height:44px; background:#1e8bc3; color:#FFF; border-radius:3px; text-align:center; line-height:44px;}

.freeRegSubmit{display:inline-block; margin:28px 0; padding:0 18px; height:33px; background:#1e8bc3; color:#FFF; border-radius:3px; text-align:center; line-height:33px;}

.ykj_introduction{background:#f6f6f6; display:flex; align-items:center; justify-content:center; font-size:18px;}
	.ykj_introduction > ul > li > span{font-size:20px !important; margin-right:8px;}

.ykj_compatible{display:flex; justify-content:space-between; flex-wrap:wrap; color:#FFF;}
	.ykj_compatible > div{background-repeat:no-repeat !important; text-align:center; padding:18px;}
		.ykj_compatible > div > h4{font-size:22px;}
		.ykj_compatible > div > p{margin:20px 0;}

.allBanner{width:100%; height:216px; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; margin:28px 0;}
	.userData > div{height:100%; display:flex; align-items:center; justify-content:space-around; color:#FFF;}
		.userData > div > div > b{font-size:26px;}

.jxc_tradeIcon{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:28px auto 58px auto !important;}
	.jxc_tradeIcon > p{font-size:16px; text-align:center; margin:18px;}
		.jxc_tradeIcon > p > span{display:block; width:88px; height:88px; border-radius:88px; background:#EEE; font-size:33px; text-align:center; line-height:88px; margin-bottom:6px;}

.xls_problem{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
	.xls_problem > div > div{box-shadow:0px 0px 0px rgba(255, 255, 255, .5), 0px 0px 2px rgba(0, 0, 0, .4); padding:44px 18px;}
		.xls_problem > div > div > h4{font-size:18px; margin:0px 0 18px 0; font-weight:600; color:#1e8bc3;}
.xls_explain{width:100%; background:#f6f6f6;}
	.xls_explain > div{display:flex; flex-wrap:wrap; justify-content:center; padding:28px 0;}
		.xls_explain > div > div{display:flex; align-items:center;}
			.xls_explain > div > div > span{font-size:33px; margin:0 18px;}
			.xls_explain > div > div > div > h4{font-size:20px; font-weight:600;}
.xls_store{width:100%; background:#f6f6f6;}
	.xls_store > div{display:flex; justify-content:space-between; flex-wrap:wrap; padding:28px 0;}
		.xls_store > div > div{background-repeat:no-repeat !important; background-position:top center !important; background-size:contain !important; padding:18px;}
			.xls_store > div > div > h4{font-size:22px; color:#FFF; margin-bottom:118px;}
			.xls_store > div > div > label{display:block; font-size:18px; margin-bottom:16px;}
			.xls_store > div > div > p:first-of-type{margin-bottom:18px; border-bottom:1px dotted #CCC; padding-bottom:18px;}
			.xls_store > div > div > p{color:#888;}

.wsc_introduction{width:100%; background:#f6f6f6; padding:28px 0; }
	.wsc_introduction > div:last-child{display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:66px;}
		.wsc_introduction > div:last-child > div > div{display:flex; align-items:center;}
		.wsc_introduction > div:last-child > div > div > span{font-size:26px; margin-right:18px;}
		.wsc_introduction > div:last-child > div > div > h4{margin:0; font-size:20px; font-weight:500;}
		.wsc_introduction > div:last-child > div > ul{display:flex; margin-top:28px; flex-wrap:wrap;}
			.wsc_introduction > div:last-child > div > ul > li{margin-bottom:8px; color:#666;}
.wsc_explain{display:flex; justify-content:space-between; margin-top:66px !important;}
	.wsc_explain > div{text-align:center;}
		.wsc_explain > div > span{display:inline-block; font-size:33px !important; background:#CCC; width:88px; height:88px; border-radius:88px; text-align:center; line-height:88px;}
		.wsc_explain > div > h4{font-size:22px; font-weight:500;}
		.wsc_explain > div > p{color:#666; padding:0 58px; line-height:22px;}
.wsc_problem{background:#f6f6f6; padding-top:33px; margin-top:66px;}

		.wsc_case > div > h4{font-size:22px; font-weight:500;}
		.wsc_case > div > p{margin:28px 0;}
		.wsc_case > div > ul{line-height:26px;}
/*****  PC ******/

@media(min-width: 666px){
	.pBody{width:1200px; margin:0 auto;}
	.jdyBanner{height:496px; }
		.jdyBanner > div > h1{font-size:33px;} 
		.jdyBanner > div > div{position:absolute; left:268px; top:288px; width:128px; height:158px; background:#FFF url("/images/jdy/reg.png") top center / contain no-repeat; display:flex; align-items:flex-end; justify-content:center; padding-bottom:8px;}
		.ykjPosition{top:218px !important; left:448px !important;}
	.selKing > div{width:50%;}
		.selKing > div > div:first-child{transition:transform .2s ease-in;}
		.selKing > div > div:first-child:hover{transform:scale(1.2)}
			.selKing > div > div:first-child > span{margin:0 28px;}

	.solution{height:518px; margin:58px 0 0 0;}
	.solutionList{position:relative; }
	.solutionList > div{width:100%;}
	.solutionList > div > p{display:inline-block; height:56px; width:128px; border-right:2px solid #CCC; line-height:56px; padding-left:6px; color:#666;}
	.solutionList > div > .pCurr, .solutionList > div > p:hover{background:linear-gradient(to right, #f6f6f6 , #FFF); border-right-color:#1e8bc3; color:#000;}
	.solutionList > div > div{position:absolute; width:1042px; height:366px; left:158px; top:0; right:0; bottom:0; transition:margin-left .3s ease-out, opacity .3s ease-out; margin-left:88px; opacity:0; background-repeat:no-repeat !important; background-position:right top !important;}
	.solutionList > div:first-child > div{margin-left:0; opacity:1;}
	.solutionList > div:not(:first-child) > div{visibility:hidden;}
		.solutionList > div > div > h4{margin-top:0; font-size:23px; font-weight:500;}
		.solutionList > div > div > p{width:50%;}
		
		.solutionList > div > div > div{display:flex; justify-content:felx-start;}
			.solutionList > div > div > div > p{width:108px; text-align:center; margin-right:18px;}
				.solutionList > div > div > div > p > span{display:block; font-size:33px; margin-bottom:8px;}

	.customerCaseList > div{width:380px; height:288px; }
		.customerCaseList > div > div{margin-top:180px; height:100%; padding-top:1px; transition:margin-top .2s ease-out;}
	.customerCaseList > div:hover > div{margin:0;}

.ykj_introduction{height:88px; }
 .ykj_introduction> ul{display:flex; justify-content:center;}
 	 .ykj_introduction> ul > li{margin-right:58px; height:33px; line-height:33px;}
.ykj_compatible > div{width:380px; height:432px;}
	.ykj_compatible > .comb{width:580px;}

.jxc_tradeIcon > p > span{transition:font-size .1s ease-out;}
.jxc_tradeIcon > p > span:hover{font-size:58px;}

.xls_problem > div > div{width:333px; margin:58px 0;}
	.xls_problem > div > img{width:333px;}
.xls_explain > div > div{width:50%; }
.xls_store > div > div{width:380px; height:444px; }


.wsc_introduction > div:last-child >div{width:50%;}
	.wsc_introduction > div:last-child > div > ul > li{width:30%;}
.wsc_explain > div{width:33%;}
.wsc_case{display:flex;}
	.wsc_case > div{margin-right:58px;}
}

/****** mobile *****/
@media(max-width:666px){
	.pBody{width:100%; margin:0 auto;}
	.jdyBanner{height:calc(100vh);}
	.selKing > div{width:100%;}
		.selKing > div > div:last-child > h3{margin:0 0 6px 0;}
		
		.solutionList > div > p{display:none;}
		.solutionList > div > div{width:100%; height:336px; padding:10px; background-repeat:no-repeat !important; background-position:right bottom !important; background-size:50% !important;}
			.solutionList > div > div > h4{width:100%; height:44px; line-height:44px; color:#FFF; background:#1e8bc3; text-align:center; font-size:18px;}
			.solutionList > div > div > div > p > span{margin-right:8px;}

	.customerCaseList > div{width:90%; height:366px; margin:0 auto 18px auto; }
		.customerCaseList > div > div{margin-top:88px; height:336px; padding-top:1px;}

.ykj_introduction{padding:18px 0; }
	 .ykj_introduction> ul{text-align:center;}
		 .ykj_introduction> ul > li{height:36px; line-height:36px;}
	.ykj_compatible > div{width:90%; height:318px; margin:0 auto 18px auto; background-size:cover !important;}

.xls_problem{position:relative; margin-top:88px;}
	.xls_problem > div:nth-child(2){position:absolute; top:-128px; left:5%; opacity:.3;}
	.xls_problem > div{width:90%; margin:0 auto;}
		.xls_problem > div > div{margin-bottom:18px;}
		.xls_problem > div > img{width:100%;}
.xls_explain > div > div{padding-right:18px;}
	.xls_explain > div > div > div > h4{font-size:20px; font-weight:600; margin-bottom:10px;}
.xls_store > div > div{width:90%; margin:8px auto;}

.wsc_introduction > div:last-child > div{width:95%; margin:0 auto; text-align:center;}
	.wsc_introduction > div:last-child > div > div{margin-top:28px;}
	.wsc_introduction > div:last-child > div > ul > li{width:50%;}
.wsc_explain{flex-wrap:wrap;}
	.wsc_explain > div{margin-bottom:44px;}
		.wsc_explain > div > h4{margin:8px 0;}
.wsc_case{position:relative; height:446px;}
	.wsc_case > div{width:90%; position:relative; top:228px; z-index:88; text-align:center; margin:0 auto;}
	.wsc_case > img{position:absolute; z-index:1; left:10%; top:0; width:80%;} 
}