* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body,
form,
p,
li,
ul,
ol,
div,
span,
h1,
h2,
h3,
h4,
h5,
td,
input,
select {
	font-family: "Arial";
}

a,
img {
	border: 0;
	text-decoration: none;
}

img {
	display: block;
}

.to-big {
	overflow: hidden;
	box-sizing: border-box;
}

.to-big:hover img {
	transform: scale(1.05);
}

.to-big img {
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}

.trans {
	transition: all 0.7s;
}

.logo {
	margin: 1.5rem 0 1.5rem 4rem;
	float: left;
}

.pages {
	width: 100%;
	min-height: 100px;
	height: auto;
	text-align: center
}

.pages a,
.pages span {
	padding: 0.7rem 0.9rem;
	margin-right: 1%;
	width: 3%;
	text-align: center;
	color: black;
	transition: all 0.7s;
	box-sizing: border-box;
	outline: #eee solid 1px;
}

.pages a:hover {
	color: white;
	background: black;
	outline-color: black;
}

.pages span {
	color: white;
	background: black;
	outline-color: black;
}

.header-right {
	float: right;
	margin-top: 5rem;
}

.header2 {
	display: none;
}

.container {
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
}


/*.banner {
	width: 100%;
}*/

.banner img {
	width: 100%;
}

.banner .swiper-container {
	width: 100%;
	height: 100%;
}

.banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.banner-bottom {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5rem;
}

.banner-bottom .container {
	position: relative;
}

.banner-left {
	float: left;
	width: 27rem;
}

.banner-left img {
	width: 100%;
	margin-top: -12rem;
}

