@charset "utf-8";

@media screen and (min-width: 1200px) {
	.container-fluid {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.container {
		overflow: hidden;
		max-width: 1200px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media screen and (max-width: 1199px) {
	body {
		min-width: 320px;
	}

	.head_nav ul li a {
		padding: 0 15px;
		font-size: 14px;
	}

	.banner_b span {
		font-size: 60px;
		margin: 0 15px;
	}

	.banner_c_a li {
		margin-left: 20px;
	}

	.index_i_list ul li {
		width: 16%;
		margin: 0 2%;
	}

	.index_i_pic {
		width: 100%;
	}

	.index_i_pic img {
		width: 100%;
	}

	.index_i_jt {
		width: 20px;
		height: 16px;
		right: -27px;
		top: 45.5%;
	}

	.index_i_ms {
		width: 100%;
		padding: 0 1%;
	}

	.index_c_bt span {
		font-size: 50px;
	}

	.index_c_pic .index_c_msa span {
		font-size: 14px;
		line-height: 22px;
	}

}

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

	.head_nav ul li a {
		padding: 0 15px;
		font-size: 14px;
	}


	.index_d_c_div li {
		padding-right: 10%;
	}

	.index_d_c_right p {
		line-height: 26px;
	}

	.index_d_c_pic {
		padding-top: 20px;
	}

	.index_e_c_pic {
		padding-top: 30px;
	}

	.index_f_c_div li {
		padding-right: 5%;
	}

	.index_f_c_pic {
		padding-top: 30px;
	}


}

@media screen and (max-width: 991px) {
	header .container{padding: 0;}
	
	.head_nav ul li a {
		font-size: 14px;
		padding: 0 8px;
	}

	.banner_c ul {
		width: 65%;
		margin: 0 auto;
		display: block;
	}

	.banner_c_a li {
		margin-left: 0;
	}

	.banner_c_b li {
		margin-left: 0;
	}

	.index_c_bt span {
		font-size: 40px;
	}




}

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

	.top_butt {
		display: block;
		float: right;
		margin-top: 22px;
		width: 30px;
		height: 30px;
		z-index: 99999;
	}

	.top_butt .bar {
		width: 30px;
		height: 2px;
		display: block;
		background: #187ed3;
		margin: 6px 0;
		border-radius: 25px;
		-o-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.cross .bar:nth-of-type(1) {
		-webkit-transform: translateY(13.5px) rotate(-40.5deg);
		-ms-transform: translateY(13.5px) rotate(-40.5deg);
		transform: translateY(8px) rotate(-40.5deg);
		-o-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.cross .bar:nth-of-type(2) {
		opacity: 0;
	}

	.cross .bar:nth-of-type(3) {
		-webkit-transform: translateY(-15px) rotate(45deg);
		-ms-transform: translateY(-15px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
		-o-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.index_a_ico li img {
		width: 50px;
		height: 50px;
	}

	.head_nav {
		position: fixed;
		width: 50%;
		top: 0;
		left: -30%;
		opacity: 0;
		height: 100%;
		background: rgba(255, 109, 28, 0.8);
		-o-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		z-index: 99998;
	}

	.head_nav ul li {
		width: 100%;
		height: 50px;
	}

	.head_nav ul li a {
		font-size: 14px;
		padding: 0 10px;
		color: #fff;
		line-height: 50px;
	}

	.head_nav ul li.active a {
		color: #000;
	}

	.head_nav ul li:hover a {
		color: #fff;
	}

	.head_nav ul li span {
		display: none;
	}



	.head_nav_on {
		left: 0;
		opacity: 1;
		-o-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		z-index: 99999;
	}

	.banner_a span {
		font-size: 20px;
	}

	.banner_b span {
		font-size: 35px;
		line-height: 46px;
	}

	.banner_c ul li span {
		font-size: 16px;
	}

	.banner_c ul {
		width: 100%;
	}

	.banner_c_a li {
		margin-left: 0;
	}

	.banner_c_b li {
		margin-left: 0;
	}

	.banner_c ul {
		text-align: center;
	}

	.banner_c ul li {
		width: 60%;
		text-align: left;
		display: inline-block;
	}

	.banner_c ul li span .banner_c_dj {
		font-size: 28px;
	}

	.banner_e a {
		width: auto;
		padding: 0 30px;
		font-size: 28px;
		height: 50px;
		line-height: 50px;
	}

	.index_a_title {
		font-size: 40px;
		line-height: 46px;
	}

	.index_a_lb ul li span {
		font-size: 20px;
		line-height: 28px;
	}

	.index_b_c ul li {
		margin-bottom: 10px;
	}



	.index_c_bt {
		width: 100%;
		padding-top: 50px;
	}

	.index_c_bt p {
		font-size: 26px;
		line-height: 36px;
	}

	.index_c_bt span {
		font-size: 50px;
		line-height: 60px;
	}

	.index_c_pic {
		width: 100%;
		margin-top: 30px;
	}

	.index_d_b_m {
		width: 100%;
	}

	.index_d_b_d {
		width: 100%;
	}

	.index_d_title {
		font-size: 26px;
		line-height: 40px;
	}

	.index_d_ms {
		font-size: 16px;
		line-height: 26px;
		margin-top: 12px;
	}

	.index_d_c_title span {
		font-size: 40px;
	}

	.index_d_c_d .row {
		-o-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.index_d_c_d {
		margin-top: 30px;
	}

	.index_d_c_right {
		width: 90%;
	}

	.index_d_c_pic {
		margin-bottom: 30px;
		padding-top: 0;
	}

	.index_d_by {
		font-size: 20px;
	}

	.index_e_c_pic {
		padding-top: 0;
		margin-bottom: 30px;
	}

	.index_f_c_pic {
		padding-top: 0;
		margin-bottom: 30px;
	}

	.index_g_c_div ul {
		width: 60%;
		margin: auto;
	}

	.index_i_list ul {
		width: 100%;
		text-align: center;
		font-size: 0;
	}

	.index_i_list ul li {
		width: 28%;
		display: inline-block;
		margin-bottom: 20px;
		float: none;
	}

	.index_i_pic {
		width: 90%;
	}

	.index_d_c_div li {
		padding-right: 0;
	}


	.index_c_msa1 {
		padding: 26px 10px;
	}

	.index_c_msa2 {
		padding: 47px 10px;
	}

	.index_c_msa3 {
		padding: 55px 10px;
	}

	.index_c_msa4 {
		padding: 36px 10px;
	}

	.index_c_msa5 {
		padding: 57px 10px;
	}

	.index_c_msa6 {
		padding: 35px 10px;
	}


}

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


	header {
		background: #22b3ea;
		padding-right: 0 !important;
		padding-left: 0 !important;
		height: auto;
		box-shadow: 0 5px 10px -5px #999;
	}

	header .container {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.container-fluid {
		padding-right: 0;
		padding-left: 0;
	}

	.top_butt {
		display: none;
	}

	.logo {
		display: none;
	}

	.head_nav {
		float: left;
		width: 100%;
		margin-top: 0;
		border: solid 1px #99dcf6;
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
		background: none;
	}

	.head_nav ul li {
		width: 25%;
		margin: 0;
		text-align: center;
		border: solid 2px #99dcf6;
		height: auto;
		line-height: normal;
	}

	.head_nav ul li a {
		font-size: 16px;
		color: #fff;
		line-height: 35px;
	}

	.head_nav ul li:hover a {
		color: #fff;
	}

	.head_nav ul li.active a {
		color: #fff;
	}

	.head_nav ul li span {
		display: none;
	}

	.head_nav ul li span i {
		display: none;
	}

	.banner {
		height: 570px;
	}

	.banner_a span {
		font-size: 16px;
		padding: 10px 15px;
	}

	.banner_b {
		margin-top: 30px;
	}

	.banner_b span {
		display: block;
		font-size: 40px;
		line-height: 60px;
		letter-spacing: 2px;
	}

	.banner_c {
		margin-top: 30px;
	}

	.banner_c ul {
		width: 90%;
		margin: auto;
		margin-left: auto;
	}

	.banner_c ul li span {
		font-size: 16px;
	}

	.banner_c ul li {
		width: 100%;
	}

	.banner_d {
		display: none;
	}


	.banner_e a {
		font-size: 26px;
		line-height: 40px;
		height: 40px;
	}

	.banner_f {
		margin-top: 20px;
	}

	.index_a {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.index_a_title {
		font-size: 30px;
		line-height: 36px;
	}

	.index_a_lb ul li {
		padding: 0 10px;
	}

	.index_a_lb ul li span {
		font-size: 16px;
		line-height: 28px;
	}


	.index_a_ico ul li span {
		font-size: 12px;
	}

	.index_a_ico {
		margin-top: 30px;
	}

	.index_a_t {
		margin-top: 30px;
	}

	.index_a_t span {
		font-size: 22px;
		line-height: 26px;
	}

	.index_b {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.index_b_title {
		font-size: 30px;
		line-height: 36px;
	}

	.index_b_a {
		font-size: 16px;
		line-height: 24px;
	}

	.index_b_c ul li {
		padding-right: 15px;
		padding-left: 15px;
		text-align: center;
	}

	.index_b_num {
		font-size: 26px;
	}

	.index_b_ms span {
		font-size: 16px;
	}

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

	.index_b_d p {
		font-size: 16px;
		line-height: 24px;
	}

	.index_b_d span {
		font-size: 16px;
	}

	.index_c {
		padding-bottom: 50px;
	}

	.index_c .container {
		padding-right: 10;
		padding-left: 10;
	}

	.index_c_ewm ul li {
		width: 100px;
	}

	.index_c_ewm ul li span {
		font-size: 16px;
	}

	.index_c_ewm ul li img {
		width: 100%;
	}

	.index_c_by span {
		font-size: 22px;
		margin: 0 5px;
	}

	.index_c_c span {
		font-size: 16px;
	}

	.index_c_c .index_c_url a {
		font-size: 18px;
	}

	.index_c_bt {
		padding-top: 10px;
	}

	.index_c_bt span {
		font-size: 40px;
		line-height: 50px;
		margin-top: 15px;
	}

	.index_d {
		padding-bottom: 50px;
	}

	.index_d .container {
		padding-right: 0;
		padding-left: 0;
	}

	.index_d_a {
		padding-top: 50px;
	}

	.index_d_title {
		font-size: 26px;
		line-height: 32px;
	}

	.index_d_ms {
		font-size: 16px;
		line-height: 26px;
		margin-top: 12px;
	}

	.index_d_b {
		margin-top: 50px;
		padding: 0 2%;
	}

	.index_d_b_m {
		overflow: hidden;
	}

	.index_d_b_m ul li {
		margin-bottom: 20px;
		border: none;
	}

	.index_d_b_d {
		text-align: center;
		padding-top: 15px;
		border-bottom: solid 1px #ccc;
		padding-bottom: 20px;
	}

	.index_d_c {
		margin-top: 50px;
	}

	.index_d_c .index_d_c_d {
		padding: 0 15px;
	}

	.index_d_c_title span {
		font-size: 36px;
		display: block;
		margin: 0;
	}

	.index_d_c_ms {
		font-size: 16px;
	}

	.index_d_c_d {
		padding: 0;
	}

	.index_d_c_pic img {
		width: 100%;
		max-width: none;
	}

	.index_d_c_left span {
		font-size: 32px;
		line-height: 36px;
	}

	.index_d_c_right span {
		font-size: 16px;
	}

	.index_d_c_right p {
		font-size: 14px;
		line-height: 22px;
	}

	.index_d_by {
		font-size: 16px;
		margin-top: 30px;
	}

	.index_d_by span {
		line-height: 22px;
	}

	.index_e {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.index_e_c_div li {
		padding-right: 0;
	}

	.index_e_c_left span {
		font-size: 32px;
		line-height: 30px;
	}

	.index_e_c_right span {
		font-size: 16px;
	}

	.index_e_c_right p {
		font-size: 14px;
		line-height: 24px;
	}

	.index_f_c_div li {
		padding-right: 0;
	}

	.index_f_c_left span {
		font-size: 26px;
		line-height: 30px;
	}

	.index_f_c_right {
		width: 94%;
	}

	.index_f_c_right p {
		font-size: 14px;
		line-height: 30px;
	}

	.index_f_c_div {
		padding-top: 10px;
	}

	.index_f_c_div ul {
		width: 94%;
		float: left;
		margin-left: 3%;
	}

	.index_d_by {
		font-size: 16px;
		line-height: 24px;
	}

	.index_d_by p {
		line-height: 24px;
	}

	.index_g {
		padding-top: 50px;
		padding-bottom: 50px;
	}


	.index_g_c_div li {
		padding-left: 0;
	}

	.index_g_c_div li span {
		font-size: 16px;
	}

	.index_g_c_div ul {
		width: 76%;
	}

	.index_h {
		padding-bottom: 50px;
	}

	.index_h .container {
		padding-right: 0;
		padding-left: 0;
	}

	.index_h_a {
		padding-top: 50px;
		margin-top: 0;
	}

	.index_h_c_title span {
		font-size: 30px;
		line-height: 40px;
	}

	.index_h_left {
		padding: 15px 23px 15px 15px;
	}

	.index_h_left span {
		font-size: 16px;
	}

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

	.index_h_right {
		padding: 15px 15px 15px 23px;
	}

	.index_h_right span {
		font-size: 16px;
	}

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


	.index_i {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.index_i_pic {
		width: 86%;
		float: left;
	}

	.index_i_jt {
		top: 46%;
		right: -21px;
		width: 16px;
		height: 12px;
	}

	.index_i_ms {
		float: left;
		font-size: 14px;
		line-height: 24px;
		height: 80px;
	}

	.index_i_msby {
		font-size: 18px;
		line-height: 24px;
		margin-top: 30px;
	}

	.index_i_msa {
		margin-top: 30px;
	}

	.index_i_msa span {
		font-size: 26px;
		padding: 6px 26px;
	}

	.index_i_msb {
		font-size: 20px;
		line-height: 24px;
	}

	.index_i_msc {
		font-size: 28px;
		line-height: 36px;
	}

	.index_i_msd {
		margin-top: 30px;
	}

	.index_i_msd img {
		width: 80px;
	}

	.index_c_pic .index_c_msa span {
		padding: 15px 20px;
		font-size: 13px;
	}


	.index_e_c_div {
		float: left;
	}

	.index_e_c_div ul {
		width: 82%;
		float: left;
		margin-left: 9%;
	}

	.index_e_c_right {
		width: 92%;
	}

	.banner_f a {
		font-size: 14px;
		padding-top: 5px;
		padding-bottom: 5px;
		background-size: 16px;
		padding-left: 22px;
	}



}

@media screen and (max-width: 360px) {
	.head_nav ul li a {
		font-size: 14px;
		padding: 0;
	}

	.banner {
		height: 500px;
	}

	.banner_a span {
		font-size: 16px;
	}

	.banner_b span {
		font-size: 30px;
		line-height: 40px;
	}

	.banner_c {
		margin-top: 20px;
	}

	.banner_c ul {
		width: 86%;
		margin-left: 7%;
	}

	.banner_c ul li {
		background-size: 10px;
	}

	.banner_c ul li span {
		margin-left: 15px;
		font-size: 14px;
	}

	.banner_c ul li span .banner_c_dj {
		font-size: 14px;
	}

	.banner_c ul li span i {
		margin: 0 2px;
	}

	.banner_e a {
		font-size: 20px;
	}

	.index_a_ico ul li span {
		font-size: 10px;
		line-height: 2px;
	}

	.index_a_ico ul li img {
		width: 75%;
		height: 75%;
	}

	.index_a_ico ul li {
		margin: 0 10px;
	}

	.index_a_title {
		font-size: 26px;
		line-height: 30px;
	}

	.index_a_lb ul li span {
		font-size: 14px;
	}


	.index_a_t span {
		font-size: 24px;
		line-height: 24px;
	}

	.index_b_title {
		font-size: 26px;
	}

	.index_b_a {
		font-size: 14px;
		line-height: 22px;
	}

	.index_b_b img {
		width: 100%;
	}

	.index_b_c {
		padding: 0;
	}

	.index_b_ms {
		margin-top: 0;
	}

	.index_b_d h2 {
		font-size: 26px;
	}

	.index_b_d p {
		font-size: 13px;
		line-height: 22px;
	}

	.index_b_d span {
		font-size: 13px;
	}

	.index_b_d span i {
		padding: 1px 4px;
		font-size: 13px;
	}

	.index_c_ewm ul li span {
		font-size: 14px;
	}

	.index_c_by span {
		font-size: 16px;
	}

	.index_c_c .index_c_url ul li a {
		font-size: 14px;
		background-size: 0px;
		padding-left: 0px;
	}

	.index_c_bt p {
		font-size: 18px;
	}

	.index_c_bt span {
		font-size: 26px;
		line-height: 40px;
		margin-top: 0;
	}

	.index_d_title {
		font-size: 20px;
	}

	.index_d_ms {
		font-size: 14px;
		line-height: 22px;
	}

	.index_d_b_d p {
		font-size: 14px;
		line-height: 22px;
	}

	.index_d_c {
		padding-top: 30px;
		margin-top: 0;
	}

	.index_d_c_title span {
		font-size: 26px;
		line-height: 30px;
	}

	.index_d_c_ms {
		font-size: 14px;
		line-height: 22px;
	}

	.index_d_by {
		padding: 0;
	}

	.index_e .index_e_c_div ul {
		width: 100%;
		margin-left: 0;
	}


	.index_e_c_right p {
		line-height: 22px;
	}

	.index_d_c_d {
		padding: 0;
	}

	.index_f .index_f_c_div ul {
		width: 100%;
		margin-left: 0;
	}

	.index_f_c_div li {
		margin-bottom: 8px;
	}

	.index_f_c_right {
		width: 92%;
		padding: 5px 0;
	}

	.index_f_c_right p {
		line-height: 22px;
	}

	.index_d_by {
		line-height: 22px;
		padding: 0 15px;
	}

	.index_d_by p {
		line-height: 22px;
		margin-top: 5px;
	}



	.index_g_c_div ul {
		width: 85%;
		margin: 0 auto;
	}

	.index_g_c_div li {
		margin-bottom: 10px;
	}

	.index_g_c_div li span {
		font-size: 14px;
		padding-left: 22px;
	}

	.index_h_c_title span {
		font-size: 26px;
		line-height: 30px;
	}

	.index_h_left span {
		font-size: 14px;
		line-height: 22px;
	}

	.index_h_left p {
		font-size: 12px;
		line-height: 22px;
	}

	.index_h_right span {
		font-size: 14px;
		line-height: 22px;
	}

	.index_h_right p {
		font-size: 12px;
		line-height: 22px;
	}

	.index_h_vs {
		background-size: 30px;
	}



	.index_i_ms {
		font-size: 12px;
		line-height: 20px;
		margin-top: 8px;
	}

	.index_i_msby {
		font-size: 15px;
	}

	.index_i_msa span {
		font-size: 22px;
		padding: 3px 18px;
	}

	.index_i_msb {
		font-size: 18px;
	}

	.index_i_msc {
		font-size: 24px;
		line-height: 30px;
	}

	.index_i_msd img {
		width: 60px;
	}

	.index_c_pic .index_c_msa span {
		font-size: 12px;
		line-height: 20px;
	}



	.index_c_msa2 {
		padding: 37px 10px;
	}

	.index_c_msa3 {
		padding: 45px 10px;
	}

	.index_c_msa4 {
		padding: 31px 10px;
	}

	.index_c_msa5 {
		padding: 47px 10px;
	}

	.index_c_msa6 {
		padding: 30px 10px;
	}
}