/*WAP端 common 样式*/
@media only screen and (min-width:1024px) {

	.pro-cont ul li:nth-child(3),
	.pro-cont ul li:nth-child(4),
	.pro-cont ul li:nth-child(7),
	.pro-cont ul li:nth-child(8) {
		flex-direction: row-reverse;
	}
}

@media only screen and (max-width:1355px) {
	.right-menu .right-contact {
		height: 294px;
	}

	.right-contact .card-content .qq-line {
		display: none;
	}

	.news-day {
		margin-top: 3px;
		font-size: 20px;
		line-height: 0.8;
	}

	header .m-btn {
		display: block;
	}

	/*.sub-nav{width: 178px;}*/
	.navbar-head {
		width: 100%;
	}

	.nav-link {
		position: absolute;
		top: 134px;
		left: 0;
		width: 100%;
		background-color: #FFF;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		display: none;
	}

	.nav-link ul.nav {
		height: auto;
	}

	.nav-link ul.nav li {
		display: block;
		background: none;
	}

	.nav-link ul.nav li a.tit-a {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 15px;
	}

	header ul.nav li.menu-item-has-children {
		position: relative;
	}

	header ul.nav li.menu-item-has-children:after {
		float: right;
		width: 20px;
		text-align: center;
		display: inline;
		font-size: 16px;
		font-family: FontAwesome;
		height: auto;
		content: "\f105";
		font-weight: 300;
		text-shadow: none;
		position: absolute;
		top: 4px;
		right: 14px;
		color: #000000;
	}

	header ul.nav li.menu-item-has-children.open:after {
		content: '\f107';
	}

	/*header ul.nav li.current-menu-item,header ul.nav li.current-menu-parent{color: #000000;}*/
	.open-menu {
		height: 100vh;
		overflow: hidden;
	}

	#menu-primary {
		height: 500px;
		overflow-y: scroll;
	}

	.sub-nav {
		position: static;
		padding: 0 35px;
		width: auto;
	}

	.sub-nav dl {
		float: none;
		min-width: auto;
	}

	.sub-nav li {
		display: block;
		margin: 0;
	}

	.sub-nav li a {
		padding: 5px 0;
	}

	.extra-link .search-ico {
		display: none;
	}

	#search-box {
		box-shadow: none;
		border-bottom: none;
	}

	#search-box input {
		width: 100%;
	}

	/*header .logo img{height: 35px;width: auto;margin-top: 16px;}*/
	.pro-desc {
		padding-top: 10%;
	}

	/*banner*/
	.banner {
		padding: 0;
	}

	footer .f-top ul {
		padding: 0;
	}
}

@media only screen and (max-width:480px) {
	.pro-cont ul li:nth-child(even) {
		flex-direction: row-reverse;
	}

	h2 {
		font-size: 20px;
	}

	h3 {
		font-size: 16px;
	}

	header .header-main {
		padding-left: 12px;
		padding-right: 12px;
	}

	.tit-sml h3,
	.equ-box h3 {
		font-size: 18px;
		font-weight: 700;
	}

	/*footer beigin*/
	/*footer .f-top ul{display: inherit;}
    footer dl,footer dl dd.tel{font-size: 12px;font-weight: 300;}
    footer dl dd b{display: block;}
    footer dl dt.list-tit:nth-child(1),footer dl dd.tel i,footer dl dd hr,footer dl dd.e-mail,footer dl dd.adr i{display: none;}
    footer dl dt.list-tit:nth-child(4) .en{display: none;}
    footer dl dd .f-icon{width: inherit;}
    footer .f-top li{float: none;}
    footer .f-bot{height: inherit;}*/

	footer .f-top {
		height: inherit;
		padding-top: 20px;
	}

	footer .f-top .f-cont {
		padding: 0 12px;
	}

	footer .f-top ul {
		display: inherit;
	}

	footer .f-top ul li {
		width: 100%;
	}

	footer .f-top ul li:last-child {
		margin-bottom: 25px;
	}

	footer dl {
		max-width: 100%;
	}

	footer dl dt.list-tit {
		margin-top: 10px;
		margin-bottom: 15px;
	}

	footer dl dd .f-icon {
		margin-right: 15px;
	}

	footer dl {
		font-size: 14px;
		font-weight: 300;
	}

	footer dl dd.tel {
		font-size: 17px;
		width: 100%;
	}

	footer li:last-child dl dd {
		margin-left: 38px;
	}

	footer li:last-child dl dd img {
		max-width: 150px;
		max-height: 150px;
	}

	/* .container {
		margin-bottom: 30px;
		padding: 0 12px;
	} */

	/*二级页面 common*/
	.tit-banner {
		padding-top: 45px;
		padding-bottom: 50px;
	}

	.breadCrumb {
		margin: 25px 0;
	}

	.tag-main .article h3 {
		padding-bottom: 25px;
		margin-bottom: 18px;
		font-size: 16px;
	}

	.entry-content h3 {
		padding-bottom: 25px;
		margin-bottom: 18px;
		font-size: 16px;
	}

	.tag-main .article {
		padding-bottom: 18px;
	}
}

