body{position: relative;}

header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;transition: 0.5s;}

.sjmenu.sjmenu2{display: none;}

.headerbox{

	width: 1680px;margin: 0 auto;

}

.headerbox .logo{

	float: left;

	height: 130px;

	position: relative;

}

.headerbox .logo img{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

}

.headerbox .headerright{

	float: right;

}

.headerbox .headerright .language{

	float: right;

	margin-left: 20px;

}

.headerbox .headerright .language span{

	line-height: 130px;

	color: #2b2b2b;

	font-size: 20px;

	display: inline-block;

}

.headerbox .headerright .language .search{

	margin-left: 38px;

	position: relative;

}

.headerbox .headerright .language .search .img2{

	display: none;

}

.headerbox .headerright .language .search .searchbox{

	display: none;

	position: absolute;

	background-color: #fbfbfb;

	width: 400px;

	height: 60px;

	left: -354px;

	box-sizing: border-box;

	padding: 10px 20px;

}

.headerbox .headerright .language .search .searchbox.on{

	display: block;

}

.headerbox .headerright .language .search .searchbox input{

	width: 80%;

	height: 40px;

	padding-left: 10px;

	background-color: #eee;

	display: block;

	float: left;

	bottom: -100%;

	outline: none;

	border: 0;

}

.headerbox .headerright .language .search .searchbox a{

	display: block;

	width: 40px;

	height: 40px;

	background: url(../images/searchb.png) center no-repeat;

	float: right;

}

.headerbox .headerright .language .chlang{

	margin-left: 15px;

}

.headerbox .headerright .mean_nav{

	float: left;

}

.headerbox .headerright .mean_nav nav ul li{

	float: left;

}

.headerbox .headerright .mean_nav nav ul li a{

	padding: 0 25px;

	color: #2b2b2b;

	line-height: 130px;

	height: 130px;

	font-size: 20px;

	transition: 0.5s;

}

.headerbox .headerright .mean_nav nav ul li:hover a{

	color: #ffaa00;

}

.headerbox .headerright .mean_nav nav ul li .on{

	color: #ffaa00;

}

/* 内页导航 */

.small{

	position: fixed;

	background-color: #fff;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

}

.small .headerbox .logo{

	float: left;

	height: 90px;

	position: relative;

}

.small .headerbox .headerright .language span{

	line-height: 90px;

	color: #333;

	font-size: 20px;

	display: inline-block;

}

.small .headerbox .headerright .language .search .img1{

	display: none;

}

.small .headerbox .headerright .language .search .img2{

	display: inline;

}

.small .headerbox .headerright .mean_nav nav ul li a{

	padding: 0 25px;

	color: #333;

	line-height: 90px;

	height: 90px;

	font-size: 20px;

	position: relative;

	display: block;

	transition: 0.5s;

}

.small .headerbox .headerright .mean_nav nav ul li .on{

	color: #ffaa00;

}

.small .headerbox .headerright .mean_nav nav ul li .on:after{

	content: "";

	display: block;

	height: 2px;

	width: 100%;

	background-color: #ffaa00;

	position: absolute;

	bottom: 0;

	left: 0;

}

.small .headerbox .headerright .mean_nav nav ul li a:after{

	content: "";

	display: block;

	height: 2px;

	width: 0;

	background-color: #ffaa00;

	position: absolute;

	bottom: 0;

	left: 50%;

	transition: 0.5s;

}

.small .headerbox .headerright .mean_nav nav ul li a:hover:after{

	bottom: 0;

	left: 15%;

	width: 70%;

}

.small .headerbox .headerright .mean_nav nav ul li a:hover{

	color: #ffaa00;

}

.banner .main_banner{

	position: relative;

}

.banner .main_banner .swiper-slide img{

	width: 100%;

}

.banner .main_banner .swiper-slide .sjimg{

	display: none;

}

.sjimg{

	display: none;

}

.banner .main_banner .adtext{

	position: absolute;

	top: 50%;

	left: 120px;

	transform: translateY(-50%);

	z-index: 999;

	width: 555px;

}

.banner .main_banner .adtext h2{

	font-size: 60px;

	color: #58391a;

	margin-bottom: 48px;

}

.banner .main_banner .adtext p{

	font-size: 20px;

	color: #666666;

	letter-spacing: -0.8px;

	line-height: 35px;

}

.banner .swiper-slide{

	overflow: hidden;

}

.banner .swiper-slide .zhezhao{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	mix-blend-mode: screen;

	z-index: 99;

	background-repeat: no-repeat;

	background-color: #fff;

	background-size: 100%;

	background-position: top right;

	animation: tobig 2s linear,move 20s 2s linear infinite;

}

.swiper-slide-active .zhezhao{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	mix-blend-mode: screen;

	z-index: 99;

	background-repeat: no-repeat;

	background-color: #fff;

	background-size: 100%;

}

.main_banner .controlbox1{

	position: absolute;

	z-index: 9;

	bottom: 16%;

	left: 120px;

	width: 230px;

	height: 54px;

	border-bottom: solid 2px #d9d9d9;

}

.main_banner .start1:after{

	content: "";

	position: absolute;

	z-index: 9;

	bottom: -2px;

	left: 0;

	width: 0;

	height: 2px;

	background-color: #ffaa00;

	animation: xxyjdt 18s linear infinite;

}

.main_banner .start2:after{

	content: "";

	position: absolute;

	z-index: 9;

	bottom: -2px;

	left: 0;

	width: 0;

	height: 2px;

	background-color: #ffaa00;

	animation: xxyjdt2 18s linear infinite;

}

@keyframes xxyjdt{

	from{width: 0;}

	to{width: 100%;}

}

@keyframes xxyjdt2{

	from{width: 0;}

	to{width: 100%;}

}

.main_banner .controlbox1 .swiper-pagination{

	width: unset;

	left: 20px;

	font-size: 20px;

	color: #666666;

}

.main_banner .controlbox1 .swiper-pagination .swiper-pagination-current{

	font-size: 32px;

	color: #333333;

}

.main_banner .controlbox1 .swiper-button-prev,.main_banner .controlbox1 .swiper-button-next{

	width: 45px;

	height: 45px;

	top: 0;

	margin-top: unset;

	border-radius: 50%;

	background-color: #ffaa00;

	outline: unset;

}

.main_banner .controlbox1 .swiper-button-prev{

	left: auto;

	right: 65px;

}

.main_banner .controlbox1 .swiper-button-disabled{

	background-color: #d9d9d9;

	opacity: 1;

}

.main_banner .controlbox1 .swiper-button-prev:after,.main_banner .controlbox1 .swiper-button-next:after{

	font-size: 16px;

	color: #fff;

}

@keyframes tobig{

	from{background-size: 0;background-position: 100% 0;}

	to{background-size: 100%;background-position: 100% 0;}

}

@keyframes tobigbanner2{

	from{background-size: 0;background-position: 100% 0;}

	to{background-size: 160%;background-position: 100% 0;}

}

@keyframes move{

	25%{transform: scale(1.1) rotateZ(-5deg);}

	50%{transform: scale(1.1) rotateZ(0deg);}

	75%{transform: scale(1.1) rotateZ(4deg);}

}

/* 首页关于我们 */

.mian_about{

	padding-top: 10px;

}

.abuotbox{

	width: 1680px;

	margin: 0 auto;

}

.abuotbox .aboutleft{

	float: left;

	position: relative;

	width: 50%;

}

.abuotbox .aboutleft .mix_box{

	background: #fff url(../images/logouse1.png) no-repeat;

	padding-top: 100px;

	position: relative;

	overflow: hidden;

}

.abuotbox .aboutleft .mix_box img{

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	animation: tobig2 3s linear;

}

.abuotbox .aboutright{

	float: right;

	width: 50%;

	padding-top: 120px;

	padding-left: 120px;

	box-sizing: border-box;

}

@keyframes tobig2{

	from{width: 0;height: 0;top: 50%;left: 50%;}

	to{width: 100%;height: auto;top: 0;left: 0;}

}

.abuotbox .aboutright h2{

	font-size: 60px;

	color: #58391a;

	margin-bottom: 50px;

}

.abuotbox .aboutright h3{

	font-size: 24px;

	color: #333333;

	margin-bottom: 30px;

}

.abuotbox .aboutright p{
font-size: 20px;
    color: #666666;
    margin-bottom: 10px;
    line-height: 35px;
}

