html,body{
min-width: 1440px;
margin: 0 auto;
}
.w1200 {
width: 1200px;
margin: 0 auto;
position: relative
}
.w1240 {
width: 1240px;
margin: 0 auto;
position: relative
}
#b01{
background: url(/uploads/image/x2yimg/zt_bg.jpg) center top no-repeat;
height: 876px;
position: relative;
min-width: 1440px;
margin: 0 auto;
}
#ztnav{
background: url(/uploads/image/x2yimg/zt_navbg.jpg) center top no-repeat;
height: 94px;
position: relative;
min-width: 1440px;
margin: 0 auto;
}
#ztnav ul{
display: flex;
justify-content: center;
}
#ztnav ul li{
display: flex;
align-items: center;
height: 94px;
color: #ffffff;
font-weight: bold;
font-size: 24px;
margin: 0 45px;
cursor: pointer;
}
#ztnav ul li a{
color: #ffffff;
}
#b02{
background: url(/uploads/image/x2yimg/bg01.jpg) center top no-repeat;
position: relative;
min-width: 1440px;
margin: 0 auto;
}
.hot{
height: 148px;
overflow: hidden;
}
.hot h1{
text-align: center;
color: #c8020a;
font-size: 32px;
font-weight: bold;
padding-top: 30px;
}
.hot p{
font-size: 18px;
color: #666666;
text-align: center;
padding-top: 16px;
}
.tab_pic {
width: 654px;
height:452px;
position: relative;
margin: 0 auto;
float: left;
overflow: hidden;
background-color: #f55943;
}
.tab_pic a.prev, .tab_pic a.next {
width: 39px;
height:452px;
top: 0;
display: block;
position: absolute;
z-index: 99;
transition: all 0.5s linear;
}
.tab_pic a.next {
background: url(/uploads/image/nx2ximg/r.png) center center no-repeat;
right: -50px;
}
.tab_pic a.prev {
background: url(/uploads/image/nx2ximg/l.png) center center no-repeat;
left: -50px;;
}
.tab_pic:hover a.prev {
left:0;
display: block
}
.tab_pic:hover a.next {
right:0;
display: block
}
.tab_pic .bd {
width: 654px;
height:452px;
}
.tab_pic .bd li {
position: relative;
width: 654px;
height:452px;
}
.tab_pic .bd li img {
width: 654px;
height:452px;
}
.tab_pic .bd li p {
width: 654px;
height: 48px;
position: absolute;
left: 0;
bottom: 0;
display: flex;
align-items: center;
line-height: 1;
text-indent: 12px;
z-index: 3;
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#000000, endcolorstr=#000000);
background: rgba(0,0,0,0.8);
}
.tab_pic .bd li p {
text-align: left;
color: #fff;
font-size: 16px;
}
.tab_pic .bd li a:after{
}
.tab_pic .hd {
position: absolute;
height: 12px;
right: 10px;
bottom: 17px;
z-index: 99;
}
.tab_pic .hd ul {
}
.tab_pic .hd ul li {
font-size: 0px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ee0007;
margin: 0 3px;
float: left;
cursor:pointer
}
.tab_pic .hd ul li.on {
background-color: #fff
}
.new_box{
width: 546px;
background-color: #fff2df;
height: 452px;
float: right;
}
.new_box ul{
}
.new_box ul li{
padding: 0 30px;
border-bottom: 1px dotted #daba8b;
height: 83px;
display: flex;
align-items: center;
font-size: 20px;
}
.new_box a.more{
color: #c00000;
float: right;
padding-top: 8px;
margin-right: 10px;
}
.mapbox{
height: 730px;
}
.xm_tab_box{
height: 580px;
position: relative;
}
.xm_nav{
height: 115px;
background: url(/uploads/image/x2yimg/navbgimg01.png) center center no-repeat;
}
.jc_nav{
width: 1200px;
overflow: hidden;
margin-top: 16px;
}
.jc_nav .swiper-slide{
width: auto;
height: 50px;
border: 1px solid #aaaaaa;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0 18px;
border-radius: 5px;
font-size: 20px;
margin-right: 20px;
cursor: pointer;
}
.jc_nav .on{
border: 1px solid #c7000b;
background: #c7000b;
color: #fff;
}
.tab_pic01 {
width: 654px;
height:430px;
position: relative;
margin: 0 auto;
float: left;
overflow: hidden;
background-color: #f55943;
margin-top: 40px;
}
.tab_pic01 a.prev, .tab_pic01 a.next {
width: 39px;
height:430px;
top: 0;
display: block;
position: absolute;
z-index: 99;
transition: all 0.5s linear;
}
.tab_pic01 a.next {
background: url(/uploads/image/nx2ximg/r.png) center center no-repeat;
right: -50px;
}
.tab_pic01 a.prev {
background: url(/uploads/image/nx2ximg/l.png) center center no-repeat;
left: -50px;;
}
.tab_pic01:hover a.prev {
left:0;
display: block
}
.tab_pic01:hover a.next {
right:0;
display: block
}
.tab_pic01 .bd {
width: 654px;
height:430px;
}
.tab_pic01 .bd li {
position: relative;
width: 654px;
height:430px;
}
.tab_pic01 .bd li img {
width: 654px;
height:430px;
}
.tab_pic01 .bd li p {
width: 654px;
height: 48px;
position: absolute;
left: 0;
bottom: 0;
display: flex;
align-items: center;
line-height: 1;
text-indent: 12px;
z-index: 3;
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#000000, endcolorstr=#000000);
background: rgba(0,0,0,0.8);
}
.tab_pic01 .bd li p {
text-align: left;
color: #fff;
font-size: 16px;
}
.tab_pic01 .bd li a:after{
}
.tab_pic01 .hd {
position: absolute;
height: 12px;
right: 10px;
bottom: 17px;
z-index: 99;
}
.tab_pic01 .hd ul {
}
.tab_pic01 .hd ul li {
font-size: 0px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ee0007;
margin: 0 3px;
float: left;
cursor:pointer
}
.tab_pic01 .hd ul li.on {
background-color: #fff
}
.news_des{ width:495px; float:right; overflow:hidden; padding-top: 12px;}
.news_des dl{ padding-bottom:22px;border-bottom: 1px dotted #7e7e7e; margin-top:26px;}
.news_des dl dt{ white-space:nowrap; font-weight: bold;}
.news_des dl dt a{ color:#000; font-size:22px;}
.news_des dl dd{ color:#7e7e7e; font-size:16px; line-height: 34px; margin-top: 12px;}
.news_des dl dd a{ color:#0149ce}
.news_des dl:last-child{
border: 0;
}
#b04{
background: url(/uploads/image/x2yimg/bg02.jpg) center top no-repeat;
height: 1703px;
position: relative;
min-width: 1440px;
margin: 0 auto;
}
.gzby_sssg{ position: relative; padding-top: 130px;}
.gzby_sssg .bd{ width: 1200px; overflow: hidden;}
.gzby_sssg .bd ul{}
.gzby_sssg .bd ul li{ margin-right: 48px; width: 265px; height: 630px; position: relative;}
.gzby_sssg .bd ul li .img1{background-repeat: no-repeat;background-position: center top;background-size: 100% 100%;width: 265px;height: 470px;position: absolute;left: 0;}
.gzby_sssg .bd ul li i{ background: url(/uploads/image/scw2gimages/gzby_19.png) no-repeat; background-size:30px 26px ; width: 30px; height: 26px; position: absolute; left: calc(50% - 15px); z-index: 999;}
.gzby_sssg .bd ul li .txt{ background-color: #ffeacb; font-size: 16px; line-height: 30px; height: 86px; position: absolute; left: 0; box-sizing: border-box; padding: 10px 10px 0 10px;}
.gzby_sssg .bd ul li:nth-child(even){ }
.gzby_sssg .bd ul li:nth-child(even) i{ bottom: 4px;}
.gzby_sssg .bd ul li:nth-child(even) .txt{top: 528px;}
.gzby_sssg .bd ul li:nth-child(even) .img1{top: 58px;}
.gzby_sssg .bd ul li:nth-child(odd) i{transform: rotate(180deg); top: 0;}
.gzby_sssg .bd ul li:nth-child(odd) .txt{ top: 14px;}
.gzby_sssg .bd ul li:nth-child(odd) .img1{ top: 100px;}
.gzby_sssg .prev,.gzby_sssg .next{ width: 39px; height: 73px; cursor: pointer; top:400px; position: absolute; z-index: 99;}
.gzby_sssg .prev{ background: url(/uploads/image/scw2gimages/gzby_17.png) no-repeat; left: 0;}
.gzby_sssg .next{background: url(/uploads/image/scw2gimages/gzby_18.png) no-repeat; right: 0;}
.mapbox{
}
.mapbox .xs_box{
}
.mapbox .xs_box .box{
}
.mapbox .xs_box .box .listbox{
width: 1130px;
height: 653px;
background: url(/uploads/image/x2yimg/lbbg.png) center top no-repeat;
margin: 0 auto;
margin-top: 190px;
}
.mapbox .xs_box .box .listbox .tempwrap{
width: 1000px;
margin: 0 auto;
}
.mapbox .xs_box .box .listbox .bd{
width: 1000px;
margin: 0 auto;
}
.mapbox .xs_box .box .listbox .bd .div{
padding-top: 80px;
}
.mapbox .xs_box .box .listbox .hd{
width: 1000px;
margin: 0 auto;
padding-top: 36px;
}
.mapbox .xs_box .box .listbox .hd ul{
display: flex;
justify-content: center;
}
.mapbox .xs_box .box .listbox .hd ul li{
font-size: 0;
height: 14px;
width: 14px;
background-color: #bfbfbf;
border-radius: 50%;
overflow: hidden;
margin: 0 3px;
}
.mapbox .xs_box .box .listbox .hd ul li.on{
background-color: #c7000b;
}
.mapbox .xs_box .box .listbox ul li{
height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
.mapbox .xs_box .box .listbox ul li a{
color: #333;
font-size: 22px;
}
.mapbox .xs_box .box .listbox ul li span{
color: #6c6c6c;
font-size: 18px;
}
.xm_tab_box{
}
#xm_tab_box01{
}
.xm_qb_list_box{
height: 540px;
position: relative;
}
.xm_tab_box .swiper-button-next{
width: 49px;
height: 49px;
background: url(/uploads/image/x2yimg/r_b01.png) center center no-repeat;
right: -64px;
}
.xm_tab_box .swiper-button-prev{
width: 49px;
height: 49px;
background: url(/uploads/image/x2yimg/l_b01.png) center center no-repeat;
left: -64px;
}
.xm_tab_box .swiper-button-next.swiper-button-disabled,.xm_tab_box .swiper-button-prev.swiper-button-disabled{
opacity: 1;
}
#xm_tab_box01::after{
content: "";
position: absolute;
top: 0;
left: 75px;
background: url(/uploads/image/x2yimg/sjx03.png) center top no-repeat;
width: 50px;
height: 36px;
}
.xm_tab_box .xm_qb_list_box{
height: 504px;
background-color: #fdf6ec;
border-radius: 10px;
margin-top: 36px;
}
.xm_title{
width: 560px;
position: absolute;
top: 20px;
left: 40px;
height: 36px;
box-sizing: content-box;
background: url(/uploads/image/x2yimg/tb01.png) left 6px no-repeat;
padding-left: 38px;
color: #000000;
font-size: 22px;
display: flex;
align-items: center;
font-weight: bold;
}
.xm_dw{
width: 560px;
position: absolute;
top: 60px;
left: 40px;
height: 36px;
box-sizing: content-box;
background: url(/uploads/image/x2yimg/tb02.png) left center no-repeat;
padding-left: 38px;
color: #000000;
font-size: 22px;
display: flex;
align-items: center;
font-weight: bold;
}
.xm_des{
width: 560px;
position: absolute;
top: 104px;
left: 40px;
color: #707070;
font-size: 18px;
border-bottom: 1px dotted #707070;
line-height: 32px;
text-indent: 2em;
padding-bottom: 14px;
}
.xm_des a{
color: #be0000;
}
.xm_xt_list{
width: 560px;
height: 164px;
position: absolute;
bottom: 38px;
left: 40px;
}
.xm_xt_list ul{
display: flex;
justify-content: space-between;
}
.xm_xt_list ul li{
width: 264px;
height: 164px;
position: relative;
}
.xm_xt_list ul li p{
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#000000, endcolorstr=#000000);
background: rgba(0,0,0,0.8);
height: 32px;
display: flex;
align-items: center;
justify-content: center;
width: 264px;
position: absolute;
left: 0;
bottom: 0;
z-index: 99;
color: #fff;
white-space:nowrap
}
.xm_xt_list ul li p a{
color: #fff;
}
.xm_xt_list ul li img{
width: 264px;
height: 164px;
}
.xm_video{
width: 520px;
position: absolute;
right: 24px;
top: 20px;
}
.xm_video img{
width: 520px;
height: 396px;
margin-top: 13px;
}
.xm_video .xm_video_nav{
height: 36px;
box-sizing: content-box;
background: url(/uploads/image/x2yimg/tb03.png) left 8px no-repeat;
padding-left: 38px;
color: #000000;
font-size: 22px;
display: flex;
align-items: center;
font-weight: bold;
}
.plbox{
width: 740px;
float: left;
overflow: hidden;
}
.ty_nav{
height: 32px;
position: relative;
box-sizing: border-box;
padding-left: 14px;
display: flex;
align-items: center;
font-size: 24px;
line-height: 1;
justify-content: space-between;
overflow: hidden
}
.ty_nav a{
color: ;
font-size: 16px;
}
.ty_nav::after{
content: "";
width: 5px;
height: 28px;
background-color: #c7000b;
position: absolute;
left: 0;
top: 2px;
}
.mpbox{
width: 326px;
float: right;
}
.mp_tab{
width: 326px;
height: 524px;
background-color: #eeeeee;
border-radius: 40px 0 40px 0 ;
margin-top: 12px;
overflow: hidden;
position: relative;
}
.mp_tab .bd{
}
.mp_tab .bd img{
width: 266px;
height: 470px;
display: block;
margin: 0 auto;
margin-top: 27px;
}
.mp_tab .hd {
position: absolute;
width: 266px;
height: 10px;
left:30px;
bottom: 10px;
z-index: 99;
}
.mp_tab .hd ul {
}
.mp_tab .hd ul li {
font-size: 0px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ee0007;
margin: 0 2px;
float: right;
cursor:pointer;
z-index: 9999;
}
.mp_tab .hd ul li.on {
background-color: #fff
}
.plbox dl{
padding-bottom: 24px;
border-bottom: 1px dotted #707070;
}
.plbox dl dt{
margin-top: 22px;
}
.plbox dl dt a{
font-size: 20px;
font-weight: bold;
}
.plbox dl dd{
font-size: 16px;
color: #848484;
margin-top: 13px;
white-space: nowrap;
}