@charset "UTF-8";

html {

	font-size: 100px

}

@media screen and (min-width: 320px) {

	html {

		font-size: 85.33333px

	}

}

@media screen and (min-width: 360px) {

	html {

		font-size: 96px

	}

}

@media screen and (min-width: 375px) {

	html {

		font-size: 100px

	}

}

@media screen and (min-width: 480px) {

	html {

		font-size: 128px

	}

}

@media screen and (min-width: 640px) {

	html {

		font-size: 170.66667px

	}

}

@media screen and (min-width: 750px) {

	html {

		font-size: 200px

	}

}

*,:after,:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*{ margin: 0;padding: 0; }

ul,ol,li{ list-style: none; }

i,em{ font-style:normal; font-weight: normal; }

a{ text-decoration: none; transition-duration: .5s; color: inherit; }

a:focus, a:hover{ text-decoration:none; outline: none; color: inherit; }

input, button, textarea { border: 0; outline:none; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	font-family: inherit;

	font-weight: 500;

	line-height: 1.1;

	color: inherit;

}

.pl10{ padding-left: 10px; }

.pl15{ padding-left: 15px; }

.pl20{ padding-left: 20px; }

.pr10{ padding-right: 10px; }

.pr15{ padding-right: 15px; }

.pr20{ padding-right: 20px; }

.plr10{ padding: 0 10px; }

.plr15{ padding: 0 15px; }

.plr20{ padding: 0 20px; }

.tran300{ transition:300ms ease-out; -webkit-transition:300ms ease-out; -ms-transition:300ms ease-out; -moz-transition:300ms ease-out; -o-transition:300ms ease-out; }

.tran500{ transition:500ms ease-out; -webkit-transition:500ms ease-out; -ms-transition:500ms ease-out; -moz-transition:500ms ease-out; -o-transition:500ms ease-out; }

.tran800{ transition:800ms ease-out; -webkit-transition:800ms ease-out; -ms-transition:800ms ease-out; -moz-transition:800ms ease-out; -o-transition:800ms ease-out; }

.tran1000{ transition:1000ms ease-out; -webkit-transition:1000ms ease-out; -ms-transition:1000ms ease-out; -moz-transition:1000ms ease-out; -o-transition:1000ms ease-out; }

.cle{ clear:both; width: 100%; height:0; overflow:hidden; }

.clearfix:before, .clearfix:after{ display:block; content:""; clear:both; visibility:hidden; height:0; }

.clearfix{ zoom:1 }

.fl{ float:left; }

.fr{ float:right; }

img{ max-width:100%; border: 0; }

.pcshow{ display: block !important; }

.webshow{ display: none !important; }

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

	.pcshow{ display: none !important; }

	.webshow{ display: block !important; }

}

/*滚动条*/

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

	/*仅作用于webkit*/

	body::-webkit-scrollbar {

		display: none;

	}

}

::-webkit-scrollbar{

	width: .02rem;

	height: 1rem;

	background: #d1d1d1;

}

::-webkit-scrollbar:horizontal {

	border-radius: 0 0 .5rem .5rem

}

::-webkit-scrollbar-thumb {

	/* border: 1px solid #D1D1D1; */

	/* border-radius: .5rem; */

	background: #858585;

	box-shadow: inset 0 0 0 1px #858585;

}

.m-nav-side::-webkit-scrollbar{

	width: 0;

}

/* ::-webkit-scrollbar-thumb:hover {

	background:#465267

} */





body {

	font: 14px "Microsoft YaHei",Arial,Helvetica,sans-serif;

	--swiper-navigation-size: 20px;

	--tpl-color: #3eb134;

}

.wrap{ max-width: 1500px; margin: 0 auto; }

.wrap:before,

.wrap:after{ display:block; content:""; clear:both; visibility:hidden; height:0; }

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

	.wrap {

		padding: 0 .26rem

	}

}

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

	.wrap {

		padding: 0 .15rem

	}

}

.wrap1600{

	margin: 0 auto;

	max-width: 1600px;

}

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

	.wrap1600{

		padding: 0 .26rem

	}

}

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

	.wrap1600{

		padding: 0 .15rem

	}

}

