@charset "utf-8";

/*common responsive*/

	

@media (max-width: 1440px) {
	/* 	body {
		min-width: 320px;
	} */
	

	.banner img{
		width: 38%;
		height:30%;
	   } 
	
}


@media (max-width: 1280px) {
	body {
		font-size: 15px;
	}

	.header_parent .header .title .tit_ch {
		font-size: 1.4rem;
	}

	.header_parent .header .title .tit_en {
		font-size: 14px;
	}
.header_parent .menu .nav>li{
	margin:0px 10px;
}

}

@media (max-width: 1199px) {
	body {
		font-size: 14px;
	}
	.header_parent .header .title{width:37%;}

	/* .header_parent .header .title .tit_ch {
		font-size: 1.5rem;
	} */

	.header_parent .header .title .tit_en {
		font-size: 14px;
	}

	.header_parent .menu .nav>li a,
	.header_parent .menu .nav-sub-list ul>li>a  {
		font-size: 16px;
	}
	.header_parent .menu .nav>li {
		margin: 0px 0px;
	}

	.header_parent .menu .nav-sub-list li {
		font-size: 16px;
		height: 33px;
		line-height: 33px;
	}
	.banner, .banner img{
		height:240px;
	}
	.banner{
		line-height: 290px;
	}
	.banner img {
		width: 35%;
		height: 30%;
	}

	.header_parent .menu .nav>li{
		margin:0px;
	}
	
}

@media (max-width: 1023px) {
	body {
		font-size: 14px;
	}

	.header_parent .header .title .tit_ch {
		font-size: 1.4rem;
	}

	/* .header_parent .header .title .tit_en {
		font-size: 16px;
	} */

	/* .header_parent .menu .nav>li a ,
	.header_parent .menu .nav-sub-list ul>li>a {
		font-size: 17px;
	} */

	.header_parent .header .search .searchbar,
	.header_parent .header .search .searchbar input {
		/* height: 40%; */
	}

	.header_parent .header .search .searchbar button {
		padding: 0px;
	}

	.header_parent .menu .nav>li {
		margin: 0px;
	}

	/* .header_parent .menu .nav li a {
		font-size: 20px;
	} */

	.header_parent .header .search .searchbar {
		width: 60%;}

		.header_parent .header .search .searchbar input{
			padding-right:0px;
		}
	
}

@media (max-width: 992px) {
	
	body {
		font-size: 14px;
	}
	.header_parent .menu .nav {
			width: 100%;
		}
	
		.header_parent .menu .nav>li {
			width: 15%;
			margin: 0px;
		}


.header_parent .menu .nav-sub-list {
	width: 100%;
}



.header_parent .menu .nav-fruits:hover .nav-sub-list {
	width: 100%;
}
.banner, .banner img{
	height:220px;
}
.banner{
	line-height: 270px;
}

.banner img {
	width: 40%;
	height: 30%;
}

	
}
@media (max-width: 992px) {
	/* .header_parent .header .title .tit_ch {
		font-size: 19px;
	}

	.header_parent .header .title .tit_en {
		font-size: 14px;
	} */
	.header_parent .header .title{
		width:36%;
	}

	.header_parent .menu .nav>li a,
	.header_parent .menu .nav-sub-list ul>li>a  {
		font-size: 16px;
	}
	
	.header_parent .header .search .searchbar {
		width: 60%;}

		.header_parent .header .search .searchbar input{
			padding-right:0px;
			width:50%;
		}
	
}


