.index-slide img {
	display: block;
	width: 100%;
}

.index-slide {
	position: relative;
}

.index-slide .prev1 {
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 1;
}

.index-slide .prev1 img,
.index-slide .next1 img {
	max-width: 50px;
	cursor: pointer;
}

.index-slide .next1 {
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 1;
}

.title {
	padding: 0 150px 40px;
	text-align: center;
}

.title h2 {
	font-size: 36px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url(../images/title-bg.png) center bottom no-repeat;
	font-weight: 500;
}

.title h3 {
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	min-height: 90px;
}

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

.home-product .product-ul {
	display: flex;
	justify-content: space-between;
	padding: 0 100px;
	margin-bottom: 40px;
}

.home-product .product-ul .box {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex: 0 0 30%;
	align-items: center;
	padding: 100px 0 20px;
}

.home-product .product-ul .box:nth-child(1) {
	background: #1c52e2 url(../images/goods-cate1.png) center 30px no-repeat;
	border-radius: 70px 25px 70px 25px;
}

.home-product .product-ul .box:nth-child(2) {
	background: #173eb6 url(../images/goods-cate2.png) center 20px no-repeat;
	border-radius: 70px 25px 70px 25px;
}

.home-product .product-ul .box:nth-child(3) {
	background: #122f89 url(../images/goods-cate3.png) center 35px no-repeat;
	border-radius: 70px 25px 70px 25px;
}

.home-product .product-ul .box p {
	text-align: center;
	color: white;
	padding-bottom: 20px;
}

.home-product .product-ul .box a {
	padding: 10px 30px;
	display: inline-block;
	color: white;
	border: 1px solid white;
	border-radius: 25px;
}

.home-product .product-ul .box:nth-child(1):hover {
	background: #1d5af3 url(../images/goods-cate1.png) center 30px no-repeat;
	border-radius: 70px 25px 70px 25px;
}

.home-product .product-ul .box:nth-child(2):hover {
	background: #1d5af3 url(../images/goods-cate2.png) center 20px no-repeat;
	border-radius: 70px 25px 70px 25px;
}

.home-product .product-ul .box:nth-child(3):hover {
	background: #1d5af3 url(../images/goods-cate3.png) center 35px no-repeat;
	border-radius: 70px 25px 70px 25px;
}

.home-product .product-box .box {
	flex: 0 0 30%;
	text-align: center;
	margin-bottom: 50px;
}

.home-product img {
	width: 100%;
}

.home-product .product-box .box-flex {
	padding: 0 100px;
	display: none;
	flex-wrap: wrap;
	justify-content: space-between;
}

.home-product .product-box .box-flex.active {
	display: flex;
}

.home-product .product-box p {
	padding: 20px 0;
	background-color: #646464;
	color: white;
}

.home-product .product-box .box:hover p {
	background-color: #10338b;
}

.home-adv-icon {
	padding: 60px 0;
	background-color: #10338b;
}

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

.home-adv-icon .icon-box .box {
	flex: 0 0 16%;
	color: white;
	text-align: center;
	padding: 120px 20px 0;
	transition: .3s;
}

.home-adv-icon .icon-box .box:hover {
	transform: translateY(-10px);
}

.home-adv-icon .icon-box .box:nth-child(1) {
	background: url(../images/adv-icon01.png) center top no-repeat;
}

.home-adv-icon .icon-box .box:nth-child(2) {
	background: url(../images/adv-icon02.png) center top no-repeat;
}

.home-adv-icon .icon-box .box:nth-child(3) {
	background: url(../images/adv-icon03.png) center top no-repeat;
}

.home-adv-icon .icon-box .box:nth-child(4) {
	background: url(../images/adv-icon04.png) center top no-repeat;
}

.home-adv-icon .icon-box .box:nth-child(5) {
	background: url(../images/adv-icon05.png) center top no-repeat;
}

.home-adv-icon .icon-box .box:nth-child(6) {
	background: url(../images/adv-icon06.png) center top no-repeat;
}

.home-adv-icon .icon-box .box h2 {
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: 500;
}

.home-adv-icon .icon-box .box p {
	font-size: 14px;
}

.home-adv-img {
	height: 50vh;
	background: url(../images/adv-bg.jpg) center fixed no-repeat;
	background-size: cover;
	z-index: -2;
}

