.banner { width: 100%; height: 65vh; overflow: hidden; position: relative; background: #666;}
.banp { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.banpic { width: 100%; height: 100%; position: absolute; left: 100%; top: 0;}
.banpic img { width: 100%; height: 100%; display: block; object-fit: cover;}
.banb { width:100%; height:10px; position:absolute; z-index:5; bottom:100px; text-align:center;}
.banb span { display:inline-block; width:60px; height:4px; margin-right:10px; background:#222; cursor:pointer; line-height:50px; overflow:hidden; border-radius:2px;}
.banb span.on { background:#dd4952; }
.bana { width: 120px; height: 120px; position: absolute; top: 50%; margin-top: -60px; display: none; cursor: pointer;}
.aleft { left: 0; background: url(/images/left.png) center no-repeat;}
.aright { right: 0; background: url(/images/right.png) center no-repeat;}
.banner:hover .bana { display: block;}

.newsbk { height: 80px; position: relative; background: #fff;}
.newsbar { width: 1260px; height: 180px; background: #fff url(/images/newstip.png) left top no-repeat; position: absolute; z-index: 100; left: 50%; margin-left: -630px; top: -80px; text-align: center; font-size: 0;
	-moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.05);/* for firefox */
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.05);/* for safari or chrome */
	box-shadow:0px 10px 10px rgba(0,0,0,0.05);/* for opera or ie9 */
}
.newsli { width: 320px; height: auto; display: inline-block; margin: 0 40px; vertical-align: top;}
.newsli span { display: block; height: 80px; line-height: 90px; font-size: 18px; font-weight: bold; color: #4762eb; text-align: center; }
.newsli i { display: block; width: 50px; height: 0; border-bottom: 2px solid #4762eb; margin: 0 auto 20px auto;}
.newsli a { display: block; font-size: 14px; color: #666; text-decoration: none; text-align: center; line-height: 24px;}
.newsli a:hover { font-weight: bold;}

.bk1 { 
	width: 1260px; 
	height: 550px; 
	margin:40px auto 20px auto; 
	background: url(/images/gszc.png) left center no-repeat; 
}
.bk1t { height: 100px; line-height: 100px; text-align: right; font-size: 36px; padding-right: 20px; }
.bk1t strong { color: #e65e5e;}
.bk1t2 { height: 40px; line-height: 40px; text-align: right; font-size: 20px; color: #666; padding-right: 20px;}
.gstep { width: 550px; height: auto; overflow: hidden; margin: 40px 0 0 650px;}
.gsteps { width: 550px; height: 50px; line-height: 50px; background: #fff; border-radius: 25px; text-align: center; font-size: 20px; color: #666;}
.gstepa { width: 550px; height: 40px; font-size: 0px; background: url(/images/arodown.png) center no-repeat; background-size: 25px; opacity: 0.15;}
.bk2 { 
	width: 100%; 
	height:auto; 
	background: #fff; 
	overflow: hidden; 
	padding-top: 20px;
}
.bk2box { width: 1260px; height: auto; overflow: hidden; margin: 0 auto; background: url(/images/kjdl.png) left bottom no-repeat;}
.bk2c { width: 720px; height: auto; float: left; overflow: hidden;}
.bk2t { height: 100px; line-height: 100px; font-size: 36px; padding-top: 30px; }
.bk2t strong { color: #e65e5e; }
.bk2t2 { height: 40px; line-height: 30px; font-size: 20px; color: #999; }
.bk2i { height: auto; overflow: hidden;}
.bk2ic { width: 200px; height: 180px; float: left; margin: 20px 40px; }
.bk2ic span { display: block; width: 160px; height: 80px; margin: 15px auto; border: 2px dotted #4762eb; border-top-left-radius: 80px; border-top-right-radius: 80px; border-bottom: 0; text-align: center; font-size: 12px; color: #4762eb; line-height: 100px; overflow: hidden;}
.bk2ic span strong { font-size: 44px;}
.bk2ic font { display: block; width: 200px; font-size: 18px; line-height: 50px; border-top: 2px dotted #4762eb; text-align: center; font-weight: bold;}
.bk2t3 { font-size: 20px; line-height: 50px; color: #666; margin-top: 10px; margin-left: 30px;}
.bk2 .btn { margin: 40px 0 0 150px;}
.bk2serv { width: 500px; height: auto; overflow: hidden; float: right; padding-top: 50px;}
.servbox { height: auto; border: 1px dashed #4762eb; border-radius: 10px;}
.servt { height:auto; padding: 15px 0 0 100px; overflow: hidden; background: url(/images/servt.png) 25px 15px no-repeat; position: relative;}
.servt span { display: block; font-size: 28px; line-height: 30px; color: #4762eb; font-weight: bold; padding-bottom: 3px;}
.servt i { display: block; font-size: 16px; line-height: 20px; color: #4762eb; font-style: normal;}
.servt b { display: block; position: absolute; top: 20px; right: 20px; width: 130px; height: 32px; background: #4762eb url(/images/zx.png) 15px center no-repeat; background-size: 18px; border-radius: 3px; color: #fff; font-size: 14px; line-height: 32px; padding-left: 40px; cursor: pointer;}
.servc { height: auto; padding: 20px 20px 30px 30px; font-size: 14px; line-height: 30px; color: #666;}
.bk5 {
	width: 100%;
	height: auto;
	background: #fff;
	overflow: hidden;
	padding-bottom: 30px;
}
.ysfw { width: 1260px; height: auto; overflow: hidden; border-radius: 10px; margin: 0 auto; border: 1px solid #4762eb;}
.yst { height: 60px; line-height: 60px; font-size: 32px; color: #fff; text-align: center; background: #4762eb; font-weight: bold; }
.ysc { height: auto; overflow: hidden; padding: 10px 0;}
.yscc { width: 625px; height: auto; float: left; overflow: hidden;}
.yscc p { display: block; float: left; width: 90px; height: 90px; margin: 20px 30px; background: #adb9f9; border-radius: 10px;}
.yscc p img { width: 60px; height: 60px; object-fit: contain; display: block; margin: 15px;}
.yscc strong { display: block; float: left; width: 450px; height: 40px; line-height: 40px; color: #4762eb; font-size: 22px; margin-top: 20px;}
.yscc span { display: block; float: left; width: 460px; height: auto; line-height: 30px; font-size: 16px; color: #666;}
.bk3 {
	width: 100%; 
	height: auto; 
	background: #fff; 
	margin: 40px auto 30px auto; 
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.05);/* for firefox */
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.05);/* for safari or chrome */
	box-shadow:0px 0px 20px rgba(0,0,0,0.05);/* for opera or ie9 */
}
.whyjnt { height:60px; padding-top:50px; font-size:36px; line-height:60px; text-align:center; }
.whyjnt strong { color:#e65e5e;}
.whyjnt2 { height:100px; font-size:14px; line-height:50px; text-align:center;}
.whyjnb { height:280px; overflow: hidden; text-align: center;}
.whyjnb span { display: inline-block; width:230px; height:120px; padding-top:120px; background-position: center top; background-repeat:no-repeat; font-size:12px; line-height:24px; text-align:center; color:#666666;}
.whyjnb span font { font-size:18px; color:#3eb2e8; line-height:40px;}
.whyjnb span.b1 { background-image:url(/images/whyb1.png);}
.whyjnb span.b2 { background-image:url(/images/whyb2.png);}
.whyjnb span.b3 { background-image:url(/images/whyb3.png);}
.whyjnb span.b4 { background-image:url(/images/whyb4.png);}
.whyjnb span.b5 { background-image:url(/images/whyb5.png);}
.whyjnb span.b6 { background-image:url(/images/whyb6.png);}
.whyb { float:none; margin:0 auto; padding-top:0; height:100px;}
.whyb a { display:block; height:45px; color:#fff; text-decoration:none;}
.bk4 {
	width: 1260px; 
	height: auto; 
	overflow: hidden; 
	margin: 0 auto;
}
.ywbox { width: 610px; height: 400px; background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; overflow: hidden;}
.ywt { height: 50px; overflow: hidden; padding-top: 10px;}
.ywt span { display: block; line-height: 50px; font-size: 20px; float: left; padding-left: 60px; background: url(/images/bktdot2.png) 20px center no-repeat;}
.ywt a { display: block; line-height: 30px; font-size: 14px; float: right; padding: 0 30px; margin-top: 10px;}
.yws { padding: 10px 0 10px 40px; overflow: hidden; border-bottom: 1px dashed #ddd; margin:0 20px;}
.yws a { display: block; width: 120px; line-height: 24px; font-size: 12px; float: left; margin-bottom: 8px; margin-right: 10px;}
.ywli { height: auto; overflow: hidden; padding: 15px 20px 0 55px;}
.ywli li { height: 35px; line-height: 35px; font-size: 14px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color: #666;}