/*

* @Author: Dodo

* @Date:   2018-09-03 13:44:46

* @Last Modified by:   Dodo

* @Last Modified time: 2019-01-25 11:26:25

*/

@media screen and (max-width: 1599px){

	.index-news .news-filter{

	    width: 50px;

	    min-width: 50px;

	    top: 147px;

	    left: auto;

	    right: 0;

	    z-index: 3;

	}

	.index-news .news-filter a{

		display: block;

		margin-left: 0;

		margin-top: 10px;

	}

	.index-news .news-filter a:first-child{

		margin-top: 0;

	}

}

@media screen and (min-width: 1366px){

	.container{

		width: 1200px;

		padding-left: 0;

		padding-right: 0;

	}

}

@media screen and (max-width: 1365px){

	#menu{

		right: 10px;

	}

	.index-contact-map{

		margin-left: 40px;

	}

}

@media (min-width: 1200px) and (max-width: 1440px){



}

@media screen and (min-width: 1200px){

	#menu li:hover{

	    background: url('../images/icon_02.png') center center no-repeat;

	}

	#menu li:hover a span{

	    display: block;

	}



	.navbar-default .navbar-nav>li>a:hover{

		color: #1862ec;

	}

	.navbar-default .navbar-nav>li>a:focus{

		color: #333;

	}



	.pages a:hover{

	    background: #1862ec;

	    color: #fff;

	}





	.banner .banner-img .mg1{

		display: none;

	}



	.index-culture-box:hover .details{

		background: #1862ec;

		color: #fff;

	}

	

	.index-direction-left:hover .span-title{

	    background: #1862ec;

	    color: #fff;

	}



	/* .index-direction-right:last-child .index-direction-content{

		float: right;

	}

 */

	.index-contact-title a:hover{

	    background: #e0c15d;

	    color: #fff;

	}





	.index-news-box{

	    position: absolute;

	    top: 50%;

	    margin-top: -152px;

	    left: 30px;

	    right: 30px;

	    line-height: 24px;

	}

	.index-news-warper:hover{

	    background: #2e71ee;

	    color: #fff;

	}

	.index-news-warper:hover .index-news-box .title a,.index-news-warper:hover .details{

	    color: #fff;

	}

	

	.active.section .index-about-img{

		-webkit-animation: fadeInLeft 1.5s ease .1s both;

	    -moz-animation: fadeInLeft 1.5s ease .1s both;

	    animation: fadeInLeft 1.5s ease .1s both;

	}

	.active.section .index-culture .row>div:first-child{

		-webkit-animation: fadeInRight 1.5s ease .1s both;

	    -moz-animation: fadeInRight 1.5s ease .1s both;

	    animation: fadeInRight 1.5s ease .1s both;

	}

	.active.section .index-culture .row>div:nth-child(2){

		-webkit-animation: fadeInRight 1.5s ease .2s both;

	    -moz-animation: fadeInRight 1.5s ease .2s both;

	    animation: fadeInRight 1.5s ease .2s both;

	}

	.active.section .index-culture .row>div:nth-child(3){

		-webkit-animation: fadeInRight 1.5s ease .3s both;

	    -moz-animation: fadeInRight 1.5s ease .3s both;

	    animation: fadeInRight 1.5s ease .3s both;

	}







	.public-bream a:hover{

		color: #e0c15d;

	}

	.news-filter a:hover{

	    background: #1862ec;

	    color: #fff;

	}



	.news-list li:hover{

		background: #1862ec;

		color: #fff;

	}

	.news-list li:hover .div-title a{

		color: #fff;

	}

	.news-list li:hover .more{

		color: #fff;

	}

	.news-page-01 a:hover{

		color: #1862ec;

	}



	.index-arrow-owl .owl-nav button.owl-prev:hover{

		background: url('../images/arrow-lefth.png');

	}

	.index-arrow-owl .owl-nav button.owl-next:hover{

		background: url('../images/arrow-righth.png');

	}

	



}