.home-adv-img .text {
	display: flex;
	flex-direction: column;
	height: 40vh;
	justify-content: center;
	color: white;
}

.home-adv-img .text h2 {
	font-size: 36px;
	margin-bottom: 30px;
}

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

.home-advs .advs-box .box {
	flex: 0 0 19.7%;
	text-align: center;
	position: relative;
}

.home-advs .advs-box .box:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background: url(../images/adv-color-bg2.jpg) center no-repeat;
	background-size: cover;
	transition: .3s;
}

.home-advs .advs-box .box:hover:before {
	height: 120%;
	background: url(../images/adv-color-bg.jpg) center no-repeat;
	background-size: cover;
}

.home-advs .advs-box .box p {
	position: relative;
	font-weight: bold;
	padding: 150px 0 60px;
	transition: .3s;
}

.home-advs .advs-box .box:nth-child(1) p {
	background: url(../images/adv-icon1.png) center 35% no-repeat;
}

.home-advs .advs-box .box:nth-child(2) p {
	background: url(../images/adv-icon2.png) center 35% no-repeat;
}

.home-advs .advs-box .box:nth-child(3) p {
	background: url(../images/adv-icon3.png) center 35% no-repeat;
}

.home-advs .advs-box .box:nth-child(4) p {
	background: url(../images/adv-icon4.png) center 35% no-repeat;
}

.home-advs .advs-box .box:nth-child(5) p {
	background: url(../images/adv-icon5.png) center 35% no-repeat;
}

.home-advs .advs-box .box:hover p {
	color: white;
	padding: 130px 0 80px;
}

.home-advs .advs-box .box:nth-child(1):hover p {
	background: url(../images/adv-icon1a.png) center 20% no-repeat;
}

.home-advs .advs-box .box:nth-child(2):hover p {
	background: url(../images/adv-icon2a.png) center 20% no-repeat;
}

.home-advs .advs-box .box:nth-child(3):hover p {
	background: url(../images/adv-icon3a.png) center 20% no-repeat;
}

.home-advs .advs-box .box:nth-child(4):hover p {
	background: url(../images/adv-icon4a.png) center 20% no-repeat;
}

.home-advs .advs-box .box:nth-child(5):hover p {
	background: url(../images/adv-icon5a.png) center 20% no-repeat;
}

.home-about {
	margin-top: 80px;
	padding: 20px 0 40px;
	background: url(../images/about-bg.jpg) no-repeat;
}

.home-about .about-box {
	display: flex;
}

.home-about .left {
	flex: 0 0 50%;
	padding: 40px 40px 0 0;
	background: url(../images/about-bg-icon.png) left top no-repeat;
}

.home-about .about-title {
	padding: 50px 0 20px 40px;
	text-transform: uppercase;
	color: #414141;
}

.home-about .left h3 {
	font-size: 36px;
}

.home-about .left p {
	line-height: 30px;
}

.home-about .left h2 {
	font-size: 44px;
}

.home-about .left a {
	display: inline-block;
	padding: 13px 35px;
	color: white;
	background-color: #10338b;
	margin-top: 50px;
	border-radius: 5px;
}

.home-about .left .about-icon {
	display: flex;
	padding-top: 40px;
}

.home-about .left .about-icon .box {
	flex: 0 0 33%;
	padding-top: 60px;
}

.home-about .left .about-icon .box:nth-child(1) {
	background: url(../images/about-icon1.png) no-repeat;
}

.home-about .left .about-icon .box:nth-child(2) {
	background: url(../images/about-icon2.png) no-repeat;
}

.home-about .left .about-icon .box:nth-child(3) {
	background: url(../images/about-icon3.png) no-repeat;
}

.home-about .about-icon span {
	display: inline-block;
}

.home-about .about-icon h2 {
	margin-top: 20px;
}

.home-about .about-icon p {
	text-transform: uppercase;
}

.home-about .about-icon span:first-child {
	font-size: 50px;
	font-weight: bold;
}

.home-about .about-icon span:last-child {
	font-size: 14px;
	font-weight: 500;
}

.home-about .right {
	display: flex;
	align-items: center;
	flex: 0 0 50%;
}

.home-about .right img {
	max-width: 100%;
}

.home-workshop {
	background: url(../images/workshop-bg1.jpg) center no-repeat;
	background-size: cover;
}

.home-workshop .text .box:last-child {
	display: none;
}

