
@media only screen and (max-width: 1440px) {
	.header .header-phone{
		margin-right: 6px;
	}
}

@media only screen and (max-width: 1340px){

}

@media only screen and (max-width: 1366px) {
	.logo img{
		height: 42px;
	}
	.header{
	}
	/*.header .nav li{
		padding: 0 20px;
	}*/
	.header .header-phone{
		font-size: 20px;
		font-weight: normal;
		-webkit-background-size: 20px;
		background-size: 20px;
		padding-left: 36px;
	}
	.container{
		padding: 0 16px;
	}
}

@media only screen and (max-width: 1200px) {
	body {
	    padding-top: 56px;
	}
	.header{
		padding: 6px 0;
	}
	.wrap{
		max-width: initial;
	}
	.header .header-phone{
		margin-right: 72px;
	}
	.header .nav{
		position: fixed;
		z-index: 9997;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin-right: 0;
		background: url(../img/common-img/alpha5.png) repeat;
		visibility: hidden;

	}
	.header .nav ul{
		position: absolute;
		z-index: 9999;
		top: 0;
		right: -200px;
		width: 160px;
		padding: 12px 20px;
		height: 100%;
		overflow: auto;
		background: #ffffff;
		opacity:0;
		filter:alpha(opacity=0);
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
	.header .nav ul li{
		float: none;
		display: block;
		padding: 0;
		text-align: center;
		border-bottom: 1px solid #cccccc;
		padding-top: 0 !important;
		margin-left: 0;
	}
	.header .nav ul li.nav-phone{
		display: block;
		border: none;
	}
	.header .nav li.img{
		display: none;
	}
	.header .nav ul li a{
		display: block;
		height: 42px;
		line-height: 42px;
		font-size: 14px;
		color: #333333;
	}
	.nav-btn{
		display: block;
	}
	.header .logo{
		display: block;
	}
	.header .logo a{
		padding: 0;
		margin-top: 0;
	}
	.header .logo a img{
		height: 44px;
	}
	.box-title{
		text-align: center;
		border: none;
	}
	.box-title .container::after {
	    display: none;
	}
	.box-title .cn{
		font-size: 20px;
	}
	.box-title .en{
		font-size: 14px;
	}
	.sy-about {
	    padding: 10px 0;
	}
	.sy-about .content {
	    padding: 0 0 24px;
	}
	.sy-fuwu .list-header ul{
		padding: 0 0 24px;
		text-align: center;
	}
	.sy-fuwu .list-header ul li{
		float: none;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin: 0 12px;
		padding: 0;
		border: 0;
	}
	.sy-fuwu .list-header ul li:hover,
	.sy-fuwu .list-header ul li.active{
		color: #990000;
	}
	.header .tel{
		display: none;
	}
}



@media only screen and (max-width: 992px) {
	.small-banner{
		height: 240px;
	}
	.bread{
		height: 44px;
		line-height: 44px;
	}
	.kefang .list{
		margin-left: -20px;
	}
	.kefang .list .inner{
		margin-left: 20px;
	}
	.kefang .list li{
		margin-bottom: 20px;
		width: 50%;
	}
	.kefang .list .content{
		height: 44px;
		line-height: 44px;
		padding: 0 16px;
	}
	.footer{
		display: none;
	}
	.small-title .cn{
		font-size: 24px;
	}
	.small-title .en{
		font-size: 16px;
	}
	.index-about {
	    padding: 36px 0 44px;
	}
	.index-about-box{
		margin-top: 24px;
	}
	.index-about-box .imgList {
	    display: none;
	}
	.index-about-box .text {
	    position: relative;
	    z-index: 9;
	    float: none;
	    width: 100%;
	    padding: 0;
	}
	.index-about-box .swiper-slide a{
		height: auto;
		padding-bottom: 56%;
	}
	.index-about-box{
		height: auto;
	}
	.index-about .small-title{
		display: none;
	}
	.index-about{
		padding: 0;
	}
	.index-about-box{
		margin: 0;
	}
	.index-about-box .text .img{
		max-width: 60%;
	}
	.index-about-box .text .inner {
	    padding: 48px 20px 60px;
	}
	.index-about-box .text .btn{
		display: block;
		background: none;
		text-align: center;
		width: 192px;
		margin: 0 auto;
	}
	.index-about-box .text .desc{
		height: auto;
		margin-bottom: 24px;
	}
	.kefangImg {
	    margin-top: 24px;
	}
	.index-about-box .text .img{
		margin-bottom: 20px;
	}
	.index-canyin {
	    padding: 36px 0 30px;
	}
	.index-canyin .list{
		padding-top: 0;
	}
	.index-yanhui {
	    padding: 40px 0 30px;
	}
	.index-yanhui .list {
	    margin-top: 24px;
	}
}

@media only screen and (max-width: 768px){
	.kefang .title{
		font-size: 20px;
		padding-bottom: 12px;
		margin-bottom: 16px;
	}
	.kefang {
	    padding: 26px 0 6px;
	}
	.kefang .title::after {
	    width: 26px;
	    height: 2px;
	    margin-left: -13px;
	}
	.kefang .desc{
		line-height: 24px;
		margin-bottom: 16px;
	}
	.small-banner {
	    height: 200px;
	}
	.news .list li{
		padding: 0;
	}
	.news .list .inner .imgBox{
		float: none;
		width: 100%;
		margin-bottom: 16px;
	}
	.news .list .inner .text{
		margin: 0;
		padding: 0;
	}
	.news .list .inner .btn{
		display: none;
	}
	.news .list .inner .text .desc{
		height: auto;
		max-height: 40px;
		margin-bottom: 12px;
	}
	.news .list .inner .text .title{
		font-size: 18px;
	}
	.news .list .inner{
		padding: 20px 0;
	}
	.news{
		padding-top: 0;
		padding-bottom: 6px;
	}
	.page a{
		height: 30px;
		line-height: 30px;
		padding: 0 12px;
	}
	.news-detail {
	    padding: 20px 0;
	}
	.news-detail .tuijian{
		display: none;
	}
	.news-detail-content{
		margin: 0;
	}
	.news-detail-content .title{
		font-size: 20px;
	    padding: 0 0 12px;
	}
	.news-detail-content .msg{
		margin-bottom: 16px;
	}
	.news-detail-content .text{
		font-size: 14px;
		line-height: 28px;
		padding: 16px 0 24px;
		border-bottom: 0;
	}
	.news-detail-content .link a{
		float: none;
		width: 100%;
		margin-top: 12px;
	}
	.news-detail-content .link{
		margin-top: 0;
	}
	.detail {
	    padding: 26px 0 20px;
	}
	.detail .title {
	    font-size: 20px;
	    padding-bottom: 12px;
	    margin-bottom: 16px;
	}
	.detail .text {
	    line-height: 24px;
	    margin-bottom: 16px;
	}
	.banner .swiper-slide a{
		height: 328px;
	}
	.index-about-box .text .inner {
	    padding: 26px 20px 36px;
	}
	.small-title .cn {
	    font-size: 20px;
	}
	.small-title .cn{
		margin-bottom: 6px;
	}
	.kefangImg {
	    margin-top: 16px;
	}
	.index-canyin {
	    padding: 16px 0 12px;
	}
	.index-canyin .list li{
		width: 100%;
		margin-top: 8px;
	}
	.index-canyin .list {
	    padding-top: 6px;
	}
	.index-yanhui .list li{
		width: 100%;
		margin-bottom: 20px;
	}
	.index-yanhui .list .num {
	    font-size: 26px;
	    padding-bottom: 12px;
	    margin-bottom: 14px;
	}
	.index-yanhui .list .title {
	    margin-bottom: 12px;
	}
	.index-yanhui .list .text {
	    padding: 20px 16px 20px;
	}
	.index-yanhui {
	    padding: 28px 0 0;
	}
	.sy-about .list li{
		float: none;
		padding: 0 20px;
		width: auto;
		margin-bottom: 20px;
	}
	.box-title .container {
	    padding: 0 0 20px;
	}
	.sy-fuwu .list-header ul li{
		font-size: 16px;
	}
	.sy-fuwu .list ul{
		margin: 0;
	}
	.sy-fuwu .list ul li{
		float: none;
		width: auto;
		margin-bottom: 6px;
	}
	.sy-fuwu .list ul li a{
		margin: 0;
	}
	.sy-fuwu .list-header ul {
	    padding: 0 0 20px;
	}
	.sy-fuwu {
	    margin-bottom: 16px;
	}
	.sy-news .list ul li{
		float: none;
		width: auto;
		margin-top: 12px;
	}
	.sy-news .list .text .desc{
	}
	.sy-news .list .text .title{
		padding: 16px 0;
	}
	.sy-news .box-title .container{
		padding-bottom: 8px;
	}
	.sy-news {
	    padding-bottom: 12px;
	}
	.sy-about {
	    padding: 26px 0 2px;
	}
	.box-title .cn{
		font-size: 18px;
		margin-bottom: 8px;
	}
	.sy-about .list li a .text{
		padding: 20px 0;
	}
	.sy-about .list li a:hover .text {
	    padding: 20px 0;
	    background: url(../img/common-img/alpha5.png) repeat;
	    color: #fff;
	}
	.sy-about .list li a:hover .text span{
		display: none;
	}
	.detail-nav li{
		float: left;
	}
	.detail-nav{
		float: none;
		background: none;
		width: auto;
	}
	.detail-nav li{
		margin-right: 20px;
	}
	.detail-nav li a{
		border: none;
		line-height: 32px;
		padding: 0;
	}
	.detail-text{
		margin-left: 0;
	}
	.detail-main {
	    padding: 16px 0;
	}
}

@media only screen and (min-width: 769px){

}

@media only screen and (max-width: 640px){
	.banner .swiper-slide a {
	    height: 220px;
	}
	.banner .con{
		display: none;
	}
	.banner .swiper-pagination-switch{
		width: 8px;
		height: 8px;
		margin: 0 3px;
	}
	.banner .pagination{
		bottom: 8px;
	}
	.commonTel
	{
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 9;
	    display:block;
	    background: #103735;
	    /*text-decoration: underline;*/
	    color: #fff;
	    font-size: 18px;
	    height: 56px;
	    line-height: 56px;
	    text-align: center;
    }
}

@media only screen and (max-width: 540px){
	.zeren li{
		width: 100%;
	}
	.zeren li a .text .text-inner .title{
		height: auto;
	}
}