@media (min-width: 1199px) and (max-width: 1366px){

	.index-direction-left .span-title{

		font-size: 28px;

	}

}

@media screen and (max-width: 1199px){

	.banner{

		margin-top: 86px;

	}

	.banner .banner-img .mg1{

		display: block;

	}

	.index-warper{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.index-culture .row{

		margin-left: 10px;

		margin-right: 10px;

	}

	.index-culture-box{

		margin-left: -10px;

		margin-right: -10px;

	}

	.index-culture-box .details{

		padding-left: 10px;

		padding-right: 10px;

	}

	

	.index-direction{

		margin-top: 0;

	}

	.index-direction-left{

		width: 30%;

	}

	.index-direction-right{

		width: 70%;

	}

	.index-direction-content{

		width: 100% !important;

	}

	.index-direction-h100{

		height: 500px !important;

	}

	.index-direction-h50{

		height: 250px !important;

	}

	.index-direction-left.on .span-title{

	    background: rgba(255, 255, 255, .8);

	    color: #333;

	}

	.index-direction-left.on + .index-direction-right{

		width: 70%;

	}

	.index-direction .span-word{

		left: 30px;

		right: 30px;

	}



	.index-news{

		padding-top: 50px;

	}

	.index-news .news-filter{

		position: static;

		width: 100%;

		text-align: center;

	}

	.index-news .news-filter a{

		display: inline-block;

	}



	.index-news-owl{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.index-news-warper{

		padding-left: 10px;

		padding-right: 10px;

	}


	.index-team-mc.xz{
		top: 0;
	}
	.index-case-word.xz{
		top: 0;
	}
	.index-case-box:first-child .index-case-word.xz{
		bottom: 0;
	}

}

@media (min-width: 992px) and (max-width: 1199px){

	.navbar-nav>li{

		margin-left: 30px;

	}

	/* .index-about-word .details{

		height: 210px;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 7;

		overflow: hidden;

	} */

	.index-about-word .details{
		height: 210px;
		overflow: auto;
	}



	.index-contact-title{

		width: 40%;

	}

	.index-contact-content{

		width: 60%;

	}

}

@media (min-width: 991px){

	.navbar-right{

		margin-right: 0;

	}

}

@media (max-width: 991px){

	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{

		max-height: 500px;

	}

	.navbar-nav{

		margin-top: 0;

	}

	.navbar-nav>li{

		margin-left: 0;

	}

	.navbar-nav>li>a{

		display: block;

		height: 50px;

		line-height: 50px;

		font-size: 18px;

		text-align: center;

	}



	.index-contact{

		padding-bottom: 100px;

	}

	.index-contact-title{

		width: 100%;

		text-align: center;

		margin-top: 0;

	}

	.index-contact-title a{

		display: inline-block;

		margin: 0 15px;

	}

	.index-contact-content{

		width: 100%;

		margin-top: 20px;

		text-align: center;

	}

	.index-contact-ewm,.index-contact-map{

		float: none;

		display: inline-block;

		margin: 0 20px;

	}





	.news-art-info .span-01{

		margin: 0 20px;

	}

}

@media (min-width: 768px) and (max-width: 1199px){



	.news-list{

		margin-top: 25px;

	}

	.news-list li{

		padding: 15px 15px 15px 333px;

	}





}

@media (min-width: 768px) and (max-width: 991px){

	.navbar-toggle{

		margin-top: 25px;

	}

	.index-culture .row>div{

		margin-top: 30px;

	}

	.index-culture .row>div:first-child{

		margin-top: 0;

	}

	.index-culture-box .details{

		padding-top: 50px;

		height: auto;

		padding-bottom: 30px;

		min-height: 200px;

	}



	.index-about-img, .index-about-word{

		padding-right: 0;

	}

	/* .index-about-word .details{

		height: 150px;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 5;

		overflow: hidden;

	} */

	.index-about-word .details{
		height: 150px;
		overflow: auto;
	}



}



@media screen and (max-width: 767px){

	#menu{

		display: none;

	}

	.navbar-brand img{

		height: 40px;

	}

	.navbar-toggle{

		margin-top: 13px;

	}



	.footer-copy{

		text-align: center;

	}

	.footer-copy span{

		display: block;

	}



	.pages a{

		display: none;

	}

	.pages a:first-child,.pages a:last-child{

		display: inline-block;

	}



	.banner{

		margin-top: 60px;

	}

	.banner .owl-dots{

		bottom: 10px;

	}



	.index-warper{

		padding-top: 35px;

		padding-bottom: 50px;

	}

	.index-contact{

		padding-bottom: 130px;

	}

	.index-about-img, .index-about-word{

		width: 100%;

		padding-right: 0;

	}

	.index-about-img{

		margin-top: 0;

	}

	.index-about-word{

		margin-top: 30px;

		padding-left: 0;

	}

	.index-about-word .title{

		text-align: center;

	}



	.index-culture .row>div{

		margin-top: 30px;

	}

	.index-culture .row>div:first-child{

		margin-top: 0;

	}

	.index-culture-box .title{

		width: 100px;

		height: 86px;

		line-height: 86px;

		font-size: 24px;

	}

	.index-culture-box .details{

		padding-top: 50px;

		padding-bottom: 35px;

		height: auto;

		min-height: 150px;

		padding-left: 20px;

		padding-right: 20px;

	}





	

	.index-direction-h100{

		height: 300px !important;

	}

	.index-direction-h50{

		height: 150px !important;

	}

	.index-direction .span-word{

		left: 0;

		right: 0;

		font-size: 14px;

		height: 40px;

		line-height: 40px;

		padding-left: 10px;

		padding-right: 10px;

	}

	.index-direction-left .span-title{

		font-size: 16px;

		height: 50px;

		line-height: 50px;

		margin-top: -25px;

	}



	.index-case-box .span-txt{

		font-size: 14px;

	}





	.index-contact-title a{

		width: 120px;

		height: 50px;

		line-height: 50px;

		font-size: 20px;

		margin: 0 5px;

	}

	.index-contact-map{

		margin-top: 30px;

	}



	.news-main{

		padding-top: 80px;

	}



	.public-bream{

		height: auto;

	}

	.news-filter{

		position: static;

		margin-top: 20px;

	}

	.news-list{

		margin-top: 20px;

	}



	.news-list li{

		padding: 0;

		margin-top: 30px;

	}

	.news-list li:first-child{

		margin-top: 0;

	}

	.news-list li .a-img{

		float: none;

		display: block;

		width: 100%;

		margin-left: 0;

		margin-bottom: 15px;

	}

	.news-list li .a-img img{

		width: 100%;

		height: auto;

	}

	.news-art-info .span-01{

		margin: 0 10px;

	}



	.news-page{

		padding: 40px 80px 40px 0;

	}

	.news-page-01{

		width: 100%;

		text-align: left;

		padding-left: 0;

		padding-right: 0;

		margin-top: 15px;

	}

	.news-page-01:first-child{

		margin-top: 0;

		padding-right: 0;

	}

	.public-return{

		left: auto;

		margin-left: 0;

		right: 0;

	}



}

@media screen and (max-width: 699px){

	

}

@media screen and (max-width:600px){



}

@media (min-width:375px) and (max-width: 600px){

	.index-contact-content .details{

		margin-bottom: 20px;

	}

	.index-contact-ewm,.index-contact-map{

		width: 150px;

		height: 150px;

		margin: 0 5px;

	}

	.index-contact-map{

		margin-left: 10px;

	}

	.index-contact-ewm,.index-contact-map .mg1{

		width: 126px;

		height: 126px;

	}

}