@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;}
.pBody{margin:0 auto;}
.fullBody{width:100%;}
.bgA{background:#FFF;}
.bgB{background:#f6f6f6;}
.bgimg{background-position:right center !important; background-repeat:no-repeat !important; background-size:contain !important;}
.titleNode{width:100%; text-align:center; padding:1px; padding-top:33px;}
	.titleNode > h2{font-size:23px; font-weight:500; }
.banner{display:flex; margin-bottom:33px; align-items:center; text-shadow:1px 1px 1px rgba(255, 255, 255, .6), 1px 1px 2px rgba(0, 0, 0, .6);}
.yxk_explain{display:flex; padding-bottom:33px;}
.yxk_worth{display:flex; justify-content:space-between; margin-top:28px;}
	.yxk_worth > div{color:#FFF; text-align:center;}
		.yxk_worth > div > span{display:inline-block; width:88px; height:88px; text-align:center; line-height:88px; border-radius:88px; background:#FFF; color:#0086f7; font-size:28px;}
		.yxk_worth > div > h4{font-size:18px; font-weight:500;}
.yxk_why{display:flex; padding:33px 0;}
	.yxk_why > div > div:first-child > h4{margin-top:0;}
	.yxk_why > div > div > h4{margin-bottom:8px;}
.yxk_customer > div{border:1px solid #CCC; background-position:center top 10px !important; background-repeat:no-repeat !important;}
	.yxk_customer > div > div{margin-top:44px; padding:18px;}
		.yxk_customer > div > div > h4{font-size:20px; width:100%; text-align:center; font-weight:500;}
		.yxk_customer > div > div > p{line-height:23px;}
/*****  PC ******/
@media(min-width: 666px){
.pBody{width:1200px;}
.banner{height:500px;}
	.banner > h1{font-size:33px; font-weight:500;}
.yxk_explain{justify-content:space-around; align-items:center;}
	.yxk_explain > p{width:666px; }
.yxk_worth > div{width:28%;}
.yxk_why{align-items:center;}
	.yxk_why > img{margin-right:33px;}
.yxk_customer{display:flex; justify-content:space-between;}
	.yxk_customer > div{width:285px; height:336px;}

}

/***** Mobile ******/
@media(max-width: 666px){
.pBody{width:100%;}
.banner{height:188px; padding:0; background-size:80% !important; margin-top:66px;}
.yxk_explain{position:relative; flex-wrap:wrap; justify-content:center;}
	.yxk_explain > img{width:90%; opacity:.3;}
	.yxk_explain > p{position:absolute; top:18px; width:66%; margin:0 auto; line-height:25px;}
.yxk_worth{flex-wrap:wrap;}
	.yxk_worth > div{width:90%; margin:0 auto 33px auto;}
.yxk_why{position:relative; height:498px; align-items:flex-start; flex-wrap:wrap; justify-content:center;}
	.yxk_why > img{opacity:.5;}
	.yxk_why > div{position:absolute; top:188px; width:90%; margin:0 auto;}
.yxk_customer > div{width:90%; height:336px; margin:18px auto;}
}