@media only screen and (max-width:1024px) {
	.pro-cont ul li:nth-child(even) {
		flex-direction: row-reverse;
	}

	.cases-box {
		padding: 0;
	}

	.cases-box>ul {
		display: inherit;
	}

	.cases-box ul li {
		margin: 0 auto;
		width: inherit;
	}

	.cases-box ul li dl {
		width: 100%;
	}

	.news-box {
		padding-right: 0;
	}

	.news-day {
		font-size: 32px;
	}

	.equ-box ul li {
		padding-left: 20px;
	}

	.equ-box ul li a {
		position: absolute;
		display: block;
		bottom: 0;
		right: 0;
		width: -webkit-calc(100% - 20px);
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		text-align: center;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.3);
	}

	.pro-box {
		padding: 0;
	}

	.pro-box li dl {
		margin-top: 20%;
	}

	.pro-box li dt a {
		font-weight: 700;
	}

	.pro-box li p,
	.product-container .pro-subtitle {
		margin: 10%;
		font-size: 14px;
		font-family: "microsoft yahei";
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.product-container .pro-subtitle {
		transition: transform 0.5s ease-in-out;
	}

	.serv-box {
		padding: 0;
	}

	.serv-cont ul li {
		padding: 0;
	}

	/**二级页面**/
	.tag-block {
		display: none;
	}

	.tag-block.tag-block-type {
		display: block;
	}

	.case-cont>.tag-block-type>section>div>ul>li.menu-item {
		display: none;
	}

	.case-cont>.tag-block-type>section>div>ul>li.current-menu-parent,
	.case-cont>.tag-block-type>section>div>ul>li.current-menu-ancestor {
		display: block;
	}

	.breadCrumb {
		margin: 30px 0 55px;
	}

	.tag-block-type>ul>li {
		max-width: 100%;
		padding: 0;
		margin: 10px auto;
	}

	.tag-block-type>ul>li.current-menu-item-ancestor>a,
	.tag-block-type>ul>li.current-menu-item>a {
		background-color: #000000;
		color: #FFFFFF;
	}

	.tag-block-type ul.children>li.current-menu-item-ancestor>a {
		background: transparent;
		color: #000;
	}

	.tag-block-type ul.children>li.current-menu-item>a {
		background: transparent;
		font-weight: 600;
		color: #5b57a6;
	}

	.tag-block-type>ul>li>a {
		display: block;
		font-size: 15px;
		height: 30px;
		line-height: 30px;
		background-color: #5E5E5E;
		color: #FFFFFF;
		padding: 0 10px;
	}

	.tag-block-type ul.children li a,
	.tag-block ul.children li a {
		margin: 0;
	}

	.tag-block-type ul.children {
		position: relative;
		padding: 5px 0;
		margin-top: 5px;
		width: 90%;
		left: 10%;
	}

	.tag-block-type ul.children .plusBtn {
		display: none;
	}

	.tag-block ul li.current-menu-item-ancestor>ul.children,
	.current-menu-item-parent ul.children {
		display: block;
	}

	.tag-block>ul>li:before {
		border-left: none !important;
	}

	/*about-关于金鹏*/
	.tag-main {
		width: 100%;
	}

	/*about-发展历史*/
	.timeline .timeline-block {
		margin-top: 50px;
	}

	.timeline .timeline-block:first-child {
		margin-top: 10px;
	}

	.timeline:before {
		top: 124px;
		left: 12px;
		z-index: 5;
	}

	.timeline:after {
		top: 79px;
		left: 12px;
	}

	.timeline-circle {
		margin-left: 0;
		left: 0;
	}

	.timeline .timeline-cont {
		position: static;
		width: 100%;
		padding-left: 60px;
		left: 13px;
	}

	.timeline .timeline-block:first-child .timeline-cont,
	.timeline .timeline-block:last-child .timeline-cont {
		padding-left: 0;
	}

	/*case-门窗案例*/
	.case-cont>.tag-block-type {
		width: 100%;
	}

	.case-cont>.tag-block-type>section>div>ul>li.current-menu-item,
	.case-cont>.tag-block-type>section>div>ul>li.current-menu-ancestor {
		position: relative;
		max-width: 100%;
		padding-left: 0;
	}

	.case-cont>.tag-block-type>section>div>ul>li.current-menu-item>a,
	.case-cont>.tag-block-type>section>div>ul>li.current-menu-ancestor>a {
		background-color: #5E5E5E;
		color: #FFFFFF;
		padding: 0 10px;
	}

	.tag-block-type>section>div>ul>li.current-menu-item span,
	.tag-block-type>section>div>ul>li.current-menu-ancestor span {
		color: #FFFFFF;
	}

	.tag-block-type ul.kind-box {
		margin-top: 10px;
	}

	.tag-block-type ul.kind-box>li {
		position: relative;
	}

	.tag-block-type ul.kind-box>li>a {
		margin-left: 0;
		margin-right: 0;
		font-size: 15px;
		font-weight: 700;
	}

	.tag-block-type ul.kind-box>li>i:after {
		position: absolute;
		right: 10px;
		top: 0;
		font-family: FontAwesome;
		height: auto;
		content: "\f107";
		z-index: 10;
		font-style: normal;
		padding: 0 10px;
	}

	.tag-block-type ul.kind-box>li.current-menu-item>i:after,
	.tag-block-type ul.kind-box>li.current-menu-ancestor>i:after {
		color: #FFFFFF;
	}

	.tag-block-type ul.kind-box>li.current-menu-parent>ul.level-menu {
		display: block
	}

	.tag-block-type ul.kind-box>li>i.click:after {
		content: "\f106";
	}

	.tag-block-type ul.level-menu>li.current-menu-item {
		font-weight: 700;
		color: #5b57a6;
	}

	.tag-block>section>div>ul>li.current-menu-item:before,
	.tag-block>section>div>ul>li.current-menu-parent:before,
	.tag-block-type>section>div>ul>li.current-menu-item:before,
	.tag-block-type>section>div>ul>li.current-menu-parent:before,
	.tag-block-type>section>div>ul>li.current-menu-ancestor:before,
	.tag-block>section>div>ul>li.current-menu-ancestor:before {
		border-left: none;
	}

	.case-box .tab-item {
		display: none;
	}

	.tab-cont>ul>li {
		margin-bottom: 5px;
	}

	.tab-cont>ul>li p {
		margin: 5px 0;
		overflow: hidden;
	}

	/*news - 新闻资讯*/
	.tag-main .news-block .news-text {
		width: 100%;
	}

	.tag-main .news-text p {
		margin-right: 0;
	}

	/*contact - 联系方式*/
	.txjp-office {
		padding-bottom: 5px;
	}

	.txjp-office h3 {
		margin: 20px 0 15px;
	}

	.office-info li {
		margin-bottom: 15px;
	}

	.office-info li p {
		width: calc(100% - 30px);
	}

	.slide-prev a,
	.slide-next a {
		padding: 5px 10px;
	}
}

