@charset "utf-8";
/* CSS Document */


.head-bj{ width: 100% ; height: 888px ; position: relative;}






.foob{ width: 100% ; height: 825px; background: url(../images/idx-bj.jpg) no-repeat center center; position: relative;}
.foob .foot-bj{ position: absolute; left: 0; bottom: 0}





.flexslider{width:100%;height:888px; position: relative;}
		/*图片*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block; width:1920px; height:100%; position: relative; left:50%; margin-left:-960px}
 

.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:888px;}

		/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:68px;text-align:center; z-index: 9999;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; margin: 0 8px}
.flex-control-paging li a{ background-image:url(../images/dd.jpg) ;background-position: center 0; display: block; width: 38px; height:5px; overflow: hidden; text-indent: -99em; cursor: pointer;}
.flex-control-paging li a.flex-active{ background-position: center -5px;}

.flex-direction-nav{ width: 100%; position: absolute; left: 0; top: 250px; z-index: 9999; display: none }
/* .flex-direction-nav .flex-prev { width: 24px; height: 64px;  font-size: 0; display: block; background: url(../images/ban-l.png) no-repeat;float: left; margin-left: 50px; }
.flex-direction-nav .flex-next { width: 24px; height: 64px;font-size: 0; display: block; background: url(../images/ban-r.png) no-repeat;float: right ; margin-right: 50px;} */