.home-workshop .left {
	flex: 0 0 50%;
	padding: 80px 0 100px;
}

.home-workshop .w1200 {
	display: flex;
}

.home-workshop .workshop-box:before {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(16, 51, 139, 0.9);
}

.home-workshop ul {
	display: flex;
	padding-bottom: 100px;
}

.home-workshop ul li {
	cursor: pointer;
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	flex: 0 0 40%;
	margin-right: 20px;
	color: rgba(255, 255, 255, 0.5);
}

.home-workshop ul li.active {
	color: rgba(255, 255, 255, 1);
	border-color: rgba(255, 255, 255, 1);
}

.home-workshop .text {
	padding-right: 60px;
	color: white;
}

.home-workshop .text h2 {
	font-size: 30px;
	padding-bottom: 30px;
}

.home-workshop .text p {
	line-height: 30px;
}

.home-workshop .text a {
	padding: 15px 35px;
	border: 1px solid white;
	background: #10338b;
	color: white;
	display: inline-block;
	margin-top: 80px;
	border-radius: 10px;
}

.home-workshop.a1 {
	background: url(../images/workshop-bg1.jpg) center no-repeat;
	background-size: cover;
}

.home-workshop.a2 {
	background: url(../images/workshop-bg2.jpg) center no-repeat;
	background-size: cover;
}

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

.home-news .news-box {
	display: flex;
	justify-content: space-between;
}

