/*# sourceMappingURL=style.css.map */
@media (min-width:320px){
	.serch-tit{
		 font-size: 20px;
	    line-height: 1.4;
	    width:100%;
	    margin: 0 auto 25px;
	}
	.base-ban{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.base-ban img{
		display: block;
		position: relative;
		width: 140%;
		left: -20%;
		top: 0;
	}
	.down-arror,
	.base-ban .titles{display: none;}
	.news .max-box a{
		display: block;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.news{
		margin: 50px auto 80px;
		padding-right: 15px;
    	padding-left: 15px;
	}
	.news .max-box{
		width: 100%;
		padding:0px 10px;
		padding-top: 15px;
		margin-bottom: 30px;
		border-bottom: 1px solid #cacaca;
	}
	.news .max-box .pic{
		width: 100%;
		overflow: hidden;
		margin-bottom: 10px;
		position: relative;
	}
	.news .max-box .pic i{
		display: block;
		width: 46px;
		height: 46px;
		position: absolute;
		top: 50%;
		left: 50%;
		background: url(../img/img20.png) center/cover no-repeat;
		margin: -23px 0 0 -23px;
	}
	.news .max-box .pic img{
		display: inline-block;
		width: 100%;
	}
	.news .max-box .box{
		width: 100%;
	}
	.news .max-box .box h2{ 
		font-size: 16px;
		line-height: 28px;
		color: #333333;
		display:block;
	}
	.news .max-box .box .detaile{
		font-size: 14px;
		line-height: 28px;
		color: #212121;
		margin:10px 0;
	}
	.news .max-box .box .fot{
		height: 36px;
		line-height: 36px;
		font-family: 'arial'
	}
	.news .max-box .box .fot .time{
		float: left;
		font-size: 13px;
		color: #c1c1c1;
	}
	.news .max-box .box .fot .btnn{
		float: right;
		font-size: 13px;
		color: #888;
		text-transform: uppercase;
		padding:0 40px 0 0;
		background: url(../img/img19.png) right center no-repeat;
	}
	#phone-title,#phoneinfor-title{
        width: 100%;
        height: 100%;
        display: block;
    }
    #phone-title .swiper-slide,#phoneinfor-title .swiper-slide{
        text-align: center;
        font-size: 16px;
        height: 45px;
        line-height: 45px;
        width:50%;
        background-color: rgb(0, 158, 218);
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #phoneinfor-title .swiper-slide{
    	width: 30%
    }
    #phone-title .swiper-slide a,
    #phoneinfor-title .swiper-slide a{
    	display: block;
    	width: 100%;
    	height: 100%;
    	color: #fff;
    }
    #phone-title .swiper-slide.on,
    #phoneinfor-title .swiper-slide.on {
    	background-color: rgb(209, 153, 95);
    }

    .ninfor{
    	max-width: 1400px;
    	width: 92%;
    	padding: 30px 20px 40px;
		margin: 20px auto 20px;
    	box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .ninfor .title,
	.ninfor .detaile{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.ninfor .title{text-align: center;}
	.ninfor .title h2{
		font-size: 18px;
    	line-height: 32px;
		color: #333;
		margin-bottom: 10px;
	}
	.ninfor .title .time{
		font-size: 14px;
		line-height: 20px;
		color: #888;
	}
	.ninfor .detaile,
	.ninfor .detaile p{
		font-size: 14px;
		line-height: 26px;
		color: #666;
		text-indent: 2rem;
		margin-bottom:2px;
		text-align: justify;
	}
	.ninfor .detaile img{
		max-width: 100%;
	}
    .ninfor .detaile video{
		display: block;
		width: 100%;
		margin: 15px 0;
	}
	.ninfor .fot .left{
		width: 100%;
		margin-bottom: 15px;
	}
	.ninfor .fot .left p{
		font-size: 14px;
		line-height: 26px;
		color: #666;
		margin-bottom: 8px;
	}
	.ninfor .fot .left p a{
		color: #666;
	}
	.ninfor .fot .btnns{
		width: 125px;
		height: 40px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		border-radius: 30px;
		display: block;
		line-height: 40px;
		background-color: #1d4a9b;
		border: 1px solid #1d4a9b;
	}
	.ninfor .fot .btnns:hover{
		background-color: #fff;
		color: #1d4a9b
	}
}
@media (min-width:320px) and (max-width:767px) {

}
@media (min-width:768px){
	.serch-tit{
		 font-size: 28px;
	    margin: 0 auto 30px;
	}
	.news{
		max-width: 1440px;
		margin: 60px auto 150px;
		padding-right: 30px;
    	padding-left: 30px;
	}
	.news .max-box{
		margin-bottom: 40px;
		width: 25%;
	}
	.news .max-box .box h2{ 
		font-size: 18px;
		line-height: 50px;
		white-space:nowrap; 
		overflow:hidden; 
		text-overflow:ellipsis;
		transition: all ease 0.4s;
		-webkit-transition: all ease 0.4s;
	}
	.news .max-box .box .detaile{
		margin:0 0 20px;
	}
	.news .max-box .box .fot .time{
		font-size: 15px;
	}
	.news .max-box .box .fot .btnn{
		font-size: 14px;
	}
	#phone-title .swiper-slide{
        height: 60px;
        line-height: 60px;
        font-size: 20px;
    }
	.ninfor .title,
	.ninfor .detaile{
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
    .ninfor .title h2 {
	    font-size: 22px;
	    line-height: 40px;
	}
	.ninfor .detaile,
	.ninfor .detaile p{
		font-size: 16px;
		line-height: 28px;text-indent: 3.3rem; margin-bottom:5px;
	}
	
	
	/*.ninfor .detaile table{   width: 100%;}
	.ninfor .detaile table td{
		font-size: 14px;
		line-height: 28px;text-indent: 0rem;
	    padding: 4px; 
		margin-bottom:5px;
	}
	*/
	
	
	.ninfor .fot .left p{
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 0;
	}
	.ninfor .fot .btnns{
		height: 42px;
		font-size: 16px;
		line-height: 42px;
	}
	.base-ban img{
		width: 100%;
		left: 0%;
	}
}
@media (min-width:768px) and (max-width:1024px) {
	
}
@media (min-width:1025px){
	.news{
		margin: 60px auto 50px;
	}
	.down-arror{
		width: 29px;
		display: block;
		position: absolute;
		bottom: 3%;
		z-index: 5;
		left: 50%;
		cursor: pointer;
		margin-left: -14px;
	}
	.down-arror .btn{
		width: 100%;
		height: 30px;
		background: url(../img/img5.png) center no-repeat;
		display:block;
		margin: 0 auto 5px;
		/*animation:emimg 2s infinite 1s linear;*/
		/*-webkit-animation:emimg 2s infinite 1s linear; /*Safari and Chrome*/*/
	}
	@keyframes emimg
	{
		0% {
			transform:scale(1);
			-webkit-transform:scale(1);
		}
		50% {
			transform:scale(0.85);
			-webkit-transform:scale(0.85);
		}
		100% {
			transform:scale(1);
			-webkit-transform:scale(1);
		}
	}
	@-webkit-keyframes emimg /*Safari and Chrome*/
	{
		0% {
			transform:scale(1);
			-webkit-transform:scale(1);
		}
		50% {
			transform:scale(0.8);
			-webkit-transform:scale(0.8);
		}
		100% {
			transform:scale(1);
			-webkit-transform:scale(1);
		}
	}
	.down-arror i{
		display: block;
		width: 1px;
		margin: 0 auto;
		background-color: #efedee;
		position: relative;
		bottom: -5px;
		left: 0;
		height:30px;
		/*animation:mymove 2s infinite linear;*/
		/*-webkit-animation:mymove 2s infinite linear; /*Safari and Chrome*/*/
	}
	@keyframes mymove
	{
		0% {height:30px;}
		50% {height:45px;}
		100% {height:30px;}
	}

	@-webkit-keyframes mymove /*Safari and Chrome*/
	{
		0% {height:30px;}
		50% {height:45px;}
		100% {height:30px;}
	}
	.down-arror em{
		display: block;
		width: 100%;
		height: 6px;
		background: url(../img/img6.png) center no-repeat;
	}
	.down-arror .img{
		display: block;
		width: 10px;
		background: url(../img/img7.png) center no-repeat;
		height: 66px;
		margin: 15px auto 0;
	}
	.base-ban .titles{
		position: relative;
		left: 0;
		/* bottom: 43%; */
		/*height: 50px;*/
		width: 100%;
		z-index: 3;
		display: block;
		text-align: center;
		/* padding:35px 0px; */
		background:rgba(0, 158, 218, 1);
	}
	.base-ban .titles a{
		display: inline-block;
		padding: 0 35px;
		/* float: left; */
		height: 55px;
		/* border-radius: 30px; */
		line-height: 55px;
		/* margin: 0 9px; */
		color: #fff;
		font-size: 18px;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		background:rgba(0, 158, 218, 1);
	}
	.base-ban .titles a.on,.base-ban .titles a:hover{background-color: #d1995f;}

	.news .max-box .pic img{
		transition: all ease 0.4s;
		-webkit-transition: all ease 0.4s;
		transform: scale(1.02);
    	-webkit-transform: scale(1.02);
	}
	.news .max-box:hover .pic img{
		transform: scale(1.1);
    	-webkit-transform: scale(1.1);
	}
	.news .max-box:hover .box h2{color: #1d4a9b}
	.news .max-box:hover .box .fot .btnn{color: #000;}
	#phone-title{display: none;}
	.ninfor{
		padding: 60px 50px;
	}
	.ninfor .title,
	.ninfor .detaile{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.ninfor .title h2{
		font-size: 24px;
		line-height: 43px;
		margin-bottom: 15px;
	}
	.ninfor .fot .left{
		width: 100%;
		float: left;
	}
	.ninfor .fot .left p{
		font-size: 16px;
		line-height: 28px;
	}
	.ninfor .fot .left p a{
		transition: all ease 0.4s;
		-webkit-transition: all ease 0.4s;
	}
	.ninfor .fot .left p a:hover{
		color: #1d4a9b
	}
	.ninfor .fot .btnns{
		float: right;
		transition: all ease 0.4s;
		-webkit-transition: all ease 0.4s;
	}
	.ninfor .fot .btnns:hover{
		background-color: #fff;
		color: #1d4a9b
	}
	
}
@media (min-width:1025px) and (max-width:1200px) {
	
}
@media (min-width:1201px){
	.base-ban .titles a{
		padding: 0 40px;
	    height: 43px;
	    line-height: 43px;
	}
	.news .max-box .pic{margin-bottom: 10px;max-height: 221px;}
	.news .max-box .pic i{
		width: 59px;
		height: 59px;
		margin: -29.5px 0 0 -29.5px;
	}
}
@media (min-width:1300px){
	.base-ban .titles a{
		font-size: 18px;
		height: 65px;
		line-height: 65px;
	}
	
}
@media (min-width:1500px){
	.base-ban .titles a{
		/*font-size: 20px;*/
		padding: 0 35px;
		height: 65px;
		line-height: 65px;
	}
}
@media (min-width:1700px){
	

}
.ninfor .detaile{color: #000;}
.ninfor .detaile a{color: #000;}