@media only screen and (max-width: 980px) {
	.pro-cont ul li:nth-child(even) {
		flex-direction: row-reverse;
	}

	.cases-box ul.cases-cont li {
		padding: 0 10px;
	}

	.news-box,
	.news-box ul.news-cont li a {
		max-width: inherit;
	}

	.news-box,
	.equ-box {
		float: none;
		width: 100%;
	}

	.tag-main .news-box {
		margin-bottom: 10px;
	}

	.equ-box h3 {
		padding-left: 0;
	}

	.equ-box ul li {
		padding-left: 5px;
	}

	.equ-box ul li a {
		width: -webkit-calc(100% - 5px);
	}

	.pro-box li {
		width: 100%;
	}

	.serv-cont p,
	.serv-cont li button {
		display: none;
	}

	footer .f-top li:nth-child(2),
	footer .f-top li:nth-child(3) {
		display: none;
	}

	/*about - honor 荣誉资质*/
	.honor-box ul li {
		width: calc((100% - 100px)/2)
	}

	/*case - engineering 工程案例*/
	.case-box>ul>li {
		width: calc((100% - 80px)/2)
	}

	/*case - engineering 门窗案例*/
	.tab-cont>ul>li {
		width: calc((100% - 40px)/2);
	}

	.tab-cont>ul>li {
		margin: 0 10px;
	}

	/*case-详情页*/
	.detail-box p {
		margin: 0 50px;
	}

	/*contact - service 客服服务*/
	form .form-group,
	form .review-box {
		float: none;
		width: 100%;
	}

	form .review-box {
		margin-left: 0;
	}

	form div.item:last-child {
		margin-bottom: 25px;
	}

	form .input-block b {
		margin-right: 50px;
	}
}