.abuotbox .aboutright a{

	font-size: 18px;

	color: #fff;

	background-color: #ffaa00;

	line-height: 60px;

	padding: 0 40px;

	border-radius: 40px;

	display: inline-block;

	transition: 0.3s;

}

.abuotbox .aboutright a:hover{

    box-shadow: 0px 13px 40px #ffaa00a1;

    transform: translateY(-3px);

	/*animation: fadebgbig 1s linear;*/

}

/*为什么选择我们？*/
.mian_why {padding: 120px 0 100px;}
.whytbox {
    width: 1440px;
    margin: 0 auto;
}
.mian_why .whytbox .pro_title {
    margin-bottom: 80px;
}
.bgmake {
    position: relative;
}
.mian_why .whytbox h2 {
    text-align: center;
    font-size: 60px;
    color: #58391a;
}
.why_con {
    touch-action: pan-y;
    margin-top: 80px;
}

.whycon {
-webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;        max-width: 33.333333%;
    position: relative;
    width: 33%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.single_service .service_content p{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #909092;
}
.single_service {
     padding: 70px 25px 65px 25px;
    border: 2px solid #fcf4e3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fcf4e3;
}
.single_service .service_thumb {
  height: 75px;
  width: 75px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: auto;
    text-align: center;
}

.single_service .service_thumb .service_icon img {
  width: auto;
}
 .single_service .service_content h3 {
  font-size: 25px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 22px;
}
.single_service .service_content p {
  margin-bottom: 0;
}

.single_service:hover {
  -webkit-box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08);
  -moz-box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08);
  box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08);
  border: 1px solid transparent;
}
.text-center {
    text-align: center!important;
}

/*首页产品*/

.mian_product{

	margin-top: 120px;

	position: relative;

	background-color: #fcf4e3;

	padding-top: 100px;

	padding-bottom: 150px;

	margin-bottom: 50px;

	z-index: 1;
    background: url(../images/bgc.webp);

}

.mian_product:before{

	content: "";

	position: absolute;

	background: url(../images/wave1.png) repeat-x;

	top: -25px;

	left: 0;

	width: 100%;

	height: 25px;

	animation: wave1 8s linear infinite;

}

.mian_product:after{

	content: "";

	position: absolute;

	background: url(../images/wave1.png) repeat-x;

	transform: rotateZ(180deg);

	bottom: -25px;

	left: 0;

	width: 100%;

	height: 25px;

	animation: wave1 8s linear infinite;

}

.mian_product .produxtbox{

	width: 1680px;

	margin: 0 auto;

}

.mian_product .produxtbox .pro_title{

	margin-bottom: 80px;

}

@keyframes wave1{

	from{background-position: 776px;}

	to{background-position: 0;}

}

.mian_product .produxtbox h2{

	text-align: center;

	font-size: 60px;

	color: #58391a;

}

.main_pro .probox{

	position: relative;

	overflow: hidden;

	padding-top: 80%;

}

.main_pro .probox img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.main_pro .probox a p{

	text-align: center;

	font-size: 32px;

	color: #000;

	margin-top: 90px;

}

.main_pro .probox a:hover p{

	color: #ffaa00;

}

.main_pro .swiper-button-next,.main_pro .swiper-button-prev{

	outline: unset;

}

.main_pro .swiper-button-next:after,.main_pro .swiper-button-prev:after{

	font-size: 30px;

    font-weight: bold;

    color: #ffaa00;

}

/*首页Range*/

.rangebox{

	width: 1680px;

	margin: 0 auto;

	margin-bottom: 140px;

	padding-top: 100px;

}

.rangebox h2{

	font-size: 60px;

	color: #58391a;

	margin-bottom: 70px;

}

.rangebox .swicontent .swileft{

	position: relative;

	float: left;

	width: 55.95%;

}
.rangebox .swicontent .swileft .swiper-pagination-bullet{
	background-color: #ffaa00;
}
.rangebox .swicontent .swileft .conbox{

	position: relative;

	overflow: hidden;

	padding-top: 72.2765%;

}

.conbox .time {
    display: inline-block;
    background-color: #fef6e8;
    font-size: 14px;
    color: #f3aa1c;
    padding: 0 14px;
    border-radius: 5px;
    line-height: 36px;
    margin-bottom: 10px;
}

.rangebox .swicontent .swileft .conbox  img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.rangebox .swicontent .swileft .swiper-wrapper{

	margin-bottom: 20px;

}

.rangebox .swicontent .swileft .swiper-pagination{

	z-index: 9999;

	bottom: 0px;

}

.zhezhao3{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #fff;

	mix-blend-mode: screen;

	z-index: 99;

	background-position: center center;

	animation: randemmove 10s linear infinite;

}

@keyframes randemmove{

	0%{background-size: 100%;}

	25%{background-size: 90%;}

	50%{background-size: 100%;}

	75%{background-size: 95%;}

	100%{background-size: 100%;}

}

.rangebox .swicontent .swiright{

	float: right;

	width: 44.05%;

	box-sizing: border-box;

	padding-left: 230px;

	padding-top: 140px;

	position: relative;

}

.rangebox .swicontent .swiright .conbox h2{

	font-size: 40px;

	color: #333;

	margin-bottom: 20px;

}

.rangebox .swicontent .swiright .conbox p{

	font-size: 20px;

	color: #333;

	margin-bottom: 70px;

}

.rangebox .swicontent .swiright .conbox a{

	/*font-size: 18px;

	color: #333;

	position: relative;

	padding-left: 34px;

	padding-right: 24px;

	display: inline-block;*/

	margin-bottom: 300px;
	font-size: 18px;
    color: #fff;
    background-color: #ffaa00;
    line-height: 60px;
    padding: 0 40px;
    border-radius: 40px;
    display: inline-block;
    transition: 0.3s;

}
.rangebox .swicontent .swiright .conbox a:hover{
	box-shadow: 0px 13px 40px #ffaa00a1;
    transform: translateY(-3px);
}

/*.rangebox .swicontent .swiright .conbox a:before{

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	width: 62px;

	height: 62px;

	border-radius: 31px;

	background-color: #fdeed2;

	transform: translateY(-50%);

	z-index: -1;

}

.rangebox .swicontent .swiright .conbox .viewd:before{

	right: 0;

	left: auto;

	animation: viewd 0.5s linear;

}

.rangebox .swicontent .swiright .conbox .viewd2:before{

	right: auto;

	left: 0;

	animation: viewd2 0.5s linear;

}*/

@keyframes viewd{

	0%{left: 0;right: auto;}

	50%{width: 100%}

	100%{left: auto;right: 0;}

}

@keyframes viewd2{

	0%{left: auto;right: 0;}

	50%{width: 100%}

	100%{left: 0;right: auto;}

}

.swiright .controlbox2{

	position: absolute;

	z-index: 9;

	bottom: 16%;

	left: 0;

	width: 230px;

	height: 54px;

	border-bottom: solid 2px #d9d9d9;

}

.swiright .start1:after{

	content: "";

	position: absolute;

	z-index: 9;

	bottom: -2px;

	left: 0;

	width: 0;

	height: 2px;

	background-color: #ffaa00;

	animation: xxyjdt 3s infinite;

}

.swiright .start2:after{

	content: "";

	position: absolute;

	z-index: 9;

	bottom: -2px;

	left: 0;

	width: 0;

	height: 2px;

	background-color: #ffaa00;

	animation: xxyjdt2 3s infinite;

}

.swiright .controlbox2 .swiper-pagination{

	width: unset;

	left: 20px;

	font-size: 20px;

	color: #666666;

}

.swiright .controlbox2 .swiper-pagination .swiper-pagination-current{

	font-size: 32px;

	color: #333333;

}

.swiright .controlbox2 .swiper-button-prev,.swiright .controlbox2 .swiper-button-next{

	width: 45px;

	height: 45px;

	top: 0;

	margin-top: unset;

	border-radius: 50%;

	background-color: #ffaa00;

	outline: unset;

}

.swiright .controlbox2 .swiper-button-prev{

	left: auto;

	right: 65px;

}

.swiright .controlbox2 .swiper-button-disabled{

	background-color: #d9d9d9;

	opacity: 1;

}

.swiright .controlbox2 .swiper-button-prev:after,.swiright .controlbox2 .swiper-button-next:after{

	font-size: 16px;

	color: #fff;

}

/* 底部 */

footer{

	position: relative;

	background-color: #666;

}

