@charset "utf-8";
/*banner*/
.home{ width: 100%; height: 100vh;}
.home .load{ width:2px; height:30px; background:#fff; opacity:0.6; display:block; margin:0 auto;}
.more1{ width:250px; background:#a98960; color:#FFF; display:block; height:64px; line-height:64px; text-align:center; margin:0 auto;}
.more1:hover{ background:#564637; color:#FFF;}

/*内容*/
.content_bo{ margin-top:10vh;}
.content{ height:82vh;}
.content_bo dl{ position:relative; background:#09090b;}
.content_bo dl dd{ height:100%; position:absolute; top:0; z-index:10; left:0;}
.content_bo dl .img_bg{ width: 100%;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;}
.content_bo dl:hover .img_bg{ -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity:0.7;}
.content_bo dl.cona1 dd{ left:0;}
.content_bo dl.cona1 .img_bg, .content_bo dl.cona5 .img_bg{ height:41vh;}
.content_bo dl.cona2{ width:50%;}
.content_bo dl.cona2 .img_bg, .content_bo dl.cona3 .img_bg, .content_bo dl.cona6 .img_bg{ height:41vh;}
.content_bo dl.cona3{ width:50%;}






/******footer**********/
.foot{ height:8vh;}
.link{ width:47%;}


@media screen and (max-width: 1600px) and (min-width:0) {
.more1{ width:230px; height:60px; line-height:60px;}










}
@media screen and (max-width: 1300px) and (min-width:0) {
.more1{ width:220px; height:55px; line-height:55px;}


}
@media screen and (max-width: 1100px) and (min-width:0) {
.more1{ width:200px; height:50px; line-height:50px;}





}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.home .load{ height:0.3rem;}
.more1{ width:3rem; height:0.72rem; line-height:0.72rem;}
.home .f22{ font-size:0.24rem;}

/*内容*/
.content_bo{ margin-top:0.78rem;}
.content{ height:auto;}
.content .col-xs-2{ width:100%; margin-bottom:0;}


.content_bo dl.cona1 .img_bg, .content_bo dl.cona5 .img_bg{ height:auto;}
.content_bo dl.cona2 .img_bg, .content_bo dl.cona3 .img_bg, .content_bo dl.cona6 .img_bg{ height:auto;}







}
/* animation */
@keyframes uk-kenburns { 0% {
transform:scale(1)
}
100% {
transform:scale(1.2)
}
}


.heartbeat { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both }
@-webkit-keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}