@CHARSET "UTF-8";

html, body {position: relative; height: 100%; overflow:hidden;}

/*header{z-index: 10; background:none;}

header .nav{background:none;}

header>*{position:relative;z-index:1;}

header.show-bg:before{transition:height 0.3s; content:"";position:absolute; top:0; height:0%; width:100%; background:rgba(0, 56, 29, 0.8);z-index:0;}

header.show-bg:hover:before{height:100%;}*/




header .nav{background:none;}

header .nav:before{height:0;}

header.show-bg .nav{background:rgba(146,58,55,0.9);}

header.show-bg .nav:before{height:0px;}

header:hover .nav{background:rgba(146,58,55,0.9);}

header:hover .nav:before{height:0px;}

main{padding:0; margin-top:0;}

footer{display:none;}

main,.swiper-container-v { width: 100%; height: 100%;}



main div.bg{position:absolute; top:0; left: 0; right:0; bottom:0;}

main div.bg>div{position:absolute; top:0; left:0; width:100%; height: 100%;  transition: all 0.6s;

	background-position: center center; background-size:auto 100%; background-image:url(../images/art-index-bg.jpg);

}

main div.bg>div.hd{-webkit-transform: translateY(-100%); transform: translateY(-100%);}

@media (min-aspect-ratio: 16/10){

	main div.bg>div{background-size: 100% auto;}

}



.swiper-container-v{position:relative;z-index:1;}

