@font-face {
  font-family: 'iconfont';  /* Project id 2877481 */
  src: url('font_2877481_bsypsexn049.woff2?t=1642388214970') format('woff2'),
  url('font_2877481_bsypsexn049.woff?t=1642388214970') format('woff'),
  url('font_2877481_bsypsexn049.ttf?t=1642388214970') format('truetype');
}

main{
  background: #f8f8f8;
  font-family: "Microsoft YaHei", -apple-system !important;
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/*鏁翠綋閮ㄥ垎*/
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
/*婊戝姩杞ㄩ亾*/
::-webkit-scrollbar-track {
  border-radius: 0;
  background: #555555;
}
/*婊戝潡*/
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  background-color: #bf7f2c;
}
/*婊戝潡鏁堟灉*/
::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  background-color: rgba(27, 135, 226, 0.5);
}


header {width: 100%;display: flex;position: relative;top: 0;padding: 0.5vw 2vw 0 2vw;z-index: 600;position: fixed;}
header .logo {width: 17vw;transition: .5s all ease-in-out;margin-top:5px;}
header .logo img:nth-child(1) {display: none;}
header .logo img:nth-child(2){display: none;}
header .logo img:nth-child(1){display: block;}
header .navsBg {width: 100%;height: 17.2vw;background: rgba(241, 241, 241, 0.95);position: absolute;left: 0;top: 4.88vw;transition: 0.5s all ease-in-out;transform: translateY(-25vw);z-index: 99;}
header nav {display: flex;z-index: 100; margin-left:auto;}
header nav ul li {display: inline-block;float: left;font-size: 14px;height: 4.5vw;text-align: center;z-index: 99;position: relative;}
header nav ul li a {color: #fff;display: block;line-height: 4vw;height: 4vw; padding:0 20px;font-weight: bold;}
header nav ul li ul {transform: translateY(-25vw);position: relative;opacity: 0;transition: 0.5s all ease-in-out;margin-top: 0.5vw;padding-top: 1.5vw;height: 17vw;}
header nav ul li ul li {display: block;float: inherit;margin: 0;height: auto;padding: 6px 0;font-size: 12px;text-align: center;}
header nav ul li ul li a {color: #252525;opacity: 0.8;font-weight: 200;line-height: inherit;font-size: 12px;height: inherit;padding-bottom: 5px;margin: 0 auto;display: inline-block;border-bottom: 1px solid transparent;}
header nav ul li ul li a:hover {color: white;font-weight: 600;}
header nav ul li ul li a:hover {border-bottom: 1px solid white;}
header nav ul li ul .uli {margin-bottom: 5px;}
header nav ul li ul .uli::before {content: '';position: absolute;width: 100%;height: 3px;left: 0;background: white;}
header nav ul li:hover ul {background: #bf7f2c;}
header nav ul li:hover ul a {color: white;opacity: 1;}
header .right {padding: 1vw 2vw;display: flex;}
header .right .search {width: 40px;height: 40px;border-radius: 50%;border: solid 1px #efefef;opacity: 0.7;margin-left: 2vw;cursor: pointer;}
header .right .search .icon {margin: 8px auto;text-align: center;}
header .right .search .icon i {text-align: center;font-size: 20px;color: #fff;}
header .right .search .icon i:nth-child(2) {display: none;}

header .searchBox {width: 100%;padding: 8vw 0;position: absolute;left: 0;top: 5vw;display: none;background: rgba(255, 255, 255, 0.9);}
header .searchBox .inputBox {width: 900px;height:75px;margin: 0 auto;border: 2px solid #bf7f2c;display: flex; position:relative;}
header .searchBox .inputBox .input {width: 638px;height: 75px;font-size: 22px;border: transparent;background: transparent;padding-left: 30px;outline: none; color:#999;}
header .searchBox .inputBox .btn-primary {
  background: transparent;width:100px;height:0;border:74px dashed;border-top:none;border-color:#bf7f2c;transform-origin:bottom;border-left-color:transparent;font-size:36px;color:white;cursor:pointer; margin-top:-10px;
}
header .searchBox .inputBox .icon i {margin: 0.5vw;position: relative;top: 0.8vw;}
header .searchBox.active {display: block;}


header.active {background: #ffffff;}
header.active .logo{width: 15vw;}
header.active .logo img:nth-child(2) {display: block;}
header.active .logo img:nth-child(1) {display: none;}
header.active nav ul li a {color: #4b4b4b;}
header.active .right .search {border: 1px solid #d4d4d4;}
header.active .right .search .icon i {color: #393939;}

footer {width: 94vw;margin: 0 auto;background: #272727;padding: 4vw 6vw 2vw 6vw;}
footer .footer {display: flex;justify-content: space-between;}
footer .footer .left {}
footer .footer .left .level1 {display: inline-grid;padding: 0 2vw;}
footer .footer .left .level1 a {font-size: 14px;margin-bottom: 1.5vw;color: #fefefe;font-weight: bold;}
footer .footer .left .level1 ul li {margin-bottom: 15px;}
footer .footer .left .level1 ul li a {font-size: 12px;color: #fefefe;padding-left: 15px;opacity: 0.78;font-weight: normal;}
footer .footer .left .level1 ul li a::before {content: '';position: absolute;width: 8px;height: 1px;background-color: #ffffff;margin-top: 9px;margin-left: -15px;}
footer .footer .right{width: 32vw;}
footer .footer .right .wechat {width: 7vw;text-align: center;color: #fefefe; float:left; margin-left:1vw;}
footer .footer .right .wechat .qrcode {width: 7vw;height: 7vw;}
footer .footer .right .wechat p {margin-top: .5vw;font-size: 14px;}
footer .info {font-size: 12px;color: #fefefe;opacity: 0.3;display: flex;margin-top: 5vw;justify-content: space-between;}
footer .info a {color: #fefefe;}

.titBox {width: 100%;padding: 5vw;display: flex;justify-content: space-between;}
.titBox .text .tit {font-size: 2.5vw;color: #373737;font-weight: bold;margin-bottom: 1vw;}
.titBox .text .des {font-size: 16px;color: #98989d;line-height: 1.7;}
.titBox .more {width: 14vw;height: 4vw;background-color: #bf7f2c;text-align: center;line-height: 3.5vw;font-size: 18px;color: white;cursor: pointer;position: relative;top: 2vw;}
.titBox .more i {font-size: 32px;position: relative;top: 5px;transition: 0.5s all ease-in-out;}
.titBox .more:hover i {padding-left: 3vw;}

.n_banner img{width: 100%;}


.box {width: 100%;margin: 0 auto;position: relative;box-sizing: border-box;}
.banner1 {width: 100%;position: relative;}
.banner1 .ban_img {width: 100%;}
.banner1 .ban_img img {width: 100%;}
.banner1 .ban_img img.pc_img {opacity: 0;}
.banner1 .ban_text {position: absolute;top: calc(50% + 4px);transform: translateY(-50%);width:1300px;}
.banner1 .ban_text .ban_d_text {color: #fff;font-weight: bold;}
.banner1 .ban_text .ban_c_text {color: #fff; line-height:30px;}
.banner1 .ban_text .ban_line {width: 50px;height: 6px;background-color: #da9330;margin: 30px 0 30px 0;}


.tabBox {width: 100%;height: 4vw;line-height: 4vw;padding: 0 14vw;display: flex;justify-content: space-between;background: #e9ecee;}
.tabBox .leftC {width: 14vw;height: 4vw;background: #bf7f2c;position: absolute;left: 0;}
.tabBox .tab {display: inline-block;}
.tabBox .tab .item {display: inline-block;float: left;margin: 0 1.5vw;font-size: 16px;}
.tabBox .tab .item a {display: block;height: 4vw;line-height:4vw;color: #98989d;}
.tabBox .tab .item a:hover{color: #bf7f2c;border-bottom: 5px solid #bf7f2c;}
.tabBox .tab .active a {color: #bf7f2c;border-bottom: 5px solid #bf7f2c;}
.tabBox .bread a {font-size: 14px;color: #98989d;padding-right: 5px;line-height: 1vw;}
.tabBox .bread a i {font-size: 14px;}

.index {background: #f8f8f8;}
.index .f1 {width: 100%;height: 95%;}
.slide, .slide2 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-size: cover;background-position: center;background-color: #333;}
.index .f1 .index-w .index-slides {width: 100%;margin: 0 auto;position: relative;overflow: hidden;}
.index .f1 .index-w .index-slides .swiper-slide {position: relative;}
.index .f1 .index-w .index-slides .swiper-slide .info {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content: center;align-items: center;text-align: center;color: #fff;}
.index .f1 .index-w .index-slides .swiper-slide .info .tt {font-size: 46px;line-height: 64px;font-weight: bold;}
.index .f1 .index-w .index-slides .swiper-slide .info .filter {height: 4px;margin: 23px 0;}
.index .f1 .index-w .index-slides .swiper-slide .info .filter span {display: inline-block;width: 15px;height: 4px;vertical-align: top;background-color: #b09c6e;}
.index .f1 .index-w .index-slides .swiper-slide .info .stt {font-size: 16px;line-height: 28px;margin-bottom: 30px;font-weight: bold;}
.index .f1 .index-w .index-slides .swiper-pagination {bottom: 40px;width: 100%;z-index: 7;}
.index .f1 .index-w .index-slides .swiper-pagination .swiper-pagination-bullet {background-color: #fff;opacity: 0.3;border-radius: 0;width: 35px;height: 4px;margin: 0 2px;}
.index .f1 .index-w .index-slides .swiper-pagination .swiper-pagination-bullet-active {background-color: #fff;opacity: 1;}

.index .f2 {padding: 2vw 3vw 3vw 3vw;display: flex;}
.index .f2 .itemBox {width: 45.25vw;margin-right:1.5vw;background: white;color: #3c3c3c;transition: 0.5s all ease-in-out; position:relative; overflow:hidden;}
.index .f2 .itemBox1 {margin-right:0;}
.index .f2 .itemBox .bg {width: 46vw;height: 36vw;background-size: cover !important;opacity: 1;transition: 0.5s all ease-in-out;}
.index .f2 .itemBox .bgImg {position: absolute;width: 8vw;left: 6vw;margin-top: -1.5vw;transition: 0.5s all ease-in-out;}
.index .f2 .itemBox .bgImg2 {position: absolute;width: 8vw;right: 7vw;margin-top: -1.5vw;transition: 0.5s all ease-in-out;}
.index .f2 .itemBox .text {position: relative;display: flex;padding:0;font-weight: bold;z-index:20px; text-align:center; padding:12px 0;}
.index .f2 .itemBox .text .tit .name {font-size: 36px;}
.index .f2 .itemBox .text .tit .des {font-size: 14px; line-height:50px;}
.index .f2 .itemBox .text .secodNav {padding-left: 14vw;}
.index .f2 .itemBox .text .secodNav .item {width: 12vw;font-size: 18px;border-bottom: 1px solid #c6c6c6;padding: 1vw 0;cursor: pointer;  font-weight: normal;transition: 0.1s all ease-in-out;}
.index .f2 .itemBox .text a{width:100%;}
.index .f2 .itemBox .text .secodNav .item i {float: right;color: #c6c6c6;margin-top: 4px;}
.index .f2 .itemBox .text .secodNav .item:hover {color: white;font-weight: bold;border-bottom: 2px solid white;}
.index .f2 .active {color: white;transition: 0.5s all ease-in-out;}
.index .f2 .active .text a{color:#999;transition: .5s all ease-in-out;}

.index .f2 .itemBox .bg i {display:block; width:100%; height:100%; position:absolute; right:100%; top:0; z-index:1; background-color:rgba(0, 78, 151, 0.4); filter: alpha(opacity=50);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity:0.50;
 -webkit-transition: all 0.6s ease-in-out; }
.index .f2 .itemBox:hover i {right:0;}


.index .f3 {background: #f8f8f8;}
.index .f3 .itemBox {width: 94vw;height: 47vw;margin: 0 auto;background: url(ywbg.jpg) center no-repeat;background-size: cover !important;padding: 2vw;display: flex;}
.index .f3 .itemBox .item {width: 30vw;height: 43vw;text-align: center;font-size: 30px;color: white;cursor: pointer;transition: 0.5s all ease-in-out;background: transparent;overflow: hidden;}
.index .f3 .itemBox .item .bg {width: 24vw;height: 43vw;background: url(img4_1.jpg) center no-repeat;background-size: cover !important;transition: 0.5s all ease-in-out;transform: translateX(0);opacity: 0;position: relative;}
.index .f3 .itemBox .item .name {margin-top: 18vw;transition: 0.5s all ease-in-out;position: relative;margin-top: -25vw;text-align: center;font-weight: bold;}
.index .f3 .itemBox .item .more {width:8vw;height:2vw;background:#bf7f2c;text-align: center;line-height: 1.5vw;font-size: 12px;color: white;cursor: pointer;position: absolute;margin-left: 3.5vw;margin-top: 15vw;opacity: 0;}
.index .f3 .itemBox .item .more i {font-size: 24px;position: relative;top: 5px;transition: 0.5s all ease-in-out;}
.index .f3 .itemBox .item .more:hover i {padding-left: 1vw;}
.index .f3 .itemBox .item::after {content: '';position: absolute;margin-top: 2.5vw;margin-left: -7.5vw;width: 15vw;height: 1px;background: white;}
.index .f3 .itemBox .item::before {content: '';position: absolute;width: 11px;height: 11px;border-radius: 50%;margin-top: 22vw;background-color: #ffffff;border: 5px solid #68d6f7;margin-left: -0.5vw;}
.index .f3 .itemBox .active .bg {transform: translateX(-0vw);opacity: 1;}
.index .f3 .itemBox .active .name {transform: translateY(-100px);}
.index .f3 .itemBox .active .more {opacity: 1;}
.index .f3 .itemBox .active::after {content: inherit;}
.index .f3 .itemBox .active::before {content: inherit;}

.index .f4 {width: calc(100% - 5.5vw);background: white;margin: 0 auto;}
.index .f4 .titBox {padding: 5vw 2vw;}
.index .f4 .itemBox {width: 100%;display: flex;}
.index .f4 .itemBox .item {width: 31.35vw;height: 27vw;background-size: cover !important;cursor: pointer;}
.index .f4 .itemBox .item .text {position: relative;padding-left: 4vw;margin-top: -8vw;}
.index .f4 .itemBox .item .text .name {font-size: 36px;color: #000000;font-weight: bold;margin-bottom: 5px;}
.index .f4 .itemBox .item .text .des {font-size: 16px;color: #969696;}
.index .f4 .itemBox .item .bg {opacity: 0;width: 31.35vw;height: 27vw;transition: 0.5s all ease-in-out;background-size: cover !important;}
.index .f4 .itemBox .active .bg {opacity: 1;}
.index .f4 .itemBox .active .text .name {color: white;}
.index .f4 .itemBox .active .text .des {color: white;}

.index .f5{margin-bottom: 5vw;}
.index .f5 .newsBox {padding: 0 3vw;display: flex;}
.index .f5 .newsBox .left {width: 29vw;height: 35vw;background: white;overflow: hidden;}
.index .f5 .newsBox a {margin-right:3vw;}
.index .f5 .newsBox a:nth-child(3n) {margin-right:0;}
.index .f5 .newsBox .left .img {width: 29vw;height: 19vw;background-size: cover !important;transition: 0.5s all ease-in-out;}
.index .f5 .newsBox .left .text {padding: 3vw 2vw;}
.index .f5 .newsBox .left .text .name {font-size: 22px;color: #272727;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index .f5 .newsBox .left .text .time {font-size: 14px;color: #999999;padding: 1vw 0;}
.index .f5 .newsBox .left .text .time i {font-size: 18px;}
.index .f5 .newsBox .left .text .des {font-size: 16px;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.index .f5 .newsBox .left:hover .img {transform: scale(1.05);}
.index .f5 .newsBox .left:hover .text .name {color: #bf7f2c;}


.index .f6 {width: 94vw;margin: 0 auto;background-color: #e9e9e9;color: #333;display: flex;text-align: center;padding: 2vw 0;}
.index .f6 .item {flex: 1; text-align:center;}
.index .f6 .item .tit {padding-bottom: 1vw;}
.index .f6 .item .tit p {font-size: 24px;}
.index .f6 .item .tit img {width:60px; margin:0 auto 15px;}
.index .f6 .item a {color: #333;}
.index .f6 .item .text {font-size: 39px;}
.index .f6 .item .btn {width: 15vw;margin: 0 auto;padding:0;font-size: 14px;cursor: pointer;}

.w1360{ width:1300px; margin:0 auto;}

@media (max-width: 1360px) {
 .w1360{ width:1260px; margin:0 auto;}
	
}


.about{background: transparent;}
.about .n_about {width: 100%; text-align:justify; line-height:30px; min-height:350px; padding-bottom:150px; margin-top:60px;}
.about .n_about .text {width: 100%;}
.about .n_about .text .name {font-size: 36px;color: #373737;margin-bottom: 3rem;font-weight: bold;}
.about .n_about .text .des {font-size: 14px;}
.about01line{width: 100%;height: 1px;background-color: #DDDDDD;position: relative;margin: 30px 0;}
.about01line:before{content: '';display: block;width: 30px;height: 2px;position: absolute;left: 0;top: 0;background-color: #ea5412;}
.clear{ clear:both;}


.about .n_products {width: 100%; text-align:justify; line-height:30px; min-height:350px; padding-bottom:150px; margin-top:60px;box-shadow: -2px 2px 20px #dcdcdc;padding: 60px;box-sizing: border-box;}
.about .n_products .text {width: 100%;}
.about .n_products .text .name {font-size: 36px;color: #373737;margin-bottom: 3rem;font-weight: bold;}
.about .n_products .text .des {font-size: 14px;}

.pc {display: block;}
.mobile {display: none;}
@media (max-width: 1660px) {
	.index .f6 .item .btn{width: 11vw;}
	.tabBox{padding: 0 8vw;}
	.tabBox .leftC{width: 8vw;}
}
@media (max-width: 1440px) {
    
	.tabBox .tab .item a{line-height: 3.5;}
	.tabBox{padding: 0 8vw;}
	.index .f4 .itemBox .item .text .name{font-size: 26px;}
	.index .f5 .newsBox .left .text .name{font-size: 18px;}
	.index .f5 .newsBox .left .text .time{font-size: 14px;}
	.titBox .text .tit{font-size: 30px;}
	.index .f5 .newsBox .centre .text .name{font-size: 24px;}
	.index .f5 .newsBox .left .text .des{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;}
	.index .f5 .newsBox .right .item .text .des{font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: .7vw 0;padding: 0;}
	header{padding: .5vw 3vw 0 3vw;}
	.tabBox .bread a{font-size: 14px;}
	.index .f3 .itemBox .item .name{font-size: 24px;}
	.index .f6 .item .btn{width: 10vw;font-size: 16px;padding: .6vw 0;}
	.index .f6 .item .tit p:nth-child(1){font-size: 24px;}
	.index .f6 .item .tit p:nth-child(2){font-size: 14px;}
	.index .f6 .item .text{font-size: 26px;}
	header .right .search{width: 35px;height: 35px;margin-top: -3px;}
	header .right .search .icon i{font-size: 16px;}
	header .searchBox .inputBox .icon i{top: .4vw;}
	footer .footer .left .level1{padding: 0 2vw;}
	.index .f5 .newsBox .centre .text .more {margin-top: 6vw;}
	header nav ul li ul {height: 19vw;}
	header .navsBg {height: 19.2vw;}
	.index .f5 .newsBox .right .item .text .name {-webkit-line-clamp: 1;font-size: 16px;}
	header nav ul li ul li{font-size: 14px;}
}
@media (max-width: 1366px) {
	header nav ul li ul li{padding: 4px 0;}
	footer .footer .right .wechat p{font-size: 12px;}
	footer .footer .left .level1{padding: 0 1vw;}
}
@media (max-width: 768px) {
	.pc {display: none;}
	.mobile {display: block;}
	footer .footer .right{width: 100%;}
	main{margin-top: 50px;}
	footer .footer .right .text{text-align: left;margin-right: 0;font-size: 16px;}
	.index .f5 .newsBox .left .text{background: #f1f1f1;}
	.index .f1 #homevideo{height: 35vh;}
	.index .f1 .up{top: 28vh;display: none;}
	.index .f1 .up i{font-size: 14px;}
	.index .f1 .text{width: 40%;margin: 10vw 2vw;}

.index .f2{padding: 3vw;display: block;}
.index .f2 .itemBox {width: 94vw;height: 72vw;background: white;color: #3c3c3c;transition: 0.5s all ease-in-out; margin-bottom:5px;}
.index .f2 .itemBox .bg {width: 94vw;height: 72vw;background-size: cover !important;opacity: 1;position: absolute;transition: 0.5s all ease-in-out;}
.index .f2 .itemBox .bgImg {position: absolute;width: 8vw;left: 6vw;margin-top: -1.5vw;transition: 0.5s all ease-in-out;}
.index .f2 .itemBox .bgImg2 {position: absolute;width: 8vw;right: 7vw;margin-top: -1.5vw;transition: 0.5s all ease-in-out;}
.index .f2 .itemBox .text {position: relative;display: flex;padding: 8vw 0;font-weight: bold;text-align:center;}
.index .f2 .itemBox .text .tit .name {font-size: 26px;}
.index .f2 .itemBox .text .tit .des {font-size: 14px; line-height:50px;}
.index .f2 .itemBox .text .secodNav {padding-left: 14vw;}
.index .f2 .itemBox .text .secodNav .item {width: 12vw;font-size: 18px;border-bottom: 1px solid #c6c6c6;padding: 1vw 0;cursor: pointer;  font-weight: normal;transition: 0.1s all ease-in-out;}
.index .f2 .itemBox .text a{width:100%;}
.index .f2 .itemBox .text .secodNav .item i {float: right;color: #c6c6c6;margin-top: 4px;}
.index .f2 .itemBox .text .secodNav .item:hover {color: white;font-weight: bold;border-bottom: 2px solid white;}
.index .f2 .active {color: white;transition: 0.5s all ease-in-out;}
.index .f2 .active .text a{color:#999;transition: .5s all ease-in-out;}

.titBox .text .tit{font-size: 20px;}
	.titBox .text .des{font-size: 14px;}
	.titBox .more{display: none;}
	.index .f3 .itemBox .active .more{display: none;}
	.index .f4 .itemBox{display: block;}
	.index .f4 .itemBox .item{width: 100%;height: 80vw;}
	.index .f4 .itemBox .item .bg{width: 100%;height: 80vw;}
	.index .f4 .itemBox .item .text{margin-top: -35vw;}
	.index .f4 .itemBox .item .text .name{font-size: 20px;}
	.index .f4 .itemBox .item .text .des{font-size: 14px;}
	.index .f5 .newsBox{display: block;}
	.index .f5 .newsBox .left{width: 100%;height: auto;}
	.index .f5 .newsBox .left .img{width: 100%;height: 18rem;}
	.index .f5 .newsBox .left .text .name{font-size: 18px;}
	.index .f5 .newsBox .left .text .time{font-size: 12px;}
	.index .f5 .newsBox .left .text .time i{font-size: 16px;}
	.index .f5 .newsBox .left .text .des{font-size: 14px;}
	.index .f6{display: block;}
	.index .f6 .item .tit p:nth-child(1){font-size: 18px;}
	.index .f6 .item .tit p:nth-child(2){font-size: 14px;}
	.index .f6 .item .text{font-size: 22px;}
	.index .f6 .item{margin-bottom: 1rem;  }
	.index .f6 .item .btn{width: 22vw;font-size: 14px;margin: 1rem auto;}
	footer{padding: 5vw;}
	footer .footer{display: block;}
	footer .footer .left{display: none;}
	footer .footer .right .wechat{width: 100%;}
	footer .footer .right .wechat .qrcode{width: 25vw;height: auto;margin: 1rem auto;}
	footer .footer .right .wechat p{margin: 0;font-size: 14px;}
	footer .info{display: block;}
	.tabBox{height: 3rem;line-height: 3rem;padding: 0 0 0 14vw;}
	.tabBox .tab .item{padding: 0 .5vw;font-size: 14px;}
	.tabBox .tab .active::after{content: inherit;}
	.tabBox .tab .item:hover::after{content: inherit;}
	.tabBox .leftC{height: 3rem;}
	.tabBox .bread{display: none;}  
	.tabBox .tab .item a:hover{color: #98989d;border: transparent;}
	.tabBox .tab .active a{border-bottom: 3px solid #bf7f2c;}  
	.navs{position: relative;z-index: 999;}
	.navs .headers{width: 100%;height: 50px;background: white;position: fixed;top: 0;z-index: 100;}
	.navs .headers .logo{width: 100px;margin: 5px 10px;}
	.navs .headers .icon{width: 50px;height: 50px;background: #bf7f2c;position: absolute;right: 0;top: 0;transition: .5s all ease-in-out;}
	.navs .headers .icon .icon1{width: 25px;height: 2px;background: white;margin: 0 auto;position: relative;top: 20px;transition: .5s all ease-in-out;}
	.navs .headers .icon .icon2{width: 25px;height: 2px;background: white;margin: 0 auto;position: relative;top: 25px;transition: .5s all ease-in-out;}
	.navs .headers .iconActive{background: #bf7f2c;}
	.navs .headers .iconActive .icon1{transform: rotate3d(0, 0, 20, 45deg)translateX(3px)translateY(3px);}
	.navs .headers .iconActive .icon2{transform: rotate3d(0, 0, 20, -45deg)translateX(2px)translateY(-2px);}
	.navs .navList{width: 100%;height: 100vh;background: white;z-index: 100;position: fixed;top: 50px;padding: 30px 20px;transform: translateX(500px);transition: .8s all ease-in-out;opacity: 0;}
	.navs .navsActive{transform: translateX(0);opacity: 1;}
	.navs .navList a{display: block;padding: 13px 0;font-size: 16px;letter-spacing: -.02em;color: #333333;font-weight: bold;}
	.navs .navList li+li>a {border-top: 1px solid #bf7f2c;}
	.index .f3 .f3swiper{width: 100%;height: 30.2rem;overflow: hidden;}
	.index .f3 .itemBox{width: fit-content;height: 30rem;padding: 3vw;}
	.index .f3 .itemBox .item{height: 28.5rem;}
	.index .f3 .itemBox .item .bg{width: 100%;height: 28.5rem;background-blend-mode: multiply;}
	.index .f3 .itemBox .item .name{margin-top: -32vw;}
	.index .f2 .itemBox .text .secodNav .item:hover{color: #333333;background: white;}
}
/* 设备横屏时调用该段css代码 */
@media (max-width: 1024px) and (orientation : landscape){
  .index .f1 #homevideo{height: 100vh !important;}
  .navs .navList{transform: translateX(1000px);}
  .navs .navsActive{transform: translateX(0px);}
  .index .f3 .f3swiper{height: 31.2rem;}
}

dl.top{ overflow:hidden; width:100%; padding-bottom:0px; margin-bottom:30px; height:210px;}
dl.top:hover{ box-shadow:0 0 12px #ddd;}
dl.top dt{ overflow:hidden; float:left; width:300px; height:200px;}
dl.top dt img{ display:block; width:300px; height:200px; padding:10px !important;transition:0.8s;-moz-transition:0.8s, -moz-transform 0.8s;-webkit-transition:0.8s, -webkit-transform 0.8s;}

dl.top dd{ overflow:hidden; float:right; width:950px; height:190px;padding:0 10px; }
dl.top dd h4{ font-size:18px; margin:10px 0 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
dl.top dd h4 a{ color:#333;}
dl.top:hover dd h4 a{ color:#ac5811;}
dl.top dd em{ display:block; font-size:12px; color:#999; margin-bottom:5px;}
dl.top dd em i{ margin:0 5px;}
dl.top dd p{ font-size:14px; color:#666; line-height:28px; width:920px; height:68px; overflow:hidden; text-align:justify; margin-bottom:10px;}
dl.top dd .more{ display:block; width:116px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#999; font-family:Arial; border:2px solid #e9e9e9; text-decoration:none}
dl.top:hover .more{ color:#fff; border-color:#ac5811; background-color:#ac5811}
dl.top.last{ margin-bottom:0}

.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background:#fff;border:1px solid #ddd;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {z-index: 2;color: #23527c;background: #eee;border-color: #ddd;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}