.home-news .news-title {
	padding-bottom: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.home-news .news-title h2 {
	padding-bottom: 20px;
	font-size: 40px;
	color: #10338b;
}

.home-news .news-title a {
	border-radius: 5px;
	padding: 12px 50px 12px 25px;
	border: 1px solid #10338b;
	color: #10338b;
	background: url(../images/news-icon.png) 85% center no-repeat;
}

.home-news .news-box {
	padding: 0 100px;
}

.home-news .text {
	border: 2px solid #10338b;
	background-color: #fff;
	padding: 15px;
}

.home-news .text .img {
	padding-bottom: 15px;
}

.home-news .text img {
	width: 100%;
}

.home-news .text h2 {
	font-size: 16px;
	margin-bottom: 15px;
	color: #10338b;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}

.home-news .text p {
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
}

.home-news .text .time {
	padding-bottom: 15px;
	font-weight: bold;
	padding-top: 5px;
}

.home-news .text span {
	color: #10338b;
}





.home-hotline {
	margin: 20px 0;
	background: url(../images/hotline-bg.jpg) center no-repeat;
}

.home-hotline .hotline-box {
	display: flex;
	justify-content: flex-end;
}

.home-hotline .hotline-box .box {
	flex: 0 0 50%;
	text-align: center;
	color: white;
	padding: 80px 0;
}

.home-hotline .hotline-box .box h2 {
	font-size: 30px;
	font-weight: 500;
	margin: 20px 0 40px;
}

.home-hotline .hotline-box .box p {
	font-size: 18px;
}

.home-hotline .hotline-box .box h2 span {
	font-size: 38px;
}

.home-hotline .hotline-box .box p:last-child {
	display: inline-block;
	padding: 15px 25px;
	font-size: 20px;
	background-color: rgba(255, 255, 255, 0.2);
}

.home-hotline .hotline-box .box p:last-child span {
	font-size: 26px;
}


.banner {
	text-align: center;
}

.banner img {
	width: 100%;
}

.main-nav .w1200 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-nav .left {
	background: url(../images/nav-icon.png) left center no-repeat;
	background-size: 20px;
	padding: 25px 0 25px 25px;
}

.main-nav .left a {
	display: inline-block;
	padding: 0 5px;
}

.main-nav .right a {
	padding: 10px 30px;
	background-color: #10338b;
	color: #fff;
}

.main-title h2 {
	text-transform: uppercase;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	color: #10338b;
	margin-bottom: 50px;
	background: url(../images/aboutT-bg.png) center bottom no-repeat;
}

.about-text {
	min-height: 500px;
}

.about-text .txt {
	line-height: 30px;
}

.about-text .txt img {
	float: right;
	width: 550px;
	padding: 0 0 30px 30px;
}

.about-text .txt p {
	line-height: 40px;
}

.index-pic {
	display: none;
}

.main-page {
	padding: 60px 0;
	background-color: #f8f8f8;
}

.pagination {
	text-align: center;
	margin-bottom: 20px;
}

.pagination .paging-ul {
	display: flex;
	justify-content: center;
}

.pagination .paging-ul li span,
.pagination .paging-ul li a {
	display: inline-block;
	padding: 10px 15px;
	background-color: #fff;
	margin: 0 5px;
	font-size: 14px;
}

.pagination .paging-ul li.paging-active span {
	background-color: #10338b;
	color: white;
}

.main-nav ul {
	display: flex;
}

.main-nav ul li {
	padding-left: 30px;
}

.main-page.goods .w1200 {
	display: flex;
}

.main-page.goods .left {
	flex: 0 0 20%;
}

.main-page.goods .left h2 {
	font-size: 22px;
	padding: 10px 20px;
	background-color: #10338b;
	border-bottom: 1px solid white;
	color: white;
}

.main-page.goods .left ul li a {
	display: block;
	padding: 20px;
	background-color: #fff;
	border-bottom: 1px dashed #ccc;
}

.main-page.goods .left ul li:last-child a {
	border: none;
}

.main-page.goods .left ul li:hover a {
	background-color: #10338b;
	border-color: #10338b;
	color: white;
}

.main-page.goods .right {
	flex: 1;
	padding-left: 50px;
}

.main-page.goods .right .goods-box {
	display: flex;
	flex-wrap: wrap;
}

.main-page.goods .right .box {
	flex: 0 0 31%;
	margin-right: 2.3%;
	margin-bottom: 3%;
	border-bottom: 3px solid transparent;
}

.main-page.goods .right .box img {
	width: 100%;
}

.main-page.goods .right .box p {
	text-align: center;
	padding: 15px 0;
	background-color: #646464;
	color: white;
}

.main-page.goods .right .box:hover p {
	background-color: #10338b;
}

.main-page.goods .right .box:nth-child(3) {
	margin-right: 0;
}

.details-content table tr:first-child {
	color: #10338b;
	font-weight: bold;
	font-size: 16px;
}

.goods-details {
	display: flex;
	flex-wrap: wrap;
}

.goods-details .img {
	flex: 0 0 35%;
}

.goods-details .img img {
	width: 100%;
	padding: 10px;
	background-color: #fff;
}

.goods-details .goods-title {
	flex: 0 0 65%;
	padding-left: 50px;
}

.goods-details .goods-title h2 {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
}

.goods-details ul {
	padding-top: 20px;
}

.goods-details ul li {
	padding: 0 0 25px 35px;
}

.goods-details ul li p {
	padding-bottom: 10px;
	font-size: 16px;
}

.goods-details ul li p:first-child {
	font-weight: bold;
}

.goods-details ul li:first-child {
	background: url(../images/goods-icon1.png) 0 5px no-repeat;
}

.goods-details ul li:last-child {
	background: url(../images/goods-icon2.png) 0 5px no-repeat;
}

.goods-details .goods-content {
	margin-top: 40px;
	flex: 0 0 100%;
}

.goods-details .goods-content .details-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #10338b;
	color: white;
}
.goods-details .goods-content p{
    text-align: center;
}
.goods-details .goods-content .details-title h2 {
	font-size: 18px;
}

.goods-details .goods-content .details-title a {
	padding: 10px 30px;
	background-color: #fff;
	color: #10338b;
}

.postnext {
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid;
	margin-top: 40px;
}
.postnext a{
	display: inline-block;
	padding: 10px 0;
}
.news-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news-box .news-li {
	padding: 25px 40px;
	box-shadow: 0 5px 10px 0 #ccc;
	margin-bottom: 25px;
	background-color: #fff;
	flex: 0 0 49%;
}

.news-box .news-li .news-title {
	padding: 0 10px 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

.news-box .news-li .news-title .time {
	display: inline-block;
	padding-top: 15px;
}

.news-box .news-li .news-title h2 {
	font-weight: bold;
	font-size: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}

.news-box .news-li p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
}

.news-box .news-li:hover h2 {
	color: #10338b;
}

.news-box .news-li span {
	display: inline-block;
	padding: 10px 30px;
	margin-top: 20px;
	border: 1px solid #10338b;
}

.news-box .news-li:hover span {
	background-color: #10338b;
	color: white;
	border-color: #10338b;
}

.news-details h3 {
	padding-bottom: 35px;
	margin-bottom: 35px;
	text-align: center;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 24px;
	border-bottom: 1px solid #ccc;
}

.news-details .text {
	line-height: 30px;
}

.knowledge-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.knowledge-box .k-box {
	flex: 0 0 100%;
	margin-bottom: 20px;
	box-shadow: 0 0 10px #ccc;
	padding: 25px;
	background-color: #fff;
	border-bottom: 2px solid #10338b;
	transition: .3s;
}

.knowledge-box .k-box .k-content {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #ccc;
	line-height: 30px;
}

.knowledge-box .k-box .k-content p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	text-overflow: ellipsis;
	overflow: hidden;
}