/* xs mobile*/
@media (max-width: 768px) {
	body {
		font-size: 14px;
	}
	.content_body{
		width:96%;
	}

	.header_parent .header {
		/* height: 180px; */
		display: block;
	}


	.header_parent .header .logo {
		width: 30%;
		height: 85px;
		float: left;

	}

	.header_parent .header .logo img {
		margin-right: 10px;
	}

	.header_parent .header .title {
		width: 70%;
		height: 85px;
		text-align: left;
		vertical-align: middle;
		float: left;
	}

	.header_parent .header .title .tit_ch {
		font-size: 1.7rem;
		padding-top: 25px;
	}


	.header_parent .header .title .tit_en {
		font-size: 17px;
	}

	.header_parent .header .search {
		width: 100%;
		height: auto;
		background: none;
		margin-top: 10px;
		margin-bottom:10px;
		float: left;
		text-align: center;
	}

   

	.header_parent .header .search .searchbar {
		width: 65%;
		height: 40%;
		margin: 10px auto;
		float: unset;
	}

	.header_parent .header .search .searchbar button {
		padding: 1px;
	}
	.header_parent .header .search .searchbar button img{
		width:85%;
	}
	.header_parent .header .search .searchbar input
	{
		width:70%;
	}

	.header_parent .menu {
		height: auto;
	}

	.header_parent .menu .nav img{
		height:20px;
	}

	.nav-2 {
		display: none;
	}


	.header_parent .menu .nav {
		width: 100%;
		height: 100%;
		line-height: 30px;
		text-align: center;
		list-style: none;
	}

	.header_parent .menu .nav>li {
		width: 30%;
		display: inline-block;
		margin: 0px;
		height: 100%;
	}

	.header_parent .menu .nav>li a {
		text-decoration: none;
		font-size: 20px;
		color: #4D4D4D;
		text-align: center;
		width: 150px;
	}

	.header_parent .menu .nav .nav-fruits:hover {
		background: none;
	}

	.header_parent .menu .nav .nav-fruits:hover>a {
		color: #D5A767;

	}

	.header_parent .menu .nav-sub-list {
		display: none;
	}


	.header_parent .menu .nav-fruits:hover .nav-sub-list {
		display: none;
	}
	.banner{
		background-size: cover !important;

	}
	.banner, .banner img{
		height:200px;
	}
	.banner{
		line-height: 250px;
	}
	
	.banner img{
	width: 40%;
	height:30%;
	}

	.foot-wrap ul>li .tit_ch{
		font-size:16px;
		letter-spacing: 0px;
	}

	
.foot-wrap .comInfo .foot-img {
	margin-right:5px;
}

}



@media (max-width: 640px) {
	body {
		font-size: 14px;
	}
	.header_parent .header .search .searchbar input
	{
		width:60%;
	}

	.header_parent .header .title{
		width: 70%;
	}
	
	.header_parent .header .logo {width: 28%;}
	.header_parent .header .title .tit_ch {
	    font-size: 1.6rem;
		text-align: justify;
        text-align-last: justify;
		width:100%;
	}

	
	
	.header_parent .header .title .tit_en {
	    font-size: 15px;
		text-align: justify;
        text-align-last: justify;
		width:100%;
	}
	
	.header_parent .menu .nav>li a{
		font-size:17px;

	}	
	.foot-wrap .comInfo>li {display: inline;}
	.foot-wrap ul>li .tit_ch{
		font-size:13px;
	}
	.foot-wrap{
		padding:0px;
	}
	.banner, .banner img{
		height:180px;
	}
	.banner{
		line-height: 230px;
	}
	.banner img {
		width: 60%;
		height: 30%;
	}
	.foot-wrap .comInfo{
		display: none;
	}
	.foot-wrap .comInfoMobile{
		display: block;
		margin: 5px;
	}
	.foot-wrap .comInfoMobile span{
		padding:2px;
	}
	.foot-wrap .comInfoMobile .weixin img{
		width:90%;
	}

	

	

}