footer:after{

	content: "";

	position: absolute;

	background: url(../images/wave2.png) repeat-x;

	top: -57px;

	left: 0;

	width: 100%;

	height: 57px;

	animation: wave2 8s linear infinite;

}

@keyframes wave2{

	from{background-position: 1986px;}

	to{background-position: 0;}

}

.footerbox{

	width: 1680px;

	margin: 0 auto;

	padding: 60px 0;

	color: #fff;

}

.footleft{

	float: left;

}

.footleft .flogo{

	margin-bottom: 40px;

}

.footleft .esndmail p{

	font-size: 20px;

	margin-bottom: 15px;

}

.footleft .esndmail div{

	height: 60px;

	border: 1px solid #ffaa00;

	border-radius: 30px;

	display: inline-block;

	overflow: hidden;

}

.footleft .esndmail input{

	background: unset;

	height: 60px;

	border: unset;

	color: #ffffff88;

	width: 240px;

	padding: 0 30px;

	box-sizing: border-box;

	font-size: 16px;

	outline: none;

	float: left;

}

.footleft .esndmail a{

	width: 120px;

	text-align: center;

	background-color: #ffaa00;

	color: #fff;

	display: inline-block;

	line-height: 60px;

	height: 60px;

	font-size: 16px;

	font-weight: bold;

	float: right;

}

.footright{

	float: right;

}

.footright .frtop{

	margin-bottom: 50px;

}

.footright .frtop a{

	color: #fff;

	display: inline-block;

	margin-right: 90px;

	font-size: 20px;

	letter-spacing: -0.5px;

}

.footright .frtop a:hover{

	color: #ffaa00;

}

.footright .frtop a:last-child{

	margin-right: unset;

}

.footright .frbottom p{

	padding-left: 40px;

	position: relative;

	line-height: 24px;

	font-size: 18px;

	color: #ffffffc8;

	margin-bottom: 20px;

	letter-spacing: -0.5px;

}

.footright .frbottom .frbtel{

	background: url(../images/frbtel.png) no-repeat;

}

.footright .frbottom .frbmail{

	background: url(../images/frbmail.png) no-repeat;

}

.footright .frbottom .frbadd{

	background: url(../images/frbadd.png) no-repeat;

}

.icp{

	background-color: #333;

}

.icp .icpbox{

	width: 1680px;

	margin: 0 auto;

	position: relative;

}

.icp .icpbox .icpleft{

	float: left;

}

.icp .icpbox .icpleft p,.icp .icpbox .icpleft a{

	line-height: 70px;

	color: #ffffffa2;

	letter-spacing: -0.5px;

}

.icp .icpbox .icpright{

	float: right;

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%);

}

.icp .icpbox .icpright .shfl{

	float: left;

	margin-left: 20px;

	position: relative;

}

.icp .icpbox .icpright .shfl img{

	display: block;

}

.icp .icpbox .icpright .shfl .qrcodeshow{

	display: none;

	position: absolute;

	top: -170px;

	left: -69px;

	width: 150px;

	height: 150px;

	overflow: hidden;

}

.icp .icpbox .icpright .shfl .qrcodeshow img{

	width: 100%;

}

.icp .icpbox .icpright .shfl:hover .qrcodeshow{

	display: block;

} 

/* 公共样式 */

.bgmake{

	position: relative;

}

.bgmake:after{

	content: "";

	z-index: -99;

	position: absolute;

	bottom: 1px;

	left: 5px;

	height: 26px;

	background-color: #ffaa00;

	border-radius: 13px;

	width: 98%;

	animation: bgmake 1s linear;

}

.bgmake-star:after{animation: bgmake-star 1s linear 0.1s;}

.bgmake-star2:after{animation: bgmake-star2 1s linear 0.1s;}

@keyframes bgmake-star{

	from{width: 0;}

	to{width: 98%;}

}

@keyframes bgmake-star2{

	from{width: 0;}

	to{width: 98%;}

}



/* 面包屑 */

.warp{

	width: 1680px;

	margin: 0 auto;

}

.crumbs{

	border-bottom: 1px solid #eee;

	position: relative;

}

.crumbs:after{

	content: "";

	position: absolute;

	background: url(../images/wave3.png) repeat-x;

	top: -57px;

	left: 0;

	width: 100%;

	height: 57px;

	animation: wave3 8s linear infinite;

}

@keyframes wave3{

	from{background-position: 1986px;}

	to{background-position: 0;}

}

.crumbs .crumbsleft{

	float: left;

	padding-left: 26px;

	background: url(../images/crumbs.png) left center no-repeat;

	color: #999;

	height: 70px;

	line-height: 70px;

}

.crumbs .crumbsleft a{

	color: #999;

	font-size: 14px;

}

.crumbs .crumbsleft .now{

	color: #ffaa00;

}

.crumbs .crumbsright{

	float: right;

}

.crumbs .crumbsright div{

	margin-left: 45px;

	display: inline-block;

	height: 70px;

}

.crumbs .crumbsright div a{

	color: #999;

	font-size: 18px;

	display: block;

	height: 70px;

	line-height: 70px;

	position: relative;

}

.crumbs .crumbsright div .on{

	color: #ffaa00;

}

.crumbs .crumbsright div .on:after,.crumbs .crumbsright div a:after{

	content: "";

	display: block;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 2px;

	background-color: #ffaa00;

	transition: 0.5s;

}

.crumbs .crumbsright div a:after{

	content: "";

	display: block;

	position: absolute;

	left: 50%;

	bottom: 0;

	width: 0;

	height: 2px;

	background-color: #ffaa00;

	transition: 0.5s;

}

.crumbs .crumbsright div:hover a{

	color: #ffaa00;

}

.crumbs .crumbsright div:hover a:after{

	width: 100%;

	left: 0;

}

/* 翻页 */

.page{

	text-align: center;

}

.page a{

	display: inline-block;

	background-color: #eee;

	width: 68px;

	height: 60px;

	font-size: 14px;

	color: #999;

	line-height: 60px;

	margin: 0 5px;

	transition: 0.5s;

    border-radius: 15px;

}

.page .on{

	background-color: #ffaa00;

	color: #fff;

}

.page a:hover{

	background-color: #ffaa00;

	color: #fff;

}

/* 公共样式end */



/* 关于我们页面 */

.nybanner{

	position: relative;

}

.nybanner img{

	width: 100%;

}

.nybanner .title{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	padding-left: 120px;

}

.nybanner .title p{

	color: #ffaa00;

	position: relative;

	font-size: 72px;

	line-height: 130px;

	font-weight: bold;

	letter-spacing: -2px;

}

.nybanner .title p:after{

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 60px;

	height: 4px;

	border-radius: 2px;

	background-color: #ffaa00;

}

.about{

}

.about .abouttop{

	margin-top: 55px;

	position: relative;

	background: url(../images/aboutbg.png);
    margin-bottom: 150px;

}

.about .aboutleft{

	float: left;

	width: 50%;

	padding-right: 140px;

	box-sizing: border-box;

	padding-top: 100px;

}

.about .aboutleft h1{

	font-size: 60px;

	color: #333;

	margin-bottom: 28px;

}

.about .aboutleft h2{

	font-size: 24px;

	color: #ffaa00;

	margin-bottom: 36px;

}

.about .aboutleft p{

	font-size: 18px;

	color: #666;

	letter-spacing: -0.7px;

	line-height: 28px;

}

.about .aboutright{

	float: right;

	width: 50%;

	position: relative;


}

.about .aboutright video{

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

}

