@charset "utf-8";
.container { position: relative; width: 100%; }
.section { position:relative; overflow:hidden }
.section7 { background:#f7f7f7; }


.section1{ width:100%; height:100%; background:url(s1.jpg) center center no-repeat; background-size:cover}
.section2{ width:100%; height:100%; background:url(s2.jpg) center center no-repeat; background-size:cover}
.section3{ width:100%; height:100%; background:url(s3.jpg) center center no-repeat; background-size:cover}
.section4{ width:100%; height:100%; background:url(s4.jpg) center center no-repeat; background-size:cover}
.section5{ width:100%; height:100%; background:url(s5.jpg) center center no-repeat; background-size:cover}
.section6{ width:100%; height:100%; background:url(s6.jpg) center center no-repeat; background-size:cover}


.section2 .nr{ width:1200px; margin:0 auto; position:relative; }
.section2 .nr .x{ position:absolute; left:50%; margin-left:-960px; top:50%; margin-top:-500px}

.swiper-container-1{ width:100%; height:100%; overflow:hidden; position:relative}
.swiper-container-1 .swiper-wrapper{ width:100%; height:100%}
.swiper-container-1 .swiper-wrapper .swiper-slide{ width:100%; height:100%}
.swiper-container-1 .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:100%}
.swiper-container-1 .swiper-pagination-1{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; z-index:9}