@media only screen and (max-width:870px) {
	.w-1600.flex-stretch {
		display: block;
	}

	/*news - 公司要闻*/
	.tag-main .news-block .news-text a.news-pic {
		display: table;
		margin: 0 auto;
	}

	.tag-main .news-text img {
		float: none;
		margin-right: 0;
		max-width: 360px;
		max-height: 225px;
		width: 100%;
		height: 100%;
	}

	.tag-main .news-text .more {
		left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.w-1600.flex-stretch {
		display: block;
	}

	/*分页标签*/
	/* .wp-pagenavi{display: none;} */
	/*case-详情页*/
	.detail-box h3 {
		margin-bottom: 10px;
	}

	.big-pic>img {
		padding: 0 50px;
	}

	.sml-pic {
		margin: 20px 0;
	}

	.detail-box p {
		margin: 0 15px;
	}

	/*人才招聘*/
	.job-title ul li:nth-child(2),
	.job-title ul li:nth-child(3),
	.job-title ul li:nth-child(4),
	.job-title ul li:nth-child(5),
	.job-title ul li:nth-child(6),
	.job-block>ul>li:nth-child(2),
	.job-block>ul>li:nth-child(3),
	.job-block>ul>li:nth-child(4),
	.job-block>ul>li:nth-child(5),
	.job-block>ul>li:nth-child(6) {
		display: none;
	}

	.job-title ul li:first-child,
	.job-title ul li:last-child,
	.job-block ul li:first-child,
	.job-block ul li:last-child {
		width: calc(100%/2);
	}

	.job-title ul li:first-child,
	.job-block>ul>li:first-child {
		text-align: left;
		padding-left: 25px;
	}

	.job-detail ul {
		display: block;
	}

	.job-detail ul,
	.job-detail .detail,
	.job-contact {
		padding-left: 0;
	}

	.job-detail {
		padding: 5px 15px;
	}

	.job-detail .detail {
		padding-bottom: 7px;
	}

	.job-contact {
		padding-top: 7px;
	}
}

@media only screen and (max-width: 480px) {
	.container>div {
		padding: 0 12px;
		margin-bottom: 30px;
	}

	.container>.cases-box {
		padding: 0 12px;
	}

	.breadCrumb {
		margin: 25px 0;
	}

	.cases-box,
	.pro-box,
	.serv-box {
		overflow: hidden;
		padding: 0;
	}

	.cases-box {
		display: inherit;
	}

	.tit-box {
		text-align: left;
		margin: 20px 0;
		overflow: hidden;
	}

	.tit-box h2 {
		font-size: 18px;
		float: left;
	}

	.tit-box .en,
	.tit-box span {
		display: none;
	}

	.product-container .tit-box {
		padding-left: 12px;
	}

	.cases-box ul.cases-cont {
		margin-bottom: 0
	}

	.cases-box ul.cases-cont li {
		width: 100%;
		padding: 0;
		margin-bottom: 0;
	}

	.tit-sml span.xs-hidden,
	.cases-box ul.cases-cont li.xs-hidden {
		display: none;
	}

	a.tit-more {
		display: inline-block;
		line-height: 28px;
		font-size: inherit;
	}

	.w-1600.flex-stretch {
		display: block;
	}

	.news-box ul.news-cont li {
		padding: 0;
	}

	.news-box {
		margin-bottom: 0;
	}

	.news-day {
		font-size: 28px;
		line-height: 32px;
	}

	.news-box ul.news-cont li a {
		font-size: 14px;
		line-height: 54px;
	}

	.pro-box li:hover dl {
		margin-top: 15%;
	}

	.pro-box li span hr {
		width: 20px;
		margin-top: 10px;
	}

	.pro-box li.pro-1f .en {
		margin-left: 20px;
	}

	.pro-box li.pro-2f .en {
		margin-right: 20px;
	}

	.pro-box li p {
		font-size: 12px;
	}

	.serv-cont ul li {
		padding: 0;
	}

	.serv-cont .serv-type {
		font-size: 16px;
	}

	.pro-box li .pro-desc {
		padding-top: 10%;
	}

	.pro-desc {
		font-size: 14px;
	}

	.pro-tit {
		font-size: 14px;
	}

	.hr-pro {
		width: 15px;
	}

	/**二级页面**/
	/*about - honor 荣誉资质*/
	.honor-box ul {
		width: 100%;
	}

	.honor-box ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
	}

	.honor-box ul li p {
		height: auto;
		margin: 10px 20px;
	}

	/*case - engineering 工程案例*/
	.case-box {
		margin-bottom: 0;
	}

	.case-box ul {
		width: 100%;
	}

	.case-box>ul>li {
		width: 100%;
		margin-right: 0;
	}

	.case-box dl dt {
		margin: 8px 0;
	}

	.case-box .more {
		margin: 15px 0;
	}

	.case-box li:last-child .more {
		margin-bottom: 0;
	}

	/*news - 公司要闻*/

	.tag-main .news-item {
		width: 100%;
	}

	div.news-box>ul>li>div.news-item {
		width: 100%;
	}

	.tag-main .news-text .more a {
		margin-left: 0;
		padding-top: 10px;
	}

	.tag-main .news-text p {
		margin: 10px 0 30px;
	}

	.tag-main .news-box ul {
		margin-top: 10px;
		margin-bottom: 0;
	}

	.tag-main .news-box ul li {
		position: relative;
		padding: 10px 0 30px;
	}

	.tag-main li .news-time {
		position: absolute;
		bottom: 0;
		left: 42px;
		margin: 5px 0 2px;
	}

	.tag-main .news-item .news-num {
		margin-right: 10px;
	}

	.tag-main .news-block .news-time {
		margin: 0;
	}

	.tag-main .news-item .news-tit {
		font-weight: 300;
		margin: 0;
		line-height: 20px;
	}

	/*contact - 客服服务*/
	form .submit-box {
		width: 100%;
	}

	.contact-box input[type=submit] {
		width: 100%;
		margin-top: 25px;
	}

	.contact-box form textarea::-moz-placeholder {
		background: none;
		padding-left: 10px;
	}

	.contact-box form textarea::-webkit-input-placeholder {
		background: none;
		padding-left: 10px;
	}

	.contact-box form textarea::-ms-input-placeholder {
		background: none;
		padding-left: 10px;
	}
}

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

	/*news*/
	.tag-main .news-text .news-tit {
		background: url(../images/news-icon.png) no-repeat right center;
		padding-right: 60px;
	}

	.tag-main .news-text .news-tit:after {
		content: " ";
		background: none;
	}

	/*contact*/
	.office-info li p b {
		line-height: 25px;
	}

	.office-info li p b:first-child {
		margin-bottom: 8px;
	}

	/*contact*/
	form .input-block,
	.contact-box form textarea {
		width: calc(100% - 75px);
		margin-left: 15px;
	}
}

