.banner{
			width: 100%;
			/*height: 817px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height: 817px;
			float: left;
			background:  no-repeat center center;
			background-size: cover;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./1.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(2){*/
			/*background: url('./2.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(3){*/
			/*background: url('./3.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url('http://www.sjdl0317.com/img/left_right.png') no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url('http://www.sjdl0317.com/img/left_right.png') no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}

@media screen and (max-width: 768px){
	body{
		overflow-x: hidden;
	}
	.w1200, .w1300, .aut{
		width: 100%;
		max-width: 100%;
	}
	.left, .right{
		float: none;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	#top{
		height: 140px;
		background-size: cover !important;
	}
	.nav1{
		height: auto;
		line-height: normal;
	}
	.nav1 ul{
		display: flex;
		flex-wrap: wrap;
		padding: 8px 6px;
	}
	.nav1 li{
		width: 33.3333%;
		line-height: 34px;
		font-size: 14px;
	}
	.nav1 li a{
		display: block;
		border-radius: 6px;
		background: rgba(255,255,255,0.08);
		margin: 2px 4px;
	}
	.banner ul li{
		background-size: cover;
		background-position: center center;
	}
	.banner i{
		display: none !important;
	}
	.banner ol{
		bottom: 10px;
	}
	.lian{
		height: auto;
		padding: 20px 14px;
		box-sizing: border-box;
	}
	.lian p{
		width: 100%;
		font-size: 14px;
		line-height: 26px;
		padding-top: 0;
	}
	.linaxi{
		padding: 16px 0 0;
		text-align: left;
	}
	.linaxi a{
		display: inline-block;
		padding: 10px 16px;
		border-radius: 18px;
	}
	.prod{
		height: auto;
		background-size: cover;
		padding-bottom: 28px;
	}
	.prod_l, .drod_r, .guan_left, .guan_right, .xun_l, .xun_r, .news_l, .news_r, .lian_l, .lian_r{
		width: 100%;
		padding: 0 14px;
		box-sizing: border-box;
	}
	.prod_l{
		padding-top: 32px;
	}
	.prod_l p{
		font-size: 26px;
	}
	.prod_l p.fen{
		font-size: 30px;
	}
	.drod_r ul{
		padding-top: 10px;
	}
	.drod_r > div[style]{
		float: none !important;
		padding: 0 !important;
		text-align: right;
		margin-bottom: 8px;
	}
	.drod_r ul li{
		width: 100%;
		height: auto;
		margin: 10px 0;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 3px 10px rgba(0,0,0,0.18);
	}
	.drod_r ul li img{
		width: 100%;
		height: auto;
		display: block;
	}
	.drod_r ul li p{
		width: 88%;
		font-size: 16px;
		line-height: 30px;
	}
	.xun2, .guan, .xun, .about, .news, .lian_t, .foot{
		height: auto;
		background-size: cover;
	}
	.shi{
		padding-top: 34px;
	}
	.shi span{
		font-size: 28px;
	}
	.shi p{
		font-size: 16px;
	}
	.shi .cangku li{
		width: calc(50% - 10px);
		margin: 5px;
		float: left;
	}
	.shi .cangku li img{
		width: 100%;
		height: auto;
		display: block;
		border-radius: 8px;
	}
	.guan_left p{
		font-size: 36px;
		padding: 30px 0 0;
	}
	.guan_left span.a1, .guan_left span.a2, .guan_left span.a3{
		padding: 10px 0 0;
		font-size: 18px;
	}
	.guan_right ul{
		padding: 20px 0 0;
	}
	.guan_right ul.b2{
		padding-top: 20px;
	}
	.news_l{
		padding-top: 34px;
	}
	.news_l p{
		font-size: 30px;
	}
	.news_l_t{
		border-radius: 10px;
		overflow: hidden;
		background: rgba(0,0,0,0.18);
	}
	.news_l_t img{
		width: 100%;
		height: auto;
	}
	.tiao{
		display: none;
	}
	.news_r{
		padding: 20px 14px 30px;
		height: auto;
	}
	.news_r li{
		height: auto;
		overflow: hidden;
	}
	.news_r .time{
		float: left;
	}
	.news_r .wen{
		float: left;
		width: calc(100% - 120px);
		padding: 0 0 15px 12px;
		box-sizing: border-box;
	}
	.top{
		padding-top: 40px;
	}
	.lian_l{
		padding-bottom: 20px;
	}
	.lian_r input, .lian_r textarea{
		width: 100% !important;
		box-sizing: border-box;
		border-radius: 6px;
		border: 1px solid #cfd6e0;
		padding: 8px 10px;
	}
	.lian_r input.submit{
		width: 100%;
		margin-top: 20px;
		border: 0;
		border-radius: 8px;
		background: #224086;
	}
	.foot h1{
		font-size: 28px;
		margin-bottom: 24px;
		padding-top: 30px;
	}
	.foot .nav{
		padding-top: 18px;
	}
	.foot .nav a{
		display: inline-block;
		padding: 6px 10px;
	}
	.lia{
		width: 100%;
		padding-top: 90px;
		text-align: center;
	}
	.foot .aut.w1200[style]{
		width: 100% !important;
		height: auto !important;
		padding: 0 14px 24px;
		box-sizing: border-box;
	}
	.foot div[style*="width:808px"]{
		width: 100% !important;
	}
	.foot div[style*="margin:0 auto"]{
		width: 100% !important;
	}
}
/*小屏适配*/
/*@media screen and (max-width: 480px){*/
/*	#top{*/
/*		height: 108px;*/
/*	}*/
/*	.nav1 ul{*/
/*		padding: 6px 4px;*/
/*	}*/
/*	.nav1 li{*/
/*		width: 50%;*/
/*		font-size: 13px;*/
/*		line-height: 30px;*/
/*	}*/
/*	.nav1 li a{*/
/*		margin: 2px 3px;*/
/*	}*/
/*	.banner ol{*/
/*		height: 14px;*/
/*		bottom: 8px;*/
/*		padding: 0 6px;*/
/*		border-radius: 8px;*/
/*	}*/
/*	.banner ol li{*/
/*		width: 6px;*/
/*		height: 6px;*/
/*		margin: 4px 3px;*/
/*	}*/
/*	.lian{*/
/*		padding: 14px 10px;*/
/*	}*/
/*	.lian p{*/
/*		font-size: 13px;*/
/*		line-height: 24px;*/
/*	}*/
/*	.linaxi a{*/
/*		font-size: 13px;*/
/*		padding: 8px 12px;*/
/*	}*/
/*	.prod_l{*/
/*		padding-top: 22px;*/
/*	}*/
/*	.prod_l p{*/
/*		font-size: 20px;*/
/*	}*/
/*	.prod_l p.fen{*/
/*		font-size: 24px;*/
/*	}*/
/*	.shi{*/
/*		padding-top: 22px;*/
/*	}*/
/*	.shi span{*/
/*		font-size: 22px;*/
/*	}*/
/*	.shi p{*/
/*		font-size: 14px;*/
/*		padding-top: 10px;*/
/*	}*/
/*	.shi .cangku li{*/
/*		width: 100%;*/
/*		margin: 6px 0;*/
/*	}*/
/*	.guan_left p{*/
/*		font-size: 28px;*/
/*	}*/
/*	.guan_left span.a1, .guan_left span.a2, .guan_left span.a3{*/
/*		font-size: 15px;*/
/*	}*/
/*	.xun_l .a1{*/
/*		font-size: 18px;*/
/*		padding: 28px 0 0 0;*/
/*	}*/
/*	.xun_l .a2{*/
/*		font-size: 40px;*/
/*		padding: 8px 0 0 0;*/
/*	}*/
/*	.xun_l .a3{*/
/*		font-size: 28px;*/
/*		padding: 0;*/
/*	}*/
/*	.news_l{*/
/*		padding-top: 24px;*/
/*	}*/
/*	.news_l p{*/
/*		font-size: 24px;*/
/*	}*/
/*	.news_l_t p{*/
/*		font-size: 16px;*/
/*	}*/
/*	.news_r{*/
/*		padding: 14px 10px 24px;*/
/*	}*/
/*	.news_r .time{*/
/*		width: 72px;*/
/*		height: 72px;*/
/*	}*/
/*	.news_r .time p{*/
/*		font-size: 24px;*/
/*		line-height: 42px;*/
/*	}*/
/*	.news_r .wen{*/
/*		width: calc(100% - 84px);*/
/*		padding-left: 8px;*/
/*	}*/
/*	.news_r .wen p{*/
/*		font-size: 15px;*/
/*		padding-bottom: 10px;*/
/*	}*/
/*	.news_r .wen span{*/
/*		font-size: 13px;*/
/*		line-height: 22px;*/
/*		display: block;*/
/*	}*/
/*	.geng{*/
/*		padding: 12px;*/
/*		width: 120px;*/
/*		margin-top: 24px;*/
/*	}*/
/*	.geng a{*/
/*		font-size: 18px;*/
/*	}*/
/*	.top{*/
/*		padding-top: 24px;*/
/*	}*/
/*	.lian_l h1{*/
/*		font-size: 30px;*/
/*	}*/
/*	.lian_l span{*/
/*		font-size: 14px;*/
/*		line-height: 26px;*/
/*	}*/
/*	.lian_r p{*/
/*		line-height: 44px;*/
/*		font-size: 15px;*/
/*	}*/
/*	.foot h1{*/
/*		font-size: 22px;*/
/*		margin-bottom: 18px;*/
/*		padding-top: 20px;*/
/*	}*/
/*	.foot .nav a{*/
/*		font-size: 13px;*/
/*		padding: 4px 8px;*/
/*	}*/
/*	.lia{*/
/*		padding-top: 70px;*/
/*		font-size: 13px;*/
/*	}*/
/*}*/