.wp1500 {

	max-width: 1500px;

	margin: 0 auto;



}

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

	.wp1500 {

		padding: 0 .26rem

	}

}

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

	.wp1500 {

		padding: 0 .15rem

	}

}

.wp1136 {

	max-width: 1136px;

	margin: 0 auto;



}

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

	.wp1136 {

		padding: 0 .26rem

	}

}

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

	.wp1136 {

		padding: 0 .15rem

	}

}







header{

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	margin: 0 auto !important;

	height: 118px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	z-index: 100;

	background: rgba(0, 0, 0, .35);

	background-size: cover;

	padding: 0 93px;

}

.header-logo img{

	max-height: 100px;

}

.header-right{

	display: flex;

	height: 100%;

}

.header-nav{

	margin-left: 60px;

	height: 100%;

}

.header-nav ul{

	display: flex;

	height: 100%;

}

.header-nav ul li{

	position: relative;

	text-align: center;

	margin-left: 40px;

	height: 100%;

}

.header-nav ul li:before {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	right: -20px;

	content: '';

	width: 1px;

	height: 7px;

	background-color: #5b5a59;

}

.header-nav ul li:last-child:before{

	display: none;

}

.header-nav ul li a{

	display: inline-block;

	height: 100%;

	font-size: 16px;

	text-align: center;

	white-space: nowrap;

	line-height: 118px;

	color: #fff;

}

.header-nav ul li a:hover,

.header-nav ul li a.jd{

	color: #0c6c9e;

}

.header-search{

	margin-left: 46px;

	position: relative;

	display: flex;

	align-items: center;

}

.header-btn{

	cursor: pointer;

	position: relative;

}

.header-search-form{

	/*border: 1px solid #ddd;*/

	border-top: 0;

	padding: 12px;

	background-color: #f3f3f3;

	position: absolute;

	right: 0;

	top: 100%;

	display: none;

	z-index: 9999

}

.header-search-form form{

	display: flex;

}

.header-search-form .inp{

	width: 300px;

	display: block;

	padding: 0 10px;

	height: 40px;

	border: 1px solid #c4c4c4;

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

	color: #777;

	transition: .3s;

}

.header-search-form .g-btn1{

	width: 38px;

	background-color: #f3f3f3;

	border: 1px solid #c4c4c4;

	border-left: 0;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	color: #023894;

	display: block;

	line-height: 38px;

	text-align: center;

	font-size: 14px;

	cursor: pointer;

}

header .navbtn{

	display: none;

	align-items: center;

	padding: 0 5px;

	cursor: pointer;

}



nav>ul>li>a:hover,

nav>ul>li>a.on{



}

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

	header{

		padding: 0.14rem;

		height: auto;

	}

	.header-logo{

		width: 100%;

		display: flex;

		justify-content: space-between;

	}

	.header-logo a{

		height: .3rem;

	}

	.header-logo img{

		display: block;

		/*width: 1.6rem;*/

		min-width: 100px;

		height: 100%;

	}

	.header-right{

		display: none;

		left: 0;

		top: .58rem;

		position: fixed;

		width: 100%;

		z-index: 999;

		background: rgba(0,0,0,.35);

	}

	.header-nav{

		margin-left: 0;

		width: 100%;

		height: auto;

	}

	header .navbtn{

		display: flex;

	}

	.navbtn i{

		float: left;

		display: block;

		position: relative;

		width: 25px;

		height: 2px;

		background-color: #fff;

	}

	.navbtn i:before,

	.navbtn i:after{

		position: absolute;

		display: block;

		content: '';

		width: 25px;

		height: 2px;

		background-color: #fff;

		left: 0;

	}

	.navbtn i:before{

		top: -8px;

	}

	.navbtn i:after{

		bottom: -8px;

	}

	.header-nav ul{

		display: block;

		padding: .2rem;

	}

	.header-nav ul li{

		height: auto;

		margin-left: 0;

	}

	.header-nav ul li:before{

		display: none;

	}

	.header-nav ul li a{

		display: block;

		line-height: 50px;

	}

	.header-search{

		width: 100%;

		margin-left: 0;

	}

	.header-btn{

		display: none;

	}

	.header-search-form{

		width: 100%;

		display: block;

		background: rgba(0,0,0,0);

	}

	.header-search-form form{

		width: 100%;

	}

	.header-search-form .inp{

		width: 85%;

	}

	.header-search-form .g-btn1{

		width: 15%;

	}

}



