@charset "UTF-8";

@media screen and (max-width: 1600px) {
	.banlinks {
		top: 20%;
	}

	.inn-links h3 {
		font-size: 80px;
	}

	.inn-links h4 {
		font-size: 58px;
	}
}



@media screen and (max-width: 480px) {

	.wrap-layer {
		width: auto;
		padding: 0 10px;
	}

	body,
	html {
		overflow-x: hidden;
		min-width: 0;
	}

	.H25 {
		height: 10px;
	}

	.swiper-pagination {
		bottom: 5px !important;
	}

	.swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		border-radius: 6px;
	}



	/*首页*/
	.banner .swiper-pagination {
		height: 40px;
		line-height: 40px;
	}

	.mod-adbtns {
		top: 0;
		margin-top: 0;
		width: auto;
		left: 0;
		right: 0;
		margin-left: 0;
	}

	.mod-adbtns a {
		position: relative;
		top: 140%;
	}

	.mod-adbtns a:after {
		font-size: 35px;
	}

	.banlinks {
		width: 100%;
		top: 15%;
	}

	.inn-links {
		width: 80%;
		height: auto !important;
	}

	.inn-links h3 {
		font-size: 20px;
		padding: 10px 0 10px 0;
	}

	.inn-links h4 {
		font-size: 16px;
	}

	.inn-links a.more {
		width: 100px;
		height: 40px;
		line-height: 35px !important;
		background-size: 100% auto;
	}

	.banner .swiper-pagination span {
		width: 20px !important;
	}

	.mod-layer-1,
	.mod-layer-3,
	.mod-layer-2,
	.mod-layer-4,
	.mod-services,
	.mod-news-3,
	.mod-news-3 .item-pic,
	.mod-news-3 .item-cnt,
	.search-store {
		width: auto;
		float: none;
	}

	.com-more {
		margin-bottom: 30px;
		margin-top: 0;
	}

	.H45 {
		height: 20px;
	}

	.mod-news-2 li {
		padding-left: 18px;
	}

	.mod-news-1 .item-tit {
		padding: 0 10px;
	}

	.mod-news-1 .item-tit a {
		font-size: 16px;
	}

	.mod-news-2 li * {
		font-size: 16px;
	}

	.mod-news-2 li:after {
		width: 4px;
		height: 4px;
	}

	.mod-services .item-cnt {
		left: 15px;
		top: 5px;
		right: 15px;
		height: auto;
		bottom: 25px;
		width: auto;
	}

	.mod-news-3 .item-pic img {
		height: auto;
		width: 100%;
	}

	.mod-news-3 .item-cell .item-pic {
		height: auto;
	}

	.mod-services .item-cnt2 {
		padding: 15px;
		height: auto;
	}

	.mod-services .item-tit h3,
	.mod-services .item-tit a {
		font-size: 20px;
	}

	.com-tit span:after,
	.com-tit span:before {
		width: 35%;
	}

	.mod-services2 .item-cell,
	.mod-layer-4 .item-cell1 {
		width: 33.3%;
		height: 160px;
	}

	.mod-services2 .item-cell>a,
	.mod-layer-4 .item-cell1>a {
		width: auto;
		float: none;
		height: 160px;
	}

	.mod-services2 .item-pic {
		padding-top: 10px;
	}

	.mod-layer-4 .item-cell1 .item-pic {
		padding-top: 10px;
	}

	.mod-news-3 .item-cnt {
		background: none;
		width: auto;
		height: auto;
		border: 1px solid #eee;
	}

	.mod-news-3 .item-more {
		margin-top: 15px;
	}

	.party-r {
		float: none;
		width: auto;
		padding-top: 15px;
	}

	.mod-news-2 {
		height: auto;
	}

	.mod-history {
		width: auto;
	}

	.history-tits {
		font-size: 16px;
	}

	.mod-history .item-cell {
		margin-left: 0;
		padding-right: 40px;
		border-left: none;
	}

	.inner-historys .swiper-container-6 {
		padding-left: 40px;
		padding-bottom: 20px;
	}

	.mod-history .item-2 {
		margin-top: 0;
		padding-top: 0;
		height: 290px;
	}

	.mod-history .item-2:after {
		top: 290px;
	}

	.mod-history {
		height: auto;
	}

	.mod-history .item-cell:after {
		display: none;
	}

	.history-line {
		height: 0;
	}

	.sortselect1 .select-main {
		float: none;
		width: 50%;
		margin-right: 2%;
	}

	.history-line .wrap-layer a {
		left: -20px;
		margin-top: -140px;
	}

	.history-line .wrap-layer a:after {
		font-size: 45px !important;
	}

	.history-line .wrap-layer a.his-btnr {
		right: -20px;
	}

	.long-selects {
		width: 100%;
	}

	.sortselect1 #city_id1 {
		width: 100%;
		margin-right: 1%;
		padding-top: 0;
		float: none;
		margin-top: 20px;
	}

	a.searbtns {
		background: #175fb2;
		color: #fff;
		display: block;
		height: 38px;
		line-height: 38px;
		max-width: 90px;
		text-align: center;
		margin-left: 15px;
		margin: 0 auto;
	}

	.store-imgs,
	.storecnts {
		width: auto;
		float: none;
	}

	.storecnts {
		height: 330px;
	}

	.store-imgs {
		margin-bottom: 20px;
	}

	.md-store {
		padding: 10px;
		height: auto;
		min-height: 0;
	}

	.mod-bands {
		margin-top: 0;
		width: auto;
	}

	.bands-btns {
		top: 0;
	}

	.swiper-container-9 {
		width: auto;
	}

	a.b-btnl,
	a.b-btnr {
		position: relative;
		top: 120px;
	}

	a.b-btnl:after,
	a.b-btnr:after {
		font-size: 35px;
	}

	.swiper-container-9 .swiper-pagination span {
		width: 4px;
		height: 4px;
		border-radius: 4px;
	}

	.swiper-container-9 .swiper-pagination span.swiper-active-switch {
		width: 6px;
		height: 6px;
		border-radius: 6px;
	}

	.inner-footer1 .wrap-layer {
		padding-right: 0;
	}

	.inner-footer1 .shares {
		position: static;
		margin-top: 20px;
	}

	.inner-footer2 .copys {
		font-size: 14px;
		line-height: 22px;
		margin-top: 6px;
	}

	.bom-nav a,
	.bomlinks-1 a,
	.bomlinks-1 li.linkstit {
		margin-right: 10px;
		font-size: 14px;
	}

	.inner-footer1 .shares span {
		margin-left: 0;
		margin-right: 10px;
	}

	.mod-services2 .item-cell>a:hover {
		background-size: 100% 100%;
	}

	.mod-services2 {
		margin-top: 25px;
	}

	.mod-services2 .item-cell .item-pic img {
		width: 45px;
		height: auto;
	}

	/*----------------------------------------------------------------------------*/
	.com_profile .profile_left {
		width: 100%;
		margin-right: 0%;
		float: none;
	}

	.com_profile .profile_right {
		width: 100%;
		float: none;
		background: none;
		height: 340px;
	}

	.com_profile .profile_right img {
		margin-top: 20px;
		width: 100%;
		height: auto;
	}

	.H65 {
		height: 0px;
	}

	.culture {
		padding-top: 30px;
	}

	.culture ul {
		width: 98%;
		background-color: #fff;
		padding: 20px 1%;
		border-radius: 10px;
		float: left;
	}

	.cul_bor {
		background: url(../png/br_bor.png) no-repeat left center;
		background-size: 100% 240px;
		width: 100%;
		height: 240px;
	}

	.culture ul li {
		float: left;
		margin-right: 2.59%;
		margin-top: 10px;
		width: 48.7046%;
	}

	.culture ul li:nth-child(2n) {
		margin-right: 0;
	}

	.culture ul li .cul_desc {
		font-size: 16px;
	}

	.culture ul li .cul_bor .cul-tit img {
		margin-top: 10px;
	}

	.culture ul li span {
		margin-top: 5px;
		font-size: 20px;
	}

	.culture ul li .cul_desc {
		margin-top: 20px;
	}

	.honor .honor_bg ul li {
		width: 50%;
		height: 127px;
	}

	.honor .honor_bg ul li img {
		width: 100%;
	}

	.honor .honor_bg ul li span {
		padding-top: 50px;
		width: auto;
		font-size: 16px;
	}

	.honor .honor_bg {
		background: url(../png/ry_bg.png) no-repeat left top;
		background-size: 100% 1000px;
	}

	.brief_intro .desc {
		width: 100%;
		height: auto;
		margin-top: 20px;
		margin-bottom: 25px;
		font-size: 16px;
	}

	.brief_intro {
		padding-top: 5px;
	}

	.brief_intro .item_cell {
		float: left;
		width: auto;
		margin-right: 0;
		padding: 0;
		margin-top: 10px;
	}

	.brief_intro .item_cell .item_cnt {
		width: 130px;
	}

	.border {
		height: 130px;
	}

	.brief_intro .item_cell .item_cnt .tit {
		width: 120px;
		height: 120px;
		line-height: 120px;
	}

	.brief_intro .item_cell .item_cnt .tit span {
		font-size: 35px;
	}

	.brief_intro .item_cell .item_tit {
		margin-top: 10px;
		line-height: 25px;
		font-size: 14px;
		text-align: left;
		overflow: hidden;
		min-height: 100px;
	}

	.sec_nav ul li {
		padding: 0 5px;
		font-size: 14px;
	}

	.profile .wrap-layer .dbx ul li {
		background-size: 130px auto;
		width: 130px;
		height: 113px;
	}

	.contact_us .contact_left {
		float: none;
		width: 100%;
	}

	.contact_us .contact_left img {
		width: 100% !important;
	}

	.contact_us .contact_right {
		width: 100%;
		float: none;
	}

	.contact_us .contact_right .con_tit {
		font-size: 18px;
		line-height: 30px;
		padding-bottom: 10px;
	}

	.contact_us .contact_right .con_tit .en {
		font-size: 16px;
	}

	.contact_us .contact_infor {
		margin-top: 20px;
	}

	.contact_us .contact_infor p {
		font-size: 16px;
	}

	.cor_culture .culture .item-cul {
		padding: 0;
		margin-top: 30px;
	}

	.cor_culture .culture .item-cul .item-left {
		width: 100%;
	}

	.cor_culture .culture .item-cul .item-left .item-l-desc {
		margin-top: 10px;
		color: #175fb2;
		font-size: 20px;
		line-height: 30px;
		text-align: center;
	}

	.cor_culture .culture .item-cul .item-left .item-l-tit {
		width: 150px;
		height: 45px;
		background: url(../png/more_btn6.png) no-repeat;
		background-size: 150px auto;
		font-size: 20px;
		line-height: 45px;
	}

	.cor_culture .culture .item-cul .item-right {
		width: 100%;
		margin-left: 0;
	}

	.cor_culture .culture .item-cul .item-right .item-r-desc {
		font-size: 16px;
		line-height: 30px;
	}

	.cor_culture .culture {
		padding-top: 90px;
	}

	.deve_table ul li .year {
		font-size: 20px;
		width: 100px;
	}

	.deve_table ul li .desc {
		width: 70%;
		margin-top: 0px;
		display: inline-block;
		float: left;
		padding-left: 5px;
		line-height: 24px;
		overflow: hidden;
		padding-top: 15px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.bigbox>.imgbox {
		width: 48%;
		height: auto;
		float: left;
		border-radius: 5px;
		overflow: hidden;
		margin: 0 1%;
	}

	.bigbox {
		padding: 0;
		margin-top: 120px;
	}

	.group_honor {
		background-position-y: bottom;
	}

	.indus_chain .wrap-layer {
		width: auto;
		background-color: #f9f9f9;
		padding: 0 10px;
		margin-top: 0px;
	}

	.indus_chain .indus .left p {
		height: auto;
		line-height: 30px;
	}

	.indus_chain .indus {
		margin-top: 10px;
	}

	.indus_chain .indus .right {
		float: none;
		text-align: center;
		margin-top: 15px;
	}

	.indus_chain .indus div {
		display: block;
	}

	.servise .list ul {
		width: 100%;
	}

	.brand-links .item-cell img {
		max-width: 100%;
	}

	.brand-links {
		height: 400px;
		width: 100%;
	}

	.exhibi a {
		left: 0;
		top: 54%;
	}

	.exhibi a.his-btnr {
		right: 0;
	}

	.servise .list ul li img {
		max-width: 100%;
	}

	.servise .list ul li {
		width: 33%;
		height: auto;
		background-color: #fff;
	}

	.party_masses .jcdt_right .item-cell .item-tit {
		height: auto;
	}

	.table table {
		width: 100%;
	}

	.table table tr td:nth-child(2),
	.table table tr th:nth-child(2) {
		width: 30%;
	}

	.table table tr td {
		font-size: 14px;
	}

	.table table tr th {
		font-size: 14px;
	}

	.table table tr td:nth-child(3),
	.table table tr th:nth-child(3) {
		width: 30%;
	}

	.table table tr td:nth-child(1),
	.table table tr th:nth-child(1) {
		width: 40%;
	}

	.indus_info .gs {
		padding-left: 0px;
		margin-top: 10px;
	}

	.indus_info .gs .gs_tit {
		font-size: 18px;
		color: #de0010;
		font-weight: 600;
		height: auto;
		line-height: 30px;
	}

	.indus_info .gs .icon {
		height: auto;
		font-size: 16px;
		line-height: 25px;
	}

	.details {
		margin-top: 100px;
	}

	.details_logo {
		top: 110px;
		bottom: 0;
	}

	.details_logo img {
		width: 100px;
		height: auto;
	}

	.details p {
		padding: 0 5px;
		line-height: 30px;
		font-size: 14px;
	}

	.news_info .news_tit {
		font-size: 20px;
		text-align: center;
		margin-top: 10px;
		line-height: 35px;
	}

	.news_info .news_desc {
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
		height: 35px;
		line-height: 35px;
		text-align: center;
		margin: 10px 0;
	}

	.news_info .news_desc .ly {
		margin-left: 10px;
	}

	.news_info .news_infos p {
		font-size: 14px;
		padding: 5px 0;
	}

	.news_info .news_infos p img {
		width: 100%;
		height: auto;
	}

	.party_masses .jcdt_left {
		width: 100%;
		height: auto;
		float: none;
	}

	.party_masses .jcdt_left .swiper-container-15 {
		width: 100%;
		height: 260px;
	}

	.party_masses .jcdt_right {
		width: 100%;
		float: none;
		margin-top: 0px;
	}

	.party_masses .jcdt_right .item-cell {
		margin-top: 10px;
	}

	.party_masses .three_part {
		margin-left: 0px;
		margin-top: 10px;
	}

	.party_masses .three_part .item-cell {
		margin-left: 0;
		width: 100%;
	}

	.party_masses .com-tit2 {
		margin: 15px 0 10px;
	}

	.party_masses .three_part .supervi ul li {
		width: 90%;
		padding-left: 10%;
	}

	.special_topic .spec_left {
		float: left;
		width: 100%;
		height: auto;
	}

	.special_topic .spec_left img {
		width: 100%;
		height: auto;
	}

	.special_topic .spec_right {
		background-color: #fff;
		width: 100%;
		height: 302px;
		float: left;
		margin-left: 0px;
		margin-top: 29px;
		box-shadow: 0px 0px 5px #ccc;
	}

	.special_topic .spec_right .item-cell .item-tit {
		font-size: 18px;
	}

	.special_topic .spec_right .item-cell {
		padding: 20px 10px 0;
	}

	.special_topic .spec_right .item-cell .item-desc {
		font-size: 14px;
	}

	.swiper-container-6 {
		height: 500px;
	}

	.profile .wrap-layer .dbx img {
		width: 100% !important;
		height: auto !important;
	}

	.example-image-link {
		width: 44%;
		height: 120px;
	}

	.group_news {
		width: 100%;
	}

	.profile .wrap-layer .dbx {
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: auto;
	}

	.profile .wrap-layer .desc p {
		font-size: 14px;
	}

	.group_news .item-cell .item-pic {
		width: 100%;
		height: auto;
		float: left;
	}

	.group_news .item-cell .item-pic img {
		width: 100%;
		height: auto;
	}

	.group_news .item-cell .item-cnt {
		float: left;
		margin-left: 0px;
		width: 100%;
	}

	.group_news .item-cell .item-date {
		display: none;
	}

	.group_news .item-cell .item-cnt .item-tit {
		font-size: 18px;
	}

	.swiper-container-17 {
		margin: 15px 0 10px;
	}

	.group_news .item-cell {
		padding: 15px 0;
	}

	.swiper-container-17 {
		height: 500px;
	}

	.swiper-container-17 .item-pic {
		width: 100%;
		height: auto;
	}

	.swiper-container-17 .item-pic img {
		width: 100%;
		height: auto;
	}

	.swiper-container-17 .item-cnt {
		width: 95%;
		margin-left: 0;
		padding: 5px;
		height: 250px;
		background: url(../png/news_bg.png) no-repeat left center #175fb2;
	}

	.swiper-container-17 .mod-adbtns1 {
		top: 220px;
		left: 40%;
	}

	.swiper-container-17 .item-cnt .item-tit {
		font-size: 18px;
	}

	/*--------------------------------------------------------------------------------*/
	.search-store3 .select-main {
		width: 50%;
	}

	.search-store3 .sortselect1 #city_id1,
	.search-store3 .sortselect1 #city_id2 {
		width: 45%;
	}

	.search-store3 .sortselect1 #city_id1 .select-main {
		width: 100% !important;
	}

	.search-store3 {
		margin: 0 auto;
		width: 1000px;
	}

	.brief {
		height: 250px;
	}

	.party_masses .three_part .item-cell .item-per .item-cnt .item-more {
		margin-top: 5px;
	}

	.party_masses .three_part .item-cell .item-per .item-cnt .item-desc {
		margin-top: 5px;
	}

	.model_worker .item-cell {
		width: 100%;
		margin-right: 0;
	}

	.model_worker .item-cell .item-desc {
		width: 90%;
	}

	.about_us .culture .wrap-layer {
		width: 100%;
		padding: 0;
	}

	.exhibition .wrap-layer {
		width: auto;
	}

	.example-image-link {
		margin: 10px 1%;
	}

	.example-image {
		max-width: 100%;
		height: 100px;
		padding-top: 10px;
	}

	.examples-section .wrap-layer {
		padding: 0 40px;
	}

	.mod-news-1 .item-cell .item-pic img {
		width: 100%;
		max-height: 155px;
		object-fit: cover;
	}

	.mod-services2 .item-cell>a:hover,
	.mod-services2 .item-cr>a {
		background-size: 100%;
	}

	.indus_chain .sec_nav {
		width: 100%;
		float: none;
		position: unset;
		left: 0;
		height: 52px;
		overflow-y: hidden;
		overflow-x: auto;
		margin: 20px 0;
	}

	.indus_chain .sec_nav ul {
		height: 50px;
		overflow-y: hidden;
		overflow-x: auto;
		border: 1px solid #eaeaea;
		float: none;
		margin-top: 0;
		border-right: none;
		position: unset;
		left: 0;
		white-space: nowrap;
	}

	.indus_chain .sec_nav ul li {
		float: none;
		display: inline-block;
		margin: 0;
	}

	.inner-footer1 .wrap-layer {
		width: 100%;
	}

	.bom-nav ul li {
		width: auto;
	}

	.supervision_nav {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.mod-services .item-cell .item-pic img {
		width: 100%;
	}

	.com_profile .profile_left .more {
		margin: 16px auto 0;
	}

	.about_us .culture {
		background-size: 1520px 398px;
	}

	.exhibi a:after {
		font-size: 40px;
	}

	.party_masses .jcdt_left .swiper-container-15 .swiper-slide img {
		width: 100%;
		height: auto;
	}

	.swiper-container-17 .mod-adbtns1 {
		width: 74px;
		height: 30px;
	}

	.swiper-container-17 .mod-adbtns1 {
		left: 40%;
	}

	.swiper-container-17 .mod-adbtns1 .btnl2,
	.swiper-container-17 .mod-adbtns1 .btnr2 {
		width: 35px;
		height: 30px;
		font-size: 20px;
	}

	.swiper-container-17 .mod-adbtns1 .btnl2:after,
	.swiper-container-17 .mod-adbtns1 .btnr2:after {
		font-size: 25px;
		line-height: 30px;
		width: 35px;
	}
	#allmap{
		width: 100%!important;
		height: 250px!important;
	}
}


@media screen and (max-width: 375px) {
	.examples-section .wrap-layer {
		padding: 0 20px;
	}

	.cul_bor {
		background: url(../png/br_bor.png) no-repeat left center;
		background-size: 100% 250px;
		width: 100%;
		height: 250px;
	}

	/*首页*/
	.mod-services .item-tit h3,
	.mod-services .item-tit a {
		font-size: 18px;
	}

	.mod-services .item-desc * {
		font-size: 14px;
	}

	.mod-services .item-cnt2 {}

	.mod-services .item-desc {
		margin-top: 8px;
	}

	.mod-services .item-cnt {
		bottom: 15px;
	}

}

@media screen and (max-width: 360px) {

	.mod-services .item-cnt2 {
		padding: 10px;
	}

	.mod-services .item-desc * {
		font-size: 12px;
	}

}