.w1200 {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

.w1900 {
	max-width: 1900px;
	margin: 0 auto;
	position: relative;
}

.head-container {}

.head {
	position: absolute;
	width: 100%;
	z-index: 10;
	transition: .3s;
	background-color: rgba(255, 255, 255, 0.7);
}

.head.fixed {
	position: fixed;
	top: 0;
}

.head .head-top {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
}

.head .head-top .left {
	flex: 0 0 19%;
	line-height: 90px;
}


.head .head-top .center {
	display: flex;
	align-items: center;
	flex: 1;
	position: relative;
}

.head .head-top .center h2 {
	margin: 0;
	font-size: 24px;
	color: #215ab1;
}

.head .head-top .center .text p {
	color: #666666;
}

.head .head-top .center .icon {
	padding: 5px 5px 0 0;
}

.logoimg {
	height: 55px;
}

.head-nav {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
}

.nav-li {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

.navA {
	font-size: 14px;
	display: block;
	padding: 40px 25px;
	transition: 0.5s;
	color: #000;
}

.navA:hover,
.navA.active {
	background-color: #375aa2;
	color: white;
}

.head .tel {
	flex: 0 0 17%;
	font-weight: bold;
	color: #375aa2;
	font-size: 18px;
	padding-left: 50px;
}

.title {
	padding: 40px 0 10px;
	margin-bottom: 15px;
	text-align: center;
	position: relative;
}

.title h2 {
	font-size: 40px;
	font-weight: bold;
	color: #375aa2;
}

.title h3 {
	width: 100%;
	margin: 0;
	position: absolute;
	font-size: 80px;
	font-weight: bold;
	color: #375aa2;
	opacity: 0.1;
	left: 50%;
	top: -5px;
	text-transform: uppercase;
	transform: translate(-50%, 0);
}

.product {
	padding: 40px 0;
	background: url(../image/product-bg.jpg) no-repeat;
	background-size: cover;
}

.product .swiper-container {
	padding: 20px 15px 15px;
}

.product .swiper-slide {
	padding: 50px 0;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
	text-align: center;
}

.product .swiper-slide img {
	max-width: 300px;
}

.product .swiper-slide .img {
	padding-top: 40px;
	min-height: 390px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product .swiper-slide h2 {
	color: #375aa2;
	font-weight: bold;
}

.product .swiper-slide h3 {
	font-size: 18px;
	text-transform: capitalize;
	color: #000;
}

.product .swiper-slide span {
	background: url(../image/product-icon.png) right center no-repeat;
	display: inline-block;
	padding-right: 30px;
}

.product .swiper-slide:nth-child(odd) {
	background-color: #efefef;
}

.product .swiper-slide:nth-child(even) {
	background-color: #dddddd;
}

.about {
	background: url(../image/about-bg.jpg) center -200px no-repeat;
	background-size: cover;
	padding: 40px 0;
}

.about .title {
	background: url(../image/title-bg.png) center bottom no-repeat;
}

.about .title h2 {
	color: white;
}

.about .title h3 {
	color: white;
	opacity: 0.2;
}

.about .top {
	color: white;
	text-align: center;
}

.about .content {
	color: white;
}

.about .top a {
	display: inline-block;
	color: white;
	padding: 8px 25px;
	border: 1px solid white;
	margin-top: 40px;
}

.about .bottom {
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
}

.about .bottom .img {
	flex: 0 0 48%;
}

.about .bottom img {
	width: 100%;
}

.adv {
	padding: 50px 0;
	background-color: #375aa2;
	margin-bottom: 40px;
}

.adv .advs-box {
	display: flex;
	justify-content: space-between;
}

.adv .box {
	padding-left: 75px;
	color: white;
	flex: 0 0 22%;
}

.adv .box h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.adv .box h3 {
	font-size: 14px;
}

.application {
	padding: 40px 0;
	background: url(../image/app-bg.jpg) no-repeat;
	background-size: cover;
}

.application .title {
	background: url(../image/title-bg-b.png) center bottom no-repeat;
}

.application .app-box {
	padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.application .app-box .box {
	text-align: center;
	padding: 30px 0;
	border: 1px solid;
	flex: 0 0 18%;
	margin-bottom: 30px;
}

.application .app-box .box p {
	padding-top: 15px;
	font-size: 16px;
}

.news {
	padding: 40px 0;
	background: url(../image/news-bg.jpg) no-repeat;
	background-size: cover;
}

.news .news-box {
	padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news .news-box .box {
	flex: 0 0 48%;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #3e3e3e;
}

.news .news-box a {
	display: flex;
}

.news .news-box .left {
	flex: 0 0 20%;
}

.news .news-box .left p {
	font-size: 18px;
	font-weight: 500;
	color: #3e3e3e;
}

.news .news-box .left span {
	display: inline-block;
	width: 35px;
	height: 27px;
	background: url(../image/news-icon.png) center no-repeat;
	margin-top: 15px;
}

.news .news-box .right {
	flex: 1;
}

.news .news-box .right h2 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	color: #3e3e3e;
}

.news .news-box .box:hover .left {
	color: #375aa2;
}

.news .news-box .box:hover span {
	background: #375aa2 url(../image/news-icona.png) center no-repeat;
}

.news .news-box .box:hover .right h2 {
	color: #375aa2;
}

.footer {
	background: url(../image/footer-bg.jpg) no-repeat;
	background-size: cover;
}

.footer .footer-box {
	display: flex;
	padding: 40px 0;
}

.footer .footer-box h2,
.footer .box ul li,
.footer .footer-box a {
	color: white;
}

.footer .footer-box h2 {
	margin-bottom: 25px;
	font-size: 22px;
	position: relative;
}

.footer .footer-box h2::before {
	position: absolute;
	content: "";
	left: -20px;
	width: 2px;
	height: 100%;
	background-color: #034697;
}

.footer .box:nth-child(1) {
	flex: 0 0 28%;
	background: url(../image/f-logo.png) center no-repeat;
}

.footer .box:nth-child(2) {
	flex: 0 0 33%;
}

.footer .box:nth-child(2) ul {
	display: flex;
	flex-wrap: wrap;
}

.footer .box:nth-child(2) ul li {
	flex: 0 0 33%;
	padding-bottom: 15px;
}

.footer .box:nth-child(3) {
	flex: 0 0 30%;
}

.footer .box:nth-child(3) ul li {
	padding-bottom: 15px;
}

.footer .box:nth-child(4) {
	flex: 1;
}

.footer img {
	width: 100%;
}

.copys {
	text-align: center;
	padding: 20px 0;
	color: white;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
}

.main-nav {
	border-bottom: 1px solid #ddd;
}


.list-li.active .category-ul {
	display: block;
}

.list-li.active span {
	transform: rotate(-180deg);
}

.category-ul {
	display: none;
}

.category-ul li {
	padding: 10px 20px 0 20px;
}

.category-ul li:last-child {
	border: none;
}

.list-li.ul span {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5px;
	top: 15px;
	cursor: pointer;
	background: url(/template/default/images/goods-icon.png) center no-repeat;
}

.details-content {
	padding-top: 60px;
}

.details-content img {
	max-width: 100%;
}

.gypages-detail {
	padding: 0 0 25px;
}

.gypages-detail h2 {
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	position: relative;
}

.gypages-detail span {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block;
}

.gypages-detail p {
	font-size: 14px;
	color: #717171;
	line-height: 30px;
}

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

.gypages-title {
	position: relative;
	margin-bottom: 30px;
}

.gypages-title h2 {
	margin: 0;
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 10px;
}

.gypages-title p {
	color: #959595;
}

.main-goods {
	padding-bottom: 40px;
	display: flex;
}

.news-list {
	padding-bottom: 20px;
}

.newspages-li {
	padding: 30px 0;
	border-bottom: 1px dashed #cbcbcb;
}

.newspages-li:last-child {
	border: none;
}

.newspages-li .news-title {
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
}

.newspages-li .news-title h2 {
	display: inline-block;
	flex: 0 0 80%;
	font-size: 20px;
}

.newspages-li .news-title p {
	font-size: 20px;
}

.newspages-li .newspages-content {
	color: #333333;
	font-size: 14px;
}

.contact-box {
	display: flex;
}

.contact-box .left {
	flex: 0 0 30%;
}

.contact-box .right {
	flex: 1;
}

.contact-box h2 {
	font-weight: bold;
	margin-bottom: 35px;
}

.contact-box h3 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

.contact-box .left ul {
	margin-bottom: 30px;
}

.contact-box .left ul li img {
	margin-right: 10px;
}

.contact-box .left ul li {
	margin: 5px 0;
}

.contact-box .wechat img {
	max-width: 120px;
}

.contact .wechatimg img {
	max-width: 140px;
	border: 1px solid #eee;
}

.head-icon {
	display: none;
}

.home-goods2 {
	display: none;
}

@media (max-width: 980px) {
	.home-goods2 {
		display: block;
	}

	.home-goods {
		display: none;
	}

	.head-icon {
		position: absolute;
		right: 15px;
		width: 40px;
		height: 40px;
		background: url(../image/head-icon.png) center no-repeat;
		display: block;
	}

	.head {
		position: relative;
	}

	.head .tel {
		display: none;
	}

	.head .head-top {
		width: 100%;
	}

	.head .head-top .left {
		flex: 0 0 100%;
		padding: 0 15px;
	}

	.head .head-top .center {
		position: absolute;
		width: 100%;
		top: 100%;
	}

	.navA:hover,
	.navA.active {
		background-color: #fff;
		color: #000;
	}

	.head-nav {
		background-color: #fff;
		width: 100%;
		height: auto;
		flex-direction: column;
	}

	.nav-li {
		width: 100%;
	}

	.navA {
		display: block;
		padding: 15px 0;
		width: 100%;
		text-align: center;
	}

	.title h3 {
		display: none;
	}

	.title {
		padding: 0;
		margin: 0;
	}

	.product {
		padding: 20px 15px;
	}

	.product .swiper-container {
		padding: 0;
	}

	.product .swiper-slide {
		padding: 15px 0 0 0;
	}

	.product .swiper-slide h2 {
		font-size: 18px;
	}

	.product .swiper-slide img {
		max-height: 220px;
		max-width: 100%;
	}

	.product .swiper-slide .img {
		padding: 0 15px;
		min-height: 270px;
	}

	.product .swiper-slide span {
		display: none;
	}

	.product .swiper-slide h3 {
		display: none;
	}

	.about {
		background: url(../image/about-bg.jpg) center no-repeat;
		background-size: cover;
		padding: 20px 15px;
	}
	.about .title{
		background: url();
	}
	.about .title h2{
		font-size: 28px;
	}
	.about .top a{
		display: none;
	}
	.about .bottom{
		padding-top: 20px;
	}
	.adv{
		display: none;
	}
	.application .title{
		background: url();
	}
	.title h2{
		font-size: 28px;
	}
	.application .app-box .box{
		flex: 0 0 49%;
		margin-bottom: 10px;
	}
	.application .app-box{
		padding-top: 10px;
	}
	.application{
		padding: 20px 15px;
	}
	.news .news-box{
		padding-top: 20px;
	}
	.news{
		padding: 20px 15px;
	}
	.news .news-box .box{
		flex: 0 0 100%;
	}
	.footer .box:nth-child(2){
		display: none;
	}
	.footer .box:nth-child(4){
		display: none;
	}
	.footer .footer-box{
		flex-wrap: wrap;
		padding: 20px 15px;
	}
	.footer .box:nth-child(1){
		flex: 0 0 100%;
		height: 100px;
		background: url(../image/f-logo.png) center no-repeat;
		background-size: 200px;
	}
	.footer .box:nth-child(3){
		flex: 0 0 100%;
	}
	.gypages{
		padding: 20px 15px !important;
	}
	.gypages-title{
		margin-bottom: 0;
	}
	.main-goods{
		flex-wrap: wrap;
		padding: 0;
	}
	.gypages-left{
		flex: 0 0 100% !important;
		padding: 0 !important;
	}
	.cppages-li{
		flex: 0 0 49%;
		margin-right: 0 !important;
	}
	.cppages-ul{
		justify-content: space-between;
	}
	.cpdetail-left{
		flex: 0 0 100%;
		margin-bottom: 15px;
	}
	.cpdetail-left img{
		max-width: 100%;
	}
	.goods .cpdetail-top{
		flex-wrap: wrap;
	}
	.cpdetail-right{
		flex: 0 0 100%;
	}
	.newspages-li .news-title{
		display: block;
	}
	.newspages-li .news-title h2{
		font-size: 18px;
	}
	.newspages-li .news-title p{
		font-size: 16px;
	}
	.newspages-li{
		padding-bottom: 20px;
	}
	.contact-box{
		flex-wrap: wrap;
	}
	.contact-box .left{
		flex: 0 0 100%;
		margin-bottom: 10px;
	}
	.contact-box .left ul{
		margin-bottom: 10px;
	}
	.news .news-box .right h2{
		font-size: 18px;
	}
	.contact-box .right{
		flex: 0 0 100%;
	}
	.head-nav.hide{
		display: none;
	}
	.gypages-left ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.gypages-left ul li{
		text-align: center;
		flex: 0 0 33%;
	}
	.gypages-left ul li a{
		margin-bottom: 5px !important;
		padding: 5px 0 !important;
	}
	.gypages-left h2{
		margin-bottom: 5px !important;
	}
}