/*	Banner */

.banner{ width: 100%; overflow: hidden; z-index: 1; background: #fff; }

.banner img{ padding: 0; margin: 0; }



/**

 * =====*=====*=====*=====*=====*MAIN CSS*=====*=====*=====*=====*=====

 */









.p50{ padding: 50px 0; }

.swiper-box li{

	padding: 5px;

}

.swiper-box li a{

	display: flex;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

}

.swiper-box li a>div{

	width: 100%;

}

.swiper-box li a .t{

	line-height: 35px;

	text-align: center;

}

.swiper-box li a .t p{

	font-size: 12px;

	color: #999;

	text-align: left;

	line-height: 2;

}



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



}

/** footer **/



footer{

	width: 100%;

	background-color: #008173;

	padding-top: 90px;

	padding-bottom: 67px;

	overflow: hidden;

}

footer .wrap1600{

	display: flex;

}

.footer-left{

	width: 32%;

	padding-right: 178px;

}

.footer-right{

	flex: 1;

}

.footer-lxwm{

	padding-bottom: 18px;

	border-bottom: 1px dashed #8d8d8d;

}

.footer-lxwm .t{

	font-size: 30px;

	line-height: 30px;

	font-family: Arial;

	color: #fff;

	text-transform: uppercase;

}

.footer-lxwm .cont{

	margin-top: 15px;

	font-size: 13px;

	line-height: 22px;

	color: #b3b3b3;

	text-transform: uppercase;

}

.footer-ewm{

	margin-top: 22px;

}

.footer-ewm img{

	max-width: 110px;

	height: auto;

}

.footer-ewm p{

	font-size: 13px;

	line-height: 30px;

	color: #777;

}

.footer-nav{

	display: flex;

}

.footer-nav dl{

	flex: 1;

	display: flex;

	flex-direction: column;

	align-items: center;

	border-left: 1px solid #8d8d8d;

}

.footer-nav dl dt{

	font-size: 16px;

	line-height: 16px;

	color: #fff;

}

.footer-nav dl dd{

	margin-top: 15px;

}

.footer-nav dl dd:first-child{

	margin-top: 25px;

}

.footer-nav dl dd a{

	font-size: 13px;

	line-height: 13px;

	color: #adadad;

}

.footer-bottom{

	margin-top: 21px;

	padding-left: 34.375%;

	padding-right: 10px;

	overflow: hidden;

	font-size: 14px;

	line-height: 30px;

	color: #9f9f9f;

}

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

	footer {

		padding-top: 0.37rem;

		padding-bottom: .65rem;

	}

	.footer-ewm,

	.footer-right{

		display: none;

	}

	.footer-left{

		width: 100%;

		padding-right: 0;

	}

	.footer-bottom{

		padding-left: .15rem;

		padding-right: .15rem;

	}

}

a.wu-more{

	position: relative;

	padding: 0;

	width: 155px;

	height: 55px;

	line-height: 54px;

	text-align: center;

	font-size: 14px;

	display: block;

	margin-top: 25px;

	z-index: 0;

}

a.wu-more:hover{

	color: #fff;

}

a.wu-more:before,

a.wu-more:after{

	position: absolute;

	display: block;

	content: '';

	width: calc(100% - 5px);

	height: calc(100% - 5px);

	border: 1px solid #cecece;

	z-index: -1;

}

a.wu-more.c34:before,

a.wu-more.c34:after{

	border-color: #343434;

}

a.wu-more:before{

	top: 0;

	left: 0;

}

a.wu-more:after{

	bottom: 0;

	right: 0;

}

a.wu-more:hover:after{

	background: var(--tpl-color);

}

.copyright{

	padding: 20px 0;

	font-size: 13px;

	line-height: 2;

}





