/*index*/
/*1366*/

/*1440*/

/*1560*/
@media screen and (max-width:1560px) {
	.case_list .case .text {
		padding: 5px 10px;
		background: #fff;
	}
}

@media only screen and (max-width: 1440px) {
	.case_list .case .text {
		padding: 5px 10px;
		background: #fff;
	}

	.case_list .case .text h3 {
		margin: 15px 0;
		font-size: 16px;
		font-weight: bolder;
		color: #333;
	}

	.header_title h1 {
		font-size: 40px;
	}

	.header_title p {
		font-size: 18px;
		margin-top: 20px;
	}

	.header_title {
		color: #fff;
		margin-bottom: 40px;
	}

	.header_all {
		margin-top: -370px;
	}

	.header_content .header_content_left h1 {
		font-size: 30px;
		font-weight: bolder;
		margin: 10px 0 28px;
	}

	.header_content .header_content_left .header_text {
		font-size: 22px;
		margin: 15px 0;
		line-height: 1.5;
	}

	.header_content .header_right .header_list h1 {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.mk_case_title {
		margin-top: 279px;
	}

	.facilitator .facilitator_text {
		margin-top: 30px;
		margin-bottom: 67px;
	}


}

/*1280*/

@media only screen and (max-width: 1366px) {
	.case_list .case {}

	.case_list .case .text {
		padding: 5px 10px;
		background: #fff;
	}

	.case_list .case .text h3 {
		margin: 15px 0;
		font-size: 16px;
		font-weight: bolder;
		color: #333;
	}

	.case_list .case .text p {
		color: #666666;
		padding-bottom: 10px;
		font-size: 14px
	}

	.header_all {
		position: relative;
		margin-top: -316px;
	}

	.header_title h1 {
		font-size: 36px;
	}

	.header_title p {
		font-size: 16px;
		margin-top: 16px;
	}

	.mk_case_title {
		margin-top: 36px;
	}


}

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

	.produce {
		width: 980px;
	}

	.facilitator .facilitator_container h1 {
		font-size: 40px;
		padding-right: 40px;
		padding-bottom: 20px;
	}

	.cooperation input {
		font-size: 14px;
		padding: 20px 4px;
	}

	.dynamic .dynamic_img dt {
		width: 370px;
	}

	.dynamic .dynamic_img_t {
		width: 350px;
		padding: 20px;
		top: -90px;
	}

	.dynamic .dynamic_text li {
		padding: 10px 0;
	}

	.dynamic .mk_date span {
		font-size: 20px;
	}

	.dynamic .dynamic_text p {
		margin-top: 11px;
	}

	.header_all {
		position: relative;
		margin-top: -280px;
	}

	.sunny_youqing_item_box {
		width: 20%;
	}


}

/*998*/

@media only screen and (max-width:768px) {
	.first_link {
		display: none;
	}

	.sunny_youqing_item_box {
		width: 50%;
	}

	.case_list .case .text h3 {
		margin: 13px 0 5px;
		font-size: 14px;
		font-weight: bolder;
		color: #333;
	}

	.case_list .case .text p {
		color: #666666;
		padding-bottom: 10px;
		font-size: 12px;
	}

	.cooperation input {
		font-size: 14px;
		padding: 10px 4px;
	}

}


/*768*/
@media only screen and (max-width:998px) {
	.produce {
		/*width: 100%;*/
		/*border: 1px solid #000;*/
		width: 710px;
	}

	.header_content .header_left,
	.header_content .header_right {
		width: 100%;
		float: none;
	}

	.header_content .header_right .header_list {
		width: 50%;
		text-align: center;
	}

	.header_content .header_content_left {
		color: #000;
		padding: 20px;
		text-align: center;
	}

	.header_content .header_content_left h1 {
		font-size: 24px;
		font-weight: bolder;
		margin: 10px 0px 0;
	}

	.header_content .header_content_left button {
		width: 200px;
		height: 55px;
		background: #0078d7;
		text-align: center;
		line-height: 52px;
		font-size: 16px;
		color: #fff;
		margin-top: 30px;
	}

	.mk_case_title h1 {
		margin-top: 20px;
	}

	.header_content .header_right .header_list p {
		color: #696969;
		line-height: 20px;
		padding: 0px 20px
	}

	.facilitator .facilitator_container {
		text-align: center;
	}

	.facilitator .facilitator_container h1 {
		font-size: 24px;
		padding-right: 0;
		padding-bottom: 5px;
	}

	.client .container p {
		font-size: 14px;
	}

	.mk_case_title p {
		font-size: 14px;
	}

	.dynamic .dynamic_img {
		display: none;
	}

	.dynamic .dynamic_text {
		width: 100%;
		padding: 0 60px;
	}

	.dynamic .dynamic_text p {
		font-size: 14px;
		line-height: 25px;
		;
	}

	.dynamic .mk_date {
		text-align: right;

	}

	.dynamic .mk_date span {
		display: inline;
	}

	.dynamic {
		padding-bottom: 80px;
	}

	.cooperation input {
		display: block;
		width: 80%;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 15px;
	}

	.cooperation .submit p {
		font-size: 14px;
		color: #999;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.cooperation .ask {
		width: 80%;
	}

	.cooperation .submit p {
		text-align: center;
	}

	.cooperation h1 {
		padding-left: 15px;
		text-align: center;
	}

	.cooperation .cooperation_link ul {
		width: 100%;
	}

	.mk_client_content div {
		height: 85px;
	}

	.cooperation .cooperation_link li {
		float: left;
		/*margin-left: 15px;*/
		text-align: center;
		padding: 30px 0;
		width: 10%;
	}

	.header_title {
		text-align: center;
	}

	.header_all h1 {
		font-size: 40px;
		font-weight: bold;
	}

	.header_all {
		margin-top: -224px;
	}

	.mo_footer3 {
		padding: 36px 0 20px;
	}

	.mo_w1_l2 {
		margin-bottom: 40px;
	}

	.cooperation .cooperation_link li {
		margin: 0;
		padding: 30px 0;
		height: 80px;
		width: 20%;
	}


	.header_list_phone {
		margin-left: 27px;
	}


}

