/*
* @Author: Dodo
* @Date:   2018-11-15 16:47:09
* @Last Modified by:   Dodo
* @Last Modified time: 2018-11-17 09:06:34
*/
@media screen and (max-width: 1599px) {
	.banner .spanPrev,.banner .spanNext{
		width: 60px;
		margin-top: -30px;
	}
}
@media screen and (max-width: 1399px) {
	.banner .spanPrev,.banner .spanNext{
		width: 40px;
		margin-top: -20px;
	}
	.banner .spanPrev{
		margin-right: 10px;
	}
	.banner .spanNext{
		margin-left: 10px;
	}
}
@media screen and (max-width: 1365px) {
	.banner .container{
		width: 100%;
		padding: 0;
	}
	.index-build-01{
    	overflow: auto;
	}
}
@media (min-width: 1200px) and (max-width: 1365px) {
	.index-about-art .more{
		margin-top: 14px;
	}
}
@media screen and (min-width: 1200px){
	.index-project-01:hover{
		background: #fff;
		-webkit-box-shadow:0 0 14px rgba(0, 0, 0, .09);  
	    -moz-box-shadow:0 0 14px rgba(0, 0, 0, .09);  
	    box-shadow:0 0 14px rgba(0, 0, 0, .09);
	}
	.index-project-01:hover .span-pic .mg1,.about-linian-01:hover .span-pic .mg1{
	    filter:alpha(opacity=0); 
	    -moz-opacity:0;  
	    -khtml-opacity: 0;  
	    opacity: 0;
	}
	.index-project-01:hover .span-pic .mg2,.about-linian-01:hover .span-pic .mg2{
	    filter:alpha(opacity=100);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;  
	    opacity: 1;
	}

	.index-build-a1:hover{
		top: -22px;
	}
	.index-news-bottom li a:hover{
		background: url('../image/bg-044.jpg') left center no-repeat;
		color: #ff0000;
	}
	
	.about-adv-a1:hover .span-more{
		filter:alpha(opacity=100);  
		-moz-opacity:1;  
		-khtml-opacity: 1;  
		opacity: 1;
	}
	
	.banner-breamd a:hover{
		color: #e94646;
	}

	.menu-nav a:hover{
	    background: #fe0000;
	    color: #fff;
	}
	
	.news-list li:hover{
		background: #fff5f5;
		border: 1px solid #ffb7b7;	
	}
	.news-list li:hover .span-title a,.news-list li:hover .span-more a{
		color: #fe0000;
	}
	.pages a:hover{
	    background: #ed1b24;
	}

	.about-adv-art,.about-jianjie-art{
		margin-bottom: 50px;
	}

	.news-list2 li:hover a,.news-list2 li:hover .span-date{
		color: #fe0000;
	}
	
	.news-back:hover{
		border-color: #fe0000;
		color: #fe0000;
	}
	.news-share .bdshare-button-style1-32 .bds_sqq:hover{
	    background: url('../image/icon-066.png') center center no-repeat ;
	}
	.news-share .bdshare-button-style1-32 .bds_tsina:hover{
	    background: url('../image/icon-077.png') center center no-repeat ;
	}
	.news-share .bdshare-button-style1-32 .bds_weixin:hover{
	    background: url('../image/icon-088.png') center center no-repeat ;
	}

	.index-project-a1:hover .span-pic img,.about-adv-a1:hover img{
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1); 
	}
	.index-job-a1:hover .span-mc{
		background: rgba(38, 38, 38, .5);
	}

	.index-news-top .span-title a:hover,.index-project-01:hover .span-title a{
		color: #fe0000;
	}
	.index-about-art .more:hover{
		background: #fe0000;
		color: #fff;
	}

}
@media screen and (max-width: 1199px) {
	.about-linian .row{
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.about-linian .row>div{
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.about-adv-a1 .span-more{
		filter:alpha(opacity=100);  
		-moz-opacity:1;  
		-khtml-opacity: 1;  
		opacity: 1;
	}
	.build-list-a1{
	    max-width: 275px;
	    margin-left: auto;
	    margin-right: auto;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.index-about-art .span-en{
		font-size: 14px;
	}
	.index-about-art .details{
	    height: 130px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 5;
	    overflow: hidden;
	}
	.index-about-art .more{
		margin-top: 26px;
	}

	.index-news-bottom li{
		margin-top: 8px;
	}
	.index-news-pic a{
		margin-left: 10px;
	}
	.about-contact-01 .div-details{
		margin-top: 10px;
		line-height: 26px;
	}

	.build-list-a1 .span-title{
		font-size: 26px;
	}
	.build-list-a1 .span-details{
		font-size: 18px;
	}
	.build-list-a1 .span-pic{
		margin-top: 20px;
	}

}
@media screen and (max-width: 991px) {
	.index-about{
		margin-top: 50px;
	}
	.index-about-pic{
		padding-right: 10px;
	}
	.index-about-art{
		padding-left: 10px;
	}
	.index-about-art .span-cn{
		font-size: 20px;
		padding-top: 15px;
	}
	.index-about-art .span-en{
		font-size: 14px;
		line-height: 18px;
	}
	.index-about-art .details{
		margin-top: 10px;
	    height: 130px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 5;
	    overflow: hidden;
	}

	.index-project-news{
		margin-top: 50px;
		padding-top: 50px;
	}
	.index-project-01{
		margin-top: 20px;
	}
	.index-build{
		margin-top: 50px;
	}

	.index-news-pic{
		width: 100%;
		margin-bottom: 20px;
	}
	.index-news-pic a{
		margin-left: 0;
	}
	.index-news-list{
		width: 100%;
		padding-right: 0;
	}
	.about-contact{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.about-contact-01 .div-wapper{
		padding: 20px 15px;
	}
	.about-contact-01 .div-title .span-cn{
		font-size: 22px;
	}
	.about-contact-01 .div-details{
		margin-top: 20px;
	}
	.about-contact-01,.about-contact-map{
	    float: none;
	    width: 100%;
	}

	.news-art .details .details-video{
		margin-top: 10px;
	}
	
	.build-art{
		margin-bottom: 50px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.index-about-art .details{
	    height: 78px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	}
	.index-about-art .more{
		margin-top: 19px;
	}
	.about-adv-a1 .span-01{
		padding-left: 15px;
		padding-right: 15px;
	}


	.about-item-con .div-title .mg1{
		width: 60px;
		height: 60px;
		bottom: -30px;
	}
	.about-item-con .div-details{
		width: 87%;
	}
}
@media screen and (max-width: 767px) {
	.banner-owl .span-word{
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}
	.index-about-pic{
		width: 100%;
		padding-right: 0;
	}
	.index-about-art{
		width: 100%;
		margin-top: 20px;
		padding-left: 0;
	}
	.index-about-art .more{
		margin-left: auto;
		margin-right: auto;
	}
	.index-project-01{
		padding: 15px 15px 15px 130px;
	}
	.index-project-01 .span-pic{
		width: 100px;
		left: 15px;
		top: 30px;
	}
	.index-project-01 .span-details{
		height: 72px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	}
	.about-linian-01 .span-pic{
		width: 40%;
	}
	
	.news-list li{
		padding-right: 10px;
	}
	.news-list li .a-pic{
		margin-bottom: 20px;
	}
	.news-list li .a-pic,.news-list li .a-pic img{
		padding-right: 0;
		margin-right: 0;
		width: 100%;
		height: auto;
	}
	
	.pages{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.pages a,.pages span{
		display: none;
	}
	.pages a:first-child,.pages a:last-child{
		display: inline-block;
		margin: 0 5%;
	}

	.build-list-a1 .span-title{
		font-size: 26px;
	}
	.build-list-a1 .span-details{
		font-size: 20px;
	}

	.job-bottom{
		padding-left: 20px;
		padding-right: 20px;
	}

	.job-tc{
		width: 310px;
		margin-left: -155px;
		height: 420px;
		margin-top: -210px;
	}
	.job-tc-title{
		font-size: 20px;
	}
	.job-close{
		width: 20px;
		height: 20px;
	}
	.job-tc-form{
		margin-left: 20px;
		margin-right: 20px;
	}
	.job-tc-form .div1{
		padding-top: 0;
	}
	.job-tc-form .span-name{
		width: 100%;
	}
	.job-tc-form .span-name.ling{
		display: none;
	}
	.job-tc-form .put-01{
		width: 100%;
	}
	.job-tc-form .put-02{
		width: 200px;
	}
	.job-tc-form .but-02{
		width: 60px;
	}
	.job-tc-form .but-01{
		width: 100%;
		margin-top: 20px;
	}
	.about-adv-art .span-title{
		font-size: 22px;
	}
	.news-list2 li{
		padding-right: 120px;
	}
	.news-list2 li a{
		font-size: 16px;
	}

	.about-item-con{
		padding-left: 20px;
		padding-right: 20px;
	}
	.about-item-con .div-title{
		padding-bottom: 20px;
		font-size: 26px;
		line-height: 26px;
	}
	.about-item-con .div-title .mg1{
		width: 40px;
		height: 40px;
		bottom: -20px;
	}
	.about-item-con .div-details{
		width: 100%;
		line-height: 36px;
		font-size: 16px;
	}
	.news-art .div-title{
		font-size: 22px;
	}

	.news-pages{
        padding-right: 0;
    }
    .news-share{
        position: static;
        margin-top: 30px;
    }
	.news-art .details.ling{
    	padding-top: 0;
    }
    .news-art .details .div1 .span-04{
    	font-size: 28px;
    	line-height: 38px;
    }
}