@media only screen and (max-width:1300px) {
	.tag-main .news-block {
		position: relative;
	}

	.tag-main .news-block .news-time {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
	}

	.tag-main .news-text p {
		margin: 10px auto 30px;
	}
}

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

	/*人才招聘*/
	.job-detail {
		font-size: 12px;
		padding: 0 10px;
	}

}

@media only screen and (min-width:1025px) {
	header .sub-nav li:hover i {
		left: 0;
		width: 100%;
		transition: all 0.4s ease 0s;
	}

	.equ-box ul li:hover a {
		position: absolute;
		right: 0;
		top: 0;
		display: inline-block;
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		height: 100%;
		color: #fff;
		font-size: 18px;
		background-color: rgba(0, 0, 0, 0.3);
		align-items: center;
		display: -webkit-flex;
		justify-content: center;
		transition: all 0.3s ease 0s;
		cursor: pointer;
	}

	.pro-box li:hover img {
		transform: scale(1.1);
		opacity: 0.7;
	}

	.pro-box li:hover .pro-desc {
		padding-top: 10%;
		transition: all 0.25s;
	}

	.pro-box li:hover dl {
		margin-top: 23%;
	}

	.pro-box li:hover dt a {
		font-weight: 700;
	}

	.pro-box li:hover p {
		/* margin: 16% 10% 0 10%; */
		font-size: 20px;
		font-family: "microsoft yahei";
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		font-weight: 400;
		color: #fff;
	}

	.pro-box li:hover .pro-dept .icon-youjiantou .icon {
		display: inline-block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 32px;
	}

	/*about*/
	.timeline .right {
		text-align: right;
		padding-right: 60px;
	}

	.timeline .left {
		padding-left: 60px;
	}

	.timeline .center {
		display: flex;
		justify-content: center;
		text-align: center;
		padding-bottom: 50px;
	}

	.timeline .timeline-block:last-child.center {
		padding-bottom: 0;
	}

	/*case*/
	.case-box ul wali:hover img {
		opacity: 0.8;
	}

	.case-box ul li:hover dd,
	.case-box ul li:hover .more {
		color: #000000;
	}

	.tag-block-type ul.kind-box>li>a:hover,
	.tag-block ul.kind-box>li>a:hover {
		background-color: #000000;
		color: #FFFFFF;
	}

	.tag-block>ul>li:hover:before,
	.tag-block-type>ul>li:hover:before {
		position: absolute;
		left: 0;
		top: 4px;
		border-left: 5px solid #000000;
		height: 20px;
		content: ' ';
	}

	.tab-item>ul>li>a:hover {
		color: #5b57a6;
	}

	.level-menu {
		display: none;
	}

	/*news*/
	.tag-main .news-text .news-tit p:hover,
	.tag-main .news-item .news-tit:hover {
		color: #4458ae;
	}

	.tag-main .news-text p:hover {
		color: #000000;
	}
}