.knowledge-box .k-box .k-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.knowledge-box .k-box .k-title span {
	display: inline-block;
	flex: 0 0  30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/k-btn.png) no-repeat;
	background-size: cover;
}

.knowledge-box .k-box .k-title a {
	display: block;
	font-size: 16px;
	line-height: 25px;
	height: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}

.knowledge-box .k-box .k-btn a {
	display: inline-block;
	color: #10338b;
	padding: 7px 30px;
	margin-top: 20px;
	border: 1px solid #10338b;
}

.knowledge-box .k-box .k-btn a:hover {
	background-color: #10338b;
	color: white;
}

.knowledge-box .k-box:hover {
	box-shadow: 0 0 10px #10338b;
}

.margin-top {
	margin-top: 150px;
}

.contact {
	display: flex;
}

.contact .left {
	flex: 0 0 50%;
	background-color: #fff;
	padding: 50px;
}

.contact .left p {
	font-weight: bold;
	font-size: 18px;
}

.contact .left h3 {
	font-size: 20px;
	margin: 20px 0 40px;
	color: #10338b;
}

.contact .left ul li {
	margin-bottom: 25px;
}


.contact .right {
	flex: 1;
}

.ce-box {
	padding-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
}

.ce-box .ce-li {
	flex: 0 0 24%;
	margin: 0 10px 10px 0;
}

.ce-box .ce-li:hover img {
	transform: scale(1.02);
}

.ce-box .ce-li img {
	padding: 10px;
	background-color: #fff;
	transition: .3s;
}

.ce-box .ce-li:nth-child(4n) {
	margin-right: 0;
}

.ce-box .ce-li img {
	width: 100%;
}

.head-m {
	display: none;
}

.home-news .news-box-m {
	display: none;
}

.position-fixed {
	position: fixed;
	z-index: 1;
	right: 2px;
	top: 50%;
	transform: translate(0,-50%);
}
.position-fixed ul li{
	width: 70px;
	height: 70px;
	position: relative;
	margin-bottom: 10px;
	background-color: #10338b;
	color: white;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-size: 12px;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0 0 4px #fff;
	text-align: center;
}
.position-fixed ul li span{
	position: absolute;
	right: 100%;
	top: 0;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 0 15px;
	color: #000;
	height: 70px;
	font-size: 16px;
	opacity: 0;
	transition: .5s;
	z-index: -1;
	transform: translate(100%,0);
	border: 1px solid #10338b;
	border-right: none;
}
.position-fixed ul li:hover span{
	transform: translate(0,0);
	opacity: 1;
}
.position-fixed ul li a{
	text-align: center;
	line-height: 17px;
	padding: 0 5px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	color: white;
}
.position-fixed ul li:nth-child(1),
.position-fixed ul li:nth-child(2){
	background: #10338b url(../images/f-icon2.png) center 15px no-repeat;
	background-size: 22px;
}
.position-fixed ul li:nth-child(3){
	background: #10338b url(../images/f-icon5.png) center 18px no-repeat;
	background-size: 25px;
}
.position-fixed ul li:last-child{
	background: #10338b url(../images/f-icon6.png) center no-repeat;
	background-size: 30px;
}