/**

 * =====*=====*=====*=====*=====*SUBMAIN CSS*=====*=====*=====*=====*=====

 */

.subbanner{

	overflow: hidden;

	width: 100%;

}

.subBody{ 

	padding: 2rem 0; 

}

.submain{

	padding-top: .2rem;

	padding-bottom: 5px;

	background: #f6f6f6;

}

.editor{ padding: 1.2rem; line-height: 2; }

.editor img,.mbArticleSharePic{ max-width: 100%; }



.sub-left{margin-bottom: 15px;}



.sub-tit{ padding: 30px 0; text-align: center; }

.sub-tit p{ font-family: Arial; font-size: 32px; text-transform: uppercase; }

.sub-tit span{ display: block; line-height: 2; font-size: 18px; }

.sub-tit i{ display: inline-block; width: 50px; height: 2px; background: #8f011d; }



.submenu{

	width: 100%;

	white-space: nowrap;

	/*overflow-x: scroll;*/

	/*overflow-y: hidden;*/

	/*text-align: justify;*/

	display: flex;

}

.submenu::-webkit-scrollbar{

	display: none;

}

.submenu>li{

	position: relative;

	background: #f2f2f2;

}

.submenu>li>a{

	display: block;

	padding: 15px 10px;

	font-size: 13px;

	color: #666;

	background-size: 100%;

}

.submenu>li:hover>a,

.submenu>li.on>a{

	color: #fff;

	background: #0091d5;

}

.submenu>li>ol{

	position: absolute;

	display: none !important;

}

.submenu>li>ol{

	display: none !important;

	padding: 15px;

	width: 150%;

	position: absolute;

	border-radius: 8px;

	background: #f2f2f2;

	border: 1px solid #f9f9f9;

	/*background: rgba(255,255,255,.9);*/

	z-index: 9;

}

.submenu>li:hover>ol{

	display: block !important;

}

.submenu>li>ol>li>a{

	display: block;

	font-size: 13px;

	line-height: 2;

}

.page-content{

	background-color: #fff;

	padding: 57px 30px 105px;

	margin-bottom: 38px;

}



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

	.sub-tit{

		padding: 20px 0;

	}

	.sub-tit p{

		font-size: 18px;

	}

	.sub-tit span{

		font-size: 14px;

	}

	.submenu li a{

		padding: 10px 15px;

		font-size: 13px;

	}

}

/** 盾将军门窗 **/

.sub-menu-tit{

	display: none;

	line-height: 45px;

	text-align: center;

	color: #fff;

	background: #000;

}

.sub-menu-tit span{

	float: right;

	margin-right: 20px;

	line-height: 45px;

	font-size: 25px;

}

.sub-wz{

	width: 100%;

	font-size: 12px;

	height: 80px;

	line-height: 80px;

	background: #f6f6f6;

}

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

	.sub-wz{

		line-height: 50px;

		height: 50px;

	}

}

.sub-menu{

	position: relative;

	z-index: 2;

	/*overflow: hidden;*/

	background: #fff;

}

.sub-menu ul{

	display: flex;

	flex-wrap: wrap;

}

.sub-menu ul>li{

	position: relative;

	margin: 20px 0 40px;

	flex: 1;

	text-align: center;

}

.sub-menu ul>li>a{

	display: block;

	line-height: 38px;

	height: 38px;

	background: #fff;

	border-left: 1px solid #e6e6e6;

}

.sub-menu ul>li:first-child>a{

	border-left: none;

}

.sub-menu ul>li.on>a,

.sub-menu ul>li:hover>a{

	color: #fff;

	background: #000;

}

.sub-menu ol{

	position: absolute;

	padding: 20px 0;

	width: 100%;

	height: 0;

	border-radius: 5px;

	background: rgba(0,0,0,.7);

	opacity: 0;

	display: none !important;

}

.sub-menu ul>li:hover ol{

	opacity: 1;

	height: auto;

	display: block !important;

}

.sub-menu ol>li{

	padding: 5px 0;

	line-height: 30px;

}

