@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: 23vw;transition: .5s all ease-in-out; margin-top:10px;}
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 img{width: 100%;max-width: 100%;}
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: 16px;height: 4.5vw;text-align: center;z-index: 99;position: relative;}
header nav ul li:hover .li1{ color:#ff7e22;}
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: 14px;text-align: center;}
header nav ul li ul li a {color: #252525;opacity: 0.8;font-weight: 200;line-height: inherit;font-size: 14px;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: #ff7e22;}
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: 47vw;height: 4vw;margin: 0 auto;border: 2px solid #bf7f2c;display: flex;}
header .searchBox .inputBox input {width: 40vw;height: 3.9vw;font-size: 22px;border: transparent;background: transparent;padding-left: 2vw;outline: none;}
header .searchBox .inputBox .icon {
  background: transparent;width:0vw;height:0vw;border:3.8vw dashed;border-top:none;border-color:#bf7f2c;transform-origin:bottom;border-left-color:transparent;font-size:36px;color:white;cursor:pointer;
}
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: 22vw; margin-top:10px;}
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: #c60000;padding: 4vw 6vw 2vw 6vw;font-family: "Microsoft YaHei", -apple-system !important;}
footer .footer {display: flex;justify-content: space-between;}
footer .footer .left .level1 {display: inline-grid;padding: 0 2vw;}
footer .footer .left .level1 a {font-size: 16px;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: 14px;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: 25vw;}
footer .footer .right .text{color: white;font-size: 16px;margin-right: 2rem;line-height: 1.7;letter-spacing: 1px;}
footer .footer .right .wechat {width: 7vw;text-align: center;color: #fefefe;margin-top: 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: #fff;opacity: 0.6;display: flex;margin-top: 5vw;justify-content: space-between;}
footer .info a {color: #fff;}

.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%;}

.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: 5;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: 16px;color: #98989d;padding-right: 5px;line-height: 1vw;}
.tabBox .bread a i {font-size: 14px;}
 


.index {background: #f8f8f8;}

.index .f1 {width: 100%;height: 100%;}

.index .f1 .index-w .index-slides {width: 100%;margin: 0 auto;position: relative;o}
.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;}
.index .f2 .tixi{display: flex;}
.index .f2 .itemBox {width: 21vw;height:24vw;margin-right:3vw;background: white;color: #3c3c3c;transition: 0.5s all ease-in-out;}
.index .f2 .itemBox:nth-child(4n) {margin-right:0;}
.index .f2 .itemBox .bg {width: 21vw;height: 14vw;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;padding: 3vw 0;height: 14vw;font-weight: bold;text-align:center; color:#fff;}
.index .f2 .itemBox .text .tit .name {font-size: 36px; color:#fff;}
.index .f2 .itemBox .text .tit .des {font-size: 30px; line-height:50px; color:#fff;}
.index .f2 .itemBox .text .tit .txt {font-size: 24px; line-height:50px; color:#fff;}
.index .f2 .itemBox .secodNav {position: relative;padding: 1vw;font-weight: bold;text-align:left; color:#fff;}
.index .f2 .itemBox .secodNav .item {width: 19vw;font-size: 20px;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 .secodNav .item:hover {color: #ff7e22;}
.index .f2 .active {color: white;transition: 0.5s all ease-in-out;}
.index .f2 .active .text a{color:#ff7e22;transition: .5s all ease-in-out;}

.nengli{width: 94vw;margin: 0 auto;padding:150px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(index3_07.jpg);background-attachment:fixed !important}
.nengli .txt{ font-size:36px; text-align:center; color:#fff;}

.nengli1{width: 94vw;margin: 0 auto;padding:150px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(index_30.jpg);background-attachment:fixed !important}
.nengli1 .txt{ font-size:36px; text-align:center; color:#fff;}

 
.index .f3{margin-bottom: 0vw;}
.index .f3 .newsBox {padding: 0 3vw;display: flex;}
.index .f3 .newsBox .left {width: 21vw;height: 25vw;background: white;overflow: hidden;}
.index .f3 .newsBox a {margin-right:3vw;}
.index .f3 .newsBox a:nth-child(4n) {margin-right:0;}
.index .f3 .newsBox .left .tit {width: 21vw;height: 3vw; line-height:3vw; text-align:center; font-size:18px; font-weight:bold;background:#ff7e22;transition: 0.5s all ease-in-out; color:#fff; margin-bottom:5px;}
.index .f3 .newsBox .left .img {width: 21vw;height: 12vw;background-size: cover !important;transition: 0.5s all ease-in-out;}
.index .f3 .newsBox .left .text {padding: 1vw 1vw;}
.index .f3 .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 .f3 .newsBox .left .text .time {font-size: 14px;color: #999999;padding: 1vw 0;}
.index .f3 .newsBox .left .text .time i {font-size: 18px;}
.index .f3 .newsBox .left .text .des {font-size: 16px;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; text-align:justify;}
.index .f3 .newsBox .left:hover .text .name,.index .f3 .newsBox .left:hover .text .des {color: #ff7e22;}

.index .f5{margin-bottom: 5vw;}
.index .f5 .newsBox {padding: 0 3vw;display: flex;}
.index .f5 .newsBox .left {width: 21vw;height: 25vw;background: white;overflow: hidden;}
.index .f5 .newsBox a {margin-right:3vw;}
.index .f5 .newsBox a:nth-child(4n) {margin-right:0;}
.index .f5 .newsBox .left .tit {width: 21vw;height: 3vw; line-height:3vw; text-align:center; font-size:18px; font-weight:bold;background:#ff7e22;transition: 0.5s all ease-in-out; color:#fff; margin-bottom:5px;}
.index .f5 .newsBox .left .img {width: 21vw;height: 12vw;background-size: cover !important;transition: 0.5s all ease-in-out;}
.index .f5 .newsBox .left .text {padding: 1vw 1vw;}
.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: 3;overflow: hidden; text-align:justify;}
.index .f5 .newsBox .left:hover .text .name,.index .f5 .newsBox .left:hover .text .des {color: #ff7e22;}

.nengli2{width: 94vw;margin: 0 auto;padding:150px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(index3_05.jpg);background-attachment:fixed !important}
.nengli2 .txt{ font-size:36px; color:#fff; padding-left:10vw;}
.nengli2 .txt .tit {padding-bottom: 1vw;}
.nengli2 .txt .tit p{font-size: 36px;margin-bottom: 15px;}
.nengli2 .txt a {color: #fff; text-align:center;}
.nengli2 .txt .text {font-size: 39px;}
.nengli2 .txt .btn {width: 8vw;border: 1px solid white;padding: 0.5vw 0;font-size: 14px;cursor: pointer;}


.index .f6 {width: 94vw;margin: 0 auto;background-color: #e7e4d1;color: #333;display: flex;text-align: center;padding: 2vw 0;}
.index .f6 .item {flex: 1;}
.index .f6 .item .tit {padding-bottom: 1vw;}
.index .f6 .item .tit p:nth-child(1) {font-size: 30px;margin-bottom: 5px;}
.index .f6 .item .tit p:nth-child(2) {font-size: 16px;}
.index .f6 .item a {color: #333;}
.index .f6 .item .text {font-size: 39px;}
.index .f6 .item .btn {width: 15vw;border: 1px solid white;margin: 0 auto;padding: 1vw 0;font-size: 18px;cursor: pointer;}


.index .f7{width: 94vw;margin: 0 auto;box-sizing: border-box;position: relative;overflow: hidden;}

.index .f7 .index03wrap{margin: 0px auto 30px;}
.index .f7 .index03wrap a{display: block;width: 100%;position: relative;overflow: hidden;}
.index .f7 .index03wrap a .bg{display: block;width: 100%;}
.index .f7 .index03wrap a .text{position: absolute;width: 100%;left: 0;box-sizing: border-box;z-index: 1;padding: 0 0 20px 20px;top: 100%;transform: translateY(-120px);-webkit-transform: translateY(-120px);transition: all .3s;}
.index .f7 .index03wrap a .text img{display: block;width: auto;height: 56px;margin-bottom: 50px;}
.index .f7 .index03wrap a .text h3{font-size: 28px;color: #FFFFFF;transition: all .3s;font-weight:bold;}
.index .f7 .index03wrap a:hover .text h3{color: #e63327;}
.index .f7 .index03wrap a .text strong{display: block;width: 40px;margin: 30px 0;height: 2px;background-color: #e63327;transition: all .3s;}
.index .f7 .index03wrap a:hover .text strong{width: 160px;}
.index .f7 .index03wrap a .text h4{font-size: 14px;line-height: 25px;color: #FFFFFF;width: 100%;opacity: 0;transition: all .3s;transform: translateY(30px);-webkit-transform: translateY(30px);}
.index .f7 .index03wrap a:hover .text h4{opacity: 1;transform: none;-webkit-transform: none;}
.index .f7 .index03wrap a:hover .text{transform: translateY(-100%);-webkit-transform: translateY(-100%);}
.index .f7 .index03wrap .page .swiper-button-next,.index03wrap .page .swiper-button-prev{position: relative;bottom: 0;top: 0;margin: 0;padding: 0;background-image: none;font-size: 18px;color: #e63327;height: auto;width: auto;outline: none;}

.index .f7 .index03wrap .page .swiper-button-next img,.index03wrap .page .swiper-button-prev img{ width:15px;}
.index .f7 .index03wrap .page{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-content: center;margin-top: 40px;}
.index .f7 .index03wrap .swiper-pagination{position: relative;margin: 0 90px;}
.index .f7 .index03wrap .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #bbbbbb;margin: 0 6px;opacity: 1;}
.index .f7 .index03wrap .swiper-pagination-bullet-active{background-color: #e63327;}
.index .f7 .index03wrap a .text .more{opacity: 0;width:160px;height:44px;line-height:44px;font-size:14px;}
.index .f7 .index03wrap a:hover .text .more{opacity: 1; color:#fff}

.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; position:relative;}
.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_about .text .des img{max-width: 100%;}



.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;}


.pc {display: block;}
.mobile {display: none;}
@media (max-width: 1660px) { 
	.index .f6 .item .btn{width: 11vw;}
	.tabBox{padding: 0 8vw;}
	.tabBox .leftC{width: 8vw;}
.index .f2 .itemBox .text {position: relative;padding: 2vw 0;height: 14vw;font-weight: bold;text-align:center; color:#fff;}
.index .f2 .itemBox .secodNav {position: relative;padding: 1vw;font-weight: bold;text-align:left; color:#fff;}
.index .f2 .itemBox .secodNav .item {width: 19vw;font-size: 18px;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 .secodNav .item:hover {color: #ff7e22;}
}
@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;}
.index .f2 .itemBox .secodNav {position: relative;padding: 1vw;font-weight: bold;text-align:left; color:#fff;}
.index .f2 .itemBox .secodNav .item {width: 19vw;font-size: 16px;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 .secodNav .item:hover {color: #ff7e22;}
}
@media (max-width: 1366px) {
	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 .secodNav {padding-left: 14vw;}
.index .f2 .itemBox .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; border:1px solid red;}
.index .f2 .itemBox .text a{width:100%;}
.index .f2 .itemBox .secodNav .item i {float: right;color: #c6c6c6;margin-top: 4px;}
.index .f2 .itemBox .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 .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{height: 3rem;line-height: 3rem;}
	.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;}