.banner-title {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.banner-title .banner-left {
	color: white;
	font-size: 4rem;
	background: #BF1733;
	padding: 3rem;
	min-height: 3rem;
	box-sizing: border-box;
}

.banner-right {
	width: 60%;
	position: absolute;
	bottom: 0;
	right: 0;
}

.banner-right h3 {
	color: #C01733;
	margin-bottom: 1rem;
}

.banner-right div {
	font-size: 0.9rem;
	line-height: 1.3rem;
}

.search-button {
	display: none;
	position: absolute;
	width: 40%;
}

.language {
	color: #666666;
	font-size: 1rem;
}

.lang-top {
    font-size: 1rem;
    /* background: url(/images/down.png) no-repeat right center transparent; */
    padding-right: 1rem;
    transition: all 0.5s;
    padding: 1.75rem 0;
    margin-left: 3rem;
}

.lang-pic-change {
	background: url("/images/down2.png") no-repeat right center transparent;
}

.language-list {
	display: none;
	position: absolute;
	width: 7.5rem;
}

.language-list a {
	width: 100%;
	text-align: center;
	background: white;
	color: black;
	padding: 1rem 0 !important;
	transition: all 0.7s;
}

.language-list a:hover {
	background: #5389BC;
	color: white;
}

.language-list li a {
	float: right;
	width: 100%;
	text-align: right;
	color: #666666;
	box-sizing: border-box;
	padding-right: 1rem;
	font-size: 0.9rem;
}

.swiper-pagination-customs {
	border: 2px solid #ddd;
	width: 50px;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
}

.swiper-pagination-customs-active {
	border: 2px solid white;
}

.container {
	width: 63%;
}

.nav-box {
	width: 100%;
	background: white;
}

.nav-left,
.nav-center {
	float: left;
}

.nav-center ul li {
	float: left;
	/*width: 13.6%;*/
	text-align: center;
	padding: 1.7rem 2.2%;
}

.nav-center ul li a {
	font-size: 0.95rem;
	color: black;
	display: block;
}

.nav-center ul li:hover {
	border-bottom: 2px solid black;
}

.nav-left {
	padding: 1.3rem 0;
	margin-right: 5%;
	width: 11.8%;
}

.nav-center {
	width: 75%;
}

.nav-right {
	float: right;
	width: 8%;
}

.nav-right a {
    float: left;
    padding: 1.9rem 0;
}

.cate-box {
	padding: 9% 0;
	box-sizing: border-box;
}

.product {
	padding: 4% 0;
}

.cate-left {
	float: left;
	width: 49%;
	margin-right: 1%;
}

.cate-right {
	float: left;
	width: 49%;
}

.cate-left a {
	float: left;
	border-radius: 10px;
}

.cate-right a {
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
}

.cate-left a img,
.cate-right a img {
	width: 100%;
}

.cate-left a img {
	/*height: 31.8vw;*/
}

.cate-right a img {
	/*height: 15.4vw;*/
}

.cate-left .cate-des {
	position: absolute;
	top: 20%;
	width: 100%;
}

.cate-right .cate-list:first-child .cate-des {
	position: absolute;
	top: 17%;
	width: 100%;
}

.cate-right .cate-des {
	position: absolute;
	top: 36%;
	width: 100%;
}

.cate-des div {
	color: black;
	text-align: center;
}

.about-cate .cate-des div {
	color: black;
	text-align: right;
	padding-right: 15%;
}

.des-tit {
	font-size: 1.2rem;
	margin-bottom: 1%;
}

.des-link {
	font-size: 0.8rem;
}

.product-top {
	margin-bottom: 5%;
}

.pro-tit {
	font-size: 1.7rem;
	width: 500px;
	margin: 0 auto;
	line-height: 2rem;
	margin-bottom: 1.5rem;
}

.pro-description {
	text-align: center;
	font-size: 0.8rem;
	margin-bottom: 2rem;
}

.product-link {
	width: 5rem;
	padding: 0.5% 1%;
	margin: 0 auto;
	font-size: 0.8rem;
	border: 1px solid black;
	text-align: center;
	color: black;
	display: block;
}

/*.first-child {
	margin-left: 0 !important;
}*/

.product-bottom .slide1 a {
	float: left;
	width: 27%;
	margin: 1% 0;
	margin-left: 8.9%;
	box-sizing: border-box;
}

.product-bottom .slide1 a .duc-tit {
	padding: 3rem 0;
	text-align: center;
	color: black;
}

.product-bottom .slide1 a:hover {
	outline: #aaa solid 1px;
	box-sizing: border-box;
}

.product-bottom .slide1 a img {
	width: 100%;
}

.news {
	padding: 10% 0;
}

.news-top {
	margin-bottom: 4rem;
	text-align: center;
}

.news-tit {
	font-size: 1.8rem;
	margin-bottom: 1rem;
}

.news-top a {
	font-size: 0.8rem;
	width: 7rem;
	text-align: center;
	color: black;
	display: block;
	margin: 0 auto;
}

.news-bottom .news-list {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 7%;
	transition: all 0.7s;
}

.news-bottom .news-list:hover {}

.news-bottom .news-list:hover .news-title,
.news-bottom .news-list:hover .news-description {}

.news-bottom .news-box {
	padding: 2%;
}

.news-bottom .news-list .news-title {
	color: black;
	font-size: 0.95rem;
	margin: 1.5rem 0 0.5rem;
	font-weight: bold;
}

.news-bottom .news-list .news-description {
	color: #888888;
	font-size: 0.85rem;
	line-height: 1.3rem;
	height: 40px;
}

.news-list img {
	width: 100%;
}

.footer {
	background: black;
	padding: 2rem 0;
}

.foottop {
	border-bottom: 1px solid #aaa;
	padding-bottom: 4rem;
}

.footbottom {
	margin-top: 1%;
}

.foottop-left {
    color: white;
    float: left;
    width: 156px;
}

.foottop-left font {
	font-size: 1.5rem;
}

.foottop-right {
	width: 1007px;
	float: right;
}

.foot-list {
	float: left;
	margin-left: 1.6rem;
	/*width: 8%;
	margin-left: 10.4%;*/
}

.foot-tit {
	color: white;
	display: block;
	margin-bottom: 1rem;
	font-size: 0.95rem;
}

.foot-cate {
	line-height: 1.3rem;
}

.foot-cate a {
	color: #a0a0a0;
	font-size: 0.85rem;
	display: block;
	transition: all 0.7s;
	letter-spacing: 1px;
	line-height: 1.5rem;
}

.foot-cate a:hover {
	color: white;
}

.footbo-left {
	float: left;
	color: #aaa;
	font-size: 0.75rem;
}

.footbo-left a {
	font-size: 0.95rem;
	color: #a0a0a0;
}

.footbo-left a:hover {
	color: white;
}

.footbo-right {
    color: #aaa;
    font-size: 0.95rem;
    float: right;
}

.newsc-banner {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.newscdes {
	position: absolute;
	top: 45%;
	width: 30%;
	text-align: center;
}

.newscdes .newsc-tit {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	font-weight: bold;
	letter-spacing: 1px;
}

.newscdes .newsccon {
	font-size: 0.95rem;
}

.news-box {
	padding: 6% 0;
}

.newsc-top {
	text-align: center;
	padding-bottom: 6%;
}

.newsc-top a {
	color: black;
	font-size: 1.1rem;
	font-weight: bold;
	transition: all 0.7s;
}

.newsc-top a:hover,
.newsc-top a.checked {
	color: #5389BC;
}

.position {
	margin-top: 0.7rem;
	margin-left: 2rem;
}

.position a {
	color: gray;
	font-size: 0.9rem;
}

.position a:hover {
	color: #5389BC;
}

.news-box .news-bottom .news-list {
	margin-bottom: 7%;
}

.adv-banner {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.advdes {
	position: absolute;
	top: 35%;
	width: 55%;
	text-align: center;
}

.advdes .adv-tit {
	font-size: 2rem;
	color: white;
	margin-bottom: 1rem;
}

.advdes .advcon {
	font-size: 0.95rem;
	color: white;
	letter-spacing: 1px;
}

.yf {
	padding: 6rem 0;
}

.award-bottom .swiper-slide {
	overflow: unset !important;
	padding: 2% 0.7%;
	box-sizing: border-box;
}

.award-bottom .swiper-slide img {
	width: 100%;
}

.yf-top {
	text-align: center;
	margin-bottom: 6rem;
}

.yf-tit {
	font-size: 2rem;
	margin-bottom: 1rem;
}

.yfcon {
	font-size: 0.95rem;
}

.yf .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 5rem;
	right: auto;
	top: 28rem;
	color: gray;
}

.yf .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 5rem;
	left: auto;
	top: 28rem;
	color: gray;
}

.control {
	padding: 6rem 0;
}

.cont-top {
	text-align: center;
	margin-bottom: 4rem;
}

.cont-tit {
	font-size: 2rem;
	margin-bottom: 1rem;
}

.contcon {
	font-size: 0.95rem;
}

.control-bottom {
	overflow: hidden;
}

.control-bottom img {
	float: left;
}

.show-box {
	width: 70%;
	margin: 0 auto;
	padding: 7% 0;
	box-sizing: border-box;
}

.show-top {
	padding-bottom: 3%;
	border-bottom: 1.5px solid #aaa;
}

.show-title {
	font-size: 1.1rem;
	margin-bottom: 1.7rem;
	font-weight: bold;
}

.show-time {
	font-size: 0.9rem;
	color: #aaa;
}

.show-con {
	margin-top: 1.7rem;
	font-size: 0.75rem;
	text-indent: 2em;
	line-height: 1.4rem;
	color: #656565;
}

.show-pages {
	width: 100%;
	overflow: hidden;
	margin-bottom: 7%;
}

.show-prev {
	float: left;
	color: #656565;
	font-size: 0.75rem;
}

.show-next {
	float: right;
	color: #656565;
	font-size: 0.75rem;
}

.show-pages a:hover {
	color: #5389BC;
}

.product-box {
	padding: 4rem 0;
}

.pro-top {
	margin-bottom: 3rem;
	text-align: center;
}

.pro-top .top-tit {
	font-size: 2.3rem;
	margin-bottom: 1rem;
}

.pro-top .top-description {
	font-size: 1rem;
	margin-bottom: 1rem;
}

.pro-bottom a {
	float: left;
	width: 28%;
	margin-right: 7.5%;
	margin-bottom: 1rem;
	/*margin: 1% 0 0 7.8%;*/
	text-align: center;
}

.pro-bottom a .duc-tit {
	text-align: center;
	color: black;
	font-weight: bold;
}

.duc-des {
    color: #888888;
    font-size: 0.95rem;
    margin: 1rem auto;
    width: 95%;
        padding:0 15px;
        box-sizing:border-box;
}

.duc-link {
	font-size: 0.95rem;
	color: black;
	margin-bottom: 2rem;
}

.pro-bottom a:hover {
	outline: #aaa solid 1px;
}

.pro-bottom a img {
	width: 100%;
}

.wt {
	padding: 7% 0;
}

.wt-top {
	margin-bottom: 7%;
}

.wt-tit {
	font-size: 1.9rem;
	margin-bottom: 1rem;
	text-align: center;
}

.title-border {
	width: 2rem;
	margin: 0 auto;
	background: #aaa;
	border: 1px solid #aaa;
}

.wt-bottom .pro-list {
	outline: #eee solid 1px;
	transition: all 0.7s;
}

.wt-bottom a:hover {
	outline: #eee solid 1px;
	box-shadow: 0 0 8px 3px #eee;
}

.wt-bottom .pro-list img {
	/*border-bottom: 1px solid #eee;*/
}

.wt-bottom .pro-list .duc-link {
	padding: 1rem;
	font-size: 0.95rem;
	color: black;
	margin: 0;
}

.ser-banner {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.serdes {
	position: absolute;
	top: 30%;
	/* transform: translateY(-50%); */
	width: 50%;
	text-align: center;
}

.serdes .ser-tit {
	font-size: 2.4rem;
	margin-bottom: 1rem;
}

.serdes .sercon {
	font-size: 0.95rem;
	line-height: 1.4rem;
	margin-bottom: 3rem;
}

.work .tel {
	font-size: 0.95rem;
}

.work .worktime {
	font-size: 0.95rem;
	color: #aaa;
}

.wt-list-box {
	width: 70%;
	margin: 0 auto;
	padding: 7% 0;
	box-sizing: border-box;
}

.wt-list-tit {
	font-size: 1.05rem;
	font-weight: bold;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid black;
}

.wt-list-link {
	margin-top: 0.5rem;
	margin-bottom: 3rem;
}

.wt-link {
	display: block;
	overflow: hidden;
	padding: 1% 0;
	color: #aaa;
	font-size: 0.8rem;
	border-bottom: 1.5px solid #aaa;
	position: relative;
	margin-bottom: 1rem;
}

.wt-title {
	float: left;
}

.wt-link img {
	float: right;
	position: absolute;
	top: 50%;
	width: 6px;
	transform: translateY(-50%);
	right: 0;
}

.aboutdes {
    position: absolute;
    top: 35%;
    /* transform: translateY(-50%); */
    right: 2%;
    width: 913PX;
}

.aboutdes font {
	float: left;
	font-size: 1.4rem;
	line-height: 2.7rem;
	margin-left: 0.2rem;
}

.aboutdes .aboutcon {
	font-size: 0.95rem;
	float: left;
	width: 100%;
	margin-top: 2rem;
	line-height: 1.5rem;
}

.aboutcon p {
	text-indent: 2em;
}

.ry {
	padding: 6% 0 8%;
	background: url(/images/ry.jpg);
	background-size: 100% 100%;
	width: 100%;
}

.ry-top {
	width: 30%;
	text-align: center;
	margin: 0 auto 6rem;
}

.ry-top .ry-tit {
	margin-bottom: 4%;
	font-size: 2rem;
	letter-spacing: 1px;
}

.ry-top .title-border {
	width: 2rem;
	background: #666666;
	border: 1px solid #666666;
	margin: 0 auto;
}

.ry-bottom {
	width: 67%;
	margin: 0 auto;
	overflow: hidden;
}

.ry-bottom .to-big {
	overflow: unset;
}

.ry-bottom div {
	float: left;
	width: 16.5%;
	margin-left: 3%;
	padding-top: 2%;
}

.ry-bottom div img {
	width: 100%;
}

.qy {
	padding: 9rem 0;
	background: url(/images/qy.jpg) no-repeat;
	background-size: 100% 100%;
}

.qy-bottom {
	text-align: center;
	padding: 3rem 0 20rem;
	color: #666666;
	font-size: 0.95rem;
	letter-spacing: 1px;
	line-height: 1.3rem;
}

.con-img1 {
	width: 73%;
	margin-right: 1%;
}

.con-img2 {
	width: 25%;
}



.contactdes {
	left: 8%;
	top: 50%;
}

.cont-top .cont-tit {
	margin-bottom: 3%;
	font-size: 1.6rem;
	text-align: center;
}

.cont-top .title-border {
	width: 2rem;
	background: #666666;
	border: 1px solid #666666;
	margin: 0 auto;
}

.cont-box {
	padding: 5% 0;
}

.cont-bottom {
	width: 48%;
	margin: 0 auto;
}

.cont-bottom input {
	width: 100%;
	padding: 0.5rem;
	box-sizing: border-box;
	outline-style: none;
	margin-top: 5px;
	border: 1px solid #ccc;
}

.cont-bottom textarea {
	width: 100%;
	padding: 0.5rem;
	box-sizing: border-box;
	outline-style: none;
	resize: none;
	margin-top: 5px;
	border: 1px solid #ccc;
	height: 5rem;
}

.sub {
	margin-top: 2rem;
	color: white;
	background: black;
	font-size: 0.8rem;
}

.form-div {
    font-size: 0.8rem;
    margin-bottom: 5%;
}

@media screen and (max-width: 1876px) {
	/*.container {
		width: 90% !important;
	}*/
	.aboutdes {
	    width: 800px;
	}
}


@media screen and (max-width: 1662px) {
	
	.aboutdes {
	    width: 750px;
	}
}

@media screen and (max-width: 1582px) {
	.container {
		width: 90% !important;
	}
	.aboutdes {
	    position: unset !important;
	    width: 100% !important;
	    padding: 5% 7%;
	    box-sizing: border-box;
	    overflow: hidden;
	}
	.aboutdes img {
		width: 85px !important;
	}
	.aboutdes font {
		float: left;
		font-size: 1rem !important;
		line-height: 1.7rem !important;
		margin-left: 0.2rem;
	}
}



@media screen and (max-width: 1516px) {
	/*.container {
		width: 90% !important;
	}*/
	.header .logo {
		margin: 0;
		margin: 1.5rem 0;
	}
}



@media screen and (max-width: 1371px) {
	.container {
		width: 90% !important;
	}
}

@media screen and (max-width: 1332px) {
	.nav ul li a {
		padding: 0.5rem 0.5rem !important;
		box-sizing: border-box;
	}
	
	
	.foottop-right {
	    width: 100%;
	    float: right;
	    margin-top: 1rem;
	}
	
	.foot-list {
	    width: 13%;
	    margin-left: 4%;
	}
	
	
	
}

@media screen and (max-width: 1256px) {
	.nav ul li a {
		padding: 0.5rem 0.2rem !important;
	}
	.banner-right {
		width: 50%;
		position: unset;
		bottom: 0;
		right: 0;
		float: right;
		margin-top: 2rem;
	}
}

@media screen and (max-width: 1136px) {
	/*aa*/
	
	.foottop-left {
	    width: 100%;
	    text-align: center;
	}
	
	.foottop-left img {
	    margin: 0 auto;
	}
	
	.foottop-right {
	    width: 100%;
	    float: right;
	    margin-top: 2rem;
	}
	
	
	
}


@media screen and (max-width: 1136px) {
	/*aa*/
	.sales-list {
		min-width: 23%;
	}
}

@media screen and (max-width: 1072px) {
	.blog-des h3 {
		font-size: 1rem;
	}
}

@media screen and (max-width: 1022px) {
	.blog-des h3 {
		font-size: 1rem;
	}
	
	.foot-list {
	    float: left;
	    width: 8%;
	    margin-left: 10.4%;
	    margin: 0;
	    width: auto;
	    min-height: 201px;
	    padding: 0 5.8%;
	}
	
	
}

@media screen and (max-width: 1016px) {
	.blog-des h3 {
		font-size: 1rem;
	}
}