.sub-menu ol>li>a{

	color: #fff;

	display: block;

	font-size: 13px;

}

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

	.sub-menu-tit{

		display: block;

	}

	.sub-menu ul{

		display: none;

		background: #fff;

	}

	.sub-menu ul>li{

		margin: 0;

		width: 100%;

		flex: none;

		text-align: left;

		text-indent: 20px;

		border-bottom: 1px solid #e6e6e6;

	}

	.sub-menu ul>li:first-child{

		margin-top: 1px;

	}

	.sub-menu ul>li:last-child{

		padding-bottom: 15px;

	}

	.sub-menu ul>li>a{

		font-size: 13px;

		border-left: 0;

	}

	.sub-menu ol{

		padding: 0;

		position: relative;

		display: block !important;

		opacity: 1;

		height: auto;

		background: #fff;

	}

	.sub-menu ol>li>a{

		color: #222;

		text-align: center;

	}

}



.content{

	padding: 20px 0;

}

.content p{

	padding: 2px 0 !important;

	line-height: 2 !important;

}

/*	产品  */



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



}





/*  新闻  */



.shownews .title{

	color: #000;

	font-weight: normal;

	font-size: 24px;

	padding-top: 30px;

	padding-bottom: 0;

	text-align: center;

}

.shownews .infos{

	color: #000;

	font-weight: bold;

	font-size: 15px;

	padding-top: 10px;

	padding-bottom: 20px;

	text-align: center;

	border-bottom: 1px dashed #c7c7c7;

}

.shownews .content{

	/*padding: 20px;*/

}

.shownews .content h2{

	position: relative;

	padding: 8px 0;

	font-size: 18px;

	line-height: 32px;

	/*font-weight: normal !important;*/

	text-indent: 18px;

}

.shownews .content h2:before{

	position: absolute;

	display: block;

	content: '';

	width: 3px;

	height: 32px;

	top: 8px;

	left: 0;

	background: var(--tpl-color);

}

.shownews .content h3{

	padding: 3px 0;

	font-size: 16px;

	/*text-indent: 18px;*/

}

.shownews .content img{

	max-width: 100% !important;

}

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



	.shownews .title{

		font-size: 20px;

		padding-top: 20px;

	}

	.shownews .infos{

		font-size: 13px;

	}

}





/** 翻页 **/

.turnPage {

	margin-bottom: 20px;

	padding: 0 10%;

	border-top: 1px #ddd dashed;

	border-bottom: 1px #ddd dashed;

}

.turnPage li {

	line-height: 35px;

}

.turnPage li span {

	font-size: 12px;

}

.turnPage li a:hover {

	color: red;

}

.turnPage li.prev {

	float: left;

}

.turnPage li.next {

	float: right;

}

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

	.turnPage li{

		width: 100%;

	}

}



/** 分页 **/

.pagination p{

	margin:0;

	cursor:pointer

}

.pagination{

	text-align: center;

	height: 70px;

	padding:20px 0px;

}

.pagination a{

	display: inline-block;

	margin-right:10px;

	padding:2px 12px;

	height: 30px;

	border:1px #cccccc solid;

	background:#fff;

	text-decoration:none;

	color:#808080;

	font-size:12px;

	line-height:24px;

}

.pagination a:hover{

	color:#077ee3;

	background: white;

	border:1px #077ee3 solid;

}

.pagination a.cur{

	border:none;

	background:#077ee3;

	color:#fff;

}

.pagination p{

	display: inline-block;

	padding:2px 12px;

	font-size:12px;

	height:30px;

	line-height:24px;

	color:#bbb;

	border:1px #ccc solid;

	background:#fcfcfc;

	margin-right:8px;



}

.pagination p.pageRemark{

	border-style:none;

	background:none;

	margin-right:0px;

	padding:4px 0px;

	color:#666;

}

.pagination p.pageRemark b{

	color:red;

}

.pagination p.pageEllipsis{

	border-style:none;

	background:none;

	padding:4px 0px;

	color:#808080;

}

.dates li {font-size: 14px;margin:20px 0}

.dates li span{float:right}

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

	.pagination a,

	.pagination p{

		display: none;

	}

	.pagination .on{

		display: inline-block;

	}

}