/*414*/
@media only screen and (max-width:414px) {
	.header_title {
		text-align: center;
	}

	.header_all {
		margin-top: -118px;
	}

	.header_all h1 {
		font-size: 40px;
		font-weight: bold;
	}

	.header_all p {
		font-size: 16px;
	}

	.header_content .subhead {
		color: #666666;
		font-size: 14px;
	}

	.header_content .header_content_left h1 {
		font-size: 24px;
		font-weight: bolder;
		margin: 10px 0px 0;
	}

	.mk_case_title p {
		margin-top: 10px;
	}

	.mk_case_title h1 {
		margin-top: 0px;
	}

	.client .container p {
		font-size: 18px;
		color: #000d33;
		margin-top: 10px;
		margin-bottom: 50px;
	}

	.header_content .header_content_left .header_text {
		font-size: 14px;
		margin: 10px 0;
	}

	.header_content .header_content_left button {
		width: 160px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin-top: 20px;
	}

	.header_content .header_right .header_list h1 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.header_all p {
		font-size: 12px;
	}

	.header_content .header_right img {
		margin-bottom: 15px;
	}

	.header_content .header_right .header_list {
		padding-right: 0px;
		margin-bottom: 0px;
	}

	.header_content .header_right .header_list p {
		padding: 0 6px;
	}

	.header_content .header_right {
		padding: 20px 15px;
	}

	.mk_case_title h1 {
		font-size: 20px;
	}

	.mk_case_title p {
		font-size: 12px;
	}

	.facilitator .facilitator_ti h1 {
		font-size: 20px;
		padding: 0 15px;
	}

	.facilitator .facilitator_ti p {
		font-size: 12px;
	}

	.client .container h1 {
		font-size: 20px;
	}

	.client .container p {
		font-size: 12px;
		line-height: 22px;
		padding: 0 15px;
	}

	.case_list .case {
		width: 50%;
	}

	.case_list .case .text h3 {
		font-size: 14px;
		line-height: 20px;
		max-height: 40px;
		overflow: hidden;
	}

	.case_list .case .text p {
		font-size: 12px;
		max-height: 20px;
		overflow: hidden;
	}

	.mk_look_all a {
		font-size: 14px;
	}

	.facilitator .facilitator_container h1 {
		font-size: 16px;
	}

	.facilitator .facilitator_container p {
		font-size: 12px;
		margin-top: 8px;
	}

	.facilitator .facilitator_text {
		margin-top: 30px;
		margin-bottom: 10px;

	}

	.mk_client_content div {
		width: 25%;
		height: 80px;
	}

	.dynamic .dynamic_ti p {
		font-size: 12px;
		margin-top: 10px;
	}

	.dynamic .dynamic_ti h1 {
		font-size: 18px;
		margin-top: 36px;

	}

	.dynamic .dynamic_text h1 {
		font-size: 14px;
		line-height: 22px;
	}

	.dynamic .dynamic_text p {
		font-size: 12px;
		margin-top: 10px;
	}

	.dynamic .mk_date span {
		font-size: 18px;
	}

	.dynamic .dynamic_text {
		padding: 0 15px;
	}

	.cooperation h1 {
		font-size: 24px;
	}

	.cooperation_link {
		display: none;
	}

	.cooperation .cooperation_link ul {
		float: none;
	}

	.cooperation .cooperation_link li {
		margin: 0;
		padding: 30px 0;
		height: 80px;
		width: 20%;
	}

	.cooperation .cooperation_link li a {
		font-size: 12px;
		text-align: center;
	}

	.cooperation .cooperation_link li .first_link {
		/* border: 1px solid #000; */
		/*left: 24px;*/
	}

	.cooperation .cooperation_link li img {
		margin: 0;
	}

	.cooperation input {
		font-size: 12px;
	}

	.cooperation .submit p {
		font-size: 12px;
	}

	.mo_f2_l {
		float: none;
		width: 100%;
		padding: 30px 0px;
	}

	.mo_f2_r {
		float: none;
		width: 100%;
		padding: 30px 0px;
	}

	.mo_f2_titbox h6 {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.mo_f2_titbox span {
		/* margin-bottom: 15px; */
		color: #6c6c6c;
		font-size: 12px;
	}

	.mo_footer2 {
		padding: 0px;
	}

	.mo_f2_content {
		margin-top: 10px;
		line-height: 20px;
	}

	.mo_w1_l1 {
		font-size: 16px;
		margin-bottom: 18px;
	}

	.mo_w1_l2 {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.mo_w2_l1 {
		font-size: 12px;
		margin-bottom: 10px;
		padding: 0 15px;
		line-height: 20px;
	}

	.mo_w2_l2 {
		font-size: 12px;
		margin-bottom: 10px;
		padding: 0 15px;
		line-height: 20px;
	}

	.icon-youjiantou:before {
		display: none;
	}

	input::-webkit-input-placeholder {
		font-size: 12px;
	}

	input::-moz-placeholder {
		font-size: 12px;
	}

	input:-moz-placeholder {
		font-size: 12px;
	}

	input:-ms-input-placeholder {
		font-size: 12px;
	}

	.mk_case_title p {
		margin-bottom: 20px;
		line-height: 20px;
		padding: 0 15px;
	}

	.mk_case_title {
		text-align: center;
		padding-bottom: 10px;
		margin-top: 36px;
	}

	.mk_look_all {
		margin-top: -10px;
	}

	.facilitator .facilitator_ti h1 {
		margin-top: 30px;
	}

	.client {
		margin-top: 36px;
		margin-bottom: 36px;
	}

	.client .container p {
		margin-bottom: 20px;
	}

	.dynamic .dynamic_co {
		margin-top: 30px;
	}
	.mc_tab_hd{
		display: inline-block;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 710px) {
	.produce {
		width: 100%;
	}

	.facilitator .facilitator_container {
		margin-bottom: 15px;
	}

	.facilitator .facilitator_container {
		margin-top: 15px;
	}

	.mk_client_content div {
		width: 50%;
		height: 100px;
	}

	.facilitator_container_up {
		width: 33.3%;
	}

	.facilitator .facilitator_container {
		/* width: 15%; */
		margin-left: 0px;
		padding: 0 20px;
	}

	.facilitator .facilitator_container:nth-child(4) {
		width: 50%;
	}

	.facilitator .facilitator_container:nth-child(5) {
		width: 50%;
	}

	.facilitator_container_down {
		width: 50%;
	}

	.facilitator .facilitator_ti p {
		color: #000d33;
		font-size: 14px;
		margin-top: 10px;
		line-height: 20px;
	}

	.cooperation h1 {
		color: #333;
		padding-top: 15px;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width:414px) {
	.case_list .case {
		width: 50%;
	}

	.case_list {
		margin: 0px;
		overflow: hidden;
		padding-bottom: 20px;
	}

	.header_all h1 {
		font-size: 24px;
		font-weight: bold;
	}

	.header_all p {
		font-size: 14px;
	}

	.mo_hd_titbox h4 {
		margin-bottom: 10px !important;
		font-size: 14px !important;
	}

	.mo_hd_titbox span {
		font-size: 16px !important;
		padding: 0 15px !important;
		line-height: 24px !important;
	}

	.mo_titbox h5 {
		line-height: 20px !important;
		font-size: 18px !important;
	}

	.mo_casedetails {
		padding: 36px 0 18px !important;
	}

	.mo_case_l {
		padding: 0 15px !important;
		float: none !important;
	}

	.mo_titbox span {
		line-height: 20px !important;
		margin-bottom: 10px !important;
	}

	.mo_titbox2 h5 {
		font-size: 16px !important;
	}

	.mo_case_wrap {
		margin-bottom: 20px !important;
	}

	.mo_case_r {
		float: none !important;
		margin-top: 30px;
		padding: 0 15px !important;
	}

	.mo_case_r a {
		width: 100% !important;
		margin-bottom: 18px !important;
		font-size: 12px !important;
	}

	.myiconfont {
		width: 15px !important;
		height: 20px !important;
		transform: translateY(4px) !important;
		background-size: 100% !important;
	}

	.iconfont-qq {
		background-position-y: -38px !important;
	}

	.iconfont-email {
		background-position-y: -73px !important;
	}

	.iconfont_tijiao {
		background-position-y: -16px !important;
	}

	.mo_photo_l {
		float: none !important;
	}

	.cooperation h1 {
		font-size: 18px !important;
		padding-top: 36px !important;
	}

	.mo_likebox {
		margin-top: 18px !important;
	}

	.iconfont_like {
		margin-top: 7px !important;
	}

	.mo_like {
		width: 40px !important;
		height: 40px !important;
		margin-bottom: 10px !important;
	}

	.mo_photo {
		padding-bottom: 18px !important;
	}

	.news_sel li {
		line-height: 36px !important;
	}

	.news_sel li a {
		padding: 3px 24px !important;
	}

	.news_nav_titel p {
		margin-top: 10px !important;
		margin-bottom: 0 !important;
	}

	.pc_nav_list {
		margin-top: 18px !important;
	}

	.nav_produce {
		margin-top: 36px !important;
	}

	.editor p {
		font-size: 14px !important;
		line-height: 20px !important;
	}

	.news_details .news_title h1 {
		font-size: 18px !important;
		margin-top: 36px !important;
	}

	.news_details .editor_pages {
		margin-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.news_container h3 {
		padding-top: 36px !important;
		padding-bottom: 10px !important;
		font-size: 18px;
	}

	.news_container p {
		line-height: 20px !important;
		padding: 0 15px !important;
		text-align: left !important;
	}

	.news_container .news_date {
		padding: 15px 15px 26px !important;
	}

	.news_list_all .produce {
		padding: 0px 15px !important;
	}

	.news_list_all p {
		line-height: 20px !important;
		margin-top: 18px !important;
	}

	.news_list_all a {
		margin-top: 36px !important;
	}

	.news_list_all .line {
		border-bottom: 1px solid #f4f4f4 !important;
	}

	.news_box {
		height: auto !important;
	}

	.news_container button {
		font-size: 12px !important;
		margin-top: 36px !important;
	}

	.news {
		margin-bottom: 36px !important;
	}

	.mo_c2_titbox h5 {
		font-size: 18px !important;
		line-height: 20px !important;
	}

	.mo_c2_companybox {
		line-height: 20px !important;
	}

	.mo_do .mo_c2_companybox {
		margin-top: 15px !important;
	}

	.mo_c2_companybox {
		margin-top: 15px !important;
	}

	.mo_environment h5 {
		line-height: 20px !important;
		font-size: 18px !important;
	}

	.mo_en_l span {
		font-size: 14px !important;
		line-height: 20px !important;
	}

	.facilitator .facilitator_text {
		margin-top: 16px !important;
		margin-bottom: 20px !important;
	}

	.mo_c2_titbox span {
		line-height: 20px !important;
		font-size: 16px !important;
	}

	.mo_banner .container {
		z-index: 1;
	}

	.mo_hd_titbox {
		margin-top: 0;
	}

	.mo_banner {
		padding-bottom: 36px !important;
	}

	.mo_banner {
		padding-bottom: 0 !important;
	}

	.dynamic .dynamic_text li {
		border-bottom: 1px solid #f1f1f1 !important;
		padding: 25px 0;
	}

	.dynamic {
		padding-bottom: 36px !important;
	}

	.background_img {
		height: 260px;
		position: relative;
	}

	.background_img img {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		/*width: auto;*/
		height: 100%;
	}

	.banslick {
		height: 260px;
		position: relative;
	}

	.banslick img {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		height: 100%;
	}

	.dynamic .dynamic_ti h1{
		float: unset;
	}
	.mc_tab_hdc{
		margin: 0 5px;
	}
	.mc_tab_hdc a{
		padding: 5px 10px;
	}
	.mc_tab_hd{
		float: unset;
		margin-top: 30px;
		margin-bottom: 0px;
	}
	.dynamic .dynamic_text h1{
		height: 22px;
	}
	.dynamic .dynamic_text p:not(.mk_date) {
		line-height: 24px;
		height: 48px;
	}
	.mk_date{
		line-height: 24px !important;
		height: 24px !important;
	}

}

@media only screen and (max-width:360px) {
	.mk_case_title h1 {
		font-size: 18px;
	}

	.facilitator .facilitator_ti h1 {
		font-size: 18px;
	}

	.client .container h1 {
		font-size: 18px;
	}
}

@media screen and (max-width: 320px) {
	.cooperation h1 {
		font-size: 22px;
	}
}