.swiper-container-v>.swiper-wrapper>.swiper-slide {background-color:rgba(0,0,0,0.4);  position:relative; text-align: center;font-size: 0; overflow-y:hidden; color:#fff; }



.swiper-container-v-pagination{position:fixed; top: calc(50% - 42px); left: 20px; z-index: 1; opacity: 0.9; transition: opacity 0.2s; -webkit-transition: opacity 0.2s;}

.swiper-container-v-pagination:hover{opacity: 1;}

.swiper-container-v-pagination span{display:block; width: 20px; height: 20px; margin: 5px 0;  transition: all 0.2s; -webkit-transition: all 0.2s; font-size: 0px; overflow:hidden;border: #923a37 1px solid;}

.swiper-container-v-pagination span font{color:#fff;}

.swiper-container-v-pagination span:hover{border-radius: 10px; padding:0 10px; width: auto; font-size: 13px; background:#8b262a; opacity: 1;}

.swiper-container-v-pagination span.swiper-pagination-bullet-active{background:#8b262a; width: 24px; height: 24px; margin-left: -2px;}

.swiper-container-v-pagination span.swiper-pagination-bullet-active:hover{width:auto; line-height: 24px;}





.page0{width:100%; overflow-x:hidden; background: url(../images/ban1.jpg) center center; background-size: auto 100%; position: relative;}

.page0 .mb {background: rgba(0,0,0,0.6);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}



@media (min-aspect-ratio: 107/60){.page0{background-size: 100% auto; }}

.page0 .container{position:relative; height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.page0 .container .logo{position: absolute; top:120px; height:310px; width: 310px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background:#4A4D49;}

.page0 .bot{position: absolute; bottom: 40px; background: rgba(35,24,21,0.5); left: 0; right: 0; padding: 20px 0;}

.page0 .bot .container{display:flex; font-size: 26px; justify-content: space-between; align-items: center;}

.page0 .bot .container .qr{display: flex; align-items: center;}

.page0 .bot .container .qr img{margin-right: 15px; transition:all 0.2s ease-out;}

.page0 .bot .container .qr img:hover{transform:  translateY(-75px) scale(6,6); }

.page0 .bot img{height: 30px;}



/**白色banner条内容通用演示**/

.banner{display:flex;flex-direction:column; justify-content: center; align-items:flex-start;}

.banner>div{ text-align:left; margin-top:35px; width:100%;}

.banner>div h2{font-size: 68px; color:#fff; background: #8b262a; margin:0; padding: 10px; font-family:STZhongsong; z-index:1;

	display:inline-block; margin-left:auto; margin-top:-48px;}

.banner>div p{text-align:right;  overflow-x:hidden;  padding:2em 0;}

.banner>div p span{ text-align:left; color:#222; font-size: 18px; text-align:left; display:inline-block; width:480px; margin-right: -20px; line-height:34px; letter-spacing:2px; padding-right: 1em;

-webkit-transform: translateX(120%); transform: translateX(120%); max-height:272px; overflow-y:auto; -webkit-overflow-scrolling: touch;}

.banner>div p span i{display:inline-block; width:18px; height: 18px; background:rgba(0, 183, 94, 0.4); border-radius: 5px; vertical-align:-3px; margin-right:22px;}

.banner.swiper-slide-active>div p span{-webkit-transform: translateX(0%); transform: translateX(0%); transition: all 1s; transition-delay: 0.5s;}

.banner .container{position:relative;}



.page1>div{background:#fff;}
.swiper-yxxy{width:1280px; margin:30px auto 0; padding-bottom:50px;}
.swiper-yxxy .swiper-slide{position:relative;}
.swiper-yxxy .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-yxxy .swiper-slide .tp {width: 200px;float: left;box-shadow: 0 0 10px #ccc;}
.swiper-yxxy .swiper-slide .w_z{width:390px;float: right;text-align: left;}
.swiper-yxxy .swiper-slide .w_z h3{font-size:18px; color:#222; margin-bottom:10px;font-family: STZhongsong;margin: 0 0 10px;padding: 0;}
.swiper-yxxy .swiper-slide .w_z p {font-size: 14px;line-height: 1.4;color: #333;margin-bottom: 10px;padding: 0 !important;text-align: left;}
.swiper-yxxy .swiper-slide .w_z p i {    display: inline-block;
    width: 18px;
    height: 18px;
    background: rgba(146,58,55,0.4);
    border-radius: 5px;
    vertical-align: -3px;
    margin-right: 22px;}
.page1 .swiper-pagination {
    position: absolute;bottom:-100px;width: 100%;left: 0;height: 12px;text-align: center;
}
.page1 .swiper-pagination-bullet {width:25px; height:12px; display:inline-block; border-radius:0; opacity:1;background: #fff;margin: 0 5px;}
.page1 .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#8b262a}

.page01>div{background:#fff;padding-top: 30px}
.banner.page01 > div h2 {
    font-size: 68px;
    color: #fff;
    background: #8b262a;
    margin: 0;
    padding: 10px;
    font-family: STZhongsong;
    z-index: 1;
    display: inline-block;
    margin-left: auto;
    margin-top: -88px;float: right;
}
.page01 .swiper-pagination {
    position: absolute;bottom:-100px;width: 100%;left: 0;height: 12px;text-align: center;
}
.page01 .swiper-pagination-bullet {width:25px; height:12px; display:inline-block; border-radius:0; opacity:1;background: #fff;margin: 0 5px;}
.page01 .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#8b262a}

.twsz {position: relative;width: 1280px;margin: 0 auto;padding: 50px 0;}
.xx41 li{ display:inline-block;}
.twsz .hd{ position:absolute; bottom:-80px; text-align:center; z-index:99; width:100%;}
.twsz .prev {width: 41px;height: 41px;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.twsz .next {width: 41px;height: 41px;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.twsz .prev:hover{background: url(../images/jtl03.png) no-repeat center;}
.twsz .next:hover {background: url(../images/jtr03.png) no-repeat center;}
.twsz .hd ul li{ display:inline-block; margin:0 5px; width:25px; height:12px; background:#FFF;text-indent:-9999px;cursor:pointer;border-radius: 6px;}
.twsz .hd ul li.on{ background:#8b262a;}
.twsz .bd ul li {width: 610px;margin: 0 15px;}
.twsz .bd ul li img{width:100%; height:auto; display:block;}
.twsz .bd ul li .tp {width: 200px;float: left;box-shadow: 0 0 10px #ccc;}
.twsz .bd ul li .w_z{width:390px;float: right;text-align: left;}
.twsz .bd ul li .w_z h3{font-size:18px; color:#222; margin-bottom:10px;font-family: STZhongsong;margin: 0 0 10px;padding: 0;}
.twsz .bd ul li .w_z p {font-size: 14px;line-height: 1.4;color: #333;margin-bottom: 10px;padding: 0 !important;text-align: left;}
.twsz .bd ul li .w_z p i {    display: inline-block;
    width: 18px;
    height: 18px;
    background: rgba(146,58,55,0.4);
    border-radius: 5px;
    vertical-align: -3px;
    margin-right: 22px;}


.bwsz {position: relative;width: 1280px;margin: 0 auto;padding: 50px 0;}
.bwsz .hd{ position:absolute; bottom:-80px; text-align:center; z-index:99; width:100%;}
.bwsz .prev {width: 41px;height: 41px;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.bwsz .next {width: 41px;height: 41px;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.bwsz .prev:hover{background: url(../images/jtl03.png) no-repeat center;}
.bwsz .next:hover {background: url(../images/jtr03.png) no-repeat center;}
.bwsz .hd ul li{ display:inline-block; margin:0 5px; width:25px; height:12px; background:#FFF;text-indent:-9999px;cursor:pointer;border-radius: 6px;}
.bwsz .hd ul li.on{ background:#8b262a;}
.bwsz .bd ul li {width: 610px;margin: 0 15px;}
.bwsz .bd ul li img{width:100%; height:auto; display:block;}
.bwsz .bd ul li .tp {width: 200px;float: left;box-shadow: 0 0 10px #ccc;}
.bwsz .bd ul li .w_z{width:390px;float: right;text-align: left;}
.bwsz .bd ul li .w_z h3{font-size:18px; color:#222; margin-bottom:10px;font-family: STZhongsong;margin: 0 0 10px;padding: 0;}
.bwsz .bd ul li .w_z p {font-size: 14px;line-height: 1.4;color: #333;margin-bottom: 10px;padding: 0 !important;text-align: left;}
.bwsz .bd ul li .w_z p i {    display: inline-block;
    width: 18px;
    height: 18px;
    background: rgba(146,58,55,0.4);
    border-radius: 5px;
    vertical-align: -3px;
    margin-right: 22px;}


.page2 .container{}

.page2>div{position: relative;}
.sxfw {position: relative;width: 100%;margin: 0 auto;padding: 50px 0;background: url(../images/sxbj.png) center 150px repeat-x;}
.sxfw .hd{ position:absolute; bottom:0px; text-align:center; z-index:99; width:100%;}

.sxfw .hd ul li{ display:inline-block; margin:0 5px; width:25px; height:12px; background:#FFF;text-indent:-9999px;cursor:pointer;border-radius: 6px;}
.sxfw .hd ul li.on{ background:#8b262a;}
.sxfw .bd ul li {width:100%;position: relative;padding-bottom: 126px;padding-top: 120px;}


.page2 .container .sxlogo {padding: 30px 0 10px;display: flex;justify-content: space-between;}

.page2 .container .sxlogo {padding: 30px 0 10px;display: flex;justify-content: space-between;}

.page2 .container .sxlogo a{width: 12.5%;text-decoration: none;padding: 10px;box-sizing: border-box;}

.page2 .container .sxlogo a img{width:100%;}
.page2 .container .sxlogo2 {padding: 10px 0 30px;display: flex;justify-content: space-between;}


.xx2 {padding: 30px 0 10px;}
.xx2 li{ display:inline-block;width: 155px;padding: 10px;box-sizing: border-box;}
.xx2 li img {width: 100%;display: block;}

.two{margin:50px auto;height:128px;width:100%;overflow:hidden;position:relative; }
.two ul{height:128px;width:100000px;position:absolute;left:0;}/*ul width的宽不能过小*/
.two ul li{display:block;float:left;margin:5px;height:118px;position:relative;}
.two ul li a{display:inline-block;height:118px;} 
.two ul li img{display:block;height:118px;width: auto;}
.two ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}


.page2 .container .sxlogo2 a {margin: 0 5px;}
.page2 .container .sxlogo2 a img{max-width: 100%}
.page2 > div .wzsm {width: 1200px;background:rgba(0,0,0,0.8);padding: 20px 30px;box-sizing: border-box;position: absolute;left:50%;margin-left: -600px; bottom:0;font-size: 20px;color: #fff;}
.page2 > div h2 {
    font-size: 50px;
    color: #fff;
    background: #8b262a;
    padding: 10px;
    font-family: STZhongsong;
    z-index: 1;
    display: inline-block;
    margin-left: auto;position: absolute;top: 100px;margin-top: 0px;left: 15%;
}
.page3>div{background:rgba(255,255,255,0.8);padding:  30px 0;}
.page3 > div h2 {float: left;}
.page3 .rxbz {padding: 20px 0 ;width: 95%;margin: 0 auto;text-align: left;}
.page3 .rxbz h3 {font-size: 28px;font-weight: bold;color: #333;margin-bottom: 10px;font-family: STZhongsong;margin-top: 10px;}
.page3 .rxbz h3 i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: rgba(146,58,55,0.4);
    border-radius: 5px;
    vertical-align: -0;
    margin-right: 5px;
}
.page3 .rxbz p {font-size: 18px;color: #333;line-height: 2;text-align: left;padding: 0;}
.page3 .rxbz ul li {width: 48%;margin: 0 1%;float: left;}
.page3 .rxbz ul li:nth-child(3){width: 100%;}

@media screen and (max-width: 1446px) {
	.swiper-yxxy {
    width: 100%;
    margin: 30px auto 0;
    padding-bottom: 50px;
}
	.swiper-yxxy .swiper-slide .tp {
    width: 35%;margin-left: 1%;
}
	.swiper-yxxy .swiper-slide .w_z {
    width: 60%;
}
	.page2 > div .wzsm {right: 50%;margin-right: -600px;
}
	
	
	
	
	
	
}