/*author:mxm145*/
/*E-mail:mxm145@163.com*/
@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,
fieldset,legend,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
li{list-style:none;text-align:left}
fieldset,img{border:0;vertical-align: middle}
table{border-collapse:collapse;border-spacing:0}
address,cite,dfn,em,var{font-style:normal}
button,input,select,textarea{font-size:100%}
body{background:#fff;text-align:center;font:12px/1.5 'Microsoft Yahei','\5b8b\4f53', Georgia, "Times New Roman", "\5fae\8f6f\96c5\9ed1", STXihei, "\534e\6587\7ec6\9ed1", serif;}
p{text-align:left;text-indent:24px;text-align:justify;text-justify:distribute}
a{text-decoration:none}
a,a:link,a:visited{color:#000}
a:hover,a:active{color:#000;text-decoration:underline}
/*li span{margin-top:3px;display:block;width:100%;float:left}*/
.buding{width:100%;height:20px;font-size:0;clear: both}
.moreright1{color:#FF0000;float:right}
.moreright2{color:#FF0000;font-size:14px;margin-top:20px;margin-right:10px;display:inline;float:right}
.moreright3{color:#FF0000;margin-top:24px;margin-right:20px;display:inline;float:right}
.moreright1 a,.moreright1 a:link,.moreright1 a:visited,.moreright1 a:hover,.moreright1 a:active{color:#FF0000}
.moreright2 a,.moreright2 a:link,.moreright2 a:visited,.moreright2 a:hover,.moreright2 a:active{color:#FF0000}
.moreright3 a,.moreright3 a:link,.moreright3 a:visited,.moreright3 a:hover,.moreright3 a:active{color:#FFFE00}
.fl{float:left}
.fr{float:right}
.cl{clear:both;}
.mt{margin-top:10px}
.ml{margin-left:15px}
.mr{margin-right:10px}
.pt{padding-top:10px}
.f14{font-size:14px}
.f18{font-size: 18px}
.w100{width:100%;}
.tl{text-align:left}
.tr{text-align:right}
.pl{padding-left: 20px;}
.pr{padding-right: 20px;}
.middiv1{width:1200px;margin:0px auto;clear:both}
.middiv2{width:1150px;margin:0px auto;clear:both}
.middiv3{width:790px;margin:0px auto;clear:both}
.middivfull{width:100%;margin:0px auto;clear:both;height: 560px;}


.mask{width:100%;height:40px;background-color:#000;filter:alpha(opacity=60);opacity:.6;position:absolute;left:0;bottom:0;z-index:1;}
.text{width:100%;height:40px;line-height:40px;color:#fff;font-size:14px;font-family:'MicrosoftYahei';position:absolute;left:0;bottom:0;z-index:2;}
.nmask{width:100%;height:40px;line-height:40px;color:#fff;font-size:14px;background:rgba(0, 0, 0, .6);position:absolute;left:0;bottom:0;z-index:1;}
.text a,.text a:link,.text a:visited,.nmask a,.nmask a:link,.nmask a:visited{color:#fff}
.dotline{height:15px;border-bottom:1px dashed #dbdbdb}
.hide{display:none}
.show{display:block}
#bottom{width:100%;padding-top:30px;color:#fff;font-size:14px;line-height:30px;float:left;   background: url(../images/bottom.jpg) no-repeat center top;}
#bottom a,#bottom a:link,#bottom a:visited,#bottom a:hover,#bottom a:active {color:#fff}

.layertit{width: 100%;float: left;height: auto; }
.layertit img{width: 100%; height: 100%;}
.layertitMT{margin-top: 10px;}

.tpic{float: left;}
.tpicmt{margin-top: 30px;}
.tpic2{float: left; margin-left: 500px;}

.dot{color: #d83d43;padding-right: 5px; font-size: 22px;}

ul.topb a,
.layer011
{
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom:45%;
    display: none;
}
.layer011 img
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

 .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #666;
    background-color: rgba(50,50,50,.5);
    text-align: center;
    color: #fff;
}
 .title a, .title a:visited {
    display: block;
    line-height: 1.45;
    color: #fff;
    padding: .5em 10px;
	font-size: 16px;
}


.layer_more {
    width: 78px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    float: right; 
    margin-top: 5px;

    
}
.layer_more a{color: #fff;}


.layertit{padding-top: 30px;}

.layer_dy
{
    height:244px;
    background: url(../images/bg_dy.jpg) no-repeat center top;
 
}
.layer_dybg{
width: 100%; height: auto; float: left;  margin-top: 10px;
}
.layer_dyt{width: 100%; height: auto; font-size: 25px; text-align: center; float: left;}

.layer_dyd{width: 100%; height: auto; float: left; font-size: 16px; margin-top: 10px;text-align: left; color: #6c6c6c;}

.layer01
{
    height:801px;
    background: url(../images/pic01.jpg) no-repeat center top;
 
}

.layer02
{
	height:738px;
    background: url(../images/b2.jpg) no-repeat center top;
}




.layer02_bg{width: 100%; height: 423px; float: left;  margin-top: 40px;  background: url(../images/sb1.png) no-repeat center top; }
.layer02_left{width:600px;height:360px; float: left;  overflow: hidden;  margin-top: 30px; }
.layer02_left img{width: 600px;height:360px;}
.layer02_right{width:545px; height:auto;float: right;  margin-right: 30px;  margin-top: 20px; }
.layer02_ul{width: 100%; margin: 0 auto;}
.layer02_ul{float: left;}
.layer02_ul li{width:95%; height:auto;margin-top: 20px;   font-size: 18px;background: url(../images/dot2.png) left center no-repeat;
    padding-left: 15px; }
.layer02_ul li a{color: #fff;font-size: 16px;}


.layer02_top
{
	width: 100%;
height: auto;
  font-size: 16px;
  color: #fff;
  float: left;

  overflow: hidden;

  border-bottom: 1px dashed #fff;


}
.layer02_top span
{
  font-size: 20px;
  font-family: simHei;
  text-align: left;

}
.layer02_bg .layer_more{margin-top: 20px;}

.layer02_top span a{  color: #fff; }
.layer02_top p
{
margin-bottom: 10px;
 text-align: left;
font-size: 14px;
 text-indent: 24px;
 overflow: hidden;
 color: #fff;;
 margin-top: 10px;

}
.layer02_top a{color: #fff;}
.layer02_top .divspan {
    font-size: 20px;
    font-family: simHei;
    text-align: left;
}


.layer03
{
	 height:1188px;
    background: url(../images/b3.jpg) no-repeat center top;
  
}
.layer03_bg {
       width: 95%;
       height: 900px;
       float: left;
   	margin-top: 50px;
   	overflow-y: auto;
	overflow-x: hidden;
   border-radius: 15px;
   background: #fff;
   padding:2% ;
   }
   
   
   
   .layer03_item{width:100% ; height:auto; padding-bottom: 20px; border-bottom: 1px dashed #bed9fb; margin-bottom: 20px; }
   .layer03_img{width: 260px; height: 160px; float: left;}
   .layer03_img img{width: 100%; height: 100%;}
   
   .layer03_news{width: 830px; height: auto; float: right; }
   
   .layer03_t{width: 100%; height: auto; margin: 0 auto; text-align: left;  font-size: 18px; font-weight: bold;  margin-top: 15px;}
   .layer03_t a{color: #3384f2; }
   .layer03_d{text-align: left;width: 100%; height: auto; margin: 0 auto;margin-top: 10px; font-size: 16px;color: #656565;}


.layer04
{
	 height:1157px;
    background: url(../images/b4.jpg) no-repeat center top;
  
}
.layer04_bg {
    width: 730px;
    height: auto;
    float: left;
	margin-top: 100px;
	margin-left: 235px;

}
.swiper-container-3 .swiper-slide {
     
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.95);
    }
.swiper-container-3	.swiper-slide-active,.swiper-container-3 .swiper-slide-duplicate-active{
      transform: scale(1); z-index: 999;
	}
	
.swiper-container-3 img{width:360px;    height:778px; }
 .swiper-container-3 .titlexx{margin-top: -40px; height: 40px; line-height: 40px;    background-color: rgba(50,50,50,.5);    text-align: center;    color: #fff;}
 .swiper-container-3 .swiper-slide a{display: flex; flex-direction: column;  text-decoration: none;}




.layer05
{
	 height:786px;
    background: url(../images/b5.jpg) no-repeat center top;
  
}
.layer05_bg {
    width: 100%;
    height: auto;
    float: left;
	margin-top: 50px;


}

.layer05_item{width: 1200px; height:450px ; float: left;}
.layer05_img{width:800px; float: left; height: 450px;}
.layer05_img img{width: 100%; height: 100%;}
.layer05_tip{width: 400px; height: 450px; float: left;   background: url(../images/sbg3.png) no-repeat center top;
background-size:100% 100%; /* 核心居中代码 */
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */  
}

.layer05_tip a{font-size: 16px; color: #fff; font-weight: bold; width: 80%;}

.layer05_tit{
	width: 100%; height: 100%;
	display: table-cell; /* 模拟单元格 */
  vertical-align: middle; /* 垂直居中（核心属性） */
  text-align: center; /* 可选：水平居中 */}




.layer06
{
	 height:789px;
    background: url(../images/b6.jpg) no-repeat center top;
  
}
.layer06_bg {
    width: 100%;
    height: 542px;
    float: left;
	margin-top: 50px;
background: url(../images/sb2.png) no-repeat center top;

}
 .layer06_left{width:770px;height: 435px; float: left;  overflow: hidden; margin-top: 50px; margin-left: 50px;  }

.layer06_right{width:280px; height: 435px;float: right;  overflow: hidden;  margin-top: 50px; margin-right: 50px;   }

.layer06_right img{width: 280px; height:135px; }

#video{ object-fit: fill}
.layer06 .swiper-container {
       width: 100%;
       height: 100%;
   }
  .layer06  .swiper-slide {
       text-align: center;

       background: #fff;
       display: -webkit-box;
       display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       -webkit-justify-content: center;
       justify-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       -webkit-align-items: center;
       align-items: center;
   }



  .layer06 .swiper-button-next
  {
  	top: inherit;
  	bottom: 0px;
  	transform: rotate(90deg);
  	right: 0px;
    left: 50%;
  }
  
  
  
  .layer06 .swiper-button-prev
  {
  	top: 0px;
  	margin-top: 0px;
  	transform: rotate(90deg);
    left: 50%;
  }

@media (max-width: 768px) {
	 .layer01
    {
        display: none;
    }


    .layer011,.layer093
    {
        display: block;
    }
    .middiv1,.middiv2,.layer021,.layer031,.layer042,.layer052,.layer052 li,.layer061,.layer062,.layer071,.layer092,.layer141,.layer161 li
    {
        width: 100%;
    }
    .layer032,.layer041,.layer051,.layer071,.layer091
    {
        width: 96%;
        margin: 0 auto;
    }
    .layer01,.layer02,.layer03,.layer04,.layer042,.layer05,.layer052 li,.layer06,.layer07,.layer08,.layer09,.layer092,.layer10,.layer11,.layer12,.layer121,.layer15,.layer16,#bottom
    {
        background: none;
        height: auto;
    }
    .layer021,.layer031,.layer052 li,.layer061,.layer081,.layer082,.layer083,.layer092,.layer121,.layer141
    {
        margin: 0
    }
  .layer_more{float:none;}
    .fl{float: none;}
    .fr{float: none;}
 .layertit{float: none; margin-top: 0px; width:100%; margin: 0 auto;padding-bottom:10px; padding-top: 10px;}   

.layer_more{float: none}


.layertit img{width: 100%;}

.layer_dy {
    height: auto;
    background: #e0ece3;
}
.layer_dybg {
    width: 95%;
    height: auto;
    float: none;
    margin-right: 0px;
    margin-top: 0px;
    overflow: inherit;
	margin: 0 auto;
	padding: 10px 0;
}
.layer_dyt{font-size: 18px; float: none;}
.layer_dyd{font-size: 15px; float:none}
.layer02 {
	

 
}

.layer02_bg{width: 95%;float: none; margin: 0 auto; height: auto; padding-bottom: 0px; margin: 0 auto; background: #1484eb;  }

.layer02_left {
    width: 100%;
    height: auto;
    float: none;
    overflow: hidden;
    background: none;
    padding: 0px;
    background-size: 100% 100%;
   border: none;

}
.layer02_left  img{width: 100%; height: auto;}
.layer02_right {
    width: 95%;
   
    height: auto;
    float: none;
    padding: 2%;
    margin-top: 0px;
    margin: 0 auto;
  
}



.layer02_top{margin-top: 0px; }
.layer02_top span{font-size: 18px;}
.layer02_top p{font-size: 14px; }

.layer02 .layertit{margin-top:0px;padding-bottom: 0px;}

.layer02_ul li {
    width: 95%;
    height: auto;
    line-height: inherit;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;

}
.layer02_right_con {
    width: 95%;
    height: auto;
    float: none;
    margin-left:0;
    margin: 0 auto;
}
.layer02_top{float: none;}

.layer02_ul{float: none;}
.layer03{padding-bottom:10px}
.layer03_bg{width: 95%;float: none; margin: 0 auto; height: auto; padding-bottom: 0px; margin: 0 auto;  }

.layer03{background: #5eccf5;width: 95%;float: none; margin: 0 auto; }
 .layer03_item{width:100% ; height:auto; padding-bottom: 10px; border-bottom: 1px dashed #bed9fb; margin-bottom: 10px; }
   .layer03_img{width: 100%; height: auto; float: none;}
   .layer03_img img{width: 100%; height: 100%;}
   
   .layer03_news{width: 100%; height: auto; float: none; }
   

.layer04_bg{width: 95%;float: none; margin: 0 auto; height: auto; padding-bottom: 0px; margin: 0 auto; background: #5eccf5; }

.layer04_bg {
  width: 95%;
  height: auto;
  float: none;
  margin-left:0;
  margin: 0 auto;
}
.swiper-container-3 img{width: 100%; height: auto;}

.layer05{background: #5eccf5;width: 95%;float: none; margin: 0 auto; padding-bottom: 20px; }
.layer05_bg {
    width: 95%;
    height: auto;
    float: none;
    margin-top: 30px;
    overflow-y: auto;
	margin: 0 auto;
}
.layer05_item{width: 100%; height:auto; float: none;}
.layer05_img{width:100%; float: none; height: auto;}
.layer05_img img{width: 100%; height: 100%;}
.layer05_tip{width: 100%; height: auto; float: none;   background: #128aee;padding: 20px 0;
}

#bottom{ font-size: 12px; background: #128aee}

.layer06_bg {
    width: 95%;
    height: auto;
    padding-bottom: 10px;float:none;
    margin: 0 auto;
    padding: 0px;
    padding-top: 10px;
	background: none;
  

}
.layer06 .swiper-button-next
  {
  	margin-top: inherit;
  	bottom: inherit;
  	left: inherit;
  	top: 50%;
  	transform:rotate(0deg);
  	right: 0px;
 
  }
  .swiper-container-2 img{width: 100%; height: auto;}

  
  
  .layer06 .swiper-button-prev
  {
  	margin-top: inherit;
  	top: 50%;
  	transform:rotate(0deg);
    left: 0px;
  }


.layer06_right img{width: 100%; height: auto;}

.layer06_right {
    width: 95%;
    height: auto;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}


.layer06_left {
    width: 95%;
    height: auto;
    float: none;
margin: 0 auto; margin-top: 10px; 
}



}
<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2025-11-12 09:51:21" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->