@media (min-width: 992px) {
	.error-404__content {
		margin-top: -180px;
		margin-bottom: 120px;
	}

	.error-404 .widget_search {
		display: inline-block;
		text-align: center;
	}

	.error-404 .widget_search .search-form {
		width: 400px;
	}

	.widget_search label {
		float: left;
		width: 80%;
		margin-bottom: 0;
	}

	.error-container {
		width: 970px;
	}

	.widget_search .search-field {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right: none;
	}

	.widget_search .search-field:focus {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right: none;
	}

	.widget_search .search-submit {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		width: 20%;
	}
}

@media (min-width: 768px) {
	.error-container {
		width: 750px;
	}
}

@media (min-width: 1200px) {
	.error-container {
		width: 1170px;
	}
}

/* @media (min-width:1181px) and (max-width:1600px) {
	.pro-dept .pro-dept-left {
		max-width: calc(100% - 96px);
	}
} */

@media (min-width:751px) and (max-width:1180px) {

	.product-container .pro-pic {
		height: auto;
	}

	.product-container.pro-box li {
		flex: 1 1 50%;
	}

	.pro-title {
		font-size: 22px;
	}

	.product-container .pro-subtitle {
		margin: 0;
		font-size: 18px;
		font-weight: 400;
		color: #fff;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.pro-dept .icon-youjiantou .icon {
		display: inline-block;
	}
}

@media (min-width:1180px) {
	.product-container .pro-box li {
		flex: 1 1 33.333333%;
	}

	.product-container .pro-subtitle {
		margin: 0;
		font-size: 18px;
		font-weight: 400;
		color: #fff;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: none;
	}
}

@media (max-width: 750px) {
	.product-container .pro-pic {
		height: auto;
	}

	.product-container.pro-box li {
		flex: 1 1 100%;
	}

	.pro-dept {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.pro-title {
		font-size: 16px;
	}

	.product-container .pro-subtitle {
		margin: 0;
		font-size: 14px;
		font-weight: 400;
		color: #fff;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.container>.product-pdf {
		padding: 0 12px;
	}

	.pro-dept .icon-youjiantou .icon {
		display: inline-block;
	}

	/* .pro-dept .pro-dept-left {
		max-width: calc(100% - 96px);
	} */
}

@media (min-width: 376px) and (max-width:750px) {
	.pro-title {
		font-size: 18px;
	}

	.product-container .pro-subtitle {
		font-size: 16px;
	}
}