@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table { margin:0; padding:0; border:0; list-style:none;}
input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a { text-decoration:none;}
html, body { font-family:"微软雅黑", "宋体";font-size:14px;}

html, body{position: relative;height: 100%;}
html{-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;}

*, *::after, *::before{
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
body{max-height: 100%;}

*{margin: 0;padding: 0;outline: 0;border: 0; box-sizing: border-box;}
a,a:link, a:visited{color: #333;text-decoration: none;}
a:hover{color: #c00;text-decoration: none;}
a, img{-webkit-touch-callout: none;}
ol, ul, li{list-style: none;}
em, i{font-style: normal;}

/*clear*/
.cf:before, .cf:after{content: "";display: table;}
.cf:after{clear: both;overflow: hidden;}
.cf{zoom: 1;}
.smy_ctrl {position:relative;min-height:90px;cursor:move;}








.main{position: relative; height: 100%; overflow: hidden;}
.swiper-container-p1{width: 100%; height: 100%;}
.swiper-container-p1 .swiper-slide{height: 100%; position: relative;overflow: hidden;}


.main_content{position:relative; width:100%; height:100%; overflow:hidden;}

.information{width:675px; height: 48px; background: #9a1f23; line-height: 48px; color: #fff; font-size: 20px; text-align: center;
             position: absolute; left: 50%; margin-left: -338px; bottom: 30px;
}


/*cover*/
.page_cover1{background:url(../images/fm0_0.jpg) center no-repeat; background-size:100% 100%;}
.page_cover2{background:url(../images/fm1_1.jpg) center no-repeat; background-size:100% 100%;}
.page_cover3{background:url(../images/fm2_2.jpg) center no-repeat; background-size:100% 100%;}
.page_cover4{background:url(../images/fm3_3.jpg) center no-repeat; background-size:100% 100%;}


/*导航*/
.navList{position:fixed; top:209px; left:16px; width:156px; height:223px; align-items:center; justify-content:center;
         z-index:1000; background: url(../images/nav_bg20221114.png) no-repeat; padding-top: 69px;
}
.navList ul li{font-size:16px;width:100%;height:35px;text-align:center;line-height:22px;color:#222;cursor:pointer; font-weight:normal; font-weight: bold;}
.navList ul li.active{color:#cc1011; font-weight:bold; font-size:16px; overflow:hidden;}




/*page1*/
.videobox{position: relative; width:888px; height:600px;  margin:72px auto 0; background: url(../images/videobox_bg20221114.png) no-repeat;
          padding:16px 0 0 21px; background-size: 100% 100%;
}

.btn_muted{ width:38px; height:100px; text-align: center; font-size: 16px;  background:#ff0000; 
            color: #fff; border-radius: 8px; padding:8px; position: absolute; top:16px; right: -30px; cursor: pointer;
}
.btn_muted:hover{ background: #ffcc00;}
.myvideo{width:845px; height:568px; }






/*page2*/
.jjc_bk2{position: relative; width:1200px; height:auto;  margin:220px auto 0; overflow: hidden;}

.mapleft {
  width: 765px;
  height: 553px;
  background: url(../images/map_bg20221115.png) no-repeat center top;
  position: relative;
  float: left;
}
.mapleft ul li{position:absolute; width: auto; height: auto;  cursor:pointer;  padding:5px 10px;}
.mapleft ul li a{ font-size: 16px; color: #222; }
.mapleft ul li.city1{display: none; top: 79px; right: 100px;} 

.mapleft ul li.city2{top: 159px; left: 319px;}
.mapleft ul li.city3{top: 217px; left: 393px;}
.mapleft ul li.city4{top: 254px; right: 100px;}
.mapleft ul li.city5{bottom: 255px; left: 247px;}
.mapleft ul li.city6{bottom: 96px; left: 364px;}
.mapleft ul li.city7{top: 69px; left: 153px;}
.mapleft ul li.city8{bottom: 204px; left: 309px;}
.mapleft ul li.city9{top: 132px; left: 221px;}
.mapleft ul li.city10{bottom: 119px; right: 234px;}
.mapleft ul li.city11{bottom: 190px; left: 368px;}
.mapleft ul li.city12{top: 376px; left: 450px;}





.mapleft ul li.on{background:#f44c46;  border-radius: 5px; color:#fff;}



.jjc_bk2 .bd {width:422px;height: 624px; float:right; position: relative; background: url(../images/tab_bg20221115.png) no-repeat center top; }
.jjc_bk2 .bd ul{display:none; width:370px; height: 476px; overflow-y: auto; margin:108px auto 0; padding:0 8px;}
.jjc_bk2 .bd ul li{ width:100%; height:30px; background: #fff4d3; border-radius: 5px; margin-bottom: 10px; text-align: center; 
                    line-height: 30px; 
}
.jjc_bk2 .bd ul li a{color: #3f3f3f; font-size: 16px;}

.jjc_bk2 .bd ul li.jjc_title{
	                width:354px; height:45px; background: #f44c46; border-radius: 5px; margin-bottom: 10px; text-align: center; 
                    line-height: 45px; position: absolute; top:50px; color: #fff; font-size: 24px; font-weight: bold;	
}


.jjc_bk2 .prev,
.jjc_bk2 .next{ position:absolute; left:770px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; 
                background:url(../images/slider-arrow20221115.png) -110px 5px no-repeat; 
}
.jjc_bk2 .next{ left:auto; right:-5px; background-position:8px 5px; }






/*page3*/
.gallery11 { margin: 220px auto 0; width: 1170px; position: relative;}
.gallery11 .swiper-container {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
}
.gallery11 .speArea-inside-img {width: 800px;}
.gallery11 .speArea-inside-img img {
	width: 800px;
	height: 450px;
}
.gallery11 .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 800px;
	height: 450px;
}
.speArea-inside-tit {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(51, 51, 51, 0.8);
	color: #fff;
	font-size: 22px;
	line-height: 50px;
	height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}
.speArea-inside-tit a {color: #fff;}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background: url(../images/btn_left20221114.png) no-repeat;
	left: -50px;
	right: auto;
	width:42px;
	height:58px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background: url(../images/btn_right20221114.png) no-repeat;
	right: -50px;
	left: auto;
	width:42px;
	height:58px;
}





/*page4*/
.swiper-yingyin{ margin: 260px auto 0; width: 1170px; position: relative;}
.swiper-yingyin .swiper-slide{width: 1170px; height: auto; overflow: hidden;}
.yingyin_left{ float: left; width:590px; height: 402px; position: relative; }
.yingyin_left img{ width:100%; height: 100%;}
.yingyin_left i{ width: 118px; height: 118px; background: url(../images/bf20221114.png) no-repeat; background-size: 100% 100%;
                 position: absolute; z-index: 10; top:148px; left: 236px;
}
.yingyin_left p{ width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,.6); color: #fff; font-size: 20px; 
                position: absolute; bottom: 0; left: 0; padding:0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

.yingyin-right{ float: right; width:564px; height: auto; overflow: hidden;}
.yingyin-right li{ position: relative; width:270px; height:190px; float: left; margin:0 22px 22px 0;}
.yingyin-right li:nth-child(2n){ margin-right: 0;}
.yingyin-right li img{ width:100%; height: 100%;}
.yingyin-right li i{ width: 52px; height: 52px; background: url(../images/bf20221114.png) no-repeat; background-size: 100% 100%;
                     position: absolute; z-index: 10; top:69px; left: 109px;
}
.yingyin-right li p{ width: 100%; height: 40px; line-height: 40px; background: rgba(0,0,0,.6); color: #fff; font-size: 20px; 
                     position: absolute; bottom: 0; left: 0; padding:0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
					 
}









/***************************************************** 笔记本适配 **********************************************************/
@media screen and ( max-width:1600px){

/*page1*/
.videobox{position: relative; width:670px; height:460px;  margin:72px auto 0; background: url(../images/videobox_bg20221114.png) no-repeat;
          padding:16px 0 0 21px; background-size: 100% 100%;
}

.btn_muted{ width:38px; height:100px; text-align: center; font-size: 16px;  background:#ff0000; 
            color: #fff; border-radius: 8px; padding:8px; position: absolute; top:16px; right: -30px; cursor: pointer;
}
.btn_muted:hover{ background: #ffcc00;}
.myvideo{width:635px; height:423px; }










/*page2*/
.infor_none{ display: none; }
.jjc_bk2{position: relative; width:1140px; height:auto;  margin:190px auto 0; overflow: hidden;}

.mapleft {
  width: 695px;
  height: 503px;
  background: url(../images/map_bg20221115.png) no-repeat center top;
  position: relative;
  float: left;
  background-size: 100% 100%;
}
.mapleft ul li{position:absolute; width: auto; height: auto;  cursor:pointer;  padding:5px 10px;}
.mapleft ul li a{ font-size: 16px; color: #222; }
.mapleft ul li.city1{display: none; top: 79px; right: 100px;} 

.mapleft ul li.city2{top: 159px; left: 319px;}
.mapleft ul li.city3{top: 217px; left: 393px;}
.mapleft ul li.city4{top: 254px; right: 100px;}
.mapleft ul li.city5{bottom: 255px; left: 247px;}
.mapleft ul li.city6{bottom: 96px; left: 364px;}
.mapleft ul li.city7{top: 69px; left: 153px;}
.mapleft ul li.city8{bottom: 204px; left: 309px;}
.mapleft ul li.city9{top: 132px; left: 221px;}
.mapleft ul li.city10{bottom: 119px; right: 234px;}
.mapleft ul li.city11{bottom: 190px; left: 368px;}
.mapleft ul li.city12{top: 376px; left: 450px;}


.mapleft ul li.on{background:#f44c46;  border-radius: 5px; color:#fff;}

.jjc_bk2 .bd {width:422px;height: 537px; float:right; position: relative; background: url(../images/tab_bg20221115.png) no-repeat center top; background-size: 100% 100%; }
.jjc_bk2 .bd ul{display:none; width:370px; height: 394px; overflow-y: auto; margin:108px auto 0; padding:0 8px;}
.jjc_bk2 .bd ul li{ width:100%; height:30px; background: #fff4d3; border-radius: 5px; margin-bottom: 10px; text-align: center; 
                    line-height: 30px; 
}
.jjc_bk2 .bd ul li a{color: #3f3f3f; font-size: 16px;}

.jjc_bk2 .bd ul li.jjc_title{
	                width:354px; height:45px; background: #f44c46; border-radius: 5px; margin-bottom: 10px; text-align: center; 
                    line-height: 45px; position: absolute; top:50px; color: #fff; font-size: 24px; font-weight: bold;	
}


.jjc_bk2 .prev,
.jjc_bk2 .next{ position:absolute; left:706px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; 
                background:url(../images/slider-arrow20221115.png) -110px 5px no-repeat; 
}
.jjc_bk2 .next{ left:auto; right:-5px; background-position:8px 5px; }







/*page3*/
.gallery11 { margin: 160px auto 0; width: 1170px; position: relative;}








/*page4*/
.swiper-yingyin{ margin: 215px auto 0; width: 1170px; position: relative;}



























	
}