.about .aboutright img{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.about .aboutright a{

	position: absolute;

	display: block;

	width: 85px;

	height: 85px;

	background: url(../images/playbtn.png);

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.youshi{

	clear: both;

	padding-bottom: 140px;

	padding-top: 50px;

}

.youshi .youshibox{

	float: left;

	width: 24.4%;

	margin-right: 0.8%;

	background-color: #f8f8f8;

	border-radius: 15px;

	text-align: center;

	padding:60px 30px 80px 30px;

	box-sizing: border-box;

}

.youshi .youshibox:last-child{

	margin-right: unset;

}

.youshi .youshibox img{

	display: block;

	margin: 0 auto;

	margin-bottom: 20px;

}

.youshi .youshibox:hover img{

	animation: youshibox 1.2s linear infinite,xuanzhuan 1.2s linear;

}

@keyframes youshibox{

	0%{transform: translateY(0px);}

	50%{transform: translateY(-15px);}

	100%{transform: translateY(0px);}

}

@keyframes xuanzhuan{

	0%{transform: rotateY(0) translateY(0px);}

	50%{transform: rotateY(180deg) translateY(-15px);}

	100%{transform: rotateY(0) translateY(0px);}

}

.youshi .youshibox h3{

	font-size: 20px;

	color: #333;

	margin-bottom: 25px;

}

.youshi .youshibox p{

	font-size: 18px;

	color: #666;

	line-height: 30px;

	height: 90px;

	overflow: hidden;

}

/* 荣誉 */

.honor{

	padding-bottom: 130px;

}

.honorbox{

	padding-top: 80px;

	padding-bottom: 30px;

}

.honorbox ul li{

	float: left;

	width: 23.65%;

	margin-right: 1.8%;

	text-align: center;

	border: 1px solid #eee;

	border-radius: 15px;

	overflow: hidden;

	box-sizing: border-box;

	margin-bottom: 30px;

	transition: 0.5s;

}

.honorbox ul li:nth-child(4n){

	margin-right: unset;

}

.honorbox .conbox .img{

	padding: 40px 0;

}

.honorbox .conbox .img img{

	max-width: 100%;

	max-height: 100%;

}

.honorbox .conbox .title{

	height: 80px;

	position: relative;

	background-color: #eee;

	color: #000;

	transition: 0.5s;

}

.honorbox .conbox .title p{

	position: relative;

	top: 50%;

	transform: translateY(-50%);

	line-height: 40px;

}

.honorbox ul li:hover{

	border: 1px solid #ffaa00;

}

.honorbox ul li:hover .title{

	background-color: #ffaa00;

	color: #fff;

}

/* 团队 */

.team{

	padding-top: 80px;

	padding-bottom: 130px;

}

.team .teambox{

	padding-bottom: 30px;

}

.team .teambox ul li{

	float: left;

	width: 23.65%;

	margin-right: 1.8%;

	margin-bottom: 30px;

	transition: 0.5s;

	border-radius: 15px;

	overflow: hidden;

}

.team .teambox ul li:nth-child(4n){

	margin-right: unset;

}

.team .teambox .conbox .img{

	position: relative;

	padding-top: 74.25%;

}

.team .teambox .conbox .img img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.team .teambox ul li .conbox .img:after{

	content: "";

	display: block;

	background-color: #0000003d;

	width: 0;

	height: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	transition: 0.5s;

	border-radius: 15px;

}

.team .teambox ul li:hover .conbox .img:after{

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.team .teambox ul li .conbox .img:before{

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: url(../images/teamhover.png) no-repeat;

	transition: 0.5s;

	background-position: top center;

}

.team .teambox ul li:hover .conbox .img:before{

	z-index: 9;

	background-position: center;

}

/* 工厂 */

.factory{

	padding-top: 80px;

	padding-bottom: 130px;

}

.factory .factorybox{

	padding-bottom: 30px;

}

.factory .factorybox ul li{

	float: left;

	width: 23.65%;

	margin-right: 1.8%;

	overflow: hidden;

}

.factory .factorybox ul li:nth-child(4n){

	margin-right: unset;

}

.factory .factorybox .conbox .img{

	border-radius: 15px;

	overflow: hidden;

	position: relative;

	padding-top: 74.25%;

}

.factory .factorybox .conbox .img img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	transition: 0.5s;

}

.factory .factorybox .conbox .img:hover img{

	transform: scale(1.1);

}

.factory .factorybox .conbox p{

	text-align: center;

	color: #333;

	font-size: 16px;

	line-height: 55px;

}

/* 产品列表 */


.culture-list {
	margin-top: 65px;
	margin-bottom: 80px;
}

.culture-list li {
	
	margin-bottom: 40px;
}

.culture-list li:nth-child(2n) {
	padding-left: 0;
	
}

.culture-list .wrap {
	overflow: hidden;
	transition: all .3s;
}

.culture-list .img {
	float: left;
	width: 450px;
}

.culture-list li:nth-child(2n) .img {
	float: right;
}

.culture-list .text-box {
	position: relative;
	float: left;
	width: calc(100% - 650px);
	padding-right: 8%;
}

.culture-list li:nth-child(2n) .text-box {
	padding-right: 0;
	padding-left: 5%;
}

.culture-list .text-wrap {
	position: relative;
	padding: 60px 120px 60px;
}

.culture-list li:nth-child(2n) .text-wrap {
	padding: 60px 70px;
}

.culture-list .number {
	position: absolute;
	top: 0;
	right: 11%;
	margin-top: -150px;
	font-size: 300px;
	color: #f9f9f9;
	line-height: 1;
	font-weight: bold;
	transition: all .3s;
	z-index: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.culture-list .icon {
	position: relative;
}

.culture-list .name {
	font-size: 24px;
	color: #222222;
	line-height: 40px;
	font-weight: bold;
	margin-top: 35px;
}

.culture-list .text {
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	margin-top: 20px;
}

.culture-list .d1 {
	padding-left: 28px;
	background: url(../images/icon54.png) left center no-repeat;
}

.culture-list li:hover .wrap {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}

.culture-list li:hover .number {
	color: #f8f9fc;
}


.product{

	padding-bottom: 130px;

}

.productbox{

	padding-top: 80px;

	padding-bottom: 30px;

}

.productbox ul li{

	float: left;

	width: 23.65%;

	margin-right: 1.8%;

	text-align: center;

	border: 1px solid #eee;

	border-radius: 15px;

	overflow: hidden;

	box-sizing: border-box;

	margin-bottom: 30px;

	transition: 0.5s;

}

.productbox ul li:nth-child(4n){

	margin-right: unset;

}

.productbox .conbox .img{

	/*padding: 40px 0;*/

	position: relative;

}

.productbox .conbox .img img{

	max-width: 100%;

	max-height: 100%;

}

.productbox .conbox .img span{

	display: none;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	display: none;

	height: 44px;

	line-height: 44px;

	color: #fff;

	padding: 0 20px;

	border-radius: 22px;

	background-color: #ffaa00;

}

.productbox .conbox .title{

	height: 100px;

	position: relative;

	background-color: #eee;

	color: #000;

	transition: 0.5s;

}

.productbox .conbox .title h2{

	padding-top: 30px;

	line-height: 20px;

	font-size: 20px;

	color: #333;

	transition: 0.5s;

}

.productbox .conbox .title p{

	padding-top: 10px;

	line-height: 20px;

	font-size: 14px;

}

.productbox ul li:hover{

	border: 1px solid #ffaa00;

}

.productbox ul li:hover .title{

	background-color: #ffaa00;

	color: #fff;

}

.productbox ul li:hover .title h2{

	color: #fff;

}

.productbox ul li:hover .conbox .img span{

	display: block;

	animation: producthover 1.5s;

}

@keyframes producthover{

	0%{top: 0;}

	10%{top: 50%;}

	25%{top: 25%;}

	50%{top: 50%;}

	70%{top: 43%;}

	100%{top: 50%;}

}

/* 产品详情 */

.product_xq{

	padding-top: 80px;

	padding-bottom: 130px;

}

.pro_xqtop{

	margin-bottom: 100px;

}

.pro_xqtop .xqleft{

	float: left;

	width: 50%;

}

.pro_xqtop .xqleft .imgleft{

	float: left;

	border: 1px solid #eee;

	box-sizing: border-box;

	width: 604px;

	height: 604px;

	line-height: 596px;

}

.pro_xqtop .xqleft .imgleft img{

	max-width: 100%;

	max-height: 100%;

	width: 100%;

}

.pro_xqtop .xqleft .imgright{

	float: left;

	width: 102px;

	margin-left: 6px;

	padding: 42px 0;

	overflow: hidden;

	position: relative;

}

.pro_xqtop .xqleft .imgright .prouctimg{

	height: 520px;

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

}

.pro_xqtop .xqleft .imgright .imgbox{

	height: 98px;

	width: 100px;

	border: 1px solid #eee;

	line-height: 94px;

}

.pro_xqtop .xqleft .imgright .imgbox.on{

	border: 1px solid #ffaa00;

}

.pro_xqtop .xqleft .imgright .imgbox img{

	max-width: 100%;

	max-height: 100%;

}

.imgright .swiper-button-prev,.imgright .swiper-button-next{

	background-color: #e8e8e8;

	width: 102px;

	height: 30px;

}

.imgright .swiper-button-prev{

	top: 0;

	left: 0;

	margin: unset;

}

.imgright .swiper-button-next{

	top: unset;

	bottom: 0;

	left: 0;

	transform: rotateZ(180deg);

}

.imgright .swiper-button-prev:after,.imgright .swiper-button-next:after{

	content: "";

	width: 102px;

	height: 30px;

	background: url(../images/btn.jpg);

	font-size: 20px;

	color: #b6b6b6;

}


.pro_xqtop .xqright{

	float: right;

	width: 50%;

}

.xqright .textbox{

	padding-top: 75px;

}

.xqright .textbox .des{

	font-size: 14px;

	color: #666;

	margin-bottom: 10px;

}

.xqright .textbox h2{

	font-size: 40px;

	color: #333;

	margin-bottom: 40px;

}

.xqright .textbox .tedian{

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	padding-top: 40px;

	padding-bottom: 60px;

	margin-bottom: 50px;

}

.xqright .textbox .tedian p{

	font-size: 16px;

	color: #666;

	line-height: 32px;

	padding-left: 20px;

	background: url(../images/dot.png) 5px 13px no-repeat;

}

.xqright .textbox a{

	display: inline-block;

	height: 42px;

	padding: 0 20px 0 44px;

	background: url(../images/zixun.png) 20px 12px no-repeat;

	background-color: #ffaa00;

	color: #fff;

	border-radius: 20px;

	line-height: 42px;

	font-size: 16px;

	transition: 0.3s;

}

.xqright .textbox a:hover{

	box-shadow: 0px 13px 40px #ffaa00a1;

    transform: translateY(-3px);

	/*animation: fadebgbig 1s linear;*/

}

.pro_xqbottom .detail{

	border-bottom: 1px solid #eee;

	padding-bottom: 20px;

	color: #333;

	font-size: 24px;

}

.pro_xqbottom .pro_content{

	padding-top: 30px;

}

.pro_xqbottom .pro_content .miaoshu{

	font-size: 18px;

	color: #666;

	line-height: 28px;

    letter-spacing: -0.6px;

}

.pro_xqbottom .pro_content .tuwen{

	padding-top: 35px;

}

.pro_xqbottom .pro_content .tuwen .twbox .te1{

	float: left;

	width: 50%;

	position: relative;

	padding-top: 27.97%;

	overflow: hidden;

}

.pro_xqbottom .pro_content .tuwen .twbox .te1 img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.pro_xqbottom .pro_content .tuwen .twbox .te2{

	float: left;

	width: 50%;

	padding: 70px 50px 0 100px;

	box-sizing: border-box;

}

.pro_xqbottom .pro_content .tuwen .twbox .te2 h2{

	font-size: 24px;

	color: #333;

	margin-bottom: 40px;

}

.pro_xqbottom .pro_content .tuwen .twbox .te2 p{

	font-size: 18px;

	color: #333;

	line-height: 28px;

	margin-bottom: 30px;

}

.pro_xqbottom .pro_content .tuwen .twbox:nth-child(2n) .te1{

	float: right;

}

/* 新闻列表 */

.news{

	padding-top: 80px;

	padding-bottom: 130px;

}

.news .newsbox{

	padding-bottom: 30px;

}

.news .newsbox ul li{

	float: left;

	width: 24.10%;

	margin-right: 1.19%;

	overflow: hidden;

	margin-bottom: 45px;

}
.news .newsbox ul li h3{    color: #2b2b2b;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; 
   }

.news .newsbox ul li:nth-child(4n){

	margin-right: unset;

}

.news .newsbox .conbox .img{

	border-radius: 15px;

	overflow: hidden;

	position: relative;

	padding-top: 67.9%;

	margin-bottom: 38px;

}

.news .newsbox .conbox .img img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	transition: 0.5s;

}

.news .newsbox ul li:hover .conbox .img img{

	transform: scale(1.1);

}

.news .newsbox .conbox .newsdes .time{

	display: inline-block;

	background-color: #fef6e8;

	font-size: 14px;

	color: #ffaa00;

	padding: 0 14px;

	border-radius: 5px;

	line-height: 36px;

	margin-bottom: 10px;

}

.news .newsbox .conbox .newsdes p{

	font-size: 14px;

	color: #666;

	line-height: 30px;

	letter-spacing: -0.5px;

	transition: 0.5s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-top: 20px;

}

.news .newsbox ul li:hover .newsdes p{

	color: #ffaa00;

}

/* 新闻详情 */

.news .newwarp{

	width: 1200px;

	margin: 0 auto;

}

.news .newwarp .title{

	text-align: center;

	border-bottom: 1px solid #eee;

	padding-bottom: 45px;

}

.news .newwarp .title h1{

	font-size: 36px;

	color: #333;

	text-align: center;

	margin-bottom: 10px;

}

.news .newwarp .title span{

	display: inline-block;

	font-size: 14px;

	color: #ffaa00;

	margin: 0 20px;

}

.news .newwarp .newscontent{

	font-size: 18px;

	color: #666;

	line-height: 34px;

	letter-spacing: -0.58px;

	padding-top: 50px;

	padding-bottom: 60px;

	border-bottom: 1px solid #eee;

	margin-bottom: 40px;

}

.news .newwarp .other{

	position: relative;

}

.news .newwarp .other p{

	font-size: 16px;

	color: #666;

	font-weight: bold;

	margin-top: 5px;

}

.news .newwarp .other p a{

	color: #999;

	font-weight: normal;

}

.news .newwarp .other p a:hover{

	color: #ffaa00;

}

.news .newwarp .other .return{

	position: absolute;

	right: 0;

	bottom: 0;

	color: #999;

	padding-top: 30px;

	background: url(../images/return.png) top center no-repeat;

	transition: 0.5s;

}

.news .newwarp .other .return:hover{

	color: #ffaa00;

	background: url(../images/returnhover.png) top center no-repeat;

}

/* 资源共享 */

.download{

	padding-top: 80px;

	padding-bottom: 130px;

	text-align: center;

}

.download .sousuo{

	display: inline-block;

	border-radius: 30px;

	overflow: hidden;

	border: 1px solid #ffaa00;

	box-sizing: border-box;

}

.download .sousuo input{

	background: unset;

	height: 50px;

	border: unset;

	color: #999;

	width: 400px;

	padding: 0 40px;

	box-sizing: border-box;

	font-size: 16px;

	display: inline-block;

	outline: none;

}

.download .sousuo a{

	text-align: center;

	color: #fff;

	display: inline-block;

	line-height: 60px;

	height: 60px;

	padding: 0 50px 0 90px;

	font-size: 20px;

	background: #ffaa00 url(../images/downsearch.png) 50px 20px no-repeat;

}

.down_table{ padding-bottom: 50px;clear:both; overflow:hidden; padding-top:20px;  margin-top:20px;text-align: left;}

.down_table table{ width:100%;border-collapse:collapse;border-spacing:0; color:#333; font-size:18px;}

.down_table table tbody th{ line-height:22px;height:80px;padding-top:5px; padding-bottom:5px;border-bottom:1px solid #fff;  color:#000; text-align:left; background:#f7f7f7; font-weight:bold;}

.down_table table td{ line-height:22px;height:80px; padding-top:5px; padding-bottom:5px; border-bottom:2px solid #e3ddda;font-weight:normal;font-size: 16px;color: #333;}

.down_table table td a{ color:#000000;}

.down_table table td a:hover{ color:#ffaa00;}

.down_table table .w1{ width:23%;  padding-right:5px; padding-left:26px;  }

.down_table table .w3{ width:39%;  padding-right:10px; padding-left:16px; }

.down_table table .w2{ width:80px;padding-left:5px; padding-right:40px; text-align:center; }

.down_table table tr i{ width:40px; height:40px; display:inline-block; vertical-align:middle; background:url(../images/downbg.png) no-repeat; background-size:100% 100%; cursor:pointer;}

.down_table table tr:hover i{ background-image:url(../images/downbg2.png);}

.down_table table tr:hover td{border-bottom:2px solid #ffaa00;}

/* 联系我们 */

.contact{

	padding-top: 80px;

	padding-bottom: 130px;

}

.contact .contactbox .cleft{

	float: left;

	width: 50%;

	position: relative;

	padding-top: 40%;

	overflow: hidden;

	border-radius: 15px;

}

.contact .contactbox .cleft iframe{

	position: absolute;

	top: 0;

	left: 0;

	width: 95%;

	height: 100%;

	outline: none;

	border: unset;

	border-radius: 15px;

}

.contact .contactbox .cright{

	float: right;

	width: 50%;

	padding-top: 40px;

	padding-left: 30px;

	box-sizing: border-box;

}

.contact .contactbox .cright h2{

	font-size: 32px;

	color: #222;

	margin-bottom: 40px;

}

.contact .contactbox .cright .fl{

	float: left;

	width: 100%;

	margin-bottom: 20px;

}

.contact .contactbox .cright .fl.fl1{

	width: 50%;

	padding-right: 10px;

	box-sizing: border-box;

}

.contact .contactbox .cright .fl.fl2{

	width: 50%;

	padding-left: 10px;

	box-sizing: border-box;

}

.contact .contactbox .cright .fl p{

	font-size: 16px;

	color: #999;

	margin-bottom: 5px;

}

.contact .contactbox .cright .fl p span{

	color: #fe1212;

}

.contact .contactbox .cright .fl input{

	width: 100%;

	background-color: #f8f8f8;

	border: 1px solid #eee;

	height: 57px;

	outline: none;

	color: #999;

	font-size: 16px;

	padding-left: 20px;

	box-sizing: border-box;

	border-radius: 15px;

}

.contact .contactbox .cright .fl textarea{

	width: 100%;

	background-color: #f8f8f8;

	border: 1px solid #eee;

	height: 183px;

	outline: none;

	color: #999;

	font-size: 16px;

	padding-left: 20px;

	padding-top: 20px;

	box-sizing: border-box;

	border-radius: 15px;

}

.contact .contactbox .cright .submit{

	color: #fff;

	display: inline-block;

	padding: 0 50px;

	border-radius: 22.5px;

	height: 45px;

	line-height: 45px;

	background-color: #ffaa00;

	transition: 0.3s;

}

.contact .contactbox .cright .submit:hover{

    box-shadow: 0px 13px 40px #ffaa00a1;

    transform: translateY(-3px);

	/*animation: fadebgbig 1s linear;*/

}



/* 响应式设计 */

@media screen and (max-width: 1700px){

/* 首页 */

.headerbox{width: 96%;}
.whytbox {width: 96%;}
.abuotbox{width: 96%;}

.abuotbox .aboutleft .mix_box{background-size: 100%;}

.mian_product .produxtbox{width: 96%;}

.rangebox{width: 96%;}

.footerbox{width: 96%;}

.icp .icpbox{width: 96%;}

/* 关于我们 */

.warp{width: 96%;}

/* 产品详情 */

.pro_xqbottom .pro_content .tuwen .twbox .te2{padding: 20px 50px 20px 50px;}

}

@media screen and (max-width: 1600px){

/* 首页 */

.banner .main_banner .adtext{left: 4%;}

.main_banner .controlbox1{left: 4%;}

.rangebox .swicontent .swiright{padding-top: 130px;padding-left: 180px;}

/*关于我们*/

.about .aboutleft{padding-right: 120px;}

/* 联系我们 */

.contact .contactbox .cright{padding-top: 20px;}

}

@media screen and (max-width: 1500px){

/* 首页 */

.banner .main_banner .adtext h2{font-size: 56px;}

.abuotbox .aboutright{padding-top: 110px;padding-left: 110px;}

.abuotbox .aboutright h2,.mian_why .whytbox h2,.mian_why .whytbox h2,.mian_product .produxtbox h2,.rangebox h2 {font-size: 58px;}

.rangebox .swicontent .swiright{padding-top: 120px;padding-left: 150px;}

/*关于我们*/

.about .aboutleft{padding-right: 80px;padding-top: 20px;}

.about .aboutleft h1{font-size: 54px;margin-bottom: 10px;}

.about .aboutleft h2{margin-bottom: 20px;}

/* 产品详情 */

.pro_xqtop .xqleft .imgleft{width: 80%;margin-right: 1%;height: unset;line-height: unset;}

.pro_xqtop .xqleft .imgright .prouctimg{height: 452px;}

.pro_xqtop .xqleft .imgright .imgbox{height: 89px;line-height: 85px;overflow: hidden;}

.xqright .textbox{padding-top: 45px;}

.pro_xqbottom .pro_content .tuwen .twbox .te2 h2{margin-bottom: 20px;}

.pro_xqbottom .pro_content .tuwen .twbox .te2 p{margin-bottom: 10px;}

/* 联系我们 */

.contact .contactbox .cright{padding-top: 0px;}

.contact .contactbox .cright h2{margin-bottom: 20px;}

}

@media screen and (max-width: 1400px){

/* 首页 */

.banner .main_banner .adtext h2{font-size: 52px;}

.abuotbox .aboutright{padding-top: 100px;padding-left: 100px;}

.abuotbox .aboutright h2,.mian_why .whytbox h2,.mian_product .produxtbox h2,.rangebox h2,.mian_why .whytbox h2{font-size: 56px;}

.rangebox .swicontent .swiright{padding-top: 110px;padding-left: 110px;}

.main_pro .probox a p{font-size: 30px;}

/*关于我们*/

.nybanner .title{padding-left: 100px;}

.nybanner .title p{font-size: 66px;line-height: 120px;}

.about .aboutleft{padding-right: 40px;}

.about .aboutleft h1{font-size: 50px;}

.about .aboutleft h2{margin-bottom: 10px;}

.about .aboutleft p{line-height: 26px;}

/*产品详情*/

.pro_xqtop .xqleft .imgright .prouctimg{height: 414px;}

.xqright .textbox{padding-top: 15px;}

.xqright .textbox .tedian{padding-top: 25px;padding-bottom: 30px;margin-bottom: 40px;}

}

@media screen and (max-width: 1300px){

/* 首页 */

.headerbox .headerright .mean_nav nav ul li a{font-size: 18px;padding: 0 22px;}

.small .headerbox .headerright .mean_nav nav ul li a{font-size: 18px;padding: 0 22px;}

.banner .main_banner .adtext h2{font-size: 50px;}

.banner .main_banner .adtext{left: 2%;}

.main_banner .controlbox1{left: 2%;bottom: 10%;}

.abuotbox .aboutright h2,.mian_why .whytbox h2, .mian_product .produxtbox h2, .rangebox h2 {font-size: 52px;}

.main_pro .probox a p{font-size: 28px;}

.abuotbox .aboutright{padding-top: 40px;}

.abuotbox .aboutright p{margin-bottom: 60px;}

.rangebox .swicontent .swiright{padding-top: 40px;padding-left: 60px;}

.rangebox .swicontent .swiright .conbox a{margin-bottom: 200px;}

.footright .frtop a{margin-right: 80px;}

/*关于我们*/

.nybanner .title{padding-left: 80px;}

.nybanner .title p{font-size: 62px;line-height: 110px;}

.about .aboutleft{padding-right: 20px;padding-top: 0;}

.about .aboutleft h1{font-size: 46px;margin-bottom: 0px;}

.about .aboutleft h2{margin-bottom: 5px;}

.about .aboutleft p{line-height: 26px;}

/*产品详情*/

.pro_xqtop .xqleft .imgright .prouctimg{height: 376px;}

.pro_xqbottom .pro_content .tuwen .twbox .te2{padding: 10px 20px 10px 20px;}

.pro_xqbottom .pro_content .tuwen .twbox .te2 p{line-height: 24px;}

/*新闻详情*/

.news .newwarp{width: 96%;}

.news .newwarp img{max-width: 100%;}

}

@media screen and (max-width: 1200px){

/* 首页 */

.headerbox .headerright .mean_nav nav ul li a{font-size: 17px;padding: 0 18px;}

.small .headerbox .headerright .mean_nav nav ul li a{font-size: 17px;padding: 0 18px;}

.banner .main_banner .adtext{width: 500px;}

.banner .main_banner .adtext h2{font-size: 46px;}

.main_banner .controlbox1{bottom: 6%;}

.abuotbox .aboutright{padding-top: 20px;padding-left: 40px;}

.footright .frtop a{margin-right: 60px;}

/*关于我们*/

.nybanner .title{padding-left: 60px;}

.nybanner .title p{font-size: 56px;line-height: 100px;}

.about .aboutleft{padding-right: 20px;position: relative;top: 0;transform: unset;}

.about .aboutleft h1{font-size: 46px;margin-bottom: 0px;}

.about .aboutleft h2{margin-bottom: 5px;}

.about .aboutleft p{line-height: 26px;}

/*产品详情*/

.pro_xqtop .xqleft .imgleft{width: 96%;margin-bottom: 20px;}

.pro_xqtop .xqleft .imgright{width: 96%;padding: 0px 40px;box-sizing: border-box;margin-left: unset;}

.pro_xqtop .xqleft .imgright .prouctimg{height: unset;}

.pro_xqtop .xqleft .imgright .imgbox{height: 100px;line-height: 96px;}

.imgright .swiper-button-prev{top: 50%;left: -40px;transform: translateY(-50%) rotateZ(-90deg);}

.imgright .swiper-button-next{bottom: unset;top: 42%;right: -40px;left: unset;transform:translateY(50%) rotateZ(90deg);}

}

/* 进入手机端 */

@media screen and (max-width: 1100px){
    

/* 首页 */

.sjmenu{display: block;float: right;width: 30px;height: 60px;position: relative;margin-left: 15px;}

.sjmenu span{width: 24px;height: 3px;background-color: #ffaa00;border-radius: 1.5px;transition: 0.5s;}

.sjmenu span:nth-child(1){position: absolute;top: 20px;left: 3px;}

.sjmenu span:nth-child(2){position: absolute;top: 29px;left: 3px;}

.sjmenu span:nth-child(3){position: absolute;top: 38px;left: 3px;}

.sjmenu.on span:nth-child(1){transform: rotateZ(45deg);top: 29px;}

.sjmenu.on span:nth-child(2){display: none;}

.sjmenu.on span:nth-child(3){transform: rotateZ(-45deg);top: 29px;}

.small .headerbox .logo{height: 60px;}

.headerbox .logo img{height: 36px;}

.small .headerbox .headerright .language span{line-height: 60px;}

.headerbox .headerright .mean_nav{display: none;}

.headerbox .headerright .mean_nav.on{display: block;position: absolute;top: 60px;width: 100%;right: 0;height: 100vh;background-color: rgba(0, 0, 0, 0.7);}

.headerbox .headerright .mean_nav nav ul li{float: none;width: 96%;margin: 0 auto;}

.small .headerbox .headerright .mean_nav nav ul li a{height: 50px;line-height: 50px;color: #fff;}

.headerbox .logo,.headerbox .headerright .language span,.headerbox .headerright .mean_nav nav ul li a{height: 60px;line-height: 60px;}

.headerbox .headerright .language>span:first-child{display: none;}

.banner .main_banner .adtext{width: 470px;}

.banner .main_banner .adtext h2{font-size: 40px;}

.abuotbox .aboutright{padding-top: 0;}

.abuotbox .aboutright h2,.mian_why .whytbox h2, .mian_product .produxtbox h2, .rangebox h2{font-size: 44px;}

.abuotbox .aboutright h3{font-size: 20px;}

.abuotbox .aboutright p{margin-bottom: 30px;}

.rangebox .swicontent .swiright{padding-top: 10px;padding-left: 20px;}

.rangebox .swicontent .swiright .conbox p{margin-bottom: 40px;}

.footerbox{text-align: center;}

.footleft{float: none;display: inline-block;margin-bottom: 20px;}

.footleft .flogo{margin-bottom: 20px;}

.footright{float: none;display: inline-block;}

.footright .frbottom p{text-align: left;}

.icp .icpbox .icpleft{float: none;padding-top: 20px;}

.icp .icpbox .icpright{float: none;position: static;text-align: center;margin-top: 30px;}

.icp .icpbox .icpright .shfl{float: none;display: inline-block;}

.icp .icpbox .icpleft p, .icp .icpbox .icpleft a{line-height: 22px;}

/* 内页分类菜单 */

.crumbs:after{display: none;}

footer:after{display: none;}

.crumbs .crumbsleft{height: 60px;line-height: 60px;}

.sjmenu2{display: block;float: right;width: 30px;height: 60px;position: relative;margin-left: 15px;}

.sjmenu2 span{width: 24px;height: 3px;background-color: #999;border-radius: 1.5px;transition: 0.5s;}

.sjmenu2 span:nth-child(1){position: absolute;top: 20px;left: 3px;}

.sjmenu2 span:nth-child(2){position: absolute;top: 29px;left: 3px;}

.sjmenu2 span:nth-child(3){position: absolute;top: 38px;left: 3px;}

.sjmenu2.on span:nth-child(1){transform: rotateZ(45deg);top: 29px;}

.sjmenu2.on span:nth-child(2){display: none;}

.sjmenu2.on span:nth-child(3){transform: rotateZ(-45deg);top: 29px;}

.crumbs .crumbsright{display: none;}

.crumbs .crumbsright.on{overflow: hidden; width: 100%; text-align: center; z-index: 999; background-color: rgba(0, 0, 0, 0.7); display: block;position: absolute;right: 0;top: 70px;animation: sjmenu2 1s;}

.crumbs .crumbsright.on div{width: 90%;text-align: center;margin-left: 0;height: 50px;}

.crumbs .crumbsright div a{color: #fff;height: 50px;line-height: 50px;font-size: 16px;}

@keyframes sjmenu2{

	from{height: 0}

	to{right: 0;height: 200px;}

}

.about .aboutleft h1{margin-bottom: 20px;}

.about .aboutleft h2{margin-bottom: 20px;}

/* 关于我们 */

.about .aboutleft{width: 100%;padding-right: 0;margin-bottom: 20px;}

.about .aboutright{width: 100%;}

.youshi .youshibox{padding: 40px 2% 60px 2%;}

.youshi .youshibox h3{font-size: 18px;}

.youshi .youshibox p{font-size: 16px;}

/* 荣誉 */

.honorbox ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}

.honorbox ul li:nth-child(4n){margin-right: 2%;}

.honorbox ul li:nth-child(3n){margin-right: unset;}

/* 团队 */

.team .teambox ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}

.team .teambox ul li:nth-child(4n){margin-right: 2%;}

.team .teambox ul li:nth-child(3n){margin-right: unset;}

/* 工厂 */

.factory .factorybox ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}

.factory .factorybox ul li:nth-child(4n){margin-right: 2%;}

.factory .factorybox ul li:nth-child(3n){margin-right: unset;}

/* 产品列表 */

.productbox ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}

.productbox ul li:nth-child(4n){margin-right: 2%;}

.productbox ul li:nth-child(3n){margin-right: unset;}

/* 产品详情 */

.pro_xqbottom .pro_content .tuwen .twbox .te1{width: 100%;padding-top: 55.94%;}

.pro_xqbottom .pro_content .tuwen .twbox .te2{width: 100%;padding: 40px 20px 40px 20px;}

/* 新闻列表 */

.news .newsbox ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}

.news .newsbox ul li:nth-child(4n){margin-right: 2%;}

.news .newsbox ul li:nth-child(3n){margin-right: unset;}

.news .newsbox .conbox .img{margin-bottom: 20px;}

}

@media screen and (max-width: 950px){

/* 首页 */

.banner .main_banner .adtext h2{font-size: 24px;width: 50%;margin-bottom: 10px;}

.banner .main_banner .adtext p{font-size: 16px;width: 70%;}

.bgmake:after{height: 12px;}

.mian_about{padding-top: 10px;}

.abuotbox .aboutright h2,.mian_why .whytbox h2, .mian_product .produxtbox h2, .rangebox h2{font-size: 32px;}

.abuotbox .aboutright h3{font-size: 18px;margin-bottom: 15px;}

.abuotbox .aboutright p{font-size: 16px;margin-bottom: 15px;}

.abuotbox .aboutright a{font-size: 16px;line-height: 40px;padding: 0 20px;}

.mian_product{margin-top: 70px;padding-top: 60px;padding-bottom: 60px;}

.main_pro .probox a p{font-size: 18px;margin-top: 50px;

}

.rangebox{padding-top: 60px;margin-bottom: 60px;}

.rangebox .swicontent .swiright .conbox h2{font-size: 32px;}

.rangebox .swicontent .swiright .conbox p{font-size: 18px;}

.footright .frtop{margin-top: 20px;margin-bottom: 30px;}
    .whycon {width:97%;max-width:100%;}
.why_con .swiper-wrapper {
    display: block;
}

/* 关于我们 */

.nybanner .title p{font-size: 48px;line-height: 90px;}

.youshi .youshibox{width: 49.2%;margin-right: 1.6%;margin-bottom: 20px;}

.youshi .youshibox:nth-child(2n){margin-right: unset;}

/* 产品详情 */

.product_xq{padding-top: 40px;}

.xqright .textbox{padding-top: 30px;}

.pro_xqtop .xqleft{width: 100%;}

.pro_xqtop .xqright{width: 100%;}

.pro_xqtop .xqleft .imgleft{width: 100%;}

.pro_xqtop .xqleft .imgright{width: 100%;}

.xqright .textbox h2{margin-bottom: 20px;}

/* 资源下载 */

.down_table table .w1{width: 22%;}

.down_table table .w3{width: 50%;}

.down_table table .w2{padding-right: 20px;}

/* 联系我们 */

.contact .contactbox .cleft{width: 100%;padding-top: 80%;}

.contact .contactbox .cleft iframe{width: 100%;}

.contact .contactbox .cright{width: 100%;padding-top: 40px;padding-left: 0;}

}

@media screen and (max-width: 750px){
    

/* 首页 */

.banner .swiper-slide .zhezhao{

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	mix-blend-mode: screen;

	z-index: 99;

	background-repeat: no-repeat;

	background-color: #fff;

	background-size: 160%;

	background-position: top right;

}

.swiper-slide-active .zhezhao{display: none;background-size: 160%;background-position: top right; animation: tobigbanner2 2s linear,move 20s 2s linear infinite;}

.main_banner .controlbox1{position: relative;}

.banner .main_banner .swiper-slide .pcimg{display: none;}

.banner .main_banner .swiper-slide .sjimg{display: block;}

.pcimg{display: none;}

.sjimg{display: block;}

.banner .main_banner .adtext{position: relative;top: 0;transform: translateY(0);width: 100%;}

.banner .main_banner .adtext h2{font-size: 18px;width: 100%;}

.banner .main_banner .adtext p{font-size: 16px;line-height: 20px;width: 60%;width: 100%;}

.main_banner .controlbox1 .swiper-pagination .swiper-pagination-current{font-size: 20px;}

.main_banner .controlbox1 .swiper-pagination{font-size: 16px;}

.main_banner .controlbox1 .swiper-button-prev, .main_banner .controlbox1 .swiper-button-next{width: 30px;height: 30px;top: 18px;}

.abuotbox .aboutright{padding-left: 10px;}

.abuotbox .aboutright h2,.mian_why .whytbox h2, .mian_product .produxtbox h2, .rangebox h2{font-size: 24px;}

.abuotbox .aboutright h3{margin-bottom: 5px;}

.abuotbox .aboutright p{font-size: 14px;}

.abuotbox .aboutright a{font-size: 14px;}

.rangebox .swicontent .swiright .conbox h2{font-size: 24px;margin-bottom: 10px;}

.rangebox .swicontent .swiright .conbox p{font-size: 14px;}

.rangebox .swicontent .swiright .conbox a{font-size: 14px;padding-left: 24px;margin-bottom: 130px;}

.rangebox .swicontent .swiright .conbox a:before{width: 50px;height: 50px;}

.swiright .controlbox2{width: 100%;max-width: 230px;}

.swiright .controlbox2 .swiper-pagination{font-size: 16px;}

.swiright .controlbox2 .swiper-pagination .swiper-pagination-current{font-size: 20px;}

.swiright .controlbox2 .swiper-button-prev, .swiright .controlbox2 .swiper-button-next{width: 30px;height: 30px;top: 18px;}

.footerbox{padding: 30px 0;}

.footright .frtop a{margin-right: unset;width: 48%;margin-bottom: 10px;}
    
    .mian_why {
    padding: 10px 0;
}

/* 关于我们 */

.nybanner .title p{font-size: 36px;line-height: 80px;}

.about .aboutleft h1{font-size: 30px;}

.about .aboutleft h2{font-size: 20px;}

.about .aboutleft p{font-size: 16px;}

/* 荣誉 */

.honorbox ul li{width: 49%;margin-right: 2%;}

.honorbox ul li:nth-child(4n){margin-right: 2%;}

.honorbox ul li:nth-child(3n){margin-right: 2%;}

.honorbox ul li:nth-child(2n){margin-right: unset;}

.honorbox .conbox .img{padding: 20px 0}

/* 团队 */

.team .teambox ul li{width: 49%;margin-right: 2%;}

.team .teambox ul li:nth-child(4n){margin-right: 2%;}

.team .teambox ul li:nth-child(3n){margin-right: 2%;}

.team .teambox ul li:nth-child(2n){margin-right: unset;}

/* 工厂 */

.factory .factorybox ul li{width: 49%;margin-right: 2%;}

.factory .factorybox ul li:nth-child(4n){margin-right: 2%;}

.factory .factorybox ul li:nth-child(3n){margin-right: 2%;}

.factory .factorybox ul li:nth-child(2n){margin-right: unset;}

/* 产品列表 */

.productbox ul li{width: 49%;margin-right: 2%;}

.productbox ul li:nth-child(4n){margin-right: 2%;}

.productbox ul li:nth-child(3n){margin-right: 2%;}

.productbox ul li:nth-child(2n){margin-right: unset;}

/*.productbox .conbox .img{padding: 20px 0}*/

/* 资源下载 */

.download{padding-top: 40px;}

.download .sousuo input{width: 200px;box-sizing: border-box;}

.download .sousuo a{width: 140px;box-sizing: border-box;background-position: 20px 20px;padding-left: 50px;}

/* 新闻列表 */

.news .newsbox  ul li{width: 49%;margin-right: 2%;}

.news .newsbox  ul li:nth-child(4n){margin-right: 2%;}

.news .newsbox  ul li:nth-child(3n){margin-right: 2%;}

.news .newsbox  ul li:nth-child(2n){margin-right: unset;}

.news{padding-top: 40px;}

.news .newsbox .conbox .newsdes p{line-height: 26px;}

.news .newwarp .title h1{font-size: 32px;}

}

@media screen and (max-width: 550px){
    

/* 首页 */

.abuotbox .aboutleft,.abuotbox .aboutright{width: 100%;}

.rangebox{padding-top: 20px;margin-bottom: 40px;}

.rangebox .swicontent .swileft,.rangebox .swicontent .swiright{width: 100%;}

.footleft .esndmail p{font-size: 18px;}

.footright .frtop a{font-size: 18px;}

.footright .frbottom p{font-size: 16px;}

.footleft .esndmail input{width: 67%;}

.footleft .esndmail a{width: 31%;}

.headerbox .headerright .language .search .searchbox{width: 300px;left: -260px;}
    
.whycon {width:92%;max-width:100%;}
/* 关于我们 */

.nybanner .title{padding-left: 40px;}

.nybanner .title p{font-size: 32px;line-height: 60px;}

/* 荣誉 */

.page a{width: 40px;height: 40px;line-height: 40px;}

/* 资源下载 */

.down_table{overflow-x: scroll}

.down_table table{;min-width: 500px;}

.download .warp{overflow: hidden;}

/*新闻列表*/

.news{padding-top: 40px;}

.news .newwarp .title h1{font-size: 24px;}

.news .newwarp .title{padding-bottom: 20px;}

.news .newwarp .newscontent{padding-top: 20px;}

/* 联系我们 */

.contact{padding-top: 40px;}

}

@media screen and (max-width: 400px){

/* 首页 */

/* 关于我们 */

.nybanner .title{padding-left: 20px;}

.nybanner .title p{font-size: 28px;line-height: 50px;}

.youshi .youshibox{width: 100%;margin-right: unset;}

/* 荣誉 */

.honorbox ul li{width: 100%;margin-right: unset;}

/* 团队 */

.team .teambox ul li{width: 100%;margin-right: unset;}

/* 工厂 */

.factory .factorybox ul li{width: 100%;margin-right: unset;}

/* 产品列表 */

.productbox ul li{width: 100%;margin-right: unset;}

/* 新闻列表 */

.news .newsbox ul li{width: 100%;margin-right: unset;}

}



/* 动画 */

@keyframes fadebgbig{

	0%{transform: rotateZ(0deg);}

	12.5%{transform: rotateZ(5deg);}

	25%{transform: rotateZ(-5deg);}

	37.5%{transform: rotateZ(5deg);}

	50%{transform: rotateZ(-5deg);}

	62.5%{transform: rotateZ(5deg);}

	75%{transform: rotateZ(-5deg);}

	87.5%{transform: rotateZ(5deg);}

	100%{transform: rotateZ(0deg);}

}