@media (max-width: 980px) {
	.position-fixed{
		display: none;
	}
	.head-pc {
		display: none;
	}

	.head-m {
		display: flex;
	}

	.head-m {
		position: relative;
		width: 100%;
		z-index: 2;
		justify-content: space-between;
		padding: 10px 0;
	}

	.head-m .left {
		padding-left: 25px;
		flex: 0 0 30%;
	}

	.head-m .left img {
		width: 100%;
	}

	.head-m .right {
		padding-right: 25px;
		flex: 0 0 30%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.head .head-nav{
		flex-direction: column;
	}
	.language {
		width: 100%;
	}
	.language li{
		flex: 0 0 100%;
	}
	.language .b{
		display: none !important;
	}
	
	.language .sub-menu{
		position: relative;
		display: block;
		padding: 0 15px 15px;
		box-shadow: none;
		left: 0;
		top: 0;
		width: 100%;
		transform: none;
	}
	.head-m .right span {
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../images/headm-icon.png) center no-repeat;
	}

	.head-m .head-menu {
		position: absolute;
		top: 100%;
		background-color: white;
		width: 100%;
		left: 0;
	}

	.head-m .head-menu a {
		text-align: left;
		display: block;
		padding: 15px 0 15px 25px;
	}
	.head.fixed li a{
		padding: 15px 0 15px 25px;
	}
	.w1200 {
		padding: 0;
	}

	.index-slide .prev1 img,
	.index-slide .next1 img {
		max-width: 20px;
	}
	.home-about .right {
		display: none;
	}

	.title {
		padding: 0;
	}

	.home-product {
		padding: 20px 15px;
	}

	.title h3 {
		font-size: 14px;
		min-height: 240px;
	}

	.home-product .product-ul {
		padding: 0;
		flex-wrap: wrap;
		margin-bottom: 0;
	}

	.home-product .product-ul .box {
		background: transparent url() !important;
		color: #000;
		margin-bottom: 5px;
		padding: 5px 15px;
		border: 1px solid #ccc;
		border-radius: 0 0 0 0 !important;
		flex: 0 0 100%;
		flex-direction: inherit;
		justify-content: space-between;
	}

	.home-product .product-ul .box p {
		padding-bottom: 5px;
		text-align: left;
		color: #000;
	}

	.home-product .product-ul .box a {
		color: #10338b;
		font-size: 12px;
		padding: 10px;
		border: none;
	}

	.home-product .product-box .box-flex {
		padding: 20px 0 0;
	}

	.home-product .product-box .box {
		flex: 0 0 49%;
		margin-bottom: 10px;
	}

	.home-product .product-box p {
		padding: 10px 0;
	}
    .home-adv-icon .icon-box{
        flex-wrap: wrap;
    }
.home-adv-icon .icon-box .box{
    flex: 0 0 49%;
    margin-bottom: 20px;
}
.home-adv-img{
    padding: 20px 15px 0;
}
.home-adv-img .text{
    height: 30vh;
}
.home-adv-img .text h2{
    font-size: 26px;
    margin-bottom: 15px;
}
.home-advs .advs-box{
    flex-wrap: wrap;
}
.home-advs .advs-box .box{
    flex: 0 0 100%;
    margin-bottom: 10px;
}
.home-advs .advs-box .box p{
    padding: 100px 0 20px;
}
.home-advs .advs-box .box:nth-child(1) p {
    background: url(../images/adv-icon1.png) center 20% no-repeat;
    background-size: 70px;
}
.home-advs .advs-box .box:nth-child(2) p {
    background: url(../images/adv-icon2.png) center 20% no-repeat;
    background-size: 50px;
}
.home-advs .advs-box .box:nth-child(3) p {
    background: url(../images/adv-icon3.png) center 20% no-repeat;
    background-size: 80px;
}
.home-advs .advs-box .box:nth-child(4) p {
    background: url(../images/adv-icon4.png) center 20% no-repeat;
    background-size: 40px;
}
.home-advs .advs-box .box:nth-child(5) p {
    background: url(../images/adv-icon5.png) center 20% no-repeat;
    background-size: 60px;
}
.home-workshop{
    display: block;
}
.home-workshop .workshop-box:before{
    width: 100%;
}
.home-workshop .left{
    flex: 0 0 100%;
    padding: 40px 15px;
}
.home-workshop .text a{
    margin-top: 20px;
}
.home-workshop.a1{
    background: url(../images/workshop-bg1.jpg) left center no-repeat;
    background-size: cover;
}
.home-workshop.a2{
    background: url(../images/workshop-bg2.jpg) left center no-repeat;
    background-size: cover;
}
.home-workshop ul{
    padding-bottom: 15px;
}
	.home-about .left {
		flex: 0 0 100%;
		background: url();
		padding: 0;
	}

	.home-about .left h2 {
		font-size: 36px;
		font-weight: 500;
	}

	.home-about .left h3 {
		font-size: 30px;
		font-weight: 500;
	}

	.home-about {
		margin: 0;
		padding: 20px 15px;
	}

	.home-about .about-title {
		padding: 0;
	}

	.home-about .left a {
		margin-top: 20px;
	}

	.home-about .left .about-icon {
		display: none;
	}
    .home-hotline{
        background: url(../images/hotline-bg.jpg) right center no-repeat;
        background-size: cover;
    }
.home-hotline .hotline-box .box{
    flex: 0 0 100%;
    padding: 20px 15px;
}
.home-hotline .hotline-box .box h2{
    font-size: 20px;
    margin: 20px 0;
}
.home-hotline .hotline-box .box h2 span{
    font-size: 22px;
}
.home-hotline .hotline-box .box p:last-child span{
    display: block;
}


	
	.home-news .news-title {
		display: block;
		padding-bottom: 20px;
	}

	.home-news .news-title a {
		display: inline-block;
		margin-top: 10px;
	}

	.home-news {
		padding: 20px 15px;
	}

	.home-news .news-title h2 {
		font-size: 36px;
		font-weight: 500;
		padding-bottom: 10px;
	}

	.home-news .news-box {
		display: none;
	}

	.home-news .news-box-m {
		display: block;
	}

	.home-news .box {
		padding: 10px;
		border: 1px solid #10338b;
		margin-bottom: 10px;
		background-color: #fff;
	}

	.home-news .box h2 {
		font-size: 18px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.home-news .box .time {
		display: inline-block;
		padding: 10px 0;
	}

	.home-news .box p {
		font-size: 14px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.footer {
		padding: 20px 15px;
	}

	.footer .footer-box .left .f-title {
		margin-bottom: 20px;
		height: 95px;
		background-size: 100% auto;
	}

	.footer .footer-box .left ul li {
		padding: 5px 0 5px 35px;
		margin-bottom: 10px;
	}

	.footer .footer-box .left ul li:last-child {
		margin-top: 15px;
	}

	.footer .footer-box .left ul li img {
		position: relative !important;
	}

	.footer .footer-box .left .f-title:before {
		transform: translate(-20%, 0px);
	}

	.footer .footer-box {
		padding-bottom: 20px;
	}

	.footer .footer-box .left {
		flex: 0 0 100%;
	}

	.footer .footer-box .right {
		display: none;
	}

	.main-nav {
		display: none;
	}

	.main-page {
		padding: 20px 15px;
	}

	.about-text .txt img {
		float: none;
		width: 100%;
		padding: 0;
	}

	.about-text {
		padding: 0;
	}

	.main-title h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.main-page.goods .w1200 {
		display: block;
	}

	.main-page.goods .left h2 {
		font-size: 20px;
	}

	.main-page.goods .left ul li a {
		padding: 10px 20px;
	}

	.main-page.goods .right {
		padding: 0;
	}

	.main-page.goods .right .box {
		margin-right: 0;
		flex: 0 0 49%;
	}

	.main-page.goods .right .goods-box {
		justify-content: space-between;
		padding-top: 20px;
	}

	.main-page.goods .right .box p {
		padding: 5px 0;
	}

	.goods-details .img {
		flex: 0 0 100%;
		margin-top: 20px;
	}

	.goods-details .goods-title {
		padding: 0;
		flex: 0 0 100%;
		margin-top: 20px;
	}

	.goods-details ul {
		display: none;
	}

	.goods-details .goods-content {
		margin-top: 0;
	}

	.goods-details .goods-content .details-title {
		display: none;
	}

	.details-content {
		line-height: 30px;
	}

	.news-box .news-li {
		padding: 15px;
		flex: 0 0 100%;
		margin-right: 0;
	}

	.news-details h3 {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.news-box .news-li span {
		display: none;
	}

	.ce-box .ce-li {
		flex: 0 0 49%;
		margin-right: 0;
	}

	.ce-box {
		justify-content: space-between;
	}

	.knowledge-box .box {
		flex: 0 0 100%;
	}

	.contact .left {
		flex: 0 0 100%;
		padding: 15px;
	}

	.contact {
		flex-wrap: wrap;
	}

	.contact .right {
		flex: 0 0 100%;
	}

	.main-page.goods .left {
		margin-bottom: 15px;
	}
}