/* CSS Document */
@media only screen and  (max-width: 1600px) {
	.inner {
		width: 1440px;
	}
	.index_about_num font {
		font-size: 50px;
		line-height: 50px;
	}
	.index_about_num text {
		font-size: 50px;
		line-height: 50px;
	}
	.index_about_zh {
		font-size: 40px;
	}
	.index_about_en {
		font-size: 40px;
	}
	.index_area_zh {
		font-size: 40px;
		line-height: 40px;
	}
	.index_pro_photo2 img {
		width: 300px;
		height: 300px;
	}
	.index_news_heng {
		font-size: 22px;
		line-height: 22px;
	}
	.index_con_zh {
		font-size: 40px;
		line-height: 40px;
	}
	.index_con_list {
		margin-top: 50px;
		margin-bottom: 65px;
	}
	.index_con_block {
		padding: 35px 45px 15px 45px;
	}
	.news_photo {
		width: 20%;
	}
}
@media only screen and  (max-width: 1441px) {
	.inner {
		width: 1200px;
	}
	.header_tel_num {
		font-size: 22px;
		line-height: 22px;
	}
	.logo {
		width: 23%;
	}
	.header_right {
		width: 75%;
	}
	.index_con_qq {
		top: inherit;
		bottom: 120%;
	}
	.index_con_code {
		top: inherit;
		bottom: 120%;
	}
	.about_block > img {
		width: 40%;
	}
	.about_block .index_about_list {
		width: 55%;
	}
}
@media only screen and  (max-width: 1361px) {
	.area_left {
		padding: 30px 0;
	}
	.index_about_left {
		width: 40%;
	}
	.index_about_right {
		width: 55%;
	}
	.index_about_zh {
		font-size: 30px;
		line-height: 30px;
		margin-top: -13px;
	}
	.index_about_shu {
		height: 45px;
	}
	.index_about_en {
		font-size: 30px;
		line-height: 30px;
	}
	.index_about_num font {
		font-size: 40px;
		line-height: 40px;
	}
	.index_area_block img {
		width: 35%;
	}
	.index_area_item:nth-child(even) .index_area_block {
		padding: 30px 20px;
	}
	.index_pro_text {
		overflow: hidden;
		  display: -webkit-box;
		  -webkit-box-orient:vertical;
		  -webkit-line-clamp:4;
		margin: 15px 0 30px 0;
	}
	.index_area_zh {
		font-size: 30px;
		line-height: 30px;
	}
	.index_pro_photo2 img {
		width: 260px;
		height: 260px;
	}
	.index_pro_photo2 {
		padding: 15px;
	}
	.index_pro_photo1 {
		padding: 15px;
	}
	.index_pro_photo {
		padding: 15px;
	}
	.index_pro_title {
		font-size: 18px;
	}
	.index_news_day{
		font-size: 30px;
		line-height: 30px;
	}
	.index_news_title {
		font-size: 18px;
	}
	.index_news_item {
		padding: 30px 0 15px 0;
	}
	.index_con_zh {
		font-size: 30px;
		line-height: 30px;
	}
	.index_con_caption{
		margin: 10px 0 20px 0;
	}
	.index_con_list {
		margin: 25px 0 30px 0;
	}
	.header_language_box span {
		font-size: 20px;
	}
	.header_language_info span {
		font-size: 20px;
	}
	.pro_center_text {
		font-size: 16px;
	}
	.area_left_zh {
		font-size: 20px;
	}
	.news_day {
		font-size: 30px;
		line-height: 30px;
	}
	.news_title {
		font-size: 18px;
	}
	.news_heng {
		font-size: 22px;
	}
	.newsex_title {
		font-size: 18px;
	}
	.con_caption {
		font-size: 20px;
		line-height: 20px;
	}
}
@media only screen and  (max-width: 1281px) {

}
@media only screen and  (max-width: 1081px) {
	.inner {
		width: 90%;
	}
	.header {
		display: none;
	}
	.headersp {
		display: block;
	}
	.index_about {
		display: block;
	}
	.two {
		padding-top: 85px;
	}
	.three {
		padding-top: 85px;
	}
	.four {
		padding-top: 85px;
	}
	.five {
		padding-top: 85px;
	}
	.six {
		padding-top: 85px;
	}
	.index_about_left {
		width: 100%;
		margin-bottom: 40px;
	}
	.index_about_right {
		width: 100%;
	}
	.index_about_text {
		margin: 20px 0 35px 0;
	}
	.down {
		bottom: 3%;
	}
	.index_about_right > img {
		width: 100%;
	}
	.index_about_num {
		text-align: center;
	}
	.index_about_caption {
		text-align: center;
	}
	.index_area_item {
		width: 33%;
	}
	.index_pro_banner .swiper-button-next {
		top: 65%;
	}
	.index_pro_banner .swiper-button-prev {
		top: 35%;
	}
	.index_news {
		display: block;
	}
	.index_news_left {
		width: 100%;
		margin-bottom: 40px;
	}
	.index_news_right {
		width: 100%;
	}
	.index_news_text {
		margin: 30px 0 50px 0;
	}
	.index_con_item {
		width: 48%;
		margin-bottom: 20px;
	}
	.index_con_bottom {
		display: block;
	}
	.index_con_left {
		width: 100%;
		justify-content: center;
		margin-bottom: 30px;
	}
	.index_con_follow {
		text-align: center;
	}
	.index_con_be {
		text-align: center;
	}
	.index_con_box {
		justify-content: center;
	}
	.index_con_small {
		text-align: center;
	}
	.index_about_zh {
		font-size: 25px;
		line-height: 25px;
	}
	.index_about_en{
		font-size: 25px;
		line-height: 25px;
	}
	.index_area_zh {
		font-size: 25px;
		line-height: 25px;
	}
	.index_con_zh {
		font-size: 25px;
		line-height: 25px;
	}
	.about_block {
		display: block;
	}
	.about_block > img {
		width: 100%;
		margin-bottom: 40px;
	}
	.about_block .index_about_list {
		width: 100%;
	}
	.about_section {
		padding-bottom: 145px;
	}
	.zifooter_logo {
		display: flex;
		justify-content: center;
	}
	.top {
		top: 50px;
		left: inherit;
		right: 5%;
		width: 50px;
	}
	.news_photo {
		width: 25%;
	}
	.news_block {
		width: 70%;
	}
	.news_day {
		font-size: 25px;
		line-height: 25px;
	}
	.news_more {
		width: 25%;
	}
	.news_title {
		width: 55%;
		font-size: 16px;
	}
	.news_more span {
		font-size: 16px;
	}
	.con_title {
		font-size: 16px;
	}
	.con_text {
		font-size: 14px;
	}
}
@media only screen and  (max-width: 980px) {
	.index_about_thai {
		font-size: 20px;
	}
	.index_about_shu {
		height: 25px;
	}
	.index_about_text {
		margin: 15px 0 15px 0;
	}
	.index_about_list {
		margin-top: 30px;
	}
	.down {
		bottom: 1%;
	}
	.index_about_zh {
		margin-bottom: 10px;
	}
	.index_about_left {
		margin-bottom: 20px;
	}
	.index_area_name {
		font-size: 20px;
		line-height: 20px;
	}
	.index_pro_photo {
		margin-left: 0;
	}
	.index_pro_banner .swiper-container {
		padding-bottom: 100px;
		margin-bottom: 40px;
	}
	.index_pro_banner .swiper-button-next {
		top: inherit;
		bottom: 0;
		left: 100px;
		right: inherit;
	}
	.index_pro_banner .swiper-button-prev {
		top: inherit;
		bottom: 0;
		left: 0;
		right: inherit;
	}
	.index_pro_block {
		justify-content: space-between;
	}
	.index_pro_area {
		width: 40%;
	}
	.pc {
		display: none;
	}
	.pb {
		display: block;
	}
	.pro_item {
		width: 31%;
		margin-left: 3.5%;
	}
	.pro_item:nth-child(4n-3) {
		margin-left: 3.5%;
	}
	.pro_item:nth-child(3n-2) {
		margin-left: 0%;
	}
	.proex_title {
		font-size: 18px;
	}
	.proex_info_text {
		font-size: 16px;
	}
	.proex_info_box span {
		font-size: 16px;
	}
	.proex_explain {
		font-size: 16px;
	}
	.area_title {
		font-size: 20px;
		line-height: 20px;
	}
	.area_en {
		font-size: 20px;
		line-height: 20px;
	}
	.area_left {
		width: 20%;
	}
	.news_photo {
		width: 30%;
	}
	.news_block {
		width: 65%;
	}
	.news_day {
		font-size: 21px;
		line-height: 21px;
	}
	.news_time {
		width: 15%;
	}
	.news_title {
		width: 50%;
	}
	.con_section {
		display: block;
	}
	.con_left {
		width: 100%;
		margin-bottom: 40px;
	}
	.con_rigth {
		width: 100%;
	}
	.index_con_zh {
		font-size: 21px;
		line-height: 21px;
	}
	.con_caption {
		font-size: 16px;
		line-height: 16px;
	}
	.con_heng {
		margin-top: 30px;
	}
	.zi_dao {
		padding: 20px 0 35px 0;
	}
}
@media only screen and  (max-width: 769px) {
	.inner {
		width: 94%;
	}
	.con_info input{
		height: 20px;
		line-height: 20px;
	}
	.con_heng {
		height: 5px;
		margin-top: 20px;
	}
	.zifooter_logo img {
		width: 85%;
	}
	.top {
		position: inherit;
		margin: 20px auto 0 auto;
	}
	.news_more {
		display: none;
	}
	.news_photo {
		width: 45%;
	}
	.news_block {
		width: 50%;
		display: block;
		padding-bottom: 15px;
	}
	.news_time {
		width: 100%;
	}
	.news_day {
		font-size: 18px;
		display: inline-block;
	}
	.news_heng {
		display: inline-block;
		font-weight: 18px;
		margin: 0 5px;
	}
	.news_year {
		display: inline-block;
	}
	.news_title {
		width: 100%;
		overflow: hidden;
		  display: -webkit-box;
		  -webkit-box-orient:vertical;
		  -webkit-line-clamp:2;
	}
	.ex{
		display: none;
	}
	.news_item {
		margin-bottom: 20px;
	}
	.ex_more {
		display: block;
	}
	.newsex_return {
		position: inherit;
		width: 25%;
		margin: 0 auto;
	}
	.newsex_title {
		font-size: 16px;
		padding: 0;
		margin-top: 20px;
	}
	.box {
		margin: 30px 0 40px 0;
	}
	.zi_dao1 {
		display: block;
	}
	.zi_dao_leftsp {
		display: block;
	} 
	.zi_dao_leftpc {
		display: none;
	}
	.zi_dao_left {
		margin-top: 20px;
		overflow-y: hidden;
		overflow-x: visible;
		white-space: nowrap;
	}
	.zi_dao_title {
		font-size: 16px;
		margin: 0 10px;
		padding: 0;
		display: inline-block;
	}
	.area_section {
		display: block;
	}
	.area_left {
		width: 80%;
		margin: 0 auto;
	}
	.area_rigth{
		width: 100%;
		margin-top: 20px;
	}
	.area_title {
		font-size: 16px;
	}
	.area_en {
		font-size: 16px;
		margin: 10px 0;
	}
	.pro_top {
		display: block;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.pro_top_box {
		width: 70%;
		margin-left: 4%;
		margin-bottom: 20px;
		display: inline-block;
	}
	.pro_top_box:nth-child(5n-4) {
		margin-left: 4%;
	}
	.pro_top_box:nth-child(odd) {
		margin-left: 4%;
	}
	.index_pro_title {
		font-size: 16px;
	}
	.pro_center_text {
		width: 55%;
		text-align: center;
		margin-right: 4%;
		display: inline-block;
	}
	.pro_center {
		margin-bottom: 30px;
		display: block;
		overflow-y: hidden;
		overflow-x: visible;
		white-space: nowrap;
	}
	.pro_item {
		width: 48%;
		margin-left: 4%;
		margin-bottom: 20px;
	}
	.pro_item:nth-child(3n-2) {
		margin-left: 4% ;
	}
	.pro_item:nth-child(odd) {
		margin-left: 0%;
	}
	.pro_title {
		font-size: 16px;
	}
	.proex_section {
		display: block;
		margin-bottom: 50px;
	}
	.proex_section > img{
		width: 60%;
		margin: 0 auto;
	}
	.proex_block {
		width: 100%;
		margin-top: 20px;
	}
	.proex_info {
		margin: 15px 0;
	}
	.proex_explain {
		margin-bottom: 10px;
	}
	.proex_return img {
		width: 70px;
	}
	.index_about_num font {
		font-size: 25px;
		line-height: 25px;
	}
	.index_about_num text {
		font-size: 20px;
		line-height: 20px;
	}
	.index_about_item {
		padding: 0 10px;
	}
	.index_about_caption {
		font-size: 14px;
	}
	.index_about_en {
		font-size: 20px;
		line-height: 20px;
	}
	.index_about_zh {
		font-size: 20px;
		line-height: 20px;
	}
	.section .headersp {
		display: none;
	}
	.header {
		display: none;
	}
	.headersp_nav {
		width: 8%;
	}
	.headersp {
		background: #019ee5;
		position: fixed;
		width: 100%;
		padding: 10px 0;
		z-index: 80;
		top: 0;
		left: 0;
		height: 50px;
	}
	.blank50 {
		display: block;
	}
	.banner .swiper-button-next {
		width: 30px !important;
		height: 30px  !important;
		left: 45px;
		margin-top: 12px  !important;
	}
	.banner .swiper-button-prev{
		width: 30px !important;
		height: 30px  !important;
		margin-top: 12px  !important;
	}
	.section {
		height: auto !important;
	}
	.fp-tableCell {
		height: auto !important;
	}
	.two {
		padding: 40px 0;
		height: inherit;
		display: block;
	}
	.index_about_text {
		width: 100%;
	}
	.index_about_link img {
		width: 20px;
	}
	.index_about_link {
		height: 40px;
		width: 110px;
	}
	.down {
		display: none;
	}
	.index_about_list {
		margin-bottom: 20px;
		margin-top: 40px;
	}
	.index_about_shu {
		margin: 10px 0;
	}
	.index_area_item {
		width: 48%;
		margin: 0 1% 10px 1%;
	}

	.index_area_item:nth-child(odd) {
		display: none;
	}
	.index_area_item:nth-child(1) {
		display: block;
	}
	.index_area_name {
		font-size: 16px;
		margin-top: 15px 0 10px 0;
	}
	.index_area_caption {
		font-size: 14px;
	}
	.index_area_item:nth-child(even) .index_area_block {
		padding: 15px 10px;
	}
	.three {
		padding-top: 40px;
		display: block;
		height: inherit;
		padding-bottom: 50px;
	}
	.headersp_sp {
		display: block;
	}
	.sp {
		display: block;
	}
	.pb {
		display: none;
	}
	.index_pro_block {
		display: block;
	}
	.index_pro_area {
		width: 100%;
	}
	.index_pro_photo2 img {
		width: 100px;
		margin: 0 auto;
		height: 100px;
	}
	.index_pro_photo2 {
		/*border: none;
		padding: 0;*/
		padding: 10px;
		width: 120px;
		height: 120px;
	}
	.index_pro_photo1 {
		/*border: none;
		padding: 0;*/
		padding: 10px;
		width: 140px;
		height: 140px;
	}
	.index_pro_photo {
		/*border: none;*/
		/*padding: 0;*/
		padding: 10px;
		width: 160px;
		height: 160px;
		margin: 20px auto 0 auto;
	}
	.index_pro_link {
		font-size: 16px;
		padding: 8px 0;
		width: 110px;
	}
	.index_pro_banner .swiper-button-next {
		width: 40px !important;
		height: 40px !important;
		left: 85%;
		bottom: 28%;
	}
	.index_con_photo {
		margin: 0 10px;
	}
	.index_con_info {
		margin: 0 10px;
	}
	.index_pro_banner .swiper-button-prev {
		width: 40px !important;
		height: 40px !important;
		left: 5%;
		bottom: 28%;
	}
	.index_pro_banner .swiper-container {
		padding-bottom: 50px;
	}
	.four {
		padding-top: 40px;
		display: block;
		height: inherit;
	}

	.index_about_right > img {
		display: none;
	}
	.index_pro_text {
		overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
	}
	.index_area_en {
		font-size: 14px;
		line-height: 14px;
	}
	.index_area_zh {
		font-size: 18px;
		line-height: 18px;
	}
	.index_pro_en {
		font-size: 18px;
		line-height: 18px;
	}
	.index_pro_zh {
		font-size: 16px;
		line-height: 16px;
	}
	.index_pro_banner .swiper-container {
		margin-bottom: 0;
	}
	.five {
		padding-top: 40px;
		height: inherit;
		display: block;
		padding-bottom: 40px;
	}
	.index_news_text {
		margin: 20px 0 25px 0;
	}
	.index_news_more {
		height: 40px;
		width: 110px;
	}
	.index_news_more img {
		width: 20px;
	}
	.index_news_more span {
		font-size: 16px;
	}
	.index_about_link span {
		font-size: 16px;
	}
	.index_news_left {
		margin-bottom: 20px;
	}
	.index_news_item {
		padding: 20px 0 10px 0;
	}
	.index_news_title {
		font-size: 16px;
		width: 78%;
	}
	.index_news_read {
		display: none;
	}
	.index_news_day {
		font-size: 16px;
		line-height: 16px;
	}
	.index_news_heng{
		font-size: 18px;
		line-height: 18px;
	}
	.index_news_year{
		font-size: 14px;
	}
	.index_news_time {
		width: 16%;
	}
	.six {
		padding-top: 40px;
		display: block;
		height: inherit;
		padding-bottom: 40px;
	}
	.index_con_en {
		font-size: 16px;
		line-height: 16px;
	}
	.index_con_zh {
		font-size: 18px;
		line-height: 18px;
	}
	.index_con_block {
		padding: 15px;
	}
	.index_con_title {
		font-size: 16px;
	}
	.index_con_caption{
		font-size: 16px;
		margin: 8px 0 10px 0;
	}
	.index_con_text {
		font-size: 14px;
	}
	.con_btu {
		padding: 10px;

	}
	.bannersp {
		display: block;
	}
	.bannerpc {
		display: none;
	}
	.about_text {
		margin: 20px 0 30px 0;
	}
	.about_section {
		padding-bottom: 60px;
	}

}