

.bannerNew{  margin-top: 86px;}
.bannerTop{ margin-top: 86px;}


.bannerNew { position:relative; overflow:hidden; z-index: 80; margin-top: 80px;}
.bannerNew .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.bannerNew .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.bannerNew .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.bannerNew .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.bannerNew .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:30px; text-align:center; z-index:20;}
.bannerNew .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.bannerNew .flex-control-nav li:last-child{ margin-right:0;}
.bannerNew .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:8px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.bannerNew .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#f5a100;}


.bamnline { width:100%; left:0; bottom:0; background:#fff; z-index:20; position:absolute;}
.bamnline span { display:block; width:0; height:2px; background:#f5a100; }
.bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }

@media screen and (max-width: 1000px){
	.bannerNew {   margin-top:60px;}
	.bannerTop{ margin-top: 60px;}
}

.idxLine{ width: 36px; height: 3px;}
.color{ color: #2f4050;}
.idxTj li .txt{ position: absolute; bottom: 0; left: 0; z-index: 8; }
.idxTj li .img:hover{ box-shadow: 0 0 10px rgba(254, 163, 11, 0.8);}
.idxTj li img{ width: 100%; height: 100%; object-fit: cover;}
.idxTj li .img:hover img{  transform: scale(1.1); opacity: .6;}
.idxTj li .img:hover .txt{ color: #fff;}
.idxTj li .img:hover{ background-color: #000;}

.faSection{ padding-left: calc((100% - 1400px) / 2);}
 
.faSection .left{ width: 640px;}
.swiperTabtit li{ color: #ccc; margin-right: 50px; cursor: pointer;}
.swiperTabtit li.on{ color: #f5a100;}
.swiperCon li{display: none;}
.swiperCon li.active{ display: block;}
.swiperCon li span{ transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.swiperCon li:hover span{  background-color: #f5a100; color: #fff; padding: 5px 25px}
.swiperCon li:hover span .iconfont{ color: #fff;}

.swiperConBtn{ width: 50px; height: 50px; border-radius: 50%; color: #f5a100; border: 1px solid #eeeeee;}
.swiperConBtn:hover{ border-color: #f5a100; background-color: #f5a100; color: #fff;}
.faSection .right{ width: calc(100% - 640px);}

.faSwiperBtn{ width: 50px; height: 50px; border-radius: 50%; color: #f5a100; border: 1px solid #eeeeee; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; border-color: #f5a100;
left: 72%;}

#faSwiper .swiper-slide { transform: scale(0.8); opacity: 0.6;}
#faSwiper .swiper-slide-active{transform: scale(1); opacity: 1;}
.caseItem .txt div{ position: relative; z-index: 5;}
.caseItem .txt::after{ width: 100%; height: 0; position: absolute; left: 0; bottom: 0; transition: all .36s;  display: block; content: ''; background-color: #f5a100; z-index: 1;}
.caseItem:hover .txt::after{ height: 100%; }
.caseItem:hover { color: #fff;}
.caseItem:hover img{ transform: scale(1.1);}
.link:hover{ color: #f5a100;}
.idxClass{  color: #fff; font-size: 14px; cursor: pointer; background-color: #c8c8c8; padding: 5px 14px; border-radius: 5px; margin-right: 25px;}
.idxClass.on,.idxClass:hover{  background-color: #f5a100;}
.idxnewsLeft img{  width: 100%; height: 446px; object-fit: cover;}
.idxnewsLeft .txt{ position: absolute; left: 0; bottom: 0; width: 100%; }
.idxnewsLeft .txt .line-clamp{ width: 80%;}
#idxnewsLeft .swiper-pagination{ text-align: right;}
#idxnewsLeft .swiper-pagination-bullet{ background-color: #fff; opacity: 1;}
#idxnewsLeft .swiper-pagination-bullet-active{ background-color: #f5a100;}
.idxnewsCon .w26 { height: 446px;  }
.idxnewsCenter div{ position: relative; z-index: 5;}
.idxnewsCenter .border{ width: 30px; height: 30px; border-radius: 50%;}
.idxnewsCenter::after{ width: 0; height: 100%; display: block; z-index: 1; content: ''; position: absolute; left: 0; bottom: 0; transition: all .36s; background-color: #f5a100;}
.idxnewsCenter:hover::after{ width: 100%;}
.idxnewsCenter:hover{ color: #fff; box-shadow: 0 0 10px rgba(254, 163, 11, 0.8);}

.idxnewsRight{ height: 31%;}
.idxnewsRight .date{ width: 25%;}
.idxnewsRight .txt{ width: 75%;}
.idxnewsRight div{ position: relative; z-index: 5;}
.idxnewsRight::after{ width: 0; height: 100%; display: block; z-index: 1; content: ''; position: absolute; left: 0; bottom: 0; transition: all .36s; background-color: #f5a100;}
.idxnewsRight:hover::after{ width: 100%;}
.idxnewsRight:hover{ color: #fff; box-shadow: 0 0 10px rgba(254, 163, 11, 0.8);}
.idxnewsRight:hover,.idxnewsRight:hover .color-aaa,.idxnewsRight:hover .color-888{ color: #fff;}



.contactNav{    box-shadow: 0 10px 5px -5px rgb(240 240 240);}
.contactNav a{ line-height: 80px;padding: 0 3vw;}
.contactNav a:hover{ color: #f5a100;}

.contEwm li{ width: 110px; }
.mapsearch{ height: 465px;}
.mapsearch .bg-orange{  height: 130px;}
 .select-box{  width: 80%;}
 .form-control{ height: 42px; padding-left: 15px; line-height: 42ppxx; background : url(../images/selectdown.png) no-repeat center right 10px #fff; background-size: auto 40%;}
 .mapscorll{ background-color: #e6e6e6;height: 335px;  overflow: hidden;}
.mapscorll .con{  height: 100%; overflow-y: scroll;   }
.mapscorll::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
.mapscorll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #f5a100; width: 2px; }
.mapscorll::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9; width: 2px; }

.mapscorll .con li{ margin-bottom: 10px; background-color: #fafafa; cursor: pointer;}
.mapscorll .con li.on{ background-color: #fff;}

.mapsearch .img{ height: 465px;}
 