.section{min-height:500px; position:relative;}
.indexLayer{position:absolute; left:0px; top:50%; width:100%; margin-top:-380px;}

.indexFlash{min-height:50px; position:relative; padding-top:140px;}
.indexFlash .slick{min-height:500px; position:relative;}
.indexFlash .bg{background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexFlash .img{position:absolute; left:0px; top:50%; margin-top:-85px; width:100%; text-align:center; padding:0 25px;}
.indexFlash .slick-dots{position:absolute; z-index:10; left:0px; bottom:30px; width:100%; text-align:center;}
.indexFlash .slick-dots li{display:inline-block; width:15px; height:15px; margin:0 5px; background:#FFF;}
.indexFlash .slick-dots .slick-active{background:#d59400;}


.pageTitle{text-align:center; text-transform:uppercase; font-size:30px; color:#c3c3c3; padding-bottom:50px;}
.pageTitle h2{font-size:32px; color:#736558; padding-bottom:10px; letter-spacing:1px;}
.pageTitle i{display:block; width:30px; height:10px; border-top:#d59400 solid 2px; margin:0 auto;}
.pageTitle-2, .pageTitle-2 h2{color:#FFF;}

.pageMore{clear:both; text-align:center; padding-top:50px;}
.pageMore a{display:inline-block; font-size:18px; color:#736558; text-transform:uppercase; width:219px; line-height:58px; border:#b9b2ab solid 1px;}
.pageMore a:hover, .pageMore-2 a:hover{background:#d69400; border-color:#d69400; color:#FFF;}
.pageMore-2 a{color:#FFF; border-color:rgba(255,255,255,0.5);}


.indexPart1 .pageMore{padding-top:30px;}
.indexPart1 .list{margin-left:-7px; margin-right:-7px; min-height:50px; position:relative;}
.indexPart1 .box{background:#f9f9f9; min-height:270px; position:relative; margin:0 7px;}
.indexPart1 .imgDiv{margin:0 7px;}
.indexPart1 .imgDiv a{display:block; width:100%; overflow:hidden; position:relative;}
.indexPart1 .imgDiv img{width:100%;}
.indexPart1 .layer{position:absolute; left:0px; top:0px; width:100%; padding:60px 30px 0 30px;}
.indexPart1 .name h2{font-weight:400; font-size:22px;}
.indexPart1 .name div{font-size:14px; color:#b2b2b2; text-transform:uppercase; padding:5px 0 10px 0;}
.indexPart1 .name i{display:block; border-top:#bababa solid 2px; width:30px; height:20px;}
.indexPart1 .content{font-size:14px; color:#666; text-align:justify; line-height:24px; height:72px; overflow:hidden;}
.indexPart1 .btn{height:70px; padding-top:20px; margin-right:-10px;}
.indexPart1 .btn dd{float:left; width:50%; padding-right:10px; max-width:150px;}
.indexPart1 .btn a{display:block; height:50px; line-height:50px; position:relative; background:#736558; text-align:center; font-size:16px; color:#FFF; opacity:0; filter:alpha(opacity=0);}
.indexPart1 .btn a i{display:block; background:url(../Images/img144.png) center no-repeat; background-size:100% 100%; width:100%; height:9px; position:absolute; left:0px; bottom:-9px;}
.indexPart1 .btn .dd_02 a, .indexPart1 .btn a:hover{background:#d59400;}
.indexPart1 .btn .dd_02 a i, .indexPart1 .btn a:hover i{background-image:url(../Images/img144on.png);}
.indexPart1 .bg{background:url(../Images/img19.png) center top no-repeat; height:19px;}
/**/
.indexPart1 .slick.on .layer{padding-top:20px;}
.indexPart1 .slick.on .btn a{opacity:1; filter:alpha(opacity=100);}
.indexPart1 .slick.on .imgDiv img{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
/**/
.indexPart1 .slick-arrow{display:block; position:absolute; z-index:10; top:50%; width:60px; height:60px; margin-top:-30px; background:#eaeaea center no-repeat;}
.indexPart1 .slick-arrow:hover{background-color:#d59400;}
.indexPart1 .slick-prev{left:-100px; background-image:url(../Images/prev.png);}
.indexPart1 .slick-next{right:-100px; background-image:url(../Images/next.png);}


.indexPart2{background:url(../Images/indexPart2.jpg) center no-repeat; background-size:cover;}
.indexPart2 .listDiv{min-height:100px; position:relative; background:#FFF;
-moz-box-shadow:0 3px 15px rgba(0,0,0,0.2);
-webkit-box-shadow:0 3px 15px rgba(0,0,0,0.2);
box-shadow:0 3px 15px rgba(0,0,0,0.2);
}
.indexPart2 .list{height:560px; position:relative; width:67%; margin-left:auto;}
.indexPart2 .slick a{display:block; height:560px; background-position:center; background-repeat:no-repeat; background-size:cover;}
/**/
.indexPart2 .list2{position:absolute; left:0px; top:0px; width:33%; height:100%; background:#FFF;}
.indexPart2 .list2 li{height:140px; border-bottom:#ddd solid 1px; padding:45px 0 0 45px; font-size:14px; text-transform:uppercase; color:#888;}
.indexPart2 .list2 li h2{font-weight:400; font-size:20px; color:#666; padding-bottom:6px;}
.indexPart2 .list2 li:last-child{border:0px;}
.indexPart2 .list2 li.on{background:#d59400; color:#FFF;}
.indexPart2 .list2 li.on h2{color:#FFF;}


.indexPart3 li{position:absolute; left:0px; top:0px; width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexPart3 .li_02{left:50%;}
.indexPart3 a.a-1{display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.indexPart3 a.a-1 i{display:block; position:absolute; right:0px; top:0px; width:0px; height:100%; background:rgba(115,101,88,0.6);}
.indexPart3 .li_02 a.a-1 i{right:auto; left:0px;}
.indexPart3 .layer{position:absolute; left:100px; bottom:80px; color:#FFF; text-transform:uppercase;}
.indexPart3 h2 a{display:block; font-weight:400; color:#FFF; font-size:34px; padding-bottom:8px;}
.indexPart3 i{display:block; background:#FFF; width:30px; height:2px;}
.indexPart3 .msg{font-size:18px; padding-top:8px;}
.indexPart3 p{font-size:16px; padding:10px 0 20px 0;}
.indexPart3 a.btn{display:block; width:30px; height:30px; background:rgba(255,255,255,0.3) url(../Images/img9.png) center no-repeat;}
.indexPart3 li.on a.btn{background-color:#FFF; background-image:url(../Images/img9on.png);}
.indexPart3 li.on a.a-1 i{width:100%;}
.indexPart3 li.on .layer{bottom:160px;}


.indexPart4 .tab{max-width:330px; height:180px; margin:0 auto; text-align:center;}
.indexPart4 .tab li{float:left; width:50%; padding:0 12px;}
.indexPart4 .tab a{display:block; font-size:18px; line-height:48px; color:#d59400; border:#d59400 solid 1px;}
.indexPart4 .tab li.on a{background:#d59400; color:#fff;}
.indexPart4 .tabContentDiv{min-height:380px;}
.indexPart4 .tabContent{margin-left:-7px; margin-right:-7px;}
.indexPart4 .tabContent li{float:left; width:25%; padding:0 7px; text-align:center;}
.indexPart4 .box{height:216px; border:#ededed solid 1px; background:#f9f9f9; position:relative; padding-top:135px; font-size:18px;}
.indexPart4 .img{position:absolute; left:0px; top:55px; width:100%;}
.indexPart4 .img2{opacity:0; filter:alpha(opacity=0);}
.indexPart4 li.on .box{border-color:#d59400; background:#d59400; color:#FFF;}
.indexPart4 li.on .img{opacity:0; filter:alpha(opacity=0);}
.indexPart4 li.on .img2{opacity:1; filter:alpha(opacity=100);}


.indexPart5{background:url(../Images/img1920_9.jpg) center top no-repeat; background-size:cover; z-index:2;}
.indexPart5 .pageTitle{padding-bottom:70px;}
.indexPart5 .listDiv{min-height:350px; margin-left:-50px; margin-right:-50px; padding:0 50px; position:relative;}
.indexPart5 .bg1{background:#FFF; position:absolute; left:0px; top:50px; width:100%; height:350px;}
.indexPart5 .bg2{height:16px; background:url(../Images/bg1.png) center no-repeat; position:absolute; left:0px; top:400px; width:100%;}
.indexPart5 .list{min-height:545px; position:relative; z-index:10;}
.indexPart5 .slick{min-height:450px; position:relative;}
.indexPart5 .bg{border:rgba(0,0,0,0) solid 5px; position:absolute; left:0px; top:50px; width:100%;}
.indexPart5 .box{height:340px; position:relative; color:#666; padding:45px 30px 0 30px;}
.indexPart5 .img{position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:90%; opacity:0; filter:alpha(opacity=0);}
.indexPart5 .box h2 a{display:block; font-size:18px; color:#666; position:relative;}
.indexPart5 .time{font-size:14px; color:#999; padding:10px 0 20px 0; position:relative;}
.indexPart5 .content{font-size:14px; line-height:1.7em; text-align:justify; position:relative;}
.indexPart5 a.btn{display:block; position:absolute; left:30px; bottom:0px; width:30px; height:30px; background:rgba(255,255,255,0.3) url(../Images/img9.png) center no-repeat; opacity:0; filter:alpha(opacity=0);}
/**/
.indexPart5 .slick-dots{position:absolute; z-index:10; left:0px; bottom:0px; width:100%; text-align:center;}
.indexPart5 .slick-dots li{display:inline-block; width:15px; height:15px; margin:0 5px; background:rgba(255,255,255,0.5);}
.indexPart5 .slick-dots .slick-active{background:#fff;}
/**/
.indexPart5 .slick.on .bg{border-color:rgba(255,255,255,0.2); top:0px;}
.indexPart5 .slick.on .box{background:#d59400; color:#FFF; height:440px;}
.indexPart5 .slick.on .box h2 a, .indexPart5 .slick.on .time{color:#FFF;}
.indexPart5 .slick.on a.btn{opacity:1; filter:alpha(opacity=100); bottom:40px;}
.indexPart5 .slick.on .img{opacity:0.3; filter:alpha(opacity=30);}





@media screen and ( max-height:900px ){
.indexLayer{margin-top:-320px;}
.pageTitle{padding-bottom:35px;}
.pageMore{padding-top:35px;}

.indexPart1 .imgDiv a{height:200px;}
.indexPart1 .imgDiv img{position:relative; top:-45px;}
.indexPart1 .box{min-height:250px;}
.indexPart1 .layer{padding-top:40px;}
.indexPart1 .name i{height:15px;}
.indexPart1 .content{font-size:14px; color:#666; text-align:justify; line-height:24px; height:72px; overflow:hidden;}
.indexPart1 .btn{height:60px; padding-top:15px;}
.indexPart1 .btn a{height:45px; line-height:45px;}


.indexPart2 .list{height:468px;}
.indexPart2 .slick a{height:468px;}
/**/
.indexPart2 .list2 li{height:117px; padding:30px 0 0 45px;}

.indexPart4 .tab{height:150px;}
.indexPart4 .tabContentDiv{min-height:315px;}

.indexPart5 .pageTitle{padding-bottom:20px;}
.indexPart5 .list{min-height:480px;}

}

@media screen and ( max-height:750px ){
.indexLayer{position:relative; top:0px; margin:0px; padding:80px 0;}

.indexFoot{position:inherit; min-height:200px;}
.indexFoot .footBg{position:relative;}

}

@media screen and ( max-width:1200px ){
.indexFlash{padding-top:120px;}

.indexPart1 .slick-prev{left:-35px;}
.indexPart1 .slick-next{right:-35px;}

.indexPart3 .layer{left:50px; bottom:40px;}
.indexPart3 li.on .layer{bottom:80px;}

.indexPart5 .listDiv{margin-left:-25px; margin-right:-25px; padding:0 25px;}
}

@media screen and ( max-width:800px ){
.indexLayer{padding:30px 0;}

.indexFlash{padding-top:50px;}
.indexFlash .img{margin-top:-50px;}
.indexFlash .slick-dots li{width:10px; height:10px;}

.pageTitle{font-size:16px; padding-bottom:20px;}
.pageTitle h2{font-size:20px;}

.pageMore{padding-top:20px;}
.pageMore a{font-size:15px; width:150px; line-height:40px;}


.indexPart1 .pageMore{padding-top:20px;}
.indexPart1 .box{min-height:235px;}
.indexPart1 .imgDiv{margin:0 7px;}
.indexPart1 .imgDiv a{height:auto;}
.indexPart1 .imgDiv img{top:0px;}
.indexPart1 .layer{padding:50px 15px 0 15px;}
.indexPart1 .name h2{font-size:18px;}
.indexPart1 .name div{font-size:12px;}
.indexPart1 .content{font-size:13px;}
.indexPart1 .btn{height:50px;}
.indexPart1 .btn dd{max-width:120px;}
.indexPart1 .btn a{height:40px; line-height:40px; font-size:14px;}
.indexPart1 .bg{background-size:100% 100%; height:10px;}
/**/
.indexPart1 .slick-arrow{width:34px; height:34px; margin-top:-17px; background-size:6px;}
.indexPart1 .slick-prev{left:0px;}
.indexPart1 .slick-next{right:0px;}

.indexPart2 .list{height:200px; width:100%;}
.indexPart2 .slick a{height:200px;}
/**/
.indexPart2 .list2{position:relative; width:100%; height:260px;}
.indexPart2 .list2 li{height:65px; padding:12px 0 0 25px; font-size:12px;}
.indexPart2 .list2 li h2{font-size:16px;}

.indexPart3 li{position:relative; width:100%; height:350px;}
.indexPart3 .li_02{left:0px;}
.indexPart3 .layer{left:25px; bottom:25px;}
.indexPart3 h2 a{font-size:24px;}
.indexPart3 .msg{font-size:14px;}
.indexPart3 p{font-size:13px;}
.indexPart3 li.on .layer{bottom:50px;}

.indexPart4 .tab{height:70px;}
.indexPart4 .tab a{font-size:16px; line-height:40px;}

.indexPart4 .tabContentDiv{min-height:180px;}
.indexPart4 .tabContent li{width:50%; padding-bottom:14px;}
.indexPart4 .box{height:120px; padding-top:65px; font-size:15px;}
.indexPart4 .img{top:25px;}
.indexPart4 .img img{width:35px;}

.indexPart5 .pageTitle{padding-bottom:25px;}
.indexPart5 .listDiv{min-height:260px; margin:0px; padding:0 15px;}
.indexPart5 .bg1{top:25px; height:260px;}
.indexPart5 .bg2{height:8px; background-size:100% 100%; top:285px;}
.indexPart5 .list{min-height:345px;}
.indexPart5 .slick{min-height:310px;}
.indexPart5 .bg{top:25px;}
.indexPart5 .box{height:250px; padding:20px 15px 0 15px;}
.indexPart5 .box h2 a{font-size:16px;}
.indexPart5 .time{font-size:12px; padding:10px 0 20px 0;}
.indexPart5 .content{font-size:13px;}
.indexPart5 a.btn{left:15px;}
/**/
.indexPart5 .slick-dots li{width:10px; height:10px;}
/**/
.indexPart5 .slick.on .box{height:300px;}
.indexPart5 .slick.on a.btn{bottom:20px;}

}


















