<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.none{
	display:none;
}


button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
   /* border: 0*/
  	outline: 0 none;
  	outline-color: transparent;
}

a {
    color: #333;
    display: inline-block;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
  
}

a:active {
    text-decoration: none
}

li {
    list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}

.conwidth{
	max-width: 1400px;
	width: 100%;
	margin: auto;
}

  
 
/**/
.sidebar{
	position: fixed;
	bottom: 35%;
    right: 10px;
    z-index: 99;
	opacity: 0;
    transform: translateX(80px);
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sidebar.show{
	opacity: 1;
	transform: none;
}
.sidebar ul li{
	position: relative;
	text-align: center;
	cursor: pointer;
	border-bottom: #efefef solid 1px;
}
.sidebar ul li:hover{
	border-bottom: #004e98 solid 1px;
}
.sidebar ul li a{
	display: inline-block;
	position: relative;
	width: 54px;
	height: 60px;
	background-color: #FFFFFF;
	border-left: #efefef solid 1px;
	border-right: #efefef solid 1px;
}
.sidebar ul li:hover a, .sidebar ul li.on a{
	background-color: #004e98;
	border-left: #004e98 solid 1px;
	border-right: #004e98 solid 1px;
}
.sidebar ul li a .imgbox{
	width: 100%;
	text-align: center;
}
.sidebar ul li .imgbox img{
	display: inline-block;
	width: 24px;
	margin-top: 10px;
}
.sidebar ul li .imgbox .img1{
}
.sidebar ul li .imgbox .img2{
	display: none;
}
.sidebar ul li:hover .imgbox .img1, .sidebar ul li.on .imgbox .img1{
	display: none;
}
.sidebar ul li:hover .imgbox .img2, .sidebar ul li.on .imgbox .img2{
	display: inline-block;
}
.sidebar ul li .secondary{
	display: none;
	position: absolute;
	right: 60px;
	top: 0;
	z-index: 10;
	min-height: 100%;
	padding: 12px;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 25px rgba(0,0,0,.1);
	border: #efefef solid 1px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	-o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sidebar ul li:hover .secondary{
	display: block;
}
/*.sidebar ul li .secondary::before{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	width: 28px;
	height: 100%;
	background: url(img224.png) top 20px center no-repeat;
}*/
.sidebar ul li .imgli{
	width: 126px;
	padding: 3px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.sidebar ul li .imgli img{
	width: 100%;
}
.sidebar ul li .tit{
	text-align: center;
	color: #333333;
	font-size: 13px;
	margin-top: 5px;
}
.sidebar ul li .txtli{
	position: relative;
	padding-left: 40px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	white-space: nowrap;
}
.sidebar ul li .txtli .img{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 24px;
}
.sidebar ul li .txtli .t1{
	color: #666666;
	font-size: 13px;
	margin-bottom: 5px;
}
.sidebar ul li .txtli .t2{
	font-weight: bold;
	color: #004e98;
	font-size: 18px;
}
.sidebar ul li .txt{
	text-align: center;
	color: #666666;
	font-size: 13px;
}
.sidebar ul li:hover .txt, .sidebar ul li.on .txt{
	color: #FFFFFF;
}
 
.i-title{
	position: relative;
	text-align: center;
}
.i-title .t1{
	font-size: 36px;
	color: #333333;
}
.i-title .t2{
	position: relative;
	z-index: 2;
	font-size: 28px;
}
.i-title .t3{
	font-size: 16px;
	line-height: 2;
	color: #333333;
}
.i-title .t4{
	position: absolute;
	left: 0;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	width: 100%;
	text-align: center;
	font-family: "DIN-BOLD";
	font-size: 81px;
	color: rgba(30,33,137,0.06);
}
.i-title .t5{
	font-size: 24px;
}
.i-title .t6, .detail-title .t1{
	font-size: 32px;
	color: #333333;
}
.i-title .sp{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-family: "DIN";
	font-size: 18px;
}
.i-title .sp1{
	display: inline-block;
	margin-right: 10px;
	font-family: "DIN";
}
.i-title .blue{
	color: #004e98;
}
.i-title .bold{
	font-weight: bold;
}
.i-title .left{
	text-align: left;
}
.i-title .uppercase{
	text-transform: uppercase;
}
/*index*/
/*浜у搧涓績*/
.switch{
	padding-top: 70px;
	padding-bottom: 70px;
}
.switch .box{
	margin-top: 35px;
}
.switch-tab ul{
	text-align: center;
	font-size: 0;
}
.switch-tab ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
	color: #535353;
	font-size: 16px;
	padding: 0px 20px;
	min-width: 140px;
	line-height: 40px;
	border: #d9d9d9 solid 1px;
	border-radius: 21px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
}
.switch-tab ul li:last-child{
	margin-right: 0;
}
.switch-tab ul li:hover, .switch-tab ul li.on{
	border: #004e98 solid 1px;
	background-color: #004e98;
	color: #FFFFFF;
}
.switch-box{
	margin-top: 55px;
}
.switch-box .switch-li{
	/*display: none;*/
}
.productli{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	border: #f1f1f1 solid 1px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.productli:nth-child(3n){
	margin-right: 0;
}
.recommend .productli{
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
}
.productli a{
	display: block;
	width: 100%;
}
.productli .imgbox{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.productli .imgbox img{
	width: 100%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.productli:hover .imgbox img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.productli .txtbox{
	border-top: #f1f1f1 solid 1px;
	background-color: #f8f8f8;
	padding: 8.9% 6%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.productli:hover .txtbox{
	background-color: #004e98;
}
.productli .txtbox .t1{
	color: #333333;
	font-size: 24px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{
	font-size: 20px;
}
.productli .txtbox .t2{
	color: #999999;
	font-size: 16px;
	line-height: 1.8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.productli:hover .txtbox .t1{
	color: #ffffff;
}
.productli:hover .txtbox .t2{
	color: #ebebeb;
}

/*鏂伴椈涓績*/
.newli{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	background-color: #f8f8f8;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.new .newli{
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
	background-color: #FFFFFF;
}
.newli:nth-child(3n){
	margin-right: 0;
}
.newli a{
	display: block;
	width: 100%;
}
.newli .imgbox{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.newli .imgbox img{
	width: 100%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.newli:hover .imgbox img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.newli .txtbox{
	padding-top: 20px;
	padding-bottom: 13%;
	padding-left: 8.9%;
	padding-right: 8.9%;
}
.newli .txtbox .t1{
	color: #999999;
	font-size: 14px;
}
.newli .txtbox .t2{
	color: #333333;
	font-size: 20px;
	margin-top: 15px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.newli:hover .txtbox .t2{
	color: #005199;
}
.newli .txtbox .t3{
	margin-top: 10px;
	color: #666666;
	font-size: 16px;
	line-height: 2;
	min-height: 64px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newli .txtbox .btn{
	text-align: left;
	margin-top: 20px;
}
.newli .txtbox .btn span{
	display: inline-block;
	color: #666666;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	padding: 0px 20px;
	border: #dbdbdb solid 1px;
	border-radius: 18px;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.newli:hover .txtbox .btn span{
	color: #FFFFFF;
	border: #005199 solid 1px;
	background-color: #005199;
}
  
 

/*浜у搧涓績*/
.product{
	padding-top: 50px;
}
.product .leftbox{
	float: left;
	width: 260px;
}
.classify .tit{
	position: relative;
	width: 100%;
	background-color: #004f99;
	padding: 24px 70px 24px 28px;
	border-radius: 5px 5px 0px 0px;
	overflow: hidden;
	-o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.classify .tit span{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	color: #fefefe;
	font-size: 24px;
	font-weight: bold;
}
.classify .tit i{
	position: absolute;
	right: 28px;
	top: 0;
	width: 27px;
	height: 100%;
	background: url(img44.png) center right no-repeat;
	background-size: 27px 24px;
}
.classify .c-nav1{
	height: 80vh;
}
.classify .c-nav1&gt;ul{
	padding-top: 5px;
	padding-bottom: 40px;
	background-color: #f1f7ff;
	max-height: 100%;
	overflow: auto;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.classify&gt;ul&gt;li{
	/*padding-bottom: 12px;*/
}
.classify ul li .o-level, .classify .conwidth&gt;ul&gt;li&gt;a{
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 12px;
	cursor: pointer;
}
.classify ul li .o-level span{
	position: relative;
	display: block;
	padding-right: 30px;
	color: #333333;
	font-size: 18px;
	padding: 10px 0px;
	overflow: hidden;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.classify ul li.on .o-level span{
	color: #0058a4;
}
.classify ul li .o-level i{
	position: absolute;
	right: 0;
	top: 10px;
	width: 22px;
	height: 22px;
	background: url(img40.png) center no-repeat;
	background-size: 19px 19px;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.classify ul li.on .o-level i{
	/*-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);*/
}
.classify ul li.on .o-level i{
	background: url(img41.png) center no-repeat;
	background-size: 19px 19px;
}
.classify ul li ul{
	display: none;
	width: 100%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.classify ul li ul.other{
	display: block;
}
.classify ul li ul li{
}
.classify ul li ul&gt;li&gt;a, .classify ul li ul li .t-level{
	position: relative;
	display: block;
	width: 100%;
	color: #333333;
	font-size: 18px;
	line-height: 2.2;
	padding-left: 60px;
	padding-right: 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.classify ul li ul&gt;li&gt;a i{
	position: absolute;
	left: 30px;
	top: 0;
	width: 20px;
	height: 100%;
	background: url(img43.png) center no-repeat;
}
.classify ul li ul li .t-level i{
	position: absolute;
	left: 30px;
	top: 0;
	width: 20px;
	height: 100%;
	background: url(img42.png) center no-repeat;
}
.classify ul li ul li.on .t-level i{
	background: url(img43.png) center no-repeat;
}
.classify ul li ul&gt;li&gt;a:hover, .lookup-nav ul li ul&gt;li.on&gt;a, .classify ul li ul li .t-level:hover, .classify ul li ul li.on .t-level{
	color: #0058a4;
}
.classify ul li ul li .level-box{
    display: none;
}
.classify ul li ul li .level-li{
	margin: 0px auto 5px;
    overflow: hidden;
}
.classify ul li ul li .level-li a{
	position: relative;
	display: block;
	color: #333333;
	font-size: 16px;
	line-height: 2.2;
	margin-bottom: 4px;
	padding-left: 90px;
	overflow: hidden;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.classify ul li ul li .level-li a:before{
	content: '';
	position: absolute;
	top: 16px;
	left: 64px;
	width: 14px;
	height: 1px;
	background-color: #666666;
}
.classify ul li ul li .level-li a:hover:before, .classify ul li ul li .level-li a.on:before{
	background-color: #0058a4;
}
.classify ul li .t-level a.on, .classify ul li ul li .level-li a:hover, .classify ul li ul li .level-li a.on{
	color: #0058a4;
}
/*浜у搧涓績鍒楄〃*/
.product .rightbox{
	float: left;
	width: 80%;
	width: -moz-calc(100% - 280px);
	width: -webkit-calc(100% - 280px);
	width: calc(100% - 280px);
	padding-left: 3%;
	overflow: hidden;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.product-list{
}
.product-list .tit{
 padding-bottom:20px;
	overflow: hidden;
}
.product-list .tit .sp1{
	display: inline-block;
	color: #fff;width:422px; height:60px;padding-left:15px; line-height:60px;
	font-size: 24px;
	background: url(pro_sm.png) no-repeat;
}
.product-list .tit .sp2{
	display: inline-block;
	vertical-align: baseline;
	margin-left: 5px;
	color: #c8c7c7;
	font-size: 14px;
	text-transform: uppercase;
}
.product-list ul{
	margin-bottom: 50px;
}

 

/*浜у搧璇︽儏*/
.c-nav2-wrap .c-nav2 {
  	position: relative;
  	z-index: 10;
}
.c-nav2-wrap .c-nav2::before {
  	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
 	z-index: -1;
  	width: 100%;
  	height: 100%;
  	-webkit-backdrop-filter: saturate(180%) blur(4px);
	backdrop-filter: saturate(180%) blur(4px);
  	/*background: rgba(250, 250, 250, 0.9);*/
	background: rgba(255, 255, 255, 0.9);
}
@media only screen and (max-width: 991px) {
  	.c-nav2-wrap .c-nav2 {
    	padding: 0;
  	}
  	/*.c-nav2-wrap .c-nav2 .swiper-container{
    	border-bottom: 1px solid #ddd;
  	}*/
}
.c-nav2-wrap .c-nav2 .swiper-container{
	border-top: #e6e6e6 solid 1px;
}
.c-nav2-wrap .c-nav2 .swiper-slide {
  	margin-right: 50px;
  	width: auto;
  	line-height: 78px;
  	color: #333333;
  	font-size: 18px;
  	cursor: pointer;
}
@media only screen and (max-width: 1681px) {
  	.c-nav2-wrap .c-nav2 .swiper-slide {
    	line-height: 54px;
  	}
}
@media only screen and (max-width: 991px) {
  	.c-nav2-wrap .c-nav2 .swiper-slide {
   		margin-right: 20px;
    	line-height: 50px;
  	}
}
.c-nav2-wrap .c-nav2 .swiper-slide.on {
  	color: #0058a4;
}
.c-nav2-wrap .c-nav2 .swiper-slide.on::before {
  	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	border-top: 2px solid #0058a4;
}
@media only screen and (max-width: 991px) {
  	.c-nav2-wrap .c-nav2 .swiper-slide.on::before {
    	top: auto;
    	bottom: 0;
  	}
}
.c-nav2-wrap .c-nav2 .swiper-slide:hover {
  	color: #0058a4;
}

/*浜у搧姒傝堪*/
.overview{
}
.overview .left-wrap{
	float: left;
	width: 48.5%;
	overflow: hidden;
}
.overview .pc-slide{
	position: relative;
	width: 100%;
	margin: 0 auto;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.overview .view, .overview .preview{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.overview .view .swiper-container {
	width: 100%;
}
.overview .pc-slide .arrow-left {
	background: url(img56.png) no-repeat left top;
	background-size: 60px 60px;
	position: absolute;
	left: 0;
	top: 38%;
	/*margin-top: -30px;*/
	width: 60px;
	height: 60px;
	z-index: 10;
}
.overview .pc-slide .bigimg{
	width: 100%;
	overflow: hidden;
}
.overview .pc-slide .bigimg img{
	width: 100%;
}
/*.pc-slide .arrow-left:hover{
	background: url(img86.png) no-repeat left bottom;
	background-size: 60px 60px;
}*/
.overview .pc-slide .arrow-right{
	background: url(img57.png) no-repeat left bottom;
	background-size: 60px 60px;
	position: absolute;
	right: 0;
	top: 38%;
	/*margin-top: -30px;*/
	width: 60px;
	height: 60px;
	z-index: 10;
}
/*.pc-slide .arrow-right:hover{
	background: url(img88.png) no-repeat left bottom;
	background-size: 60px 60px;
}*/
.overview .preview {
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.overview .preview .swiper-container {
	width: 100%;
}
.overview .preview .swiper-slide{
	width: 108px;
	height: 100px;
	cursor:pointer;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.overview .preview .swiper-slide .smallimg{
	padding-right: 20px;
	overflow: hidden;
}
.overview .preview .swiper-slide .smallimg span{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 12px;
}
.overview .preview .swiper-slide .smallimg img{
	width: 100%;
}
.overview .preview .swiper-slide.active-nav .smallimg span:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	/*border: #0058a4 solid 2px;*/
	background: url(img64.png) center no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.overview .right-wrap{
	float: right;
	width: 45%;
	/*overflow: hidden;*/
}
.overview .right-wrap .i-title .t2{
	position: static;
	color: #0058a4;
}
.overview .right-wrap .i-title .t3{
	color: #666666;
	margin-top: 15px;
}
.overview .right-wrap .features{
	margin-top: 12%;
	padding-bottom: 30px;
	border-bottom: #d6d6d6 solid 1px;
}
.overview .right-wrap .features .tit{
	color: #333333;
	font-size: 20px;
}
.overview .right-wrap .features ul{
	margin-top: 15px;
}
.overview .right-wrap .features ul li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
	color: #666666;
	font-size: 16px;
	line-height: 2;
}
.overview .right-wrap .features ul li i{
	position: absolute;
	left: 0;
	top: 13px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #0058a4;
}
.overview .right-wrap .btn{
	margin-top: 12%;
	text-align: left;
}
.overview .right-wrap .btn a{
	display: inline-block;
	text-align: center;
	min-width: 160px;
	padding: 0px 20px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #0058a4;
	margin-bottom: 20px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.overview .right-wrap .btn a:hover{
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

/**/
.movebox&gt;li{
	padding-top: 40px;
	padding-bottom: 40px;
}
.movebox&gt;li:first-child{
	padding-top: 20px;
}
.movebox&gt;li:last-child{
	padding-bottom: 0;
}
.product .subtit{
	color: #333333;
	font-size: 24px;
	padding-bottom: 25px;
	border-bottom: #dddddd solid 1px;
}
.recommend .subtit{
	border-bottom: none;
}
.product .padding{
	padding: 0 4.2%;
}
.specs{
	line-height:1.6;
}
.specs ul li{
	list-style-type:disc;
}
/*浜у搧鐗圭偣*/
.characteristic{
}
.characteristic ul{
	margin-top: 5.1%;
	font-size: 0;
}
.characteristic ul li{
	display: inline-block;
	vertical-align: top;
	width: 47%;
	overflow: hidden;
	margin-bottom: 5.1%;
	margin-right: 6%;
}
.characteristic ul li:nth-child(2n){
	margin-right: 0;
}
.characteristic ul li .img{
	float: left;
	width: 20.9%;
	overflow: hidden;
}
.characteristic ul li .img img{
	width: 100%;
}
.characteristic ul li .txt{
	float: left;
	width: 79.1%;
	padding-left: 6%;
	padding-right: 6%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.characteristic ul li .t1{
	color: #333333;
	font-size: 18px;
	margin-bottom: 10px;
}
.characteristic ul li .t2{
	color: #999999;
	font-size: 16px;
	line-height: 1.7;
}
/*瑙勬牸鍙傛暟*/
.specs{
	
}
.specs .table{
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom: 30px;
}
.specs .table tr th{
	color: #ffffff;
	font-size: 16px;
	height: 56px;
	text-align: center;
	background-color: #0058a4;
	border: #0058a4 solid 1px;
	text-align: center;
}
.specs .table tr td{
	color: #666666;
	font-size: 16px;
	height: 56px;
	border: #efefef solid 1px;
	text-align: center;
}
.specs .table tr:nth-child(odd) td{
	background-color: #fafafa;
}
.specs .table tr:nth-child(even) td{
	background-color: #f5f5f5;
}
.specs .table tr:hover td{
	background-color: #cee8ff;
}
.specs .img{
	width: 100%;
	overflow: hidden;
	margin-bottom: 45px;
}
.specs .img img{
	max-width: 100%;
}
/*浜у搧璇︽儏鍥�*/
.detail-map{
}
.detail-map .imgbox{
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 30px;
}
.detail-map .imgbox .img{
	width: 100%;
	overflow: hidden;
}
.detail-map .imgbox img{
	max-width: 100%;
}
.detail-map .spotbox{
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 15px 35px;
	border-radius: 26px;
	background-color: #f4f4f4;
	margin-top: 40px;
}
.detail-map .swiper-pagination{
	position: static;
}
.detail-map .swiper-pagination-clickable .swiper-pagination-bullet{
	display: inline-block;
	margin: 0 7px;
}
.detail-map .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	background-color: #dbdbdb;
	opacity: 1;
}
.detail-map .swiper-pagination-bullet-active{
	background-color: #004f99;
}
/*鍏稿瀷搴旂敤*/
.typical{	
}
.typical ul{
	margin-top: 30px;
}
.typical ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.typical ul li:nth-child(3n){
	margin-right: 0;
}
.typical ul li a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.typical ul li a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,42,82,0.45);
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.typical ul li:hover a:before{
	background: rgba(0,28,66,0.4);
}
.typical ul li .img{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.typical ul li .img img{
	width: 100%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.typical ul li:hover .img img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.typical ul li .txt{
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 2;
	width: 100%;
	text-align: center;
	padding: 0px 20px;
	color: #ffffff;
	font-size: 18px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*鐩稿叧浜у搧鎺ㄨ崘*/
.recommend{
	position: relative;
}
.recommend .rebox{
	padding: 0px 60px;
}
.relevant{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.recommend .swiper-button-next, .recommend .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.recommend .swiper-button-prev, .recommend .swiper-container-rtl .swiper-button-next {
    background-image: url(img81a.png);
    left: 0;
    right: auto;
}
.recommend .swiper-button-next, .recommend .swiper-container-rtl .swiper-button-prev {
    background-image: url(img82a.png);
    right: 0;
    left: auto;
}
.recommend .swiper-button-next.swiper-button-disabled{
	opacity: 0.5;
	background-image: url(img82.png);
}
.recommend .swiper-button-prev.swiper-button-disabled{
	opacity: 0.5;
	background-image: url(img81.png);
}
 
/* 鑱旂郴鎴戜滑 */
.contact{
	padding-top: 110px;
}
.contact .infor{
	margin-top: 110px;
	padding-bottom: 90px;
}
.contact .infor ul{
	font-size: 0;
}
.contact .infor ul li{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: left;
	padding: 0px 15px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.contact .infor ul li .cont{
	display: inline-block;
	text-align: center;
	max-width: 280px;
}
.contact .infor ul li:first-child .cont{
	text-align: left;
}
.contact .infor ul li .icon{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
/*.contact .infor ul li .icon img{
	max-width: 25%;
}*/
.contact .infor ul li .txt{
}
.contact .infor ul li .t1{
	color: #666666;
	font-size: 16px;
}
.contact .infor ul li .t2{
	color: #333333;
	font-size: 18px;
	margin-top: 5px;
}
.contact .infor ul li .t2 .sp{
	display: inline-block;
	color: #666666;
	font-size: 16px;
}
.contact .mapbox{
	padding-top: 85px;
	padding-bottom: 110px;
	background-color: #f9f9f9;
}
/* 鍦ㄧ嚎鐣欒█ */
.message{
	padding-top: 110px;
	padding-bottom: 90px;
}
.message .box{
	margin-top: 80px;
}
.message .box form{
	width: 100%;
}
.message .box .inputli{
	width: 100%;
	margin-bottom: 3%;
}
.message .box .inputli:last-child{
	margin-bottom: 0;
}
.message .box .borbg{
	padding: 0px 20px;
	background-color: #f9f9f9;
	border: #efefef solid 1px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.message .box .inputli .half{
	float: left;
	width: 48.5%;
	margin-right: 3%;
	height: 70px;
}
.message .box .inputli .half:nth-child(2n){
	margin-right: 0;
}
.message .box .inputli input{
	width: 100%;
	height: 68px;
	line-height: 68px;
	background: none;
	outline: none;
	border: none;
	color: #333333;
	font-size: 14px;
	padding: 0;
}
.message .box .inputli textarea{
	width: 100%;
	height: 170px;
	line-height: 2;
	background: none;
	outline: none;
	border: none;
	color: #333333;
	font-size: 14px;
	padding: 15px 0px;
}
.message .box .inputli input::-webkit-input-placeholder, .message .box .inputli textarea::-webkit-input-placeholder{
    font-family: "寰蒋闆呴粦";
	color: #b5b5b5;
}
.message .box .inputli input:-moz-placeholder, .message .box .inputli textarea:-moz-placeholder{
  	font-family: "寰蒋闆呴粦";
	color: #b5b5b5;
}
.message .box .inputli input:-ms-input-placeholder, .message .box .inputli textarea:-ms-input-placeholder{
  	font-family: "寰蒋闆呴粦";
	color: #b5b5b5;
}
.message .box .inputbtn{
	width: 160px;
	height: 50px;
	text-align: center;
	background-color: #004098;
	border-radius: 25px;
	margin: 50px auto 0px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.message .box .inputbtn:hover{
	opacity: 0.8;
}
.message .box .inputbtn input{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: none;
	outline: none;
	border: none;
	color: #ffffff;
	font-size: 16px;
}
/*鏂伴椈涓績*/
.new{
	padding-top: 95px;
}
.new .other{
	margin-bottom: 110px;
	background-color: #f8f8f8;
}
.new .other a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.new .other .imgbox{
	float: left;
	width: 46%;
	overflow: hidden;
}
.new .other .imgbox img{
	width: 100%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.new .other:hover img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.new .other .txtbox{
	float: right;
	width: 50%;
	padding-right: 4%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.new .other .txtbox .t1{
	color: #999999;
	font-size: 16px;
	margin-top: 7%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.new .other .txtbox .t1 .sp{
	display: inline-block;
	color: #004098;
	font-size: 36px;
	font-weight: bold;
}
.new .other .txtbox .t1 .sp1{
	display: inline-block;
	margin: 0px 10px;
}
.new .other .txtbox .t2{
	color: #004f99;
	font-size: 24px;
	margin-top: 30px;
}
.new .other .txtbox .t3{
	color: #666666;
	font-size: 16px;
	line-height: 2;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.new .other .txtbox .btn{
	text-align: left;
	margin-top: 9%;
}
.new .other .txtbox .btn span{
	display: inline-block;
	text-align: center;
	width: 110px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	background-color: #004f99;
	color: #FFFFFF;
	font-size: 14px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.new .other .txtbox .btn span:hover{
	opacity: 0.8;
}
.new .newbox{
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #f8f8f8;
}
.new .newbox ul{
	margin-top: 70px;
	margin-bottom: 30px;
}
/*鏂伴椈璇︽儏*/
.new-detail{
	padding-top: 80px;
	padding-bottom: 50px;
}
.new-detail .box{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.detail-title{
	text-align: center;
	padding-bottom: 30px;
}
.detail-title .t2{
	color: #666666;
	font-size: 14px;
	margin-top: 30px;
}
.detail-title .t2 .txtli{
	display: inline-block;
}
.detail-title .t2 .txtli .sp{
	margin: 0px 20px;
}
.detail-title .t2 img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.detail-title .t2 .txtli:last-child{
	margin-right: 0;
}
.detail-box{
	padding: 30px 0px;
	color: #333333;
	font-size: 16px;
	line-height: 2;
	overflow: hidden;
	border-top: #f4f4f4 solid 1px;
}
.detail-box img{
	max-width: 100%;
}
.detail-other{
	padding-top: 3%;
	padding-bottom: 3%;
	border-top: #f4f4f4 solid 1px;
	overflow: hidden;
	background-color: #f1f1f1;
}
/*20210508*/
.solution-detail .detail-other{
	background:none;
}
/**/
.back-to{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.back-to a{
	display: block;
	min-width: 160px;
	padding: 0 15px;
	text-align: center;
	border: #dcdcdc solid 1px;
	line-height: 44px;
	color: #ffffff;
	font-size: 16px;
	background-color: #004098;
	border-radius: 22px;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.back-to a:hover{
	background-color: #FFFFFF;
	color: #000000;
}
.nextprev{
	position: relative;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.nextprev ul{
}
.nextprev ul li{
	float: left;
	width: 38.6%;
	margin-right: 22.8%;
}
.nextprev ul li:nth-child(2n){
	text-align: right;
	margin-right: 0;
}
.nextprev ul li a{
	display: inline-block;
	width: 100%;
	font-family: "microsoft yahei";
	color: #333333;
	font-size: 16px;
	line-height: 44px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nextprev ul li a:hover{
	color: #004098;
}
.nextprev ul li a .sp{
	color: #004098;
}
/* 鐩稿叧鏂伴椈鎺ㄨ崘 */
.tuijian{
	padding-top: 40px;
	padding-bottom: 80px;
}
.tuijian .box{
	position: relative;
	margin-top: 50px;
	padding: 0px 55px;
}
.tuijianbox{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.tuijian .re-newli{
	width: 100%;
	overflow: hidden;
}
.tuijian .re-newli .imgbox{
	padding: 5px;
	border: #f4f4f4 solid 1px;
}
.tuijian .re-newli .imgbox .img{
	width: 100%;
	overflow: hidden;
}
.tuijian .re-newli .imgbox .img img{	
	width: 100%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.tuijian .re-newli:hover .imgbox .img img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.tuijian .re-newli .txt{
	margin-top: 15px;
	padding: 0px 15px;
	text-align: left;
	color: #333333;
	font-size: 16px;
	line-height: 2;
}
.tuijian .re-newli:hover .txt{
	color: #004098;
}
.tuijian .swiper-button-next, .tuijian .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 34px;
    margin-top: -17px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.tuijian .swiper-button-next, .tuijian .swiper-container-rtl .swiper-button-prev {
    background-image: url(img131a.png);
    right: 0;
    left: auto;
}
.tuijian .swiper-button-prev, .tuijian .swiper-container-rtl .swiper-button-next {
    background-image: url(img130a.png);
    left: 0;
    right: auto;
}
.tuijian .swiper-button-next.swiper-button-disabled{
	opacity: 0.5;
	background-image: url(img131.png);
}
.tuijian .swiper-button-prev.swiper-button-disabled{
	opacity: 0.5;
	background-image: url(img130.png);
}
@media only screen and (max-width: 1440px){
	.new-detail{
		padding-top: 70px;
	}
	.back-to a{
		min-width: 140px;
	}
	.tuijian .re-newli .txt{
		font-size: 15px;
	}
}
@media only screen and (max-width: 1280px){
	.detail-title .t2{
		font-size: 15px;
		margin-top: 40px;
	}
	.detail-box{
		font-size: 15px;
	}
	.nextprev ul li a{
		font-size: 15px;
	}
	.back-to a{
		font-size: 16px;
	}
}
@media only screen and (max-width: 1024px){
	.new-detail{
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.detail-title .t2{
		margin-top: 25px;
	}
	.back-to{
		display: none;
	}
	.detail-other{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.nextprev ul{
		padding: 0 30px;
	}
	/*20210508*/
	.solution-detail .nextprev ul{
		padding: 0px;
	}
	.nextprev ul li{
		float: none;
		width: 100%;
		text-align: left;
	}
	.nextprev ul li:nth-child(2n){
		text-align: left;
	}
	.nextprev ul li:last-child{
		margin-bottom: 0;
	}
	.nextprev ul li a{
		line-height: 2;
	}
	.tuijian{
		padding-bottom: 70px;
	}
	.tuijian .box{
		margin-top: 40px;
	}
	.tuijian .re-newli .txt{
		margin-top: 10px;
	}
}
@media only screen and (max-width: 768px){
	.new-detail{
		padding-top: 50px;
	}
	.detail-title{
		padding-bottom: 25px;
	}
	.detail-box{
		padding: 25px 0px;
	}
	.tuijian{
		padding-bottom: 60px;
	}
}
@media only screen and (max-width: 640px){
	.detail-title .t2 .txtli .sp{
		margin: 0px 15px;
	}
	.new-detail{
		padding-bottom: 30px;
	}
	.tuijian{
		padding-top: 30px;
		padding-bottom: 50px;
	}
}
@media only screen and (max-width: 576px){
	.new-detail{
		padding-top: 40px;
	}
	.detail-title{
		padding-bottom: 20px;
	}
	.detail-title .t2{
		font-size: 14px;
		margin-top: 20px;
	}
	.detail-title .t2 .txtli .sp{
		margin: 0px 10px;
	}
	.detail-box{
		padding-top: 20px;
		font-size: 14px;
	}
	.tuijian .box{
		margin-top: 30px;
	}
	.nextprev ul li a{
		font-size: 14px;
	}
	.tuijian .re-newli .txt{
		margin-top: 5px;
		font-size: 14px;
		line-height: 1.8;
	}
}


@media only screen and (max-width: 1680px){
  	.i-title .t1{
  		font-size: 34px;
  	}
  	.productli .txtbox .t1{
  		font-size: 22px;
  	}
  
}
@media only screen and (max-width: 1536px){
	.conwidth{
		padding-left: 7%;
		padding-right: 7%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	 
	/**/
	.i-title .t1{
		font-size: 32px;
	}
	/*.i-title .t2{
		font-size: 28px;
	}*/
	.i-title .t3{
		font-size: 15px;
	}
	.i-title .t4{
		font-size: 72px;
	}
	.i-title .t5{
		font-size: 22px;
	}
	.i-title .t6, .detail-title .t1, .ask-box .tit{
		font-size: 28px;
	}
 
	/*index*/
	.productli .txtbox .t2{
		font-size: 15px;
	}
	 
	.newli .txtbox .t2 {
		font-size: 18px;
	}
	.newli .txtbox .t3{
		font-size: 15px;
		min-height: 60px;
	}
	 
	/*鑱旂郴鎴戜滑*/
	.contact{
		padding-top: 80px;
	}
	.contact .infor{
		margin-top: 80px;
		padding-bottom: 70px;
	}
	.contact .infor ul li .t1, .contact .infor ul li .t2 .sp{
		font-size: 15px;
	}
	.contact .infor ul li .t2{
		font-size: 16px;
	}
	.contact .mapbox{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.message{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.message .box .inputli .half{
		height: 65px;
	}
	.message .box .inputli textarea{
		height: 170px;
	}
	.message .box .inputli input{
		height: 63px;
		line-height: 63px;
	}
	 
	/*鏂伴椈璧勮*/
	.new{
		padding-top: 80px;
	}
	.new .other{
		margin-bottom: 80px;
	}
	.new .other .txtbox .t1{
		margin-top: 20px;
	}
	.new .other .txtbox .t1 .sp{
		font-size: 34px;
	}
	.new .other .txtbox .t2{
		margin-top: 20px;
		font-size: 22px;
	}
	.new .other .txtbox .t3{
		font-size: 15px;
	}
	 
	/*浜у搧璇︽儏*/
	.c-nav2-wrap .c-nav2 .swiper-slide{
		font-size: 17px;
	}
	.overview .right-wrap{
		padding-top: 15px;
	}
	.overview .right-wrap .features{
		margin-top: 30px;
		padding-bottom: 20px;
	}
	.overview .right-wrap .features .tit{
		font-size: 18px;
	}
	.overview .right-wrap .features ul li{
		font-size: 15px;
	}
	.overview .right-wrap .btn{
		margin-top: 30px;
	}
	.overview .right-wrap .btn a{
		min-width: 140px;
		font-size: 16px;
	}
	.movebox&gt;li{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.product .subtit{
		font-size: 22px;
		padding-bottom: 20px;
	}
	.characteristic ul li .t1{
		font-size: 16px;
	}
	.characteristic ul li .t2{
		font-size: 15px;
	}
	.specs .table tr th{
		font-size: 15px;
	}
	.specs .table tr td{
		font-size: 15px;
	}
	.detail-map .spotbox{
		padding: 12px 25px;
	}
	.typical ul li .txt{
		font-size: 16px;
	}
	.product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{
		font-size: 18px;
	}
	.c-nav2-wrap .c-nav2 .swiper-slide{
		margin-right: 40px;
	}
}
@media only screen and (max-width: 1440px){
	/*header*/
	/*.head-nav .nav&gt;li{
		margin-right: 30px;
	}*/
	.head-nav .nav&gt;li&gt;a{
		min-width: 110px;
	}
	/*footer*/
	.footer .foot-infor{
		width: 35%;
	}
	/*index*/
	.i-title .t1{
		font-size: 30px;
	}
	.productli .txtbox .t1{
		font-size: 20px;
	}
	 
   
  	/*鑱旂郴鎴戜滑*/
	.contact{
		padding-top: 70px;
	}
	.contact .infor{
		margin-top: 70px;
	}
	.contact .mapbox{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.contact .infor ul li .icon img{
		max-width: 60px;
	}
	
	.message{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.message .box{
		margin-top: 70px;
	}
	.message .box .inputli .half{
		height: 60px;
	}
	.message .box .inputli textarea{
		height: 150px;
	}
	.message .box .inputli input{
		height: 58px;
		line-height: 58px;
	}
	.message .box .inputbtn{
		height: 45px;
	}
	.message .box .inputbtn input{
		height: 45px;
		line-height: 45px;
	}
	 
	/*鏂伴椈璧勮*/
	.new{
		padding-top: 70px;
	}
	.new .other{
		margin-bottom: 70px;
	}
	.new .newbox{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.new .newbox ul{
		margin-top: 60px;
	}
	 
	/*浜у搧涓績*/
	.product{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.classify .tit{
		padding: 20px 60px 20px 24px;
	}
	.classify .tit i{
		right: 24px;
	}
	.classify .tit span{
		font-size: 22px;
	}
	.classify ul li .o-level{
		padding-left: 25px;
		padding-right: 25px;
	}
	.classify ul li ul&gt;li&gt;a, .classify ul li ul li .t-level{
		font-size: 16px;
	}
	.classify ul li ul li .level-li a{
		font-size: 15px;
	}
	/*浜у搧璇︽儏*/
	.c-nav2-wrap .c-nav2 .swiper-slide{
		font-size: 16px;
	}
	.overview .left-wrap{
		float: none;
		width: 100%;
	}
	.overview .right-wrap{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.movebox&gt;li{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.product .padding{
		padding: 0;
	}
	.product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{
		font-size: 17px;
	}
	.c-nav2-wrap .c-nav2 .swiper-slide{
		margin-right: 30px;
	}
	.detail-map .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}
	.typical ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.typical ul li:nth-child(3n){
		margin-right: 4%;
	}
	.typical ul li:nth-child(2n){
		margin-right: 0;
	}
	.recommend .swiper-button-next, .recommend .swiper-button-prev{
		width: 42px;
		height: 42px;
	}
}
@media only screen and (max-width: 1366px){
	/**/
	.head-nav .nav&gt;li&gt;a{
		min-width: 105px;
	}
	.header .navcell .wraplink a{
		margin-right: 100px;
	}
	/**/
	.i-about .txtbox{
		padding-left: 7%;
	}
	.obanner .bannerzi .box .t1{
  		font-size: 30px;
  	}
  	/*鏂伴椈璧勮*/
	.new .newbox{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.new .newbox ul{
		margin-top: 50px;
	}
	
}
@media only screen and (max-width: 1280px){
	/**/
	.main{
		padding-top: 60px;
	}
	 
	/*浜у搧涓績*/
	.classify .tit span{
		font-size: 20px;
	}
	.classify ul li .o-level span{
		font-size: 17px;
	}
	/*浜у搧璇︽儏*/
	.product .subtit{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1200px){
	.conwidth{
		padding-left: 4%;
		padding-right: 4%;
	}
	/*footer*/
	 
	
}
@media only screen and (max-width: 1024px){
	/*header*/
	 
	/**/
	.i-title .t1 {
	    font-size: 28px;
	}
	.i-title .t2{
		font-size: 24px;
	}
	.i-title .t4{
		font-size: 64px;
	}
	.i-title .t5{
		font-size: 20px;
	}
	.i-title .t6, .detail-title .t1, .ask-box .tit{
		font-size: 24px;
	}
	/*index*/
	.switch{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.switch-box{
		margin-top: 50px;
	}
	.switch-tab ul{
		overflow-x: scroll;
	    overflow-y: hidden;
	    white-space: nowrap;
	}
	.switch-tab ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	.switch-tab ul::-webkit-scrollbar-button{
	    background-color:rgba(0,0,0,0);
	}
	.switch-tab ul::-webkit-scrollbar-track{
	    background-color:rgba(0,0,0,0);
	}
	.switch-tab ul::-webkit-scrollbar-track-piece{
	    background-color:rgba(0,0,0,0);
	}
	.switch-tab ul::-webkit-scrollbar-thumb{
	    background-color:rgba(0,0,0,0);
	}
	.switch-tab ul::-webkit-scrollbar-corner{
	    background-color:rgba(0,0,0,0);
	}
	.switch-tab ul::-webkit-scrollbar-resizer{
	    background-color:rgba(0,0,0,0);
	}
	.switch-tab ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	 
	/**/
	.newli .txtbox{
		padding-bottom: 30px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.newli .txtbox .t2{
		margin-top: 10px;
	}
	.newli .txtbox .t3{
		line-height: 1.8;
		min-height: 54px;
	}
	.newli .txtbox .btn{
		margin-top: 15px;
	}
	/**/
	.ask-box .askli input{
		height: 48px;
		line-height: 48px;
	}
	.ask-box .askbtn{
		height: 48px;
	}
	.ask-box .askbtn input{
		height: 48px;
		line-height: 48px
	}
	 
  	/*鑱旂郴鎴戜滑*/
	.contact{
		padding-top: 60px;
	}
	.contact .infor{
		margin-top: 60px;
	}
	.contact .mapbox{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.contact .infor ul li .icon img{
		max-width: 50px;
	}
	.contact .infor ul li .t1, .contact .infor ul li .t2 .sp{
		font-size: 14px;
	}
	.contact .infor ul li .t2{
		font-size: 15px;
	}
	.message{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.message .box{
		margin-top: 60px;
	}
	.message .box .inputli .half{
		height: 50px;
	}
	.message .box .inputli input{
		height: 48px;
		line-height: 48px;
	}
	 
	/*鏂伴椈璧勮*/
	.new{
		padding-top: 60px;
	}
	.new .other{
		margin-bottom: 60px;
	}
	.new .other .txtbox .t1{
	}
	.new .other .txtbox .t1 .sp{
		font-size: 30px;
	}
	.new .other .txtbox .t2{
		font-size: 20px;
		margin-top: 15px;
	}
	.new .other .txtbox .btn{
		margin-top: 25px;
	}
	 
	/*浜у搧涓績*/
	.product{
		padding-top: 60px;
	}
	.classify .tit{
		padding: 18px 50px 18px 20px;
	}
	.classify .tit i{
		right: 20px;
	}
	.classify .tit span{
		font-size: 20px;
	}
	.classify ul li .o-level{
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 7px;
	}
	.product-list .tit{
		padding: 20px 0px 25px;
	}
	.product-list .tit .sp1{
		font-size: 22px;
	}
	.product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{
		font-size: 18px;
	}
	.product-list .productli{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.product-list .productli:nth-child(3n){
		margin-right: 4%;
	}
	.product-list .productli:nth-child(2n){
		margin-right: 0;
	}
	.specs .tablebox{
		overflow-x: auto;
		line-height:1.6;
	}
	.specs .tablebox ul li{
	}
	.specs .tablebox table{
		min-width: 900px;
	}
}
@media only screen and (max-width: 992px){
	/*浜у搧涓績*/
	.product{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.product .leftbox{
		float: none;
		width: 100%;
	}
	.classify .c-nav1&gt;ul{
		padding-bottom: 30px;
	}
	.product .rightbox{
		float: none;
		padding-left: 0;
		width: 100%;
		margin-top: 40px;
	}
	.classify .c-nav1{
		height: auto;
	}
	.product-list ul{
		margin-bottom: 40px;
	}
	.movebox&gt;li:first-child{
		padding-top: 40px;
	}
	.movebox&gt;li{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
}
@media only screen and (max-width: 768px){
	.menubtn{
		width: 40px;
	}
	 
	/**/
	.i-title .t1 {
	    font-size: 26px;
	}
	.i-title .t4{
		font-size: 60px;
	}
	.obanner .bannerzi .box .t1{
  		font-size: 28px;
  	}
  	.obannerbg{
		height: 360px;
	}
	/*index*/
	.switch{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.switch .box{
		margin-top: 30px;
	}
	.switch-box{
		margin-top: 40px;
	}
	.switch-tab ul li{
		min-width: 120px;
		padding: 0px 15px;
		line-height: 36px;
		font-size: 15px;
	}
	.productli{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.productli:nth-child(3n){
		margin-right: 4%;
	}
	.productli:nth-child(2n){
		margin-right: 0;
	}
 
	/**/
	.newli, .new .newli{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.newli:nth-child(3n){
		margin-right: 4%;
	}
	.newli:nth-child(2n){
		margin-right: 0;
	}
	/**/
	.ask-box{
		padding-top: 60px;
	}
	.ask-box .askli.askli1{
		width: 48%;
		margin-right: 4%;
	}
	.ask-box .askli.askli2{
		width: 80%;
		margin-right: 4%;
	}
	.ask-box .askli:nth-child(2n){
		margin-right: 0;
	}
	.ask-box .askbtn{
		width: 16%;
	}
 
  	/*鑱旂郴鎴戜滑*/
	.contact{
		padding-top: 50px;
	}
	.contact .infor{
		margin-top: 50px;
		padding-bottom: 30px;
	}
	.contact .mapbox{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact .infor ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 50px;
		text-align: center;
	}
	.contact .infor ul li:nth-child(2n){
		margin-right: 0;
	}
	.contact .infor ul li .cont{
		max-width: 100%;
	}
	.contact .infor ul li:first-child .cont{
		text-align: center;
	}
	.message{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.message .box{
		margin-top: 50px;
	}
	.message .box .inputbtn{
		margin-top: 40px;
		width: 140px;
	}
	 
	/*鍒嗛〉*/
	.page-list a{
		min-width: 40px;
		height: 40px;
		line-height: 40px;
	}
	/*鏂伴椈璧勮*/
	.new{
		padding-top: 50px;
	}
	.new .other{
		margin-bottom: 50px;
		padding: 30px 0px;
	}
	.new .other .txtbox .t1{
		margin-top: 0;
	}
	.new .other .txtbox .t1 .sp{
		font-size: 28px;
	}
	.new .other .txtbox .t1 .sp1{
		margin: 0px 5px;
	}
	.new .other .txtbox .t2{
		font-size: 18px;
		margin-top: 10px;
	}
	.new .other .txtbox .btn{
		margin-top: 20px;
	}
	.new .newbox{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.new .newbox ul{
		margin-top: 40px;
		margin-bottom: 20px;
	}
	 
}

@media only screen and (max-width: 640px){
	.i-title .t1{
		font-size: 24px;
	}
	.i-title .t2{
		font-size: 22px;
	}
	.i-title .t3{
		font-size: 14px;
	}
	.i-title .t4{
		font-size: 56px;
	}
	.i-title .t6, .detail-title .t1, .ask-box .tit{
		font-size: 22px;
	}
	.obanner .bannerzi .box .t1{
  		font-size: 26px;
  	}
  	.obanner .bannerzi .box .t2{
  		font-size: 15px;
  		margin-top: 5px;
  	}
  	/**/
  	.lunbotu&gt;.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
  		bottom: 20px;
  	}
  	.obannerbg{
  		height: 320px;
  	}
  	/**/
	.switch{
		padding-bottom: 50px;
	}
	.i-about .num ul li .cont{
		min-width: 1px;
	}
	.i-about .num ul li .timer{
		font-size: 32px;
	}
	.i-about .num ul li .t2{
		font-size: 14px;
	}
	/*鏂伴椈璧勮*/
	.new .other{
		padding: 0;
	}
	.new .other .imgbox{
		float: none;
		width: 100%;
	}
	.new .other .txtbox{
		float: none;
		width: 100%;
		padding: 30px;
	}
	 
	/*浜у搧璇︽儏*/
	.product .subtit{
		font-size: 18px;
		padding-bottom: 15px;
	}
	.overview .right-wrap .btn a{
		min-width: 120px;
		font-size: 15px;
		height: 42px;
    	line-height: 42px;
	}
	.characteristic ul li{
		position: relative;
		padding-left: 80px;
		width: 100%;
		min-height: 60px;
		margin-right: 0;
		overflow: hidden;
		-o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.characteristic ul li:last-child{
		margin-bottom: 0;
	}
	.characteristic ul li .img{
		position: absolute;
		left: 0;
		top: 0;
		width: 60px;
	}
	.characteristic ul li .txt{
		padding: 0;
	}
	.characteristic ul li .t1{
		margin-bottom: 5px;
	}
	.detail-map .spotbox{
		padding: 10px 20px;
	}
	.detail-map .swiper-pagination-clickable .swiper-pagination-bullet{
		margin: 0px 5px;
	}
	.specs .tablebox table{
		min-width: 800px;
	}	
}
@media only screen and (max-width: 576px){
	/**/
	.lunbotu .swiper-pagination-bullet, .lunbotu .swiper-pagination-bullet:before{
		width: 10px;
		height: 10px;
	}
	.obannerbg{
  		height: 280px;
  	}
  	.lunbotu&gt;.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
  		bottom: 15px;
  	}
	/**/
	 
	/**/
	.i-title .t1{
		font-size: 20px;
	}
	.i-title .t2{
		font-size: 18px;
	}
	.i-title .t4{
		font-size: 50px;
	}
	.i-title .t5{
		font-size: 18px;
	}
	.i-title .t6, .detail-title .t1, .ask-box .tit{
		font-size: 18px;
	}
	.i-title .sp{
		display: block;
		margin-left: 0;
	}
	.obanner .bannerzi .box .t1{
  		font-size: 22px;
  	}
	/**/
	.switch{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.switch-box{
		margin-top: 30px;
	}
	.switch-tab ul li{
		margin-right: 15px;
		min-width: 110px;
	    padding: 0px 15px;
	    line-height: 32px;
	    font-size: 14px;
	}
	.productli{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.productli .txtbox{
		padding: 20px;
	}
	.productli .txtbox .t1{
		font-size: 18px;
	}
	.productli .txtbox .t2{
		font-size: 15px;
	}
	.newli, .new .newli{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.newli .txtbox .t2{
		font-size: 16px;
	}
	.newli .txtbox .t3{
		min-height: 1px;
	}
	 
	/*鑱旂郴鎴戜滑*/
	.contact{
		padding-top: 40px;
	}
	.contact .infor{
		margin-top: 40px;
		padding-bottom: 30px;
	}
	.contact .infor ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		padding: 0;
	}
	.contact .infor ul li .cont{
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.contact .infor ul li .icon{
		float: left;
		width: 20%;
		overflow: hidden;
		margin-bottom: 0;
	}
	.contact .infor ul li .icon img{
		max-width: 60%;
	}
	.contact .infor ul li .txt{
		float: left;
		width: 80%;
		text-align: left;
	}
	.message{
		padding-top: 40px;
	}
	.message .box{
		margin-top: 40px;
	}
	.message .box .inputli {
		margin-bottom: 0;
	}
	.message .box .inputli .half{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.message .box .inputbtn{
		margin-top: 30px;
		width: 120px;
		height: 40px;
	}
	.message .box .inputbtn input{
		font-size: 15px;
		height: 40px;
		line-height: 40px;
	}
	 
	/*鏂伴椈璧勮*/
	.new{
		padding-top: 40px;
	}
	.new .other{
		margin-bottom: 30px;
	}
	.new .other .txtbox{
		padding: 20px 20px 30px;
	}
	.new .newbox{
		padding-top: 40px;
	}
	 
	/*浜у搧涓績*/
	.product{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.classify .c-nav1&gt;ul{
		padding-bottom: 20px;
	}
	.classify ul li .o-level{
		margin-top: 0;
	}
	.classify ul li .o-level span{
		font-size: 16px;
	}
	.classify ul li ul&gt;li&gt;a, .classify ul li ul li .t-level{
		padding-left: 54px;
		font-size: 15px;
	}
	.classify ul li ul li .level-li a{
		font-size: 14px;
		padding-left: 75px;
	}
	.classify ul li ul li .level-li a:before{
		left: 54px;
	}
	.product .rightbox{
		float: none;
	    width: 100%;
	    padding-left: 0;
	}
	.product-list ul{
		margin-bottom:20px;
	}
	.product-list .productli{
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.product-list .productli .txtbox .t2{
		font-size: 14px;
	}
	/*浜у搧璇︽儏*/
	.movebox&gt;li:first-child{
		padding-top: 30px;
	}
	.overview .right-wrap .features .tit{
		font-size: 17px;
	}
	.overview .right-wrap .features ul li{
		font-size: 14px;
	}
	.characteristic ul li{
		padding-left: 60px;
		min-height: 45px;
	}
	.characteristic ul li .img{
		width: 45px;
	}
	.characteristic ul li .t2{
		font-size: 14px;
	}
	.specs .table tr th, .specs .table tr td{
		font-size: 14px
	}
	.detail-map .imgbox{
		margin-top: 20px;
	}
	.detail-map .spotbox{
		margin-top: 30px;
		padding: 5px 20px;
	}
	.detail-map .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	.typical ul{
		margin-top: 20px;
	}
	.typical ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.typical ul li:last-child{
		margin-bottom: 0;
	}
	.recommend .rebox{
		padding: 0px 50px;
	}
	.recommend .subtit{
		margin-bottom: 10px;
	}
	.recommend .swiper-button-next, .recommend .swiper-button-prev{
		width: 40px;
		height: 40px;
	}
	
}

/*20210508*/
@media only screen and (max-width: 640px){

}

@media only screen and (min-width: 1440px){
	.overview .right-wrap{
		padding-top: 50px;
	}
}


/*20210514鏂板*/
.x-typical{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 50px;
	display: none;
}
.x-typical .swiper-slide a{
	position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.x-typical .swiper-slide a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,42,82,0.45);
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.x-typical .swiper-slide:hover a:before{
	background: rgba(0,28,66,0.4);
}
.x-typical .swiper-slide .img{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.x-typical .swiper-slide .img img{
	width: 100%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.x-typical .swiper-slide:hover .img img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.x-typical .swiper-slide .txt{
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 2;
	width: 100%;
	text-align: center;
	padding: 0px 20px;
	color: #ffffff;
	font-size: 16px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.x-typical .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	display: inline-block;
    border-radius: 100%;
    background: #dadada;
    opacity: 1;
}
.x-typical .swiper-pagination-bullet-active {
    opacity: 1;
    background: #055aa6;
}
.sidebar .istopdiv{
	margin-top: 30px;
	width: 56px;
	border-bottom: none;
}
.sidebar .istopdiv img{
	width: 100%;
}
@media only screen and (max-width: 1024px){
	.x-typical{
		display: block;
	}
	.typical ul{
		display: none;
	}
	.sidebar ul li{
		display: none;
	}
	.sidebar ul li.istopdiv{
		display:block;
	}
}
@media only screen and (max-width: 576px){
	.x-typical{
		margin-top: 20px;
		padding-bottom: 40px;
	}
	.x-typical .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
}


/*20210518*/
.prod-down-list{
}
.prod-down-list ul{
	margin-top: 30px;
}
.prod-down-list ul li{
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: #eeeeee solid 1px;
	-webkit-transition: all .3s;
    transition: all .3s;
}
.prod-down-list ul li:nth-child(2n){
	margin-right: 0;
}
.prod-down-list ul li a{
	display: block;
	width: 100%;
	padding: 30px 35px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.prod-down-list .icon {
    float: left;
    width: 60px;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #e5e5e5;
}
.prod-down-list .text {
    float: left;
    width: calc(100% - 80px);
    font-size: 16px;
    color: #666666;
    line-height: 40px;
    font-weight: bold;
    padding: 0 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.prod-down-list .down-icon {
    float: left;
    width: 18px;
    height: 20px;
    background: url(icon34.png) center no-repeat;
    margin-top: 10px;
}
.prod-down-list ul li:hover{
	box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}
@media only screen and (max-width: 1400px){
	.prod-down-list ul li a{
		padding: 25px 30px;
	}
	.prod-down-list .icon{
		width: 50px;
	}
	.prod-down-list .text{
		width: calc(100% - 70px);
		padding: 0px 20px;
	}
}
@media only screen and (max-width: 1024px){
	.prod-down-list ul li a{
		padding: 20px 25px;
	}
	.prod-down-list .icon{
		width: 45px;
	}
	.prod-down-list .text{
		width: calc(100% - 65px);
		padding: 0px 15px;
	}
}
@media only screen and (max-width: 640px){
	.prod-down-list ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.prod-down-list ul li .text{
		font-size: 15px;
	}
}
</pre></body></html>