.bka-bj{ width: 100% ; height: 682px; background-color: #0f0503 ;}
.bka-box{ width: 1404px; height: 682px; margin: 0 auto; position: relative;}
.bka-box .ba1{ position: absolute; left: 16px; top: 77px}
.bka-box .ba2{ position: absolute; right: 102px; bottom: 120px}
.bka-box .ba3{ position: absolute; left: 703px; top: 58px}
.bka-txt{ width: 433px; height: 428px; position: absolute; left: 472px; top: 136px; }
.bka-txt .bt{ width: 100% ; height: 88px; position: relative;}
.bka-txt .bt img{ width: 410px ; height: 88px;}
.bka-txt .bt h3{ font-size: 24px; font-weight: bold; color: #fff; position: absolute; left: 204px; top: 7px;}
.txt-b{ width: 100% ; height: 192px; font-size: 14px; color: #dbdbdb ; line-height: 32px; text-align: justify; padding: 52px 0 0 0; overflow: hidden;}
.sb-b{ width: 100%; height: 84px; line-height: 84px; border-top: 1px dashed #717171; border-bottom: 1px dashed #717171; font-size: 17px; color: #ffae00}


.bkb-bj{ width: 100% ; height: 776px; background: url(../images/bk2-bj.jpg) repeat center center; overflow: hidden; }
.bkb-box{ width: 1404px;  height: 776px; margin: 0 auto; position: relative;}
/* 2020.4.27修改 */
.ts{ width: 100% ;  padding: 195px 0 0 0;  }
.ts ul{ width: 1450px }
.ts ul li{ width: 260px ; height: 349px;float: left; margin: 0 53px 0 40px; position: relative;}
.ts ul li .ffd{ width: 100% ; height: 349px;  transition: transform 0.6s; }
.ts ul li .zhe{ width: 100%; height: 100%; background: url(../images/ts-bj.png) repeat ; position: absolute; left: 0; top: 0; z-index: 9; display: none }

.ts ul li:hover .ffd{transform: scale(1.3);}





.head-box{ background-color: #000 ;}
.bkc-bj{ width: 100% ; height: 783px; background: url(../images/bk3-bj.jpg) repeat center center;}
.bkc-box{width: 1404px; margin: 0 auto;height: 783px; position: relative;}

.mod18{width:1321px; height: 494px;position:relative; overflow: hidden;  top: 138px; left: 42px; }
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;}
.mod18 .prev{right:515px;background:url(../images/left.png) no-repeat;}
.mod18 .prev:hover{background:url(../images/left1.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:239px;width:36px;height:36px}
/* .mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;} */
.mod18 .next{right:460px;background:url(../images/right.png) no-repeat;}
.mod18 .next:hover{background:url(../images/right1.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;}
.mod18 .cf a{display:block;width:1320px;height:442px;position:absolute;}

.mod18 .picBox{ width: 1320px; height: 442px;float: left; position:relative; overflow: hidden;}
.mod18 .picBox ul{height:442px;position:absolute; left:0;}
.mod18 .picBox li{ width: 1320px; height: 442px;overflow: hidden;}
.mod18 .picBox li img{  width: 721px; height: 442px; }
.mod18 .picBox li h3{ width: 721px ; height: 73px ; line-height: 73px; background: url(../images/bj.png) repeat; position: absolute; left: 0; bottom: 0; text-align: center ;font-size: 18px; color: #fff ;overflow: hidden;}

.mod18 .listBox{width:240px;height:147px;position:absolute;top: 295px;left: 773px;z-index:9 ; overflow:hidden;}
.mod18 .listBox ul{height:240px;position:absolute; }
.mod18 .listBox li{width:240px;height:147px;cursor:pointer;position:relative; }
.mod18 .listBox li i{display:block;}
.mod18 .listBox li a{display:block;width:240px;height:147px;}
.mod18 .listBox img{width:240px;height:147px;}
.mod18 .listBox .on img{padding: 0;width:240px;height:147px;}
/* .mod18 .listBox .on{background:url(../images/ig-bj.png) 80px 1px no-repeat;}
.mod18 .listBox .on i{display:none;}
.mod18 .listBox li .arr2{width:161px;height:118px; position: absolute; left: 2px; bottom: 0px; background: rgba(0, 0, 0, 0.4)} */

.zmd{ position: absolute; left: 732px; bottom: 17px;}

.shub{ width: 558px ; position: absolute; left: 780px; top: 170px; z-index: 99;}
.shub .sb1{ width: 244px; text-align: center; float: left;}
.shub .sb1 h3{ font-size: 24px; color: #f2b2b2 ;}
.shub .sb1 h3 span{ font-size: 70px; color: #ffae00 ; padding-right: 5px;}
.shub .sb1 h4{ font-size: 16px; color: #f2b2b2;}
.mag{ margin-right:60px; }





.bkd-bj{ width: 100% ; height: 766px; background: url(../images/bk4-bj.jpg) repeat center center;}
.bkd-box{width: 1404px; margin: 0 auto;}
.bkd-box .tit{ width: 100% ; text-align: center; padding: 165px 0 0 0}
.bkd-box .tit span{ font-size: 24px; font-weight: bold ; color: #fff ; position: relative; top: -11px; padding-left: 3px;}
.news-box{ width: 100% ; height: 166px; padding: 93px 0 0 0}
.nb{ width: 654px; height: 166px;float: left;}
.nb a{width: 654px; height: 166px; display: block}
.nb a .ww{width: 250px; height: 166px; float: left; overflow: hidden;}
.nb a img{ width: 250px; height: 166px;transition: all 1.1s;}
.nb a .nb-r{ width: 381px; height: 166px;float: right; position: relative;}
.nb a .nb-r h3{ width: 100% ; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold ; color: #fff; white-space:nowrap;  text-overflow:ellipsis; margin: 3px 0 32px 0 ; overflow: hidden;}
.nb a .nb-r p{ width: 100% ; height: 40px; line-height: 20px; font-size: 14px; color: #f2b2b2 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.nb a .nb-r .tm{ display: inline-block ; border-top: 1px solid #fff; padding: 6px 0 0 0 ;position: absolute; left: 0; bottom: 3px;}
.nb a .nb-r .tm h4{ font-size: 18px; color: #f2b2b2 ;}
.nb a:hover .nb-r h3{ font-weight: bold;color: #ffae00}
.nb a:hover .nb-r .tm{ width: 100% ; animation: dhb 1s}
.nb a:hover  img{transform: scale(1.1);}

@keyframes dhb{
	0%{width: 100px}		
	100%{ width: 100%}
}



.gd-box{ width: 100% ; text-align: center; padding: 106px 0 0 0}
.gd-box a{ width: 241px; height: 53px; line-height: 53px; text-align: center; border: solid 1px #fff ; font-size: 18px; color: #fff ; display: inline-block;}
.gd-box a:hover{ font-weight: bold}









/* 2020.4.27增加 */

.foob{ width: 100% ; height: 825px;overflow: hidden; position: relative;}
.idx{ width: 100%; height: 825px;  background: url(../images/idx-bj1.jpg) no-repeat ; background-position: center center;  animation:fd 12s infinite 2s;}

/* .bkb-bj{position: relative; background-size: cover; background-attachment: fixed; overflow: hidden;} */

.bka-bj{ overflow: hidden;}
.bkc-bj{ overflow: hidden;}
.bkd-bj{ overflow: hidden;}

.flexslider .slides li a img{ animation: fdsx 2s;}

@keyframes fdsx{
	0%{transform: scale(1);opacity: 0.1;}	
	1%{transform: scale(1.01);opacity: 0.3;}	
	20%{transform: scale(1.02);opacity: 0.5;}	
	30%{transform: scale(1.03);opacity: 0.7;}	
	40%{transform: scale(1.04);opacity: 0.9;}	
	50%{transform: scale(1.05); opacity: 1;}
	
	/* 60%{transform: scale(1.04); opacity: 0.6;}	
	70%{transform: scale(1.03); opacity: 0.7;}	
	80%{transform: scale(1.02); opacity: 0.8;}	
	90%{transform: scale(1.01); opacity: 0.9;}	
	100%{transform: scale(1) ; opacity: 1;}	 */
	
}









/* 2020.4.28增加 */

.bkc-box .tit{ width: 100% ; text-align: center; padding: 92px 0 0 0}
.bkc-box .tit span{ font-size: 24px; font-weight: bold ; color: #fff ; position: relative; top: -11px; padding-left: 3px;}
.shub{display: none}
.mod18{ top: 60px;}
.zj-box{ width: 550px; position: absolute; right: 0; top: 38px;z-index: 88;}
.zj-box h4{ display: inline-block ; font-size: 18px; color: #ffae00 ; border-bottom: 2px solid #f2b2b2; padding: 0 50px 15px 0; margin-bottom: 18px; font-weight: bold}
.zj-box p{ width: 100% ; height: 40px; line-height: 20px; font-size: 14px; color: #f2b2b2 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.bkc-box .tit img{ position: relative; left: -100px;}
.bkc-box .tit span{ position: relative; left: -100px;}