@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1680px) {

	.I_news_list ul li .my_word h4 {
		height:29px;
		overflow:hidden;}
} 
@media screen and (max-width: 1200px) {
	.wmain {
		width:1000px;}
	
}  
@media screen and (max-width: 1024px) {
	.wmain {
		width:96%;}
	.online_C ul li input {
		width:75%;}
	textarea {
		width:88.9%;}
	
}  
@media screen and (max-width: 978px) {

	
}  
@media screen and (max-width: 769px) {
	.wmain ,.wmain3{
		width:100%;}
	.wmain2 {
		width:94%;}
	.my_fl {
		float: none;
	}
	.my_fr {
		float: none;
	}
	.foot_banquan {
		display: none;
	}
	.banner{
		height: 300px;
	}
	.head {
		height: 50px;
		line-height: 50px;
	}
	.wap_logo {
		display: block;
	}
	.logo {
		display: none;
	}
	.article_C {
		width:90%;
		padding:0 0 40px 0;}
	.article_C .my_T span.time {
		display:none;}
	.article_C h1 {
		font-size:22px;
	}
	.tj_list.wap_single_list ul li {
		margin-top:10px;
	}
	.tj_list ul li a {
		font-size:15px;
		line-height:24px;
	}
	.I_T {
		background-size: 100%;
		width:80%;
		height:60px;
		line-height:60px;
		margin:0 auto;
		font-size:24px;
		}

	.footer p {
		padding:0 15px;
	}
	.footer img.foot_logo {
		max-width: 70%;
	}
	.news_list {
		margin-top:20px;
	}
	.news_list ul li .my_img {
		display: none;
	}
	.news_list ul li .my_word {
		float: none;
		width: 95%;
		margin:0 auto;
		height:auto;
		padding:0;
	}
	.nav , .wap_hide {
		display:none;}
	.wap_nav_icon  {
		display:block;}
	.banner_img {
	margin-top:60px;
	padding: 0 0 80%;}

	.swiper-button-next , .swiper-button-prev {
		display: none;;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		display: block;!important;
	}
	.swiper-pagination-bullet-active {
		background: #69bfcc;!important;
	}

	.wap_footer , .f_footheight {
		display: block;
	}
	.wap_single_list ul {
		margin-left:0;
	}
	.wap_single_list ul li {
		width:90%;
		margin:0 auto;
		margin-top:15px;
		float: none;
	}
	.wap_single_list ul li img {
		width:100%;
		height:auto;
	}
	.wap_two_list ul {
		margin-left:0;
	}
	.wap_two_list ul li {
		width:45.3%;
		margin-left:3.3%;
	}
	.wap_two_list ul li img {
		width:100%;
		height:auto;
	}
	a.btn {
		height:40px;
		line-height:40px;
		font-size:20px;
	}
	.footer {
		padding-bottom:20px;
	}
	.footer .foot_l , .footer .foot_ewm {
		width:90%;
		margin:0 auto;
		float: none;
		margin-top:30px;
	}
	.footer .foot_l p.info , .footer .foot_l p {
		margin-top:10px;
		font-size:14px;
		line-height:26px;
	}
	.footer .foot_l p.info {
		margin-top:15px;
	}
	.I_wap_pro {
		display: block;
	}
	.wap_main .my_fl img {
		width:100%;
	}
	.wap_main .my_fl {
		width:100%
	}
	.wap_main .my_fr {
		width:100%
	}
	.wap_single_list ul li img {
		width:100%;
	}

	.contact_main1 .C {
		width: 90%;
		margin: 0 auto;
	}
	.contact_main1 .C p {
		display: block;
		font-size: 16px;
		line-height: 22px;
		text-align: left;
		padding-left: 40px;
		padding:10px 0;
	}
	.contact_main1 .C p.adr {
		padding-left: 56px;
		background-size: 30px;
	}
	.contact_main1 .C p.tel {
		padding-left: 56px;
		background-size: 30px;
	}
	.contact_main1 .C p.iphone {
		padding-left: 56px;
		background-size: 30px;
	}
	#map {
		float: none;
		width: 100%;
		height: 300px;
		margin-top:20px;
	}
	.contact_online {
		width:90%;
		float: none;
		height: auto;
		padding:20px  5% 30px 5%;
		margin-top:0;
	}
	.contact_main1 .C p {
		margin:15px 0 0 0;
	}
	.contact_online ul li .T {
		font-size: 16px;
	}
	.contact_online .my_word {
		font-size: 14px;
	}

	.I_main1 .my_fl {
		display: none;
	}
	.I_main1 .my_word {
		width:90%;
		float: none;
		margin:0 auto;
	}
	.I_main1 .my_word .my_more {
		margin-top:20px;
	}
	.I_main2 {
		background-size: cover;
		height:auto;
		padding:30px 0;
	}
	.I_main2 ul li {
		padding:0;
		margin-top:0;
	}
	.I_main2 ul li .my_box img {
		width:90%;
		height:auto;
	}
	.I_main2 ul li .my_box {
		padding:20px 0;
	}
	.I_main3 {
		padding:30px 0;
	}
	.I_main3 .C {
		margin-top:20px;
	}
	.I_main3 .owl-controls .owl-pagination {
		display: block;
	}
	.I_main4 {
		background-size: cover;
		padding:30px 0 50px 0;
		height:auto;
	}
	.I_main4 .C {
		height:auto;
		background: none;
		position: static;
	}
	.I_main4 .C ul li {
		position: static;
		width:90%;
		margin:0 auto;
		margin-top:20px;
	}
	.I_main4_wap .C ul li.wap_li .my_img {
		width:15%;
		margin-top:10px;
		float: left;
		padding-right:5%;

	}
	.I_main4 .C ul li.wap_li .my_word h4 {
		text-align: left;
	}
	.I_main4_wap .C ul li.wap_li .my_word {
		width:80%;
		margin:0;
		float: right;

	}
	.I_main4 .C ul li .my_word p {
		margin-top:0;
		line-height:20px;
	}
	.I_main4_wap .C ul li.li5 {
		width:90%;
		margin:0 auto;
		margin-top:20px;
		text-align: left;
	}
	.I_main5 {
		height:auto;
		padding:30px 0 40px 0;
	}
	.I_main5 ul {
		float: none;
		margin-left:0;
	}
	.I_main5 ul li {
		float: none;
		width:90%;
		margin:0 auto;
		margin-top:15px;
		height:auto;
	}
	.I_main5 ul li .my_img {
		width:30%;
		height:auto;
	}
	.I_main5 ul li .my_word {
		width:62%;
		font-size:14px;
		padding:0 4%;
	}
	.I_main5 ul li .my_word h4 {
		font-size:16px;
		height:32px;
		overflow: hidden;
	}
	.I_main5 ul li .my_word p , .I_main5 ul li .my_word p.date{
		margin-top:0;
		height:26px;
		overflow: hidden;
	}

	.about_main1 .my_logo img {
		width:60%;
	}
	.S_T {
		width:90%;
		margin:0 auto;
	}
	.about_main1 .my_edit , .about_main2 .my_fl .my_edit , .about_main3 .my_edit , .join_main3 .my_edit , .product_main1 .my_edit, .dm_main .my_edit{
		font-size:15px;
		line-height:26px;
		width:90%;
		margin:0 auto;
		padding:0;
	}
	.product_main1 .my_edit, .dm_main .my_edit {
		margin-top:20px;
	}
	.about_main2 {
		padding:30px 0;
	}
	.about_main2 .my_fl , .join_main1 .my_fl , .join_main1 .my_fr , .join_main4 .my_fl , .join_main4 .my_fr {
		width:90%;
		margin:0 auto;
	}
	.join_main1 .my_fr {
		margin-top:20px;
	}
	.join_main1 .my_fr ul li .my_num {
		width:15%;
		font-size:30px;
	}
	.join_main1 .my_fr ul li .my_word {
		width:85%;
	}
	.join_main1 .my_fr ul li .my_word p {
		line-height:20px;
	}
	.about_main2 .my_fl .my_edit {
		width:100%;
		margin-top:20px;
	}
	.about_main3 .my_edit {
		margin-top:20px;
	}
	.join_main3 .my_edit {
		margin-top:35px;
	}
	.about_main2 .my_fr {
		width:90%;
		margin:0 auto;
		margin-top:20px;
	}
	.about_main3 , .join_main2 , .join_main4 {
		padding:30px 0;
	}
	.join_main2 ul li {
		height:290px;
	}
	.join_main2 ul li p {
		margin-top:0;
		font-size:14px;
		line-height:20px;
		color: #999;
	}
	.join_main2 ul li img {
		width:80%;
	}
	.join_main2 .C {
		margin-top:20px;
	}
	.join_main3 {
		height:auto;
		padding:30px 0;
		background-size: cover;
	}
	.join_main3 ul li {
		margin-top:30px;
	}
	.join_main3 ul li img {
		width:auto;
	}
	.join_main3 ul li .my_box {
		margin:0 auto;
		margin-top:15px;
	}
	.join_main4 .my_fl {
		background: none;
		margin-top:20px;
	}
	.join_main4 .my_fl ul {
		margin:0;
	}
	.join_main4 .my_fl ul li i {
		display: inline-block;
	}
	.join_main4 .my_fl ul li p {
		width:85%;
	}
	.join_main4 .my_fr {
		margin-top:20px;
	}
	.product_main1 , .dm_main , .news_main {
		padding:30px 0;
	}
	.son_nav {
		margin-top:15px;
	}
	.son_nav ul li {
		margin:5px;
	}
	.son_nav ul li a {
		height:34px;
		line-height:34px;
		padding:0 20px;
	}
	.product_main1 ul li {
		margin:0 auto;
		margin-top:10px;
		width:90%;
	}
	.product_main1 .C {
		margin-top:20px;
	}
}
@media screen and (max-width: 500px) {
	.banner ul li {
		min-height:100px;}
	.join_list ul li .my_word {
		width:90%;
		float:none;}
	.banner {
		height: 200px;
	}
	.foot_contact_T {
		display:none;}
	.banner .dots {
		display:none;}
	.foot_banquan {
		padding:0 5%;}
}
@media screen and (max-width: 480px) {
}