@media all and (max-width: 1680px){
	.river_text{
		margin-top: 11%;
	}
}
@media (max-width: 1440px){
	.river_text{
		margin-top: 12%;
	}
	.section .container{
		width: 1000px;
	}
	.logo_2{
		width: 160px;
	}
	.news .video_img{
	width: 120px;
	height: 120px;
}
}
@media (max-width: 1366px){
	.video_img{
		width: 200px;
		height: 200px;
	}
	.river_text{
		margin-top: 15%;
	}
	.logo_2{
		width: 60px;
	}
	.logo_2{
		width: 140px;
	}
}
@media all and (max-width: 1280px){
	.news .video_img{
	width: 100px;
	height: 100px;
	}
	
	.index_newsbg{
		height: 750px;
	}
	.river_text{
		width: 22%;
		    margin-top: 16.5%;
	}
	.section .container{
		width: 860px;
	}

}
@media (max-width: 1199px){
	.news .video_img{
	width: 200px;
	height: 200px;
}
	ul.video_area li{
		width: 50%;
	}
	.index_blog ul{
		margin-top: 20px;
	}
	.index_blog h5 {
    margin-top: 10px;
}
	.index_blog .index_viewimg{
		width: 140px;
		height: 140px;
	}
	.index_view{
		margin-top: -60%;
	}
	.index_viewimg{
		width: 150px;
		height: 150px;
	}
	.index_news{
		margin-top: -95%;
	}
	.video_img{
		width: 150px;
		height: 150px;
	}
	.section .container{
		width: 800px;
	}

}
@media (max-width: 1024px){

	.news .video_img{
	width: 180px;
	height: 180px;
}
	.index_blog{
		margin-top: 7%;
	}
	.index_view {
    margin-top: -62%;
}
	.index_news {
    margin-top: -85%;
}
	.index_newsbg {
    height: 650px;
}
	.index_newsimg{
		width: 150px;
		height: 150px;
	}
	.news .video_img{
		width: 120px;
		height: 120px;
	}
	.logo_2 {
    width: 120px;
}
	.section .container{
		width: 700px;
	}
	nav{
		width: 40%;
	}
	.logo{

		width: 180px;
	}
	.river_area{
		background-color: #fff;
		height: 550px;
	}
	.river_text{
		margin-top: 15%;
	}
}
@media (max-width: 991px){

	.widget{
		margin-top: 30px;
	}
	.page_text{background-color:rgba(255,255,255,0.8);}
	.index_blog h5{
		margin-top: 30px;
	}
	.index_blog .index_viewimg{
		width: 200px;
		height: 200px;
	}
	.index_view p{
		min-height: 110px;
	}
	
	.river_text {
		margin-top: 12%;
    top: auto!important;
     width: 25%;
}
	.news .video_img {
    width: 200px;
    height: 200px;
}
	ul.video_area li{
		width: 50%;
	}
	.section .container{
		/* width: 750px; */
	}
	.logo_2{
		width: 100%;
		left: 0;
		margin-bottom: 30px;
	}
	.logo_2 img{
		max-width: 230px;
		display: block;
		margin: 0 auto;
	}
	.social {
		position: relative;
		right: 5%;
		top: -5px;
	}
	.index_news{
		margin-top: 85%!important;
		width: 100%;
	}
	.index_view{
		margin-top: 10%;
	}
	.index_news li{
		width: 50%;
		float: left;
		padding: 0 10px;
	}
	.index_newsbg{
		height: 700px;
	}
	.index_blogbg{
		height: 1000px;
	}
	.index_viewbg{
		height: 850px;
	}
	nav{
		display: none;
	}
	.btn-group > .btn{
		float: right;
		right: 10px;
		/* width: 100%; */
		top: 25px;
		position: fixed;
		z-index: 1000000000;
	}
	.btn-group > .btn i{
		color: #36a2c4;
		font-size: 30px;
	}
	.mobile{
		display: block;
		float: right;
		width: 100%;
		top: 20px;
		position: fixed;
		z-index: 1000000000;
	}
	.logo{
		width: 120px;
	}
	.btn-group{
	width: 100%;
		position: relative;
	}
	.dropdown-menu{
		width: 100%;
		position: relative;
		top: 50px;
		padding: 2%;
		border: 0;
	}
	.dropdown-menu ul{
		padding: 0 20px;
	}
	.dropdown-menu ul li{
		list-style-type: none;
		margin-bottom: 10px;
		font-size: 16px;
		padding: 10px 10px;
		border-bottom: 1px solid #eee;
	}
	.dropdown-menu ul li a{
		text-decoration: none;
		width: 100%;
		display: block;
	}
	.dropdown-menu ul li:hover a{
		color: #36a2c4;
	}
	.btn-group.open .dropdown-toggle{
		float: right;
	}
	.btn-danger{
		background-color: transparent;
		border: 0;
	}
	.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger{
		background-color: #36a2c4;
	}
		.btn-danger:hover i, .btn-danger:focus i, .btn-danger.focus i, .btn-danger:active i, .btn-danger.active i, .open > .dropdown-toggle.btn-danger i{
			color: #fff;

}
.river_text{
	top: 10%;
}
.history{
	margin-top: 40px;
	padding: 0;
}
.index_blogbg{
	background-position: top;
}
.don{
	margin-top: 20px;
}
.index_viewimg,
.index_newsimg{

	margin: 0 auto;
	float: none;
}
.index_view ul li{
	margin-bottom: 20px;
}
.river{
	margin-top: 80px;
}
.river_area {
    float: left;
    width: 100%;
    top: 0px;
    height: 550px;
    position: absolute;
    background-color: #fff;
}
}
@media all and (max-width: 768px){
	.index_blog{
		padding: 0 3%;
	}
	.index_intro .title img{
		position: relative;
		left: 0%;
	}
	.index_intro img{
		left: 5%;
	}
	.index_viewbg {
    height: 800px;
}
	.index_newsbg {
    height: 630px;
}
	.section .container{
		width: 100%;
	}
	.river_text{
		width: 25%;
		margin-top: 15%;
	}
	.title img{
		height: 3rem;
	}
	.river_area{
		height: 450px;
	}
	.index_news{
		    margin-top: 72%!important;
	}
	.index_intro a img {
    /* left: 10%; */
    margin-left: 30px;
}

}
@media all and (max-width: 767px){
	.copyright{
		padding: 10px 0;
	}
	.copyright p{
		font-size: 14px;
	}
	.scrollToTop{
		right: 10px;
		bottom: 30px;
		width: 80px;
		height: 80px;
	}
	.index_blogbg {
    height: 1100px;
}
	.index_viewbg {
    height: 1350px;
}

}
@media all and (max-width: 667px){
	.index_intro .title img{
		position: relative;
		/* left: -3%; */
	}
	
	.index_viewbg {
    height: 1300px;
}
	.river_text {
    width: 30%;
    margin-top: 16%;
}
	.social{
		right: 10%;
		margin-top: 10px;
	}

}
@media all and (max-width: 568px){
	.index_blogbg {
    height: 1180px;
}
	.index_news {
    margin-top: 87%!important;
}
	.river_text {
    width: 35%;
    margin-top: 19%;
}

}
@media all and (max-width: 480px){
	.index_intro .title img{
		left: 8%;
	}
	.index_viewbg {
    height: 900px;
}
	.river_text {
    width: 30%;
    margin-top: 22%;
}
	.index_view p{
		min-height: 140px;
		max-height: 140px;
	}
	.social ul{
		width: 50%;
		top: 0;
		right: 20px;
	}
	.news .video_img {
    width: 150px;
    height: 150px;
}
	p{
		font-size: 14px;
	}
	.topic, .index_blog h5, .index_view h5, .index_news h5{
		font-size: 16px;
	}
	.copyright p{
		text-align: center;
	}
	.index_blogbg {
    height: 1200px;
}
	.index_viewimg, .index_newsimg{
		width: 180px;
		height: 180px;
	}
	.index_news {
    margin-top: 90%!important;
}
	.river_area {
    height: 350px;
}
	/* .river_text{
		top:20%;
		width: 25%;
	} */
	.logo{
		width: 130px;
	}
	.index_view ul li{
		width: 48%;
		float: left;
	}
	.index_viewimg{
		margin: 0 auto;
	}
}
@media all and (max-width:414px){
	.news .video_img{
		width: 120px;
		height: 120px;
	}
	.index_blogbg {
    height: 1230px;
}
	.index_intro .title img {
    position: relative;
    /* left: -8%; */
}
	.index_intro{
		left: 0;
		padding: 0 5%;
	}
	.index_intro a img {
    /* left: 10%; */
    margin-left: 0px;
}

.index_newsimg,
	.index_viewimg{
		width: 150px;
		height: 150px;
	}

}
@media all and (max-width:375px){
	
	.history{
		margin-top:0!important;
	}
	.index_intro .title img{
		left: 8%;
	}
	.scrollToTop{
		right: 5px;
		bottom: 35px;
	}
	.index_news p{
		font-size: 14px;
	}
	.index_view p {
    min-height: 160px;
    max-height: 160px;
}
	.logo_2 img {
    max-width: 150px;
}
	.video_img {
    width: 120px;
    height: 120px;
}
	.social ul{
		width: 40%;
	}
	.social {
right: 15%;
}
	.index_view {
margin-top: -220%;
}
	.logo {
    width: 100px;
}
	.index_viewbg {
    height: 800px;
}
	.owl-theme .owl-nav{
		margin-top: -35%!important;
	}
	.river_text {
    top: 0%!important;
    width: 42%!important;
}
	.index_news {
    margin-top: -125%!important;
}
	.index_blogbg{
		height: 1300px;
	}
	.title img{
		height: 2.65rem;
	}
	.index_intro{
		width: 350px;
margin-top: -190%;
		width: 350px;
	}
	.index_viewimg, .index_newsimg{
		width: 130px;
		height: 130px;
	}
	.index_intro .title {

position: relative;
left: -20px;
}
.index_blog {
margin-top: -335%;
}
}
@media all and (max-width:360px){
	.river_text {
    top: 5%!important;
    width: 42%!important;
}
	.index_intro .title img {
    left: 0%;
}
	.index_blog{
		margin-top: 10%;
	}
	.index_intro{
		margin-top: 5%;
	}
	.index_intro .title{
		left: 0;
	}
	.owl-theme .owl-nav {
    margin-top: -38%!important;
}
	.index_blogbg {
    height: 1300px;
}
	.index_intro {
    width: 350px;
}
	.index_blog{
		padding: 0 10px;
	}
	.index_viewimg, .index_newsimg {
    width: 120px;
    height: 120px;
}
	.index_view {
    margin-top:10%;
}
.index_news {
    margin-top: 120%!important;
}
}
@media all and (max-width:320px){
	.news .video_img {
    width: 100px;
    height: 100px;
}
	.river_text {
    top: 5%!important;
    /* width: 42%!important; */
}
	.river_area {
    height: 320px;
}
	.index_intro .title img {
    position: relative;
    left: 1%;
}
	.index_view p {
    min-height: 180px;
    max-height: 180px;
}
	.index_intro{
		width: 320px;
	}
	.index_blogbg {
    height: 1350px;
}
	.title img {
    height: 2rem;
}
	.index_viewimg, .index_newsimg {
    width: 100px;
    height: 100px;
}
}