.section2 .nr{ width:1200px; position:relative; height:560px}
.section2 .nr .img1{ position:absolute; right:0; top:0; z-index:1}
.section2 .nr .intro{ text-align:justify; float:right; font-size:20px; color:#6b6b6b; margin-right:150px; position:relative; z-index:9}
.section2 .nr .intro p{ border-bottom:1px solid #d2c8be; padding:5px 0}


.tops{ width:100%; text-align:center}
.tops p{ line-height:1; padding:20px 0; font-size:18px; color:#86745f; font-family:"宋体"}
.section3 .nr .picleft{ width:1200px; margin:0 auto; position:relative}
.section3 .nr .picleft .bd{ width:1200px; overflow:hidden}
.section3 .nr .picleft .bd li{ width:400px; float:left; text-align:center; height:426px; position:relative}
.section3 .nr .picleft .bd li .pic{ width:100%; position:relative}
.section3 .nr .picleft .bd li .pic img{ padding:15px}
.section3 .nr .picleft .bd li .pic span{ display:block; width:400px; height:401px; position:absolute; left:0; top:0; z-index:2; background:url(g_08.png) center center no-repeat}
.section3 .nr .picleft .bd li:hover .pic span{background:url(g_09.png) center center no-repeat}
.section3 .nr .picleft .bd li .title{ width:44px; height:112px; position:absolute; left:50%; margin-left:-22px; bottom:0; z-index:3; color:#fff; background:#a48663;writing-mode: vertical-rl; font-size:20px; line-height:44px}
.section3 .nr .picleft .bd li:hover .title{ background:#c30e23}
.section3 .nr .picleft .prev{ display:block;background:url(g_06.png) center center no-repeat; width:51px; height:35px; position:absolute; left:-60px; top:184px; cursor:pointer; transform:rotate(180deg); transition:all 0s}
.section3 .nr .picleft .prev:hover{transform:rotate(0);background:url(g_05.png) center center no-repeat;}
.section3 .nr .picleft .next{ display:block;background:url(g_06.png) center center no-repeat; width:51px; height:35px; position:absolute; right:-60px; top:184px; cursor:pointer;transform:rotate(0); transition:all 0s}
.section3 .nr .picleft .next:hover{transform:rotate(180deg);background:url(g_05.png) center center no-repeat;}

.section4 .item{ width:100%; position:relative}
.section4 .item .swiper-container-2{ width:100%}
.section4 .item .swiper-container-2 .swiper-slide{ position:relative}
.section4 .item .swiper-container-2 .swiper-slide .s1{ width:302px; height:132px; position:absolute; left:50%; margin-left:-151px; bottom:30px; background:url(g_12.png) center 78px no-repeat rgba(195,14,35,0.8); color:#fff; text-align:center; font-size:16px; padding-top:25px; box-sizing:border-box; opacity:0; transition:all 0.3s linear}
.section4 .item .swiper-container-2 .swiper-slide:hover .s1{ opacity:1}
.section4 .item .swiper-container-2 img{ width:100%}
.section4 .item .btn{ width:100%; text-align:center; margin-top:25px}
.section4 .item .btn .swiper-button-prev-2{ display:inline-block; vertical-align:top; background:url(g_13.png) center center no-repeat; width:108px; height:24px; cursor:pointer}
.section4 .item .btn .swiper-button-next-2{ display:inline-block; vertical-align:top; background:url(g_13.png) center center no-repeat; width:108px; height:24px; cursor:pointer; transform:rotateY(180deg)}
.section4 .item .btn .swiper-button-prev-2:hover{background:url(g_14.png) center center no-repeat;transform:rotateY(180deg)}
.section4 .item .btn .swiper-button-next-2:hover{background:url(g_14.png) center center no-repeat;transform:rotateY(0)}


.section5 .item{ width:1200px; margin:0 auto; padding-top:20px}
.section5 .item .pic{ width:576px; float:left; position:relative; overflow:hidden}
.section5 .item .pic .s1{ width:100%; height:55px; background:rgba(00,00,00,0.5); position:absolute; left:0; bottom:0; z-index:2}
.section5 .item .pic .s1 .a1{ font-size:16px; color:#fff; line-height:55px; width:400px; float:left; margin-left:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.section5 .item .pic .s1 .a2{ font-size:14px; color:rgba(255,255,255,0.5); float:right; margin-right:20px; line-height:55px}
.section5 .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section5 .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.section5 .item .rt{ width:570px; float:right; margin-right:30px}
.section5 .item .rt ul li{ width:100%; margin-bottom:40px}
.section5 .item .rt ul li .time{ width:98px; text-align:center; height:70px; background:url(g_17.png) right center no-repeat; float:left}
.section5 .item .rt ul li .time .p1{ font-size:30px; color:#666666}
.section5 .item .rt ul li .time .p2{ font-size:14px; color:#aaaaaa}
.section5 .item .rt ul li .title{ width:440px; float:right}
.section5 .item .rt ul li .title h3{ font-size:16px; color:#000; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.section5 .item .rt ul li .title h3 a{ color:#000}
.section5 .item .rt ul li .title .intro{ font-size:12px; color:#000000; text-align:justify; margin-top:5px}
.section5 .item .rt a.more{ display:block; background:url(g_18.png) left center no-repeat; width:204px; height:43px; color:#fff; padding-left:22px; line-height:43px}

.section6 .nr{ width:1200px; margin:0 auto; background:url(g_22.png) top left no-repeat; height:599px; padding-top:1px}
.section6 .nr ul{ float:right; padding-top:40px}
.section6 .nr ul li{ width:270px; float:left; margin-left:50px; position:relative; text-align:center; font-size:0}
.section6 .nr ul li .s{width:256px; height:256px; padding:7px; overflow:hidden; border-radius:50%; background:url(g_19.png) center center no-repeat; transition:all 0.5s linear; position:absolute; left:0; top:0; z-index:0}
.section6 .nr ul li .pic{ width:256px; height:256px; padding:7px; overflow:hidden; border-radius:50%;}
.section6 .nr ul li:hover .s{ transform:rotate(125deg)}
.section6 .nr ul li .pic2{ position:absolute;top:10px; right:50px}
.section6 .nr ul li .title{ width:auto; display:inline-block; vertical-align:top; margin:0 auto;writing-mode: vertical-rl; height:250px; margin-top:15px; text-align:left}
.section6 .nr ul li .title p{ word-break:break-all; border-left:1px solid #bfbfbf; line-height:39px; font-size:20px; color:#3f3f3f; font-family:"宋体";}

.section2.active .img1{-webkit-animation: fadeInDown 1s 0s linear;animation: fadeInDown 1s 0s linear;}
.section2.active .intro{-webkit-animation: fadeInUp 1s 0s linear;animation: fadeInUp 1s 0s linear;}

.section3.active .tops{-webkit-animation: fadeInDown 1s 0s linear;animation: fadeInDown 1s 0s linear;}
.section3.active .picleft{-webkit-animation: fadeInUp 1s 0s linear;animation: fadeInUp 1s 0s linear;}

.section4.active .tops{-webkit-animation: fadeInLeft 1s 0s linear;animation: fadeInLeft 1s 0s linear;}
.section4.active .item{-webkit-animation: fadeInRight 1s 0s linear;animation: fadeInRight 1s 0s linear;}

.section5.active .tops{-webkit-animation: fadeInDown 1s 0s linear;animation: fadeInDown 1s 0s linear;}
.section5.active .pic{-webkit-animation: fadeInLeft 1s 0s linear;animation: fadeInLeft 1s 0s linear;}
.section5.active .rt{-webkit-animation: fadeInRight 1s 0s linear;animation: fadeInRight 1s 0s linear;}

.section6.active .nr{-webkit-animation: zoomIn 1s 0s linear;animation: zoomIn 1s 0s linear;}

.active .footbg{-webkit-animation: zoomIn 1s 0s linear;animation: zoomIn 1s 0s linear;}