@charset "UTF-8";

@media screen and (max-width: 768px) {
	
	body {
		background:none;
		background-color: #050d24;
		overflow-x: hidden;
	}
	
	
	.com-li {
		height: auto;
		margin-bottom: 60px;
	}
	.com-li i {
	    display: inline-block;
	    font-size:86px;
	    transition: 0.2s all ease;
	    color: #00f5ff;
	    margin: 10px auto 20px;
	}
	.com-li.two span {
	    display: block;
	    text-align: center;
	    width: 100%;
	    font-size: 22px;
	    color: #00f5ff;
	    transition: 0.2s all ease;
	}
	.zyyw .titles {
	    margin: 50px auto;
	    line-height: 24px;
	    font-size: 22px;
	    color: #fff;
	    text-align: center;
		font-weight: bold;
	}
	.zyyw .titles p {
		padding: 20px 0;
	    font-size: 14px;
	    color: #8f8f8f;
	}
	
	.center{
		    width: 100%;
		    height: auto;
	}
	
	
	.fn_1 {
		width: 100%;
		min-height: 290px;
		margin-bottom: 40px;
		background: url(../images/fn_1.png);
		background-size: cover;
	}
	
	.fn_1:hover {
		background: url(../images/fn_1_h.png);
		background-size: cover;
	}
	
	.fn_2 {
		width: 100%;
		min-height: 290px;
		margin-bottom: 40px;
		background: url(../images/fn_2.png);
		background-size: cover;
	}
	
	.fn_2:hover {
		background: url(../images/fn_2_h.png);
		background-size: cover;
	}
	
	.fn_3 {
		width: 100%;
		min-height: 290px;
		margin-bottom: 40px;
		background: url(../images/fn_3.png);
		background-size: cover;
	}
	
	.fn_3:hover {
		background: url(../images/fn_3_h.png);
		background-size: cover;
	}
	
	
	.case-content li {
		float: left;
		box-sizing: border-box;
		padding:30px;
		color: #fff;
		transition: 0.5s all ease;
	}
	
	.kehu-content li {
		height: 80px;
		box-sizing: border-box;
		text-align: center;
	}
	
	.footer {
	    width: 100%;
	    background: #050d24;
	    color: #fff;
	    padding-bottom: 40px;
	}
	
	
	.footer .botnavlist li {
		padding-left:2px;
		padding-right:2px;
		list-style: none;
		font-size: 14px;
		line-height: 32px;
		text-align: left;
		overflow: hidden;
		height: 240px;
	}
	
	.footer .botnavlist li:first-child {
		padding-left: 0px;
	}
	.ewm{
		margin-top: 20px;
	}
	
	.clearfix{
		line-height: 22px;
		padding-top: 15px;

	}
	
	
	.nybanner3 {
	
		height: 520px;
		background: url(../images/contactus.jpg) no-repeat top center;
	}
	
	.nybanner1 {
		height: 520px;
		background: url(../images/ny1.jpg) no-repeat top center;
	}
	
	
	.nybanner2 {
	    height: 520px;
	    background: url(../images/ny2.jpg) no-repeat top center;
	}
	
	
	.nybanner4 {
	
		height: 520px;
		background: url(../images/hz.jpg) no-repeat top center;
	}
	
	.nybanner6 {
	
		height: 520px;
		background: url(../images/case.jpg) no-repeat top center;
	}
	
	
	.nybanner5 {
	
		height: 520px;
		background: url(../images/fwys.png) no-repeat top center;
	}
	.nybanner7 {
		height: 520px;
		background: url(../images/scenarios.jpg) no-repeat top center;
	}
	
	
	.title-p h2 {
	    padding-top: 35px;
	    font-size: 22px;
	    font-weight: 300;
	    text-transform: uppercase;
	}
	.lx-content li {
	    font-size: 17px;
	    line-height: 32px;
	    color: #999;
	    padding-bottom: 15px;
	}
	
	.lx-content li i {
	    font-size: 25px;
	    line-height: 32px;
	    margin-right: 15px;
		position: relative;
		left: 10px;
		top: 4px;
	}
	#g1  p{
		font-size: 17px;
		line-height: 32px;
	}
	#g1  img{
		display: inline-block;
		width: 100%;
	}
	#g2  p{
		font-size: 17px;
		line-height: 32px;
	}
	#g2  img{
		display: inline-block;
		width: 100%;
	}
	
	.g3-left{
		width: auto;
	}
	.g3-right{
		display: none;
	}
	.w100{
		height: auto;
		overflow: hidden;
	}
	#g3{
		height: auto;
		overflow: hidden;
	}
	#g4{
		height: auto;
		overflow: hidden;
	}
	#g4 li{
		margin-bottom: 10px;
	}
	#g5{
		height: auto;
		min-height: 250px;
	}
	.ys-content{
		height: auto;
		overflow: hidden;
	}
	.ys01,.ys02,.ys03{
		width: 100%;
		height: auto;
	}
	.yst1,.yst2,.yst3,.yst4{
	    height: 46px;
	    line-height: 46px;
	    border-radius: 5px;
	    background-color: #3c9cd3;
	    color: #fff;
	    font-size: 19px;
	    display: inline-block;
	    padding: 0 20px;
	    font-weight: bold;
	    width: auto;
	    position: relative;
	    left:0;
		right: 0;
	    top: 0;
	}
	.ys01 p:nth-of-type(1),.ys01 p:nth-of-type(2),.ys03 p:nth-of-type(1),.ys03 p:nth-of-type(2){
		top: 0;
		position: relative;
	}
	.ys02{
		display: none;
	}
	.s5{
		height: auto;
		overflow: hidden;
		padding:0 20px;
		font-size: 25px;
	}
	.s5 h1{
		font-size: 25px;
	}
	.s5 img{
		display: inline-block;
		width: 100%;
	}
	
	#u1 img ,#u2 img ,#u3 img ,#u4 img ,#u5 img ,#u6 img ,#u8 img,#u9 img {
		max-width: 100%;
	}
	.u7-li li{
		width: 100%;
		height: auto;
		padding: 10px;
		color: #000000;
	}
	#u7{
		height: auto;
		overflow: hidden;
		background:none;
	}
	.u7-li li img{
		display: inline-block;
		text-align: center;
		margin-bottom: 20px;
	}
	.u7-li-right{
		width: 100%;
			margin-left: 0px;
	}
	.tb3 {
	    text-align: center;
	    background: url(../images/tb3.png) no-repeat center center;
	    line-height: 69px;
	    height: 69px;
	    width: 100%;
	    margin: 0 auto;
	    font-size: 28px;
	    color: #000;
	    padding: 60px 0;
	}
}