/*
* @Author: DoDo
* @Date:   2020-04-26 21:44:44
* @Last Modified by:   DoDo
* @Last Modified time: 2020-05-07 23:29:34
*/
@media (max-width: 1659px) {

	/*============================= intro */
	.intro-01 {
		background-size: 100%;
	}
}

@media (max-width: 1439px) {

	/*============================= index */
	.index-pro-01 {
		height: 350px;
	}

	/*============================= intro */
	.intro-num-01 .div-num span {
		font-size: 30px;
	}

	.contact-jidi-01 .span-cn {
		font-size: 22px;
		line-height: 32px;
	}

	.contact-jidi-01 .span-en {
		font-size: 14px;
		line-height: 24px;
	}

	.contact-jidi-01 .span-address {
		font-size: 14px;
		line-height: 24px;
		margin-top: 20px;
	}

	.contact-jidi-01 .span-address {
		min-height: 48px;
	}
}

@media (min-width: 1366px) {

	/*============================= case */
	.news-main .row {
		margin-left: -30px;
		margin-right: -30px;
	}

	.news-main .row>div {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (max-width: 1365px) {

	/*============================= public */
	.header .nav-toggle .nav-list>li {
		margin-left: 45px;
	}

	/*============================= index */
	.index-product-a1 .div-word .span-num {
		font-size: 60px;
	}

	.index-about-word .div-des,
	.index-about-word .div-more {
		margin-top: 30px;
	}

	/*============================= intro */
	.intro-num-01 img {
		height: 50px;
	}

	.intro-num-01 .div-txt {
		font-size: 20px;
		line-height: 30px;
		margin-top: 10px;
	}

	.intro-num-01 .div-num {
		font-size: 16px;
	}

	.intro-num-01 .div-num span {
		font-size: 28px;
	}

	/*============================= product-details */
	.product-intro {
		width: 600px;
	}

	/*============================= history */
	.history-cont {
		margin-left: 67px;
		margin-right: 67px;
	}

	.hornor-cont .swiper-button-prev {
		left: 0;
	}

	.hornor-cont .swiper-button-next {
		right: 0;
	}
}

@media (min-width: 1200px) and (max-width: 1365px) {
	.culture-cont-01 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	/*============================= public */
	.footer .footer-top .footer-nav {
		padding-left: 40px;
		padding-right: 40px;
	}

	.footer .footer-top .footer-ewm .div-01 {
		margin-left: 30px;
	}
}

@media (min-width: 1200px) {

	/*============================= public */
	.header-search-icon2 {
		display: none;
	}

	.nav-list li .span-a1 a:hover {
		color: #164997;
	}

	.nav-list li .span-a1 a:hover::after {
		left: 0;
		right: 0;
	}

	.nav-list li .bdo-icon {
		display: none !important;
	}

	.header .nav-toggle .nav-list .nav-down {
		visibility: hidden;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	.header .nav-toggle .nav-list li:hover .span-a1 a {
		color: #164997;
	}

	.header .nav-toggle .nav-list li:hover .span-a1 a::after {
		left: 0;
		right: 0;
	}

	.header .nav-toggle .nav-list li:hover .nav-down {
		visibility: visible;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	/*============================= index */
	.index-sort-tab-a1:hover img {
		transform: rotateY(180deg);
	}

	.index-product-a1:hover img {
		transform: scale(1.1);
	}

	.index-product-a1:hover .div-word {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	.index-pro-01:hover {
		background: rgba(20, 120, 171, 0.6);
	}

	.index-pro-01:hover .div-title {
		font-weight: bold;
	}

	.index-topic .row {
		margin-left: -20px;
		margin-right: -20px;
	}

	.index-topic .row>div {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*============================= intro */
	.public-bream a:hover {
		color: #164997;
	}

	.public-bream a:hover::after {
		left: 0;
		right: 0;
	}

	.intro-num-01:hover img {
		transform: rotateY(360deg);
	}

	.intro-order-01:hover .div-num {
		color: #fff;
	}

	.intro-order-01:hover .div-txt {
		color: #fff;
	}

	.intro-order-01:hover::after {
		top: 0;
	}

	.intro-brand {
		background-attachment: fixed;
	}

	.into-photo-a1:hover .div-txt {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	/*============================= culture */
	.culture-cont {
		background-attachment: fixed;
	}

	.culture-cont-01:hover {
		background: whitesmoke;
	}

	.culture-cont-01:hover .div-icon {
		transform: rotateY(360deg);
	}

	.culture-social-a1:hover .span-txt {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}

	.culture-social-a1:hover .span-icon {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	/*============================= baozhang */
	.baozhang-jinyan-01:hover {
		background: #164997;
	}

	.baozhang-jinyan-01:hover .div-word {
		color: #fff;
	}

	.product-sort-a1:hover {
		color: #164997;
	}

	.product-sort-a1:hover .span-img {
		transform: rotateY(360deg);
		background: #164997;
	}

	.product-sort-a1:hover .span-img .mg {
		display: none;
	}

	.product-sort-a1:hover .span-img .mgh {
		display: inline-block;
	}

	/*============================= product-list */
	.product-sort-title a:hover {
		color: #164997;
	}

	.product-sort-title a:hover::after {
		left: 0;
		right: 0;
	}

	.product-list-a1:hover .span-img {
		transform: scale(1.1);
	}

	.product-list-a1:hover .div-word {
		background: #164997;
	}

	.product-list-a1:hover .div-word .div-title {
		color: #fff;
	}

	.product-list-a1:hover .div-word .div-des {
		color: #fff;
	}

	/*============================= case */
	.case-01>.container:hover .div-name {
		color: #164997;
	}

	/*============================= news-detail */
	.news-art-pages .a-prev:hover {
		background-image: url("../images/arrow-lefth.png");
	}

	.news-art-pages .a-next:hover {
		background-image: url("../images/arrow-righth.png");
	}

	/*============================= contact */
	.contact-jidi-01:hover .span-img {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	.product-arrow-prev:hover {
		background-image: url("../images/arrow-left3h.jpg");
	}

	.product-arrow-next:hover {
		background-image: url("../images/arrow-right3h.jpg");
	}

	/*============================= capacity */
	.capacity-service-a1:hover {
		background: #164997;
	}

	.capacity-service-a1:hover .span-icon .mg {
		display: none;
	}

	.capacity-service-a1:hover .span-icon .mgh {
		display: inline-block;
	}

	.capacity-service-a1:hover .span-title,
	.capacity-service-a1:hover .span-des,
	.capacity-service-a1:hover .span-more {
		color: #fff;
	}

	.capacity-service-a1:hover .span-more {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	/*============================= hornor */
	.hornor-main {
		background-attachment: fixed;
		margin: 50px 0;
	}

	.history-01:hover .div-cont {
		box-shadow: none;
	}

	.history-01:hover .div-cont::before {
		display: none;
	}

	.history-01:hover .div-cont .div-img {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	.history-prev:hover {
		background-image: url("../images/arrow-lefth.png");
	}

	.history-next:hover {
		background-image: url("../images/arrow-righth.png");
	}

	.hornor-cont .swiper-button-prev:hover {
		background-image: url("../images/arrow-lefth.png");
	}

	.hornor-cont .swiper-button-next:hover {
		background-image: url("../images/arrow-righth.png");
	}
}

@media (max-width: 1199px) {

	/*============================= public */
	body {
		padding-top: 70px;
	}

	.header .a-logo img {
		height: 50px;
	}

	.header-search-icon2 {
		float: right;
		margin-left: 20px;
		margin-top: 15px;
	}

	.header .header-bream {
		display: block;
	}

	.header .header-nav {
		float: left;
	}

	.nav-toggle {
		position: absolute;
		left: 0;
		top: 100%;
		right: 0;
		height: calc(100vh - 0px);
		visibility: hidden;
		background: #fff;
		border-top: 1px solid #164997;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 30px;
		overflow: auto;
	}

	.nav-toggle.on {
		visibility: visible;
	}

	.header .nav-toggle .nav-list {
		float: none;
	}

	.header .nav-toggle .header-search-icon {
		display: none;
	}

	.header .nav-toggle .nav-list>li {
		float: none;
		width: 100%;
		margin-left: 0;
		position: relative;
		border-bottom: 1px solid #e5e5e5;
	}

	.header .nav-toggle .nav-list>li:last-child {
		border: none;
	}

	.header .nav-toggle .nav-list>li>.span-a1 a {
		line-height: 60px;
	}

	.nav-list li .bdo-icon {
		position: absolute;
		right: 0;
		top: 0;
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 24px;
		display: block;
		text-align: center;
		cursor: pointer;
	}

	.header .nav-toggle .nav-list .nav-down {
		position: static;
		border-top: 1px solid #164997;
		padding-top: 30px;
		padding-bottom: 30px;
		display: none;
	}

	.header .nav-toggle .nav-list .nav-down .container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.header .nav-toggle .nav-list .nav-down .container .nav-nav1 {
		padding-top: 0;
		padding-bottom: 0;
	}

	/*============================= index */
	.index-product {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.index-title .b-en {
		font-size: 36px;
		line-height: 36px;
	}

	.index-title .span-cn {
		font-size: 28px;
	}

	.index-product-cont {
		padding-top: 20px;
		margin-bottom: 30px;
	}

	.index-sort-tab-a1 {
		margin-left: 50px;
	}

	.index-product-a1 .div-word {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		padding: 15px;
	}

	.index-product-a1 .div-word .span-num {
		font-size: 30px;
		line-height: 40px;
		top: -20px;
		right: 10px;
	}

	.index-product-a1 .div-word::before {
		left: 5px;
	}

	.index-pro-01 .div-des {
		width: 90%;
	}

	.index-about {
		padding-top: 70px;
	}

	.index-about-word {
		padding-left: 50px;
		padding-right: 50px;
	}

	.index-about-word .div-des {
		max-height: 72px;
		-webkit-line-clamp: 2;
	}

	.index-potic-a1 .span-txt {
		width: 80%;
		font-size: 16px;
		line-height: 26px;
		padding: 10px;
	}

	.index-case,
	.index-news {
		padding-top: 50px;
	}

	.index-topic {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.index-potic-title {
		margin-top: 30px;
	}

	.index-potic-a1 {
		margin-top: 30px;
	}

	/*============================= intro */
	.intro-01 {
		margin-top: 50px;
	}

	.intro-01 .div-word {
		margin-top: 20px;
	}

	.intro-num {
		flex-wrap: wrap;
		margin-top: 0;
		padding-top: 10px;
	}

	.intro-num-01 {
		flex: none;
		width: 33.33%;
		margin-top: 20px;
	}

	.intro-order {
		margin-top: 40px;
		padding-bottom: 50px;
	}

	.intro-brand,
	.index-type {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.index-type-img {
		margin-top: 30px;
	}

	/*============================= into */
	.into-title {
		margin-top: 50px;
	}

	.into-title a {
		font-size: 20px;
		margin: 0 15px;
	}

	.into-owl {
		margin-top: 20px;
	}

	.into-info {
		margin-top: 20px;
	}

	.into-info-01 .div-01 {
		font-size: 20px;
		line-height: 20px;
		margin-top: 10px;
		padding-bottom: 10px;
	}

	.into-business {
		padding-top: 50px;
	}

	.into-business .row .into-business-cont .into-business-a1 {
		height: 150px;
	}

	.into-photo-owl {
		margin-top: 50px;
	}

	/*============================= culture */
	.culture-intro,
	.culture-cont,
	.culture-social,
	.capacity-main,
	.history-main,
	.hornor-main {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.culture-cont-01 .div-cn {
		font-size: 20px;
		line-height: 20px;
	}

	.culture-cont-01 .div-en {
		font-size: 20px;
		line-height: 20px;
		margin-top: 5px;
	}

	.culture-cont-01 .div-icon {
		margin-top: 15px;
	}

	.culture-cont-01 .div-icon img {
		height: 120px;
	}

	.culture-cont-01 .div-des {
		margin-top: 15px;
		font-size: 15px;
	}

	/*============================= capacity */
	.capacity-sl {
		margin-top: 30px;
	}

	.capacity-service-a1,
	.capacity-service-img {
		height: 300px;
	}

	.capacity-service-a1 .span-icon img {
		height: 40px;
	}

	.capacity-service-a1 .span-title {
		font-size: 24px;
		line-height: 24px;
		margin-top: 15px;
	}

	.capacity-service-a1 .span-des {
		font-size: 14px;
	}

	.capacity-service-a1 .span-more {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	/*============================= baozhang */
	.baozhang-jinyan {
		padding-bottom: 50px;
	}

	.baozhang-jinyan-01 .div-word {
		width: 65%;
	}

	.baozhang-cont-01 .div-word .div-cont {
		padding-left: 10%;
		padding-right: 10%;
	}

	.baozhang-system {
		padding-top: 50px;
	}

	/*============================= case */
	.case-word .div-title {
		padding-left: 120px;
	}

	.case-word .div-title .div-logo {
		width: 100px;
		height: 100px;
		margin-left: -120px;
	}

	.case-word .div-des {
		margin-top: 15px;
	}

	.case-word .div-title .div-name {
		padding-top: 16px;
	}

	/*============================= news-details */
	.news-art {
		padding-top: 50px;
	}

	.news-art-title .div-title {
		font-size: 28px;
		line-height: 38px;
	}

	.news-recomment {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.news-recomment .row {
		padding-top: 10px;
	}

	/*============================= contact */
	.contact-map {
		padding-top: 50px;
	}

	.contact-map .div-cont {
		width: 40%;
		padding-top: 5px;
	}

	.contact-map .div-cont .div-title .div-en {
		margin-top: 5px;
	}

	.contact-list li .div-01 {
		margin-top: 3px;
	}

	.contact-map .div-map {
		width: 55%;
	}

	.contact-list li {
		padding-top: 20px;
		font-size: 20px;
	}

	.contact-jidi-01 .span-en {
		color: #333;
	}

	.contact-jidi-01 .span-img {
		z-index: 1;
		filter: alpha(opacity=30);
		-moz-opacity: .3;
		-khtml-opacity: .3;
		opacity: .3;
	}

	.contact-form {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	/*============================= product-details */
	.product-details-01 {
		padding-top: 50px;
		padding-bottom: 35px;
	}

	.product-tu {
		width: 410px;
	}

	.product-intro {
		width: 510px;
	}

	.product-intro-call .a-01 {
		width: 150px;
		margin-left: 30px;
	}
}

@media (min-width: 992px) {

	/*============================= capacity */
	.capacity-zlgl-01.on {
		padding-bottom: 42px;
		background: url("../images/bg-17.png") bottom center no-repeat;
	}

	.capacity-zlgl-title:first-child+.capacity-zlgl-cont {
		display: block;
	}

	.capacity-zlgl-title:first-child+.capacity-zlgl-cont .capacity-zlgl-nr:first-child {
		display: block;
	}
}

@media (max-width: 991px) {

	/*============================= public */
	.banner-owl .banner-a1 {
		height: auto;
	}

	.banner-owl .owl-dots {
		bottom: 10px;
	}

	.banner-owl .owl-item .banner-a1 img {
		display: block;
		width: 100%;
	}

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

	.footer .footer-top .footer-contact .footer-logo {
		text-align: center;
		margin-top: 0;
	}

	.footer .footer-top .footer-contact .footer-logo a {
		display: inline-block;
	}

	.footer .footer-top .footer-contact .footer-logo img {
		height: 60px;
	}

	.footer .footer-top .footer-contact,
	.footer .footer-top .footer-ewm {
		width: 50%;
	}

	.footer .footer-top .footer-ewm .div-01 {
		margin-left: 25px;
	}

	.footer .footer-top .footer-contact {
		text-align: center;
	}

	.footer .footer-top .footer-nav {
		display: none;
	}

	.celan-list {
		display: none;
	}

	/*============================= index */
	.banner-word .div-02 {
		font-size: 44px;
		line-height: 54px;
	}

	.banner-word .div-01,
	.banner-word .div-03 {
		font-size: 18px;
		line-height: 30px;
	}

	.banner-word .div-03 {
		width: 60%;
	}

	.banner-scroll {
		display: none;
	}

	.index-about-video {
		width: 100%;
	}

	.index-about-word {
		width: 100%;
	}

	.index-about-word {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.index-case-title {
		white-space: nowrap;
		overflow: auto;
		margin-top: 30px;
	}

	.index-case-title a {
		margin: 0 20px;
	}

	.index-case-01 {
		display: block;
	}

	.index-case-word,
	.index-case-img {
		width: 100%;
	}

	.index-case-main {
		margin-top: 30px;
	}

	.index-case-word .div-num {
		margin-top: 20px;
		text-align: center;
	}

	.index-case-word .div-num .div-01 {
		padding: 0 15px;
	}

	.index-case-word .div-num .span-01 {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 5px;
	}

	.index-case-word .div-logo {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.index-case-word .div-logo .div-img {
		width: 70px;
		height: 70px;
	}

	/*============================= intro */
	.public-bream .container {
		width: 100%;
		white-space: nowrap;
		overflow: auto;
	}

	.public-bream a {
		margin-right: 30px;
	}

	.public-bream a:last-child {
		margin-right: 0;
	}

	.into-title {
		white-space: nowrap;
		overflow: auto;
	}

	.into-title a {
		background-size: 15px;
		padding-bottom: 20px;
		font-size: 18px;
		line-height: 18px;
	}

	.into-info {
		margin-top: 0;
		padding-top: 10px;
	}

	.into-info::before {
		display: none;
	}

	.into-info .container {
		width: 100%;
		flex-wrap: wrap;
	}

	.into-info-01 {
		flex: none;
		min-width: 25%;
		margin-top: 20px;
	}

	.into-info-01 .div-01 {
		font-size: 18px;
		line-height: 18px;
	}

	.into-info-01 .div-02 {
		font-size: 14px;
		line-height: 14px;
	}

	.into-business {
		width: 100%;
	}

	.into-business .row .into-business-cont .into-business-a1 {
		height: 100px;
	}

	/*============================= culture */
	.culture-cont-01 {
		width: 49%;
		margin-top: 15px;
	}

	.culture-owl .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.culture-owl .row>div {
		padding-left: 5px;
		padding-right: 5px;
	}

	.culture-social-a1 {
		margin-top: 10px;
	}

	.culture-social-a1 .span-txt {
		padding: 10px;
	}

	/*============================= baozhang */
	.baozhang-jinyan .row::before,
	.baozhang-jinyan .row::after {
		display: none;
	}

	.baozhang-jinyan .row {
		margin-top: 10px;
	}

	.baozhang-jinyan .row>div {
		width: 100%;
	}

	.baozhang-jinyan-01 {
		padding: 15px 0;
		margin-top: 0;
	}

	.baozhang-jinyan-01 .div-img {
		width: 18%;
		margin-right: 0;
	}

	.baozhang-jinyan-01 .div-img img {
		width: 100%;
	}

	.baozhang-jinyan-01 .div-word {
		width: 78.6%;
	}

	/*============================= product-list */
	.product-sort-a1 {
		margin: 0 15px;
	}

	.product-main {
		padding-bottom: 50px;
	}

	/*============================= contact */
	.contact-map .div-cont {
		width: 100%;
	}

	.contact-map .div-map {
		width: 100%;
		margin-top: 30px;
	}

	.contact-intro-01 {
		margin: 0 50px;
	}

	.contact-jidi-01 {
		font-weight: normal;
		height: 250px;
	}

	.contact-intro {
		padding-top: 50px;
	}

	.contact-jidi-owl .owl-nav button.owl-next,
	.contact-jidi-owl .owl-nav button.owl-prev {
		width: 30px;
		height: 30px;
	}

	/*============================= product-details */
	.product-tu,
	.product-intro {
		float: none;
		width: 100%;
	}

	.product-intro-title {
		font-size: 28px;
		line-height: 28px;
	}

	.product-intro-des {
		min-height: inherit;
		padding-bottom: 20px;
	}

	.product-intro-rz {
		margin-top: 30px;
	}

	/*============================= capacity */
	.capacity-zlgl-cont {
		display: none !important;
	}

	.capacity-service-a1,
	.capacity-service-img {
		height: 235px;
	}

	.capacity-service-a1 {
		padding-top: 25px;
	}

	.capacity-service-a1 .span-title {
		font-size: 20px;
		line-height: 30px;
		margin-top: 10px;
	}

	.capacity-service-a1 .span-des {
		line-height: 20px;
		height: 60px;
	}

	.capacity-service-a1 .span-more {
		font-size: 14px;
		margin-top: 10px;
	}

	.hornor-scroll .swiper-slide {
		width: 400px;
	}

	.hornor-cont .swiper-button-prev,
	.hornor-cont .swiper-button-next {
		width: 35px;
		height: 35px;
	}

	/*============================= design */
	.design-cont-01 .div-word {
		min-height: 230px;
	}

	.design-cont-01 .div-word .div-title {
		font-size: 20px;
		line-height: 30px;
		padding-left: 80px;
	}

	.design-cont-01 .div-word .div-title .span-num {
		font-size: 60px;
		line-height: 60px;
	}

	.design-list {
		margin-top: 14px;
	}
}

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

	/*============================= intro */
	.intro-num-01:nth-child(4) {
		background: none;
	}
}

@media (min-width: 768px) {

	/*============================= index */
	.index-pro-01 {
		background-image: none !important;
	}

	/*============================= product-details */
	.news-recomment .product-list-a1 {
		margin-top: 0;
	}

	.news-recomment .product-list-a1 .div-word {
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 5px;
	}

	.news-recomment .product-list-a1 .div-word::before {
		top: -30px;
	}

	.news-recomment .product-list-a1 .div-word .div-title {
		font-size: 20px;
		line-height: 30px;
	}

	.news-recomment .product-list-a1 .div-word .div-des {
		font-size: 14px;
		line-height: 24px;
	}
}

@media (max-width: 767px) {

	/*============================= public */
	body {
		padding-top: 60px;
	}

	.header .a-logo img {
		height: 40px;
	}

	.header .header-bream {
		margin-top: 19px;
	}

	.header-search-icon2 {
		margin-top: 9px;
	}

	.header .nav-toggle .nav-list .nav-down {
		padding-top: 0;
	}

	.header .nav-toggle .nav-list .nav-down .container {
		display: block;
	}

	.header .nav-toggle .nav-list .nav-down .container .nav-title,
	.header .nav-toggle .nav-list .nav-down .container .nav-img {
		display: none;
	}

	.header .nav-toggle .nav-list .nav-down .container .nav-menu {
		width: 100%;
		border: none;
	}

	.header .header-search .div-search {
		width: 250px;
	}

	.header .header-search .div-search .put-01 {
		height: 40px;
		line-height: 40px;
	}

	.header .header-search .div-search .but-01 img {
		height: 30px;
	}

	.header .header-search .mg-icon {
		margin-left: 20px;
	}

	.footer .footer-top .footer-contact,
	.footer .footer-top .footer-ewm {
		width: 100%;
	}

	.footer .footer-top .footer-ewm {
		background: none;
		justify-content: center;
		margin-top: 30px;
	}

	.pages {
		padding-top: 20px;
	}

	.pages a,
	.pages strong {
		/* display: none; */
		margin: 0 1px;
		width: 30px;
	}


	.pages a:first-child,
	.pages a:last-child {
		display: inline-block;
	}

	/*============================= index */
	.banner-word .div-02 {
		font-size: 22px;
		line-height: 32px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.banner-word .div-01,
	.banner-word .div-03 {
		width: 100%;
		font-size: 14px;
		line-height: 24px;
	}

	.banner-word .div-03 {
		width: 100%;
	}

	.index-title {
		text-align: center;
	}

	.index-title .span-cn {
		padding-right: 35px;
	}

	.index-case-more {
		position: static;
		transform: translateY(0);
		margin-top: 10px;
	}

	.index-sort-tab {
		position: static;
		transform: translateY(0);
		margin-top: 15px;
		text-align: center;
	}

	.index-sort-tab-a1 {
		margin: 0 15px;
		font-size: 16px;
	}

	.index-sort-tab-a1 .span-txt {
		margin-top: 0;
	}

	.index-product {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.index-product-cont {
		padding-top: 10px;
		margin-bottom: 25px;
	}

	.index-product-cont .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.index-product-cont .row>div {
		padding-left: 5px;
		padding-right: 5px;
	}

	.index-product-a1 {
		margin-top: 10px;
	}

	.index-product-a1 .div-word {
		left: 10px;
		right: 10px;
		bottom: 10px;
		display: none;
	}

	.index-product-a1 .div-word::before {
		display: none;
	}

	.index-product-a1 .div-word .div-title {
		font-size: 16px;
	}

	.index-product-a1 .div-word .div-des {
		display: none;
	}

	.index-more {
		width: 150px;
		height: 40px;
		line-height: 38px;
		font-size: 16px;
	}

	.index-pro .div-cont {
		display: block;
	}

	.index-pro-01 {
		width: 100%;
		height: auto;
		border-top: none;
	}

	.index-pro-01 .div-01 {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
		background: url("../images/bg-mc.png") repeat;
	}

	.index-pro-01 .div-img img {
		height: 45px;
	}

	.index-pro-01 .div-title {
		margin-top: 10px;
		font-size: 22px;
	}

	.index-pro-01 .div-des {
		font-size: 14px;
		line-height: 24px;
	}

	.index-about {
		padding-top: 30px;
	}

	.index-about-video .span-mc .bdo-play {
		width: 50px;
		height: 50px;
	}

	.index-about-video .span-mc .bdo-play::before,
	.index-about-video .span-mc .bdo-play::after {
		display: none;
	}

	.index-about-word {
		padding: 20px 20px 30px;
	}

	.index-about-word .div-des {
		font-size: 16px;
		line-height: 26px;
		max-height: 52px;
		margin-top: 10px;
	}

	.index-about-word .div-more .index-more {
		float: none;
		margin: 0 auto;
	}

	.index-case,
	.index-news {
		padding-top: 30px;
	}

	.index-case-title {
		width: 100%;
		margin-top: 30px;
	}

	.index-case-title a {
		margin: 0 12px;
	}

	.index-case-img {
		margin-top: 20px;
	}

	.index-topic .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.index-topic .row>div {
		padding-left: 5px;
		padding-right: 5px;
	}

	.index-potic-a1 {
		padding-top: 30%;
		margin-top: 10px;
	}

	.index-potic-title a {
		margin: 0 10px;
		font-size: 16px;
	}

	/*============================= intro */
	.public-bream a {
		font-size: 16px;
		line-height: 40px;
		margin-right: 20px;
	}

	.public-bream a:last-child {
		margin-right: 0;
	}

	.intro-title {
		padding-left: 40px;
		background-size: 35px;
	}

	.intro-title .div-cn {
		font-size: 18px;
		line-height: 18px;
	}

	.intro-title .div-en {
		font-size: 14px;
		line-height: 14px;
		margin-top: 5px;
	}

	.intro-01 {
		margin-top: 30px;
	}

	.intro-01 .container {
		padding-left: 0;
		padding-right: 0;
	}

	.intro-num-01 {
		width: 50%;
	}

	.intro-num-01:nth-child(odd) {
		background: none;
	}

	.intro-num-01 img {
		height: 35px;
	}

	.intro-num-01 .div-txt {
		font-size: 18px;
		line-height: 28px;
	}

	.intro-num-01 .div-num {
		font-size: 14px;
		line-height: 26px;
	}

	.intro-num-01 .div-num span {
		font-size: 26px;
	}

	.intro-order {
		margin-top: 20px;
		padding-bottom: 30px;
	}

	.intro-order-01 {
		padding: 20px 10px;
	}

	.intro-order-01 .div-num {
		font-size: 30px;
		line-height: 30px;
	}

	.intro-order-01 .div-txt {
		font-size: 14px;
		line-height: 24px;
	}

	.intro-brand,
	.index-type {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.intro-title2 .div-cn {
		font-size: 28px;
		line-height: 28px;
	}

	.intro-title2 .div-en {
		margin-top: 10px;
	}

	.intro-brand .row {
		margin-left: -5px;
		margin-right: -5px;
		padding-top: 20px;
	}

	.intro-brand .row>div {
		padding-left: 5px;
		padding-right: 5px;
	}

	.intro-brand-a1 {
		margin-top: 10px;
	}

	.index-type-img {
		margin-top: 15px;
	}

	/*============================= into */
	.into-title {
		margin-top: 30px;
	}

	.into-owl .owl-dots {
		bottom: 10px;
	}

	.into-info-01 .div-01 {
		font-size: 16px;
		line-height: 16px;
	}

	.into-info-01 .div-02 {
		font-size: 12px;
		line-height: 12px;
	}

	.into-business {
		padding-top: 15px;
	}

	.into-business .row>div .div-title {
		font-size: 16px;
		line-height: 26px;
		padding: 10px;
	}

	.into-business .row .into-business-cont .into-business-a1 {
		width: 33.33%;
	}

	.into-business .row>div {
		margin-top: 15px;
	}

	.index-news-owl {
		padding-bottom: 0;
	}

	.index-news-a1 .div-des {
		font-size: 16px;
	}

	.into-photo-owl {
		margin-top: 30px;
	}

	.into-photo-owl .owl-nav button.owl-next,
	.into-photo-owl .owl-nav button.owl-prev {
		width: 30px;
		height: 30px;
	}

	/*============================= culture */
	.culture-intro {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.culture-intro .culture-intro-des {
		margin-top: 20px;
		padding: 15px;
		font-size: 14px;
		line-height: 24px;
	}

	.culture-cont,
	.culture-social,
	.capacity-main {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.culture-cont-01 {
		width: 100%;
		padding: 20px 15px;
	}

	.culture-owl .owl-dots {
		margin-top: 20px;
	}

	.culture-social-a1 .span-txt {
		font-size: 12px;
		line-height: 20px;
	}

	/*============================= capacity */
	.capacity-title {
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 15px;
	}

	.capacity-bz {
		padding-top: 20px;
	}

	.capacity-title2 .div-01 {
		font-size: 14px;
	}

	.capacity-title2 .div-01 .span-title {
		font-size: 18px;
		line-height: 36px;
		min-width: 100px;
	}

	.capacity-bz-img {
		margin-top: 20px;
	}

	.capacity-owl .owl-dots {
		margin-top: 20px;
	}

	.capacity-sl {
		margin-top: 20px;
	}

	.capacity-title-des {
		font-size: 14px;
		line-height: 24px;
	}

	.capacity-title-des .div-01 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.capacity-zlgl-01 {
		width: 33.33%;
	}

	.capacity-zlgl-01 .div-icon {
		width: 70px;
		height: 70px;
	}

	.capacity-zlgl-01 .div-icon img {
		height: 30px;
	}

	.capacity-zlgl-01 .div-icon .span-num {
		font-size: 20px;
		line-height: 20px;
	}

	.capacity-zlgl-01 .div-txt {
		font-size: 14px;
		line-height: 14px;
	}

	/*============================= baozhang */
	.baozhang-jinyan {
		padding-bottom: 30px;
	}

	.baozhang-jinyan-01 .div-word .div-title {
		font-size: 20px;
	}

	.baozhang-jinyan-01 .div-word {
		font-size: 14px;
		line-height: 24px;
	}

	.baozhang-cont-01 .div-img,
	.baozhang-cont-01 .div-word {
		width: 100%;
	}

	.baozhang-cont-01 .div-img {
		position: relative;
		height: 200px;
	}

	.baozhang-cont-01 .div-word {
		font-size: 14px;
		line-height: 24px;
		min-height: inherit;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.baozhang-cont-01 .div-word .div-cont {
		padding-left: 15px;
		padding-right: 15px;
	}

	.baozhang-cont-01 .div-word .div-des {
		margin-top: 20px;
	}

	.baozhang-system {
		padding-top: 30px;
	}

	.baozhang-system-img {
		margin-top: 20px;
	}

	/*============================= product-list */
	.product-sort-menu {
		margin-top: -28px;
	}

	.product-sort-a1 {
		font-size: 14px;
		line-height: 14px;
		margin: 0 10px;
	}

	.product-sort-a1 .span-img {
		width: 50px;
		height: 50px;
		line-height: 40px;
	}

	.product-sort-a1 .span-img img {
		height: 30px;
	}

	.product-sort-title a {
		font-size: 14px;
		line-height: 14px;
		margin: 0 10px;
		padding-bottom: 15px;
	}

	.product-main {
		padding-bottom: 30px;
	}

	.product-list .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.product-list .row>div {
		padding-left: 5px;
		padding-right: 5px;
	}

	.product-list-a1 {
		margin-top: 15px;
	}

	.product-list-a1 .div-word {
		padding: 20px 15px;
	}

	.product-list-a1 .div-word::before {
		left: 8px;
	}

	.product-list-a1 .div-word .div-title {
		font-size: 16px;
		line-height: 22px;
	}

	.product-list-a1 .div-word .div-des {
		font-size: 12px;
		line-height: 20px;
	}

	/*============================= case */
	.case-01>.container {
		display: block;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.case-word,
	.case-img {
		width: 100%;
	}

	.case-word .div-title {
		padding-left: 80px;
	}

	.case-word .div-title .div-logo {
		width: 70px;
		height: 70px;
		margin-left: -80px;
	}

	.case-word .div-title .div-name {
		font-size: 16px;
		line-height: 22px;
		padding-top: 5px;
	}

	.case-word .div-title .div-info {
		margin-top: 10px;
	}

	.case-word {
		font-size: 14px;
		line-height: 30px;
	}

	.case-img {
		margin-top: 20px;
	}

	.case-content {
		font-size: 14px;
		line-height: 24px;
		padding-bottom: 30px;
	}

	/*============================= case */
	.news-main {
		padding-top: 5px;
	}

	.news-main .index-news-a1 {
		margin-top: 20px;
	}

	/*============================= news-details */
	.news-art {
		padding-top: 30px;
	}

	.news-art-title {
		padding-bottom: 15px;
	}

	.news-art-title .div-title {
		font-size: 20px;
		line-height: 28px;
	}

	.news-art-title .div-info {
		text-align: center;
		margin-top: 0;
	}

	.news-art-title .div-info>* {
		margin: 10px 5px 0;
	}

	.news-art-des {
		font-size: 14px;
		line-height: 24px;
	}

	.news-art-pages {
		padding-top: 20px;
	}

	.news-art-pages .a-page {
		width: 40px;
		height: 40px;
	}

	.news-art-pages .a-return {
		height: 40px;
		line-height: 40px;
	}

	.news-recomment {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	/*============================= contact */
	.contact-map {
		padding-top: 30px;
	}

	.contact-map .div-cont .div-title .div-cn {
		font-size: 20px;
		line-height: 30px;
	}

	.contact-map .div-cont .div-title .div-en {
		font-size: 16px;
		line-height: 26px;
	}

	.contact-list li .div-01 {
		font-size: 18px;
	}

	.contact-map .div-map {
		margin-top: 20px;
	}

	.contact-intro,
	.contact-form {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.contact-intro-01 {
		margin: 0 25px;
	}

	.contact-intro-01 .span-icon img {
		height: 40px;
	}

	.contact-intro-01 .span-txt {
		font-size: 18px;
		line-height: 18px;
	}

	.contact-intro-title::before {
		top: 63px;
	}

	.contact-intro-des .div-01 {
		font-size: 14px;
		line-height: 28px;
		padding: 15px;
		margin-top: 20px;
	}

	.contact-jidi-01 {
		height: auto;
		min-height: 200px;
	}

	.contact-jidi-01 .span-address {
		min-height: inherit;
	}

	.contact-form .row>div {
		padding-top: 10px;
	}

	.contact-form .put-01 {
		padding: 12px 15px;
		line-height: 20px;
		font-size: 14px;
	}

	.contact-form .but-01 {
		width: 100%;
		height: 50px;
	}

	/*============================= product-details */
	.product-details-01,
	.history-main,
	.hornor {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.product-tu-s {
		height: 50px;
	}

	.product-tu-01 {
		height: 378px;
	}

	.product-arrow-prev,
	.product-arrow-next {
		height: 50px;
	}

	.product-intro-des {
		margin-top: 10px;
	}

	.product-intro-des {
		font-size: 14px;
		line-height: 28px;
	}

	.product-intro-item li {
		font-size: 14px;
	}

	.product-intro-call {
		margin-top: 14px;
	}

	.product-intro-call>* {
		display: block;
	}

	.product-intro-call .a-01 {
		margin: 10px auto 0;
	}

	.product-intro-rz-01 {
		width: 50%;
		border-top: 1px solid #f9f9f9;
	}

	.product-details-title {
		font-size: 20px;
	}

	.product-details-art {
		padding: 20px 10px;
		font-size: 16px;
		line-height: 30px;
	}

	.case-recomment .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.case-recomment .row>div {
		margin-top: 0;
		padding-left: 5px;
		padding-right: 5px;
	}

	/*============================= history */
	.history-cont {
		margin: 20px 0 0;
	}

	.history-prev {
		left: -5px;
		z-index: 10;
	}

	.history-next {
		right: -5px;
		z-index: 10;
	}

	.hornor-cont {
		margin-top: 20px;
	}

	.hornor-scroll .swiper-slide {
		width: 100%;
		max-width: 100%;
	}

	.hornor-cont .swiper-pagination {
		margin-top: 20px;
	}

	.hornor-cont .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 2px;
	}

	/*============================= design */
	.design-des {
		font-size: 14px;
		line-height: 24px;
		padding: 15px 10px;
		margin-top: 15px;
	}

	.design-cont-01 .div-img,
	.design-cont-01 .div-word {
		width: 100%;
	}

	.design-cont-01 .div-img {
		position: relative;
		height: 200px;
	}

	.design-cont-01 .div-word {
		min-height: inherit;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.design-cont-01 .div-word .div-cont {
		padding-left: 0;
		padding-right: 0;
	}

	.design-cont-01 .div-word .div-title {
		font-size: 18px;
		line-height: 28px;
	}
}

@media (max-width: 320px) {

	/*============================= index */
	.banner-word .div-02 {
		font-size: 18px;
		line-height: 28px;
	}

	.index-sort-tab-a1 {
		font-size: 14px;
		line-height: 24px;
		padding-bottom: 0;
	}

	.index-product-a1 .div-word {
		padding: 15px 10px 10px;
	}

	.index-product-a1 .div-word .div-title {
		font-size: 12px;
	}

	.index-sort-tab-a1 .span-txt {
		margin-top: 5px;
	}

	/*============================= into */
	.into-business .row .into-business-cont .into-business-a1 {
		width: 50%;
	}

	/*============================= case */
	.case-word .div-title .div-name {
		font-size: 14px;
		line-height: 20px;
		padding-top: 5px;
	}

	.case-word .div-title .div-info {
		font-size: 12px;
		margin-top: 5px;
	}
}

/*# sourceMappingURL=media.css.map */