.l_visit{ width: 1626px; margin: auto; position: relative; z-index: 2; }
.l_visit .t_head .t_icon{ margin-bottom: 20px; }
.vis1{ position: relative; padding: 97px 0 100px; text-align: center; background: url(../image/lys/jpg2_03.jpg) no-repeat center; background-size: cover; }
/* .vis1 .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../image/lys/jpg2_03.jpg) no-repeat center; background-size: cover; } */
.vis1 .h24{ margin: 24px 0 27px; line-height: 1.75; }
.vis1 .pbox{ line-height: 2.286; text-align: left; text-indent: 2em; }
.vis1 .t_box{ margin-top: 35px; background: transparent; padding: 0; }
.vis1 .t_box a{ font-size: 20px; background:#fff;color: #fff;width:150px;height:45px;line-height:45px;display: inline-block;}
.vis1 .t_box a span{background:#e4b127;display: inline-block;width:150px;height:45px;line-height:45px;text-align: center;position: relative;left:-8px;top:-8px;}
.vis2{ padding: 104px 0 70px; background: url(../image/lys/jpg3_03.jpg); position: relative; }
.vis2 .bg{ width: 405px; height: 630px; background: url(../image/lys/png3_03.png) no-repeat center; position: absolute; top: -17px; right: -108px; pointer-events: none; }
.vis2 .list{ margin-top: 74px; }
.vis2 .list .li{ float: left; width: 25%; text-align: center; margin-bottom: 92px; }
.vis2 .list .icon{ width: 79px; height: 74px; margin: 0 auto 20px; }
.vis2 .list .icon img{ width: 100%; }
.vis2 .list .p{ line-height: 2.286; }
.vis3{ padding-bottom: 29.98%; position: relative; }
.vis3 .ldiv,.vis3 .rdiv{ width: 50%; height: 100%; position: absolute; top: 0; }
.vis3 .ldiv{ left: 0; }
.vis3 .ldiv .img{ display: none; width: 100%; height: 100%; }
.vis3 .ldiv .img img{ width: 100%; height: 100%; }
.vis3 .ldiv .img.on{ display: block; }
.vis3 .rdiv{ background: url(../image/lys/jpg4_03.jpg) no-repeat no-repeat; right: 0; color: #fff; background-size: cover; }
.vis3 .rdiv .rtop{ height: 100%; position: relative; }
.vis3 .rdiv .rtop .t_head{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.vis3 .rdiv .rtop .t_head .h32{ color: #fff; }
/* .vis3 .rdiv .rbot{ height: 24.73%; font-size: 0; } */
.vis3 .rdiv .rbot .h32{ display: inline-block; width: 33.33%; height: 100%; text-align: center; cursor: pointer; position: relative; }
.vis3 .rdiv .rbot .h32 .h_inner{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.vis3 .rdiv .rbot .h32 img{ margin-left: 20px; }

.l_image{ padding: 100px 0 110px; text-align: center; }
.l_image .v_btn{ width: 86px; height: 86px; background: url(../image/lys/png13_03.png) no-repeat center; cursor: pointer; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-size: cover; }
.l_image .fli,.l_image .li{ position: relative; }
.l_image .fli{ color: #fff; }
.l_image .fli img{ width: 100%; }
.l_image .fli .l_tbox{ position: absolute; bottom: 105px; left: 0; right: 0; }
.l_image .fli .l_tbox .en{ margin-top: 21px; }
.l_image .list{ margin: 40px -1.275% 0; }
.l_image .list .li{ width: 30.78%; margin: 38px 1.275% 0; float: left; }
.l_image .list .vbox{ width: 100%; height: auto; position: relative; }
.l_image .list .vbox img{ width: 100%; }
.l_image .list .l_ltbox{ margin-top: 33px; }
.l_image .list .l_ltbox .en{ margin-top: 10px; color: #ddb053; }
.l_image .t_box{ margin-top: 75px; }
.i_pop .pop-dialog{ width: 1067px; height: 600px; }
.i_pop video{ background: #333; width: 100%; height: 100%; display: none; object-fit: fill; }
.i_pop iframe,.i_pop .cont{ height: 100%; }
.i_pop.x-show video{ display: block; }

.l_details{ position: relative; z-index: 2;width: 1626px; margin: auto; }
.det1{ padding: 0 0 120px; }
.det1 .con1 .img{ width: 50%; height: auto; float: right; }
.det1 .con1 .img img{ width: 100%; display: block; }
.det1 .con1 .ldiv{ padding-right: 11.4%; overflow: hidden; }
.det1 .con1 .t_head{ text-align: left; margin: 0 0 20px; }
.det1 .con1 .h32.fc_yel{ margin-bottom: 19px; font-size: 20px; color: #333; }
.det1 .con1 .h20{ margin-bottom: 10px; }
.det1 .p{ line-height: 2.286; text-indent: 2em; }
.det1 .p img{ display: block; margin: auto; }
.det1 .con2{ margin-top: 60px; }
.det1 .con2 .p+.p{ margin-top: 32px; }
.det2{ padding: 88px 0 98px; background: url(../image/lys/jpg3_03.jpg); }
.det2 .t_head .h32{ font-family: "Arial"; }
.det2 .list{ margin: 38px -1.055% 0; }
.det2 .list .li{ float: left; width: 22.89%; margin: 0 1.055%; text-align: center; }
.det2 .list .li .img{ width: 100%; height: auto; margin-bottom: 35px; }
.det2 .list .li .img img{ width: 100%; display: block; }

.l_demons{ position: relative; z-index: 2;width: 1626px; margin: auto; }
.demons1{ padding: 45px 0 45px; }
.demons1 .p{ text-align: center; color: #666666; margin-top: 18px; line-height: 2.286; }
.demons2{ padding-top: 100px; position: relative; }
.demons2 .bg{ position: absolute; left: 0; right: 0; top: 0; height: 605px; background: url(../image/lys/jpg3_03.jpg); }

.l_tab{ position: relative; }
.l_tab .item{ position: absolute; top: -108px; cursor: pointer; }
.l_tab .item:first-child{ left: 330px; }
.l_tab .item:last-child{ right: 330px; }
.l_tab .icon{ width: 49px; height: 52px; margin: 0 auto; }
.l_tab .icon img{ width: 100%; }
.l_tab .icon .i2{ display: none; }
.l_tab .h32{ margin: 8px 0 12px; }
.l_tab .jt{ width: 18px; height: 12px; background: url(../image/lys/png20_03.png) no-repeat center; margin: 0 auto; }
.l_tab .item.on{ color: #ca2323; }
.l_tab .item.on .icon .i1{ display: none; }
.l_tab .item.on .icon .i2{ display: block; }
.l_tab .item.on .jt{ background-image: url(../image/lys/png19_03.png); }

.demons2 .con{ margin-top: 74px; position: relative; color: #fff; }
.demons2 .con .child{ display: none; }
.demons2 .con .child.act{ display: block; }
.demons2 .con .middle-box{ margin-top: -80px; width: 450px; height: 160px; position: absolute; top: 50% }
.demons2 .con .middle-box .middle-cont{ width: 390px; text-align: center; }
.demons2 .con .middle-box .p{ line-height: 2; margin-top: 8px; }
.demons2 .con .ldiv{ width: 55.94%; padding-bottom: 37.08%; background-repeat: no-repeat; background-position: left center; background-size: cover; position: relative; }
.demons2 .ldiv .middle-box{ left: 30.59%; background: url(../image/lys/png23.png) no-repeat center; }
.demons2 .con .rdiv{ width: 55.94%; padding-bottom: 37.08%; background-repeat: no-repeat; background-position: right center; background-size: cover; position: absolute; top: 0; right: 0; }
.demons2 .rdiv .middle-box{ right: 29.75%; background: url(../image/lys/png24.png) no-repeat center; text-align: right; }
.demons3{ padding-top: 113px; }
.demons3 .con{ margin-top: 74px; padding-bottom: 44.22%; position: relative; }
.demons3 .con .child{ display: none; }
.demons3 .con .child.act{ display: block; }
.demons3 .con .item{ position: absolute; top: 0; height: 100%; color: #fff; overflow: hidden; }
.demons3 .con .item:nth-child(1){ width: 31.92%; left: 0; }
.demons3 .con .item:nth-child(2){ /* width: 32.04%; */ left: 31.92%; right: 36.04%; }
.demons3 .con .item:nth-child(3){ width: 36.04%; right: 0; }
.demons3 .con .item img{ width: 100%; }
.demons3 .con .item .middle-box{ position: absolute; text-align: center; }
.demons3 .con .item .middle-box .h32{ line-height: 1.4; }
.demons3 .con .item .middle-box .p{ opacity: 0.6; margin-top: 7px; line-height: 1.71; }
.demons3 .con .i_child1,.demons3 .con .i_child2{ position: relative; }
.demons3 .con .i_child1 .middle-box{ width: 100%; height: 100%; top: 0; left: 0; }
.demons3 .con .i_child2 .middle-box{ width: 56.26%; height: 69.89%; bottom: 0; left: 0; background: rgba(255,255,255,.7); color: #333; }
.demons3 .con .i_child3 .middle-box{ width: 56.05%; height: 45.2%; bottom: 0; left: 0; background: url(../image/lys/jpg10_03.jpg); }
.demons3 .con .i_child4 .middle-box{ width: 50%; height: 50.07%; top: 0; right: 0; background: url(../image/lys/jpg11_03.jpg); }



.l_news .det1 .con1 .ldiv{ padding-right: 0; }

.xt{ font-style: oblique; }




@media screen and (min-width: 1021px) and (max-width: 1320px){
	.l_tab .item:first-child{ left: 150px; }
	.l_tab .item:last-child{ right: 150px; }
	.demons2 .ldiv .middle-box{ left: 11.59%; }
	.demons2 .rdiv .middle-box{ right: 11.75%; }
	.det1 .con1 .ldiv{ padding-right: 2%; }
	
	
	
}







@media screen and (max-width: 1626px){
	.l_visit,.l_details,.l_demons{ width: 100%; }
}

@media screen and (max-width: 1070px){

	.i_pop .pop-dialog{ width: 90%; height: 3.78rem; }
	.i_pop .pop-close{ top: -1rem; right: 0; }
}

@media screen and (max-width: 1020px){
	
	
	.vis1{ padding: 1rem 0; }
	.l_visit .t_head .t_icon{ margin-bottom: 0.3rem; }
	.l_visit .t_head .t_icon img{ width: 20%; }
	.vis1 .h24{ margin: 0.4rem 0; line-height: 1.5; }
	.vis1 .pbox{ line-height: 1.8; }
	.vis2{ padding: 1rem 0 0.7rem; }
	.vis2 .list{ margin-top: 0.7rem; }
	.vis2 .list .li{ width: 50%; padding: 0 0.1rem; margin-bottom: 0.3rem; }
	.vis2 .list .li:nth-child(2n-1){ clear: both; }
	.vis2 .list .p{ line-height: 1.5; }
	.vis3 .rdiv .rbot{ position: absolute; bottom: 0; width: 100%; }
	.vis3 .rdiv .rbot .h32 img{ margin-left: 0.2rem; }
	
	.l_image{ padding: 1rem 0.3rem; }
	.l_image .v_btn{ width: 0.8rem; height: 0.8rem; }
	.l_image .fli .vbox{ position: relative; }
	.l_image .fli .l_tbox{ margin-top: 0.1rem; position: static; color: #333; }
	.l_image .fli .l_tbox .en{ margin-top: 0.1rem; color: #ddb053; }
	.l_image .list{ margin: 0.4rem 0 0; }
	.l_image .list .li{ width: 48%; margin: 0 0 0.3rem; }
	.l_image .list .li:nth-child(even){ margin-left: 4%; }
	.l_image .list .li:nth-child(odd){ clear: both; }
	.l_image .list .vbox{ height: auto; }
	.l_image .list .l_ltbox{ margin-top: 0.3rem; }
	.l_image .list .l_ltbox .en{ margin-top: 0.1rem; }
	.l_image .t_box{ margin-top: 0.7rem; }
	.i_pop video{ height: 3.78rem; }
	
	.det1{ padding: 0 0 1rem; margin: 0 0.25rem; }
	.det1 .con1 .img{ float: none; width: 100%; height: auto; }
	.det1 .con1 .ldiv{ padding-right: 0; padding-top: 0.4rem; }
	.det1 .con1 .t_head{ margin-bottom: 0.3rem; }
	.det1 .con1 .h32.fc_yel{ margin-bottom: 0.2rem; font-size: 16px; }
	.det1 .con1 .h20{ margin-bottom: 0.1rem; }
	.det1 .p{ line-height: 1.5; }
	.det1 .con2{ margin-top: 0.3rem; font-size: 16px; line-height: 1.6; }
	.det1 .con2 .p,.det1 .con2 p,.det1 .con2 div{ margin-top: 20px; }
	.det2{ padding: 1rem 0; margin: 0 0.25rem; }
	.det2 .list{ margin: 0.4rem 0 0; }
	.det2 .list .li{ width: 48%; margin: 0 0 0.3rem; }
	.det2 .list .li:nth-child(even){ margin-left: 4%; }
	.det2 .list .li:nth-child(odd){ clear: both; }
	.det2 .list .li .img{ height: auto; margin-bottom: 0.3rem; }
	
	.l_demons{ padding: 0 0.25rem; }
	.demons1{ padding: 1rem 0; }
	.demons1 .p{ margin-top: 0.2rem; line-height: 1.8; }
	.demons2{ padding-top: 1rem; }
	.demons2 .bg{ height: 6rem; }
	
	.l_tab{ text-align: center; font-size: 0; margin: 0.4rem 0; }
	.l_tab .item{ position: static; display: inline-block; margin: 0 0.4rem; }
	.l_tab .h32{ margin: 0.1rem 0; }
	.l_tab .icon{ width: 0.6rem; height: auto; }
	
	.demons2 .con{ margin-top: 0.5rem; }
	.demons2 .con .rdiv,.demons2 .con .ldiv{ width: 100%; height: 7rem; position: relative; background-size: auto 120%; top: auto; right: auto; }
	.demons2 .con .middle-box{ width: 100%; background-size: 130% 100%; height: auto; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
	.demons2 .con .middle-box .middle-cont{ width: 100%; padding: 0.4rem 0.2rem; font-size: 16px; }
	.demons2 .ldiv .middle-box{ left: 0; }
	.demons2 .rdiv .middle-box{ right: 0; }
	.demons2 .con .middle-box .p{ line-height: 1.5; margin-top: 0.1rem; }
	.demons3{ padding-top: 1rem; }
	.demons3 .con{ margin-top: 0.5rem; padding-bottom: 0; }
	.demons3 .con .item{ position: relative; top: auto; right: auto; left: auto; }
	.demons3 .con .item:nth-child(1),.demons3 .con .item:nth-child(2),.demons3 .con .item:nth-child(3){ width: 100%; }
	.demons3 .con .item:nth-child(2){ left: 0; right: 0; }
	.demons3 .con .i_child2 .middle-box{ width: 70%; height: 70%; }
	.demons3 .con .i_child3 .middle-box{ width: 70%; height: 50%; }
	.demons3 .con .i_child4 .middle-box{ width: 70%; height: 50%; }
	.demons3 .con .item .middle-box .p{ margin-top: 0.1rem; line-height: 1.5; }
	
	.l_details img{ width: 100%; }
	
	.sitemap_t_cont:before{ left: 0; right: 0; }
	
	.vis2 .bg,.vis2 .list .li br,.vis1 .h24 br{ display: none; }
}


@media screen and (max-width: 750px){
	
	.vis3{ padding-bottom: 0; }
	.vis3 .ldiv, .vis3 .rdiv{ position: static; width: 100%; }
	.vis3 .ldiv .img img{ height: auto; }
	/* .vis3 .rdiv .rbot .h32 .h_inner,.vis3 .rdiv .rtop .t_head{ position: static; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); } */
	.vis3 .rdiv{ padding-bottom: 59.58%; position: relative; }
	.vis3 .rdiv .rtop{ position: absolute; top: 0; width: 100%; }
}















