* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a:link,
a:active,
a:visited,
a:hover,
	{
	background: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

body {
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
	font-family: 微软雅黑,Arial;
}

.content1300 {
	margin: 0 auto;
	width: 1300px;
}

.content1400 {
	margin: 0 auto;
	width: 1400px;
}

.content1200 {
	margin: 0 auto;
	width: 1200px;
}

.content1500 {
	margin: 0 auto;
	width: 1500px;
}

.content1600 {
	margin: 0 auto;
	width: 1600px;
}

.hoverLi .pic {
	overflow: hidden;
}

.hoverLi:hover .imgScale {
	transform: scale(1.2);
}

.imgScale {
	transition: all 0.6s;
	display: block;
}

.content1300 {
	margin: 0 auto;
	width: 1300px;
}

.content1200 {
	margin: 0 auto;
	width: 1200px;
}
.content1260 {
	margin: 0 auto;
	width: 1260px;
}
.content1500 {
	margin: 0 auto;
	width: 1500px;
}

.content1600 {
	margin: 0 auto;
	width: 1600px;
}

.hoverLi .pic {
	overflow: hidden;
}

.hoverLi:hover .imgScale {
	transform: scale(1.2);
}

.imgScale {
	transition: all 0.6s;
	display: block;
	max-width: 100%;
	width: 100%;
}
.page{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-top:20px;
	color: #999;
}

.page .zhong{
	color: #059fff;
}
.page a{
	color: #999;
}
.page a:hover{
	color: #059fff;
}
.toolbar-item,.toolbar-layer{background:url(/public/static/modules/cms/img/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;top:200px;z-index:99999;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px; z-index:99999;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
	transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
	-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.header{
	position:relative;
	/*top: 98px;*/
	width: 100%;
	z-index: 999;
	background: #fff;
}
.header>.content1400{
	/* position: relative; */
	display: flex;
	justify-content: space-between;

	align-items: center;
}
.header .r{
	display: flex;
	align-items: center;
	line-height: 98px;
	height: 98px;
}
.header .r .nav{
	display: flex;
	align-items: center;
}
.header .r .nav li{
	position: relative;
}
.header .r .nav li .subNav{
	position: absolute;
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
	/*border: 1px solid rgba(15, 29, 150, 1);*/
	display: none;
	min-width: 120px;
	top: 100%;
	text-align: center;
}
.header .r .nav li:hover .subNav{
    display: block;
}
.header .r .nav li .subNav-list{
	/*display: flex;*/
	/* justify-content: space-between; */
	background-color: #fff;
	/*justify-content: center;*/

}
.header .r .nav li .subNav-list .subNav-item-title{
	display: block;
	font-size: 16px;
	color: #777;
}
.header .r .nav li .subNav-list .subNav-item-title:hover{
	color: #fff;
}
.header .r .nav li .subNav-list .subNav-item-text a{
	font-size: 15px;
	color: #303030;
}
.header .r .nav li .subNav-list .subNav-item-text a:hover{
	color: #fff;
}
.header .r .nav li .subNav-list .subNav-item{
	/*padding: 0 30px;*/
	display: block;
	white-space: nowrap;
	padding: 0px 10px;
	line-height: 50px;
}
.header .r .nav li .subNav-list .subNav-item:hover{
	background: #059fff;
}
/*.header .r .nav li:hover,*/
/*.header .r .nav li.active{*/
/*	background-color: rgba(15, 29, 150, 1);*/
/*}*/
.header .r .nav li:hover>a,
.header .r .nav li.active>a{
	/*color: #fff;*/
	/*color: rgba(15, 29, 150, 1);*/
	color: #059fff;
}
.header .r .nav li>a{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 520;
	color: #222222;
	padding: 0 30px;
}
.header .header-login a{
	display: flex;
	align-items: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 1;
}
.header .header-login .iconfont{
	font-size: 22px;
	color: rgba(34, 34, 34, 1);
	margin-right: 12px;
}
.header .header-shopping .iconfont{
	font-size: 22px;
	color: rgba(51, 51, 51, 1);
	padding-left: 33px;
}
.header .header-search{
	position: relative;
	margin-left: 33px;
}
.header .header-search .icon-sousuo {
	font-size: 22px;
	color: #333;
	cursor: pointer;
}

.header .header-search .searchbox {
	position: absolute;
	display: none;
	width: 300px;
	height: 40px;
	top: 102px;
	right: 0;
	z-index: 2;
	background-color: #fff;

}

.header .header-search .searchbox.active {
	display: flex;
}

.header .header-search .searchbox input {
	flex: 1;
	height: auto;
	border: none;
	outline: none;
	padding-left: 20px;
	box-sizing: border-box;
}

.header .header-search .searchbox .btn {
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #f0f0f0;
	cursor: pointer;
}

.header .header-search .searchbox .btn .icon-sousuo {
	color: #222;
}
.header .header-langage{
	display: flex;
	align-items: center;
	margin-left: 37px;
}
.header .header-langage .iconfont{
	color: rgba(51, 51, 51, 1);
	font-size: 18px;
}
.header .header-langage select{
	border: none;
	outline: none;
	font-size: 14px;
	font-family: PingFang;
	font-weight: 500;
	color: #666666;
	line-height: 1;
}
.banner .pic img{
	width: 100%;
	display: block;
}
.m_right {
	display: none;
}

.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.55);
	display: none;
	z-index: 999;
}

.modal .shadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.pagination ul {
	display: flex;
	justify-content: center;
}

.pagination ul li {
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	/* background: #FFFFFF; */
	font-size: 16px;
	color: rgba(51, 51, 51, 1);
	margin: 0 5px;
	cursor: pointer;
	background: #EEEEEE;
}

.pagination ul li:first-child,
.pagination ul li:last-child {
	width: 62px;
	color: rgba(51, 51, 51, 1);
}

.pagination ul li .iconfont {
	font-size: 18px;
}

.pagination ul li:hover,
.pagination ul li.active {
	background-color: rgba(51, 51, 51, 1);
	color: #fff;
}

.pagination ul li a {
	color: #333;
	display: block;
}

.pagination ul li.active a,
.pagination ul li:hover a {
	color: #fff;
}
.footer{
	background-color: rgba(4, 25, 27, 1);
	padding: 15px 0 0;
}
.footer .footer-t{
	display: flex;
	justify-content: space-between;
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(141, 149, 209, 0.4);
}
.footer .footer-t .footer-t-l{
	width: 62.1%;
}
.footer .footer-t .footer-t-l ul{
	display: flex;
	justify-content: space-between;
}
.footer .footer-t .footer-t-l .li-title{
	font-size: 16px;
	font-family: PingFang;
	/* font-weight: bold; */
	color: #FFFFFF;
	line-height: 1;
	margin-bottom: 10px;
}
.footer .footer-t .footer-t-l .foot-menu{
	color: #fff;
}
.footer .footer-t .footer-t-l .foot-menu:hover{
	color: #CCC;
}
.footer .footer-t .footer-t-l .li-text a{
	font-size: 14px;
	font-family: PingFang;
	font-weight: 500;
	color: #939BD7;
	line-height: 36px;
}
.footer .footer-t .footer-t-l .li-text a:hover{
	opacity: 0.7;
}
.footer .footer-t .footer-t-r .text{
	margin-top: 18px;
	font-size: 14px;
	font-family: PingFang;
	font-weight: 500;
	color: #939BD7;
	line-height: 1;
	text-align: center;
}
.footer .footer-b{
	padding: 6px 0 6px;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-family: PingFang;
	font-weight: 500;
	color: #5660A7;
	line-height: 26px;
}
.footer .footer-b .footer-b-r{
	text-align: right;
}
.commNav{
	height: 58px;
	line-height: 58px;
	background-color: #fff;
	box-shadow: 0px 3px 20px 0px rgba(158, 158, 158, 0.1);
}
.commNav .content1260,
.commNav .swiper-container{
	height: 100%;
	text-align: center;
}
.commNav .swiper-slide{
	position: relative;
	border-right: 1px solid #e7e7e7;
}
.commNav .swiper-slide::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: transparent;
}
.commNav .swiper-slide:hover::before,
.commNav .swiper-slide.active::before{
	background-color: rgba(140, 202, 0, 1);
}
.commNav .swiper-slide:first-child{
	border-left: 1px solid #e7e7e7;
}
.commNav .swiper-slide a{
	display: block;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.commNav .swiper-slide:hover a,
.commNav .swiper-slide.active a{
	color: rgba(140, 202, 0, 1);
}
.product-t-h {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(223, 223, 223, 1);
	padding-bottom: 14px;
	padding-top: 47px;
}

.product-t-h .l {
	display: flex;
	align-items: center;
}

.product-t-h .l .title {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 1;
	margin-right: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-t-h .l .input {
	display: flex;
	width: 234px;
	height: 35px;
	background: #FFFFFF;
	border: 1px solid #E1E1E1;
	padding: 0 13px;
	background-color: #fff;
	align-items: center;
}

.product-t-h .l input {
	border: none;
	outline: none;
	width: 100%;
	flex: 1;
	padding-right: 8px;
}

.product-t-h .l .input .iconfont {
	color: rgba(153, 153, 153, 1);
	font-size: 20px;
	cursor: pointer;
}

.product-t-h .r {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 1;
}

.product-t-h .r a {
	color: #666;
}
.modal .modal-content{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 90%;
	max-height: 90%;
}
.modal .modal-content img{
	max-width: 100%;
	max-height: 100%;
	display: block;
}
.modal .modal-content .close{
	position: absolute;
	top: -20px;
	right: -30px;
}
.modal .modal-content .close .iconfont{
	font-size: 24px;
	color: #fff;
	cursor: pointer;
}

@media (max-width:1630px) {
	.content1600 {
		width: 94%;
	}
}

@media (max-width:1530px) {
	.content1500 {
		width: 94%;
	}
	.header .r .nav li>a{
		padding: 0 15px;
	}
}

@media (max-width:1430px) {
	.content1400 {
		width: 94%;
	}
}

@media (max-width:1330px) {
	.content1300 {
		width: 94%;
	}
}
@media (max-width:1300px) {
	.content1260 {
		width: 94%;
	}
}
@media (max-width:1230px) {
	.content1200 {
		width: 94%;
	}
	.header .r .nav li>a{
		padding: 0 10px;
	}
}

@media (max-width:1199px) {
	.header{
		position: relative;
		padding: 10px 0;
	}
	.header .l img{
		height: 40px;
	}
	.header .r{
		display: none;
	}
	.m_right {
		display: block;
	}

	.m_right .m_right_buttom {
		height: 40px;
		width: 40px;
		text-align: center;
		line-height: 40px;
		cursor: pointer;
	}

	.m_right .m_right_buttom .iconfont {
		font-size: 22px;
		color: rgba(15, 29, 150, 1);
		font-weight: bold;
	}

	.m_right .m_aside {
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
		background-color: #fff;
		z-index: 999;
		transform: translateX(101%);
		transition: all 0.6s;
		border-top: 1px solid #212121;
	}

	.m_right .m_aside.active {
		transform: translateX(0);
	}

	.m_right .m_aside li {
		border-bottom: 1px solid #212121;
		text-align: center;
		padding: 8px 0;
	}

	.m_aside li .zh {
		font-size: 18px;
		line-height: 28px;
		color: #333;
	}

	.m_aside li .en {
		font-size: 16px;
		color: #999999;
	}

	.m_searchbox_li .iconfont {
		font-size: 24px;
		color: #999;
		cursor: pointer;
	}

	.m_searchbox {
		display: none;
		margin: 0 auto;
		justify-content: center;
		margin-top: 10px;
		align-items: flex-start;
	}

	.m_searchbox.active {
		display: flex;
	}

	.m_searchbox input {
		width: 70%;
		height: 32px;
		border: 1px solid #D0D0D0;
		border-right: none;
		outline: none;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.m_searchbox .btn {
		background-color: #F0F0F0;
		width: 37px;
		height: 32px;
		line-height: 32px;
		text-align: center;
	}
}
@media (max-width:800px) {
	.footer .footer-t{
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer .footer-t .footer-t-l{
		width: 100%;
	}
	.footer .footer-t .footer-t-r{
		margin-top: 30px;
	}
}
@media (max-width:500px) {
	.commNav{
		height: 40px;
		line-height: 40px;
	}
	.product-t-h{
		flex-wrap: wrap;
		justify-content: end;
	}
	.product-t-h .l{
		width: 100%;
		margin-bottom: 15px;
	}
	.footer .footer-t .footer-t-l{
		display: none;
	}
	.footer{
		padding-top: 0;
	}
	.footer .footer-t{
		padding-bottom: 20px;
	}
	.footer .footer-b{
		flex-wrap: wrap;
	}
	.footer .footer-b .footer-b-r{
		text-align: left;
	}
	.footer .footer-b{
		padding: 25px 0;
	}
	.footer .footer-t .footer-t-r .img img{
		width: 90px;
	}
	.product-t-h .l .title{
		font-size: 18px;
	}
}