@media (max-width: 480px) {
	body {
		font-size: 14px !important;
	}
	.content_body{
		background-color: #FFFFFF;
	}
	.header_parent .header .search .searchbar {
    width: 95%;
}
	.header_parent .header .logo {width: 23%;}
	.header_parent .header .logo {
		height: 80px;

	}
	.header_parent .header .title {
		width: 70%;
		height: 80px;
	}
	
	.header_parent .header .title .tit_ch {
	    font-size: 1.3rem;
		padding-top: 28px;
		/* letter-spacing: 0.5px; */
	}
	.header_parent .header .title .tit_en {
	    font-size: 13px;
	}
	.header_parent .menu .nav>li a {
	    font-size: 16px;
	}
	.header_parent .header .search .searchbar input
	{
		width:70%;
	}
	/* .titleName {
	    font-size: 1.65rem;
	    letter-spacing: 0rem;
	    margin-left: 5px;
	} */
	.banner, .banner img{
		height:160px;
	}
	.banner{
		line-height: 210px;
	}
	.banner img {
		width: 60%;
		height: 30%;
	}
	.banner .active {
		opacity: 1;
		transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
	}
	.content_body .topthree {
		display: flex;
	}
	.content_body .topthree>span{
		width:25%;
	}
	
	.link{
		/* text-align:center; */
		margin:0px;
	}
	.link>li{
		width:25%;
		margin-bottom: 8px;
	}
}

@media (max-width: 400px) {
	body{
		font-size: 14ppx;
	}
	.header_parent .header .logo {width: 20%;}
	.header_parent .header .title {width: 75%;}

	.header_parent .header .logo img {
	    margin-right: 3px;
	}
	.header_parent .header .title .tit_ch {
	    font-size: 1.3rem;
		letter-spacing: 0px;
	}
	.header_parent .header .title .tit_en {
	    font-size: 13px;
	} 
	.header_parent .header .search .searchbar input
	{
		width:65%;
	}
		.header_parent .menu .nav>li a {
	    font-size: 15px;
	}
	/* .titleName {
	    font-size: 1.45rem;
	    letter-spacing: 0rem;
	    margin-left: 5px;
	} */
	.content_body .toptwo .left ul>li .article, .content_body .toptwo .middle ul>li .article, .content_body .toptwo .right ul>li .article 
	{
		font-size:15px;
	}
	.content_body .topone .tabtits .tabtitle span,
	.content_body .topone .tabitems .tabitem a {
		font-size:1rem;
	}
	.content_body .toptwo .toptwoleft ul>li .article,
	.content_body .toptwo .toptwoleft ul>li .time{
		font-size:1rem;
	}
	.content_body .toptwo .toptworight ul>li .article,
	.content_body .toptwo .toptworight ul>li .time
	{
		font-size:1rem;
	}
	.banner img {
		width: 70%;
		height: 30%;
	}
	.banner .active {
		transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
	}

}

@media (max-width: 370px) {
	.footer-links .item {
		width: 100% !important;
	}
	.header_parent .header .title .tit_ch {
	    font-size: 1.2rem;
		letter-spacing: 0px;
	}
	.header_parent .header .title .tit_en {
	    font-size: 12px;
	} 
	.detail-list ul li {
		height: 56px;
		line-height: 56px;
		font-size: 16px;
	}

	.banner img {
		width: 70%;
		height: 30%;
	}
	.link>li{
		width:30%;
	}
	.link li {
		margin-right:0px;
	}
	.header_parent .header .search .searchbar input
	{
		width:60%;
	}
}

@media (max-width: 320px) {
	.header_parent .header .logo {width: 17%;}
	.header_parent .header .title {width: 83%;}
	.footer-links .item {
		width: 100% !important;
	}
	.header_parent .header .logo img {
		width: 40px;
	}
	.header_parent .header .search .searchbar{
		height:36px;
		width:70%;
	}
	.header_parent .header .search .searchbar input{
		padding-right:0px;
		padding-left:0px;
		width:55%;
	}
	
	select[id="select"] {
		height: 36px;
		width: 60px;
		
		padding-left: 6px;
		cursor: pointer;
	}
	.header_parent .header .search .searchbar button{
		line-height: 36px;
		height: 36px;
	}
	.header_parent .header .search .searchbar button img{
		width:75%;
	}
}
