/* CSS Document public*/

*{font-family: 微软雅黑,Arial,Helvetica, sans-serif ,; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}
body{
    padding:0;margin:0;font-family: 微软雅黑,Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;line-height: 1;font-size:14px;overflow-x: hidden;
}

@media (max-width: 768px) {
    .f_juzhen, .f_right {
        display: none !important;
    }
    .f_logo img {
        display: block;
        width: 100%;
    }
}



html::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
html::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
html::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table td {line-height: 1.25;padding: 5px;padding-left:15px;/* width: auto; */}
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}

a{text-decoration:none;}



ul{list-style:none;}
img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/
.slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/  /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*透明背景*/


/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}


.w14{margin:0 auto;width: 14rem;}
.w16{margin:0 auto;width: 16rem;}


.header_box_li{position: relative;z-index: 1;z-index: 999;}

.header_box_li.sticky{height: 3.75rem;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;}
    /* -webkit-animation: sticky 1.2s;
    animation: sticky 1.2s;} */
	@-webkit-keyframes sticky {
		0% {
		  top: -200px;
		}
		100% {
		  top: 0;
		}
	  }
	  @keyframes sticky {
		0% {
		  top: -200px;
		}
		100% {
		  top: 0;
		}
	  }

	  .header_box_li.sticky .header_top{display: none;}
	  #nav .search_btn{margin-top: 5px;}
	  .header_box_li.sticky #nav .search_btn{display: block;height: 35px;width: 35px;border-radius: 50%;background: url(../images/sticky_ss.png) no-repeat center center;    margin:6px 0rem 0 2rem;}
	  .header_box_li.sticky #nav .search_btn img{display: none;}

.header_box_li.sticky #header #logo .box_table{}
.header_box_li.sticky #header{}
.header_box_li.sticky #header #logo{}
.header_box_li.sticky .w1400{width: 1340px;}
.header_box_li.sticky #nav ul li .sub{box-shadow: 0 8px 8px rgba(0,55,59,0.25);}
.header_box_li.sticky #nav ul li{height: 2.75rem;line-height: 2.5rem;}



#header{}
#header>.w16{position: relative;height: 1.1rem;width: 100%;padding: 0 0.8rem;}
#header>.w16 .right{display: flex;align-items: flex-end;flex-direction: column;}





.pc_top_lj{margin: 0;transition: 0.4s;display: flex;}
.pc_top_lj a{display: block;width: auto;margin-left: 0.15rem;transition: 0.4s;position: relative;}
.pc_top_lj a+a::after{content: '';display: block;width: 1px;height: 0.05rem;background: #fff; position: absolute;left: -1px;top: calc(50% - 0.025rem);}
.pc_top_lj a+a div{padding-left: 0.1rem;}
.pc_top_lj div{display: flex;align-items: center;}
.pc_top_lj div img{margin-right: 0.1rem;}
.pc_top_lj div p{font-size: 0.14rem;color: #fff;}

.pc_top_lj a:hover p{text-decoration: underline;}

.toubu_div.on .pc_top_lj{}


.toubu_div.on #logo{}


.toubu_div.on{ }


.pc_top_ss{width: 2rem;height: 0.28rem;background: #fff;overflow: hidden;margin-top: 0.23rem;margin-bottom: 0.35rem;}

.pc_top_ss .form{display: flex;justify-content: space-between;width: 100%;height: 100%;}
.pc_top_ss .txt{border: 0;width: calc(100% - 0.3rem);height: 100%;font-size: 0.16rem;color: #333;padding: 0 0.1rem 0 0.1rem;}
.pc_top_ss .btn{width: 0.3rem;height: 100%;background: url(../images/pc_search.jpg) no-repeat center center;background-size: 100%;}




.header_box_li.xg{height: 4.625rem;}
.header_box_li.xg #header{height: 4.625rem;}
.header_box_li.xg #header .header_top{height: 1.3rem;}
.header_box_li.xg #header .header_top .tianqi{display:none;}
.header_box_li.xg #header .header_top .list_box0{display:none;}
.header_box_li.xg #logo img{width: 70%;}

.header_box_li.xg #logo .xx{    opacity: 0 !important;}
.header_box_li.xg #logo .box_table{    height: 100% !important;}

.header_box{position: relative;z-index: 10000;}
#header{position: relative;z-index:999;width:100%;background-size:cover;  transition: 0.4s; max-width: 100%;margin: 0 auto;    background-size: 100% !important;transition: 0.4s;}
/* .header_box_li:before{content:"";position:absolute;height: 10.125rem;top:0;left: 0;right: 0;transition: 0.2s;opacity: 1;visibility: visible;background-size: auto 100%;pointer-events: none;} */
#header.xg:before{ opacity:0; visibility:hidden}

.head_bottom{padding: 0;width: 16rem;margin: 0 auto;height: 100%;    display: flex;
    align-items: center;
    justify-content: space-between;}

.header_top{position: relative;height: 2.5rem;padding: 0;text-align: right;z-index: 10000;    transition: 0.4s;padding: 0 0;}
.header_top .tianqi{ display:inline-block; height:4rem}
.header_top .search_btn{display:inline-block;float: none;font-size: 14px;color: #fff;}

.header_top .search {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 20;
}
.header_top .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -0.5rem;
    top: -12px;
    bottom: auto;
    height: 40px;
    width: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.header_top .search .input input {
    width: 100%;
    height: 100%;
    font-size: 13px;
    padding: 0 2rem 0 1rem;
    color: #333;
}
.header_top .search .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.header_top .search .btn input{cursor: pointer;position: absolute;z-index: 1;left: 0;top: 0;right:0;bottom: 0;height: 100%;width: 100%;}
.header_top .search .btn svg{width: 18px;height: 18px;fill:#fff;}
.header_top .search:hover .btn svg{
    fill: #6510AD;
}





.header_top .search:hover .input {
    width: 16.25rem;
    opacity: 1;
    visibility: visible;
}


.header_top .zc_lj{}
.header_top .zc_lj a{font-size: 14px;display: inline-block;transition:.6s;margin-left: 1rem;position: relative;line-height: 2.5rem;color:rgba(255,255,255,0.7);}
.header_top .zc_lj a:hover{color: #ffba00;}

.list_box0{ display:inline-block; vertical-align:top}
.list_box0 .li{font-size: 14px;display: inline-block;transition:.6s;margin-left: 1rem;position: relative;line-height: 2.5rem;}
.list_box0 .li>a{ display:block;color:rgba(255,255,255,0.7);transition: 0.5s;}
.list_box0 .li>a:hover{color: #ffba00;}
.list_box0 .li a>img{margin: -1px .625rem 0 0;}
.list_box0 .li a .ewm_box{display:inline-block;border:#d3d3d3 1px solid;background:#fff;position:absolute;left:50%;transform: translateX(-50%) scaleY(1);top: 3.5rem;opacity: 1;visibility: visible;transform-origin:top;display: none;}
.list_box0 .li a .ewm_box:before{content:"";position:absolute;border-left:transparent 6px solid;border-right:transparent 6px solid;border-bottom: #fff 6px solid;top: -6px;left: 50%;margin-left: -6px; }

#m_header .list_box0{ float:right}
#m_header .list_box0 .li{ line-height:60px;display:none;}
#m_header .list_box0 .li a .ewm_box{ top:60px}
#m_header .list_box0 .li a>img{ height:16px}
 

.list_box_01{font-size:0;white-space:nowrap;padding: .625rem;}
.list_box_01 li{display: block !important;margin: 0 15px !important;text-align:center;}
.list_box_01 li h3 img{ border:#ededed 1px solid; width:85px; height:85px;}
.list_box_01 li h5{font-size:.75rem;color:#666666;line-height:20px;margin: 0;}


.list_box0 .li+.li+.li:after{display: none;}
.list_box0 .li:first-child:after{ display:none}

.list_box0 .li input.txt{background: none;border-bottom: 1px solid #fff;width: 7.8125rem;padding: 0px 5px 5px;outline: none;border-left: 0;border-right: 0;border-top: 0;color: #fff;float: left;}

.list_box0 .li input.img{width: 20px;height: 18px;background: url() no-repeat center center;float: left;}




.header_box .w1200{height:100%;position:relative;max-width: 1650px;}
/*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/
#header{}
#header #logo{ margin-top: 0;}
#header #logo .box_table{
	width: 7.5rem;
    display: table;transition: 0.4s;
    height: 100%;}
#header #logo .box_table .box_table_cell{display: table-cell;vertical-align: middle;}

#header #logo .xx p{    line-height: 15px !important;}
#header #logo .xx{color: #fff;    transition: 0.4s;opacity: 1;
    font-family: "楷体";
    font-size: 24px;
    text-align: center;}
	.head_bottom>.right{width: auto;display: flex;align-items: flex-end;height: 100%;flex-direction: column;}
#logo{float:left;position: relative;}
#logo img{    transition: 0.4s;max-width: 100%;}
#logo img.img2{ display:none}




.top_nav{background: #1a57b7;position: relative;z-index: 3;}

#nav{padding-top: 0px;width: 100%;}
#nav ul{
  width: auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  position: relative;
}

#nav ul li{
  float:left;
  position:relative;
  z-index:0;
  margin-left: 0.2rem;
}

#nav ul li h3{
  font-size: 0.16rem;
  line-height: 0.21rem;
  position:relative;
  display: inline-block;
  color: #fff;
  padding:.15rem 0rem 0.23rem;
}

@media (max-width: 1920px) {
  #nav ul li{
    margin-left: 0.15rem;
  }
  #nav ul li h3{
    font-size: 0.15rem;
  }
}

@media (max-width: 1600px) {
  #nav ul li{
    margin-left: 0.12rem;
  }
  #nav ul li h3{
    font-size: 0.14rem;
  }
}

@media (max-width: 1400px) {
  #nav ul li{
    margin-left: 0.1rem;
  }
  #nav ul li h3{
    font-size: 0.13rem;
  }
}

#nav ul li:before{content:"";position:absolute;left: 0;width: 100%;height: 41px;bottom:0;transition:.6s;}
#nav ul li.on:before, #nav ul li:hover:before{width:140%;left:-20%;}
#nav ul li a{display:block;transition: 0.4s;color:#b7b7b7;}
#nav ul li h3{font-size: 0.18rem;line-height: 0.21rem;position:relative;display: inline-block;color: #fff;padding:.15rem 0rem 0.23rem;}

#nav ul li a i{ margin:-3px 0 0 .1rem; display:inline-block; width:10px; height:5px; background:url() center no-repeat; transition:.5s}
#nav ul li:hover h3{}
#nav ul li.on a i, #nav ul li:hover a i{ background:url() center no-repeat;}
#nav ul li a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;min-width: 1.2rem;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;padding: 0.1rem 0;background:rgba(255,255,255,0.8);}
#nav ul li .sub .box{text-align:center;}

#nav ul li .sub a{display: block;text-align: center;position: relative;}
#nav ul li .sub p{padding: 0.15rem 0.15rem;line-height: 0.2rem;transition:.6s;font-size: 0.16rem;color: #555555;    white-space: nowrap;font-weight: bold;}

#nav ul li .sub a:hover p{background: #007fcc;color: #fff;background-size: cover;}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}


.top_s{display: flex;align-items: center;transition:0.4s;margin-top: 0.11rem;}

.sy_top_lj{display: flex;}
.sy_top_lj li{margin-right: 0rem;}

.sy_top_lj li a{}
.sy_top_lj li p{font-size: 0.16rem;color: #fff;transition:0.4s;padding: 0.06rem 0.15rem;position: relative;}

.sy_top_lj li p:hover{color: #e2ca5b !important;}

.sy_top_lj li p{transition:0.4s;}

.sy_top_lj li.oa p{font-weight: bold;background: #007fcc;border-radius: 200px;color: #fff;}

.sy_top_lj li p::after{content: '';display: block;width: 1px;height: 0.1rem;background: #fff;position: absolute;right: 0;top: calc(50% - 0.05rem);}


#m_nav .top_s{margin: 0 auto;}
#m_nav .sy_top_lj li p::after{display: none;}


.search_box{width: 2.2rem;background: #fff;border-radius: 200px;}
.search_box form{display: flex;justify-content: space-between;height: 0.38rem;}
.search_box .txt{background: none;font-size: 0.14rem;color: #767676;height: 100%;border: 0 solid #000;width: calc(100% - 0.4rem);padding: 0 0.16rem;outline: none;}
.search_box .btn{width: 0.4rem;height: 100%;background: url(../images/sticky_ss.png) no-repeat left center;background-size: 0.18rem;}



#nav>ul>li h3:before{content:"";display:block;position:absolute; width:21px; height:12px;left:50%;margin-left: -10px; bottom:10px; transition:.3s;opacity:0;visibility:hidden;}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li:hover h3:before, #nav>ul>li.on h3:before{opacity:1;visibility:visible;display: none;}

.search_btn{cursor:pointer;text-align: center;float:left;transition:.6s;margin: 0 0 0 0.1rem;position: relative;}
.search_btn img{margin: 0;}
.search_btn::after{content: '';display:none;width: 1px;height: 0.05rem;background: #fff;position: absolute;left: -0.11rem;top: calc(50% - 0.025rem);}

#header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;}
#header .dw2 .j_tab{ }
#header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;}
#header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
#header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;}
#header .dw2 .dh span{padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #acce22;left: 0;border: 1px solid #acce22;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #acce22;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold;}
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}



.search_btn{margin-left: 0.2rem;cursor: pointer;}
.search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: none;transition: .6s;left: 0;right: 0;z-index: 1;}

.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}
.header-right .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
	position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
	width:6%;
	padding-top: 6%;
	left: 26.875%;
	top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
	width:12px;
	padding-top: 12px;
	left: 13.54%;
	top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
	width:36px;
	padding-top: 36px;
	left: 8.854%;
	top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
	width:56.875%;
	padding-top: 56.875%;
	left: -28.6458%;
	top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
	width:54px;
	padding-top: 54px;
	left: 26.3%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
	width:56.875%;
	padding-top: 56.875%;
	left: 73.4375%;
	top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
	width:2rem;
	padding-top: 2rem;
	left: 60.9375%;
	top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{


	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
	width:1.35rem;
	padding-top: 1.35rem;
	left: 95.83%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
	width:16px;
	padding-top: 16px;
	left: 76.5625%;
	top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
	width:56.875%;
	padding-top: 56.875%;
	left: 71.354%;
	top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 0.2rem;
	line-height: 0.25rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 561px;
	margin: 0 auto;
	padding: 0 0rem 0 0.3rem;
	background: #fff;
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
	border-radius: 500px;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: 0.56rem;
	width: calc(100% - 0.89rem);
	background-color: transparent;
	font-size: 0.2rem;
	line-height: .25rem;
	color: #919191;
	transition: all .3s;
	outline: none;
    border: 0;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
	color: #919191;
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
	color: #919191;
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
	color: #919191;
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
	color: #919191;
} 
.search-dialog .search-input input[type=image],
.search-dialog .search-input .clear-btn{
	float: right;
	height: 0.72rem;
	width: 0.56rem;
}

.search-dialog .search-input input[type=image]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem;
	background-image: url('../images/search.png');
	background: #007fcc url('../images/search.png') no-repeat center center;
	height: 0.56rem;
	width: 0.89rem;
	border-radius: 100px;
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.svg');
	background-size: 0.56rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=image]{
	background-image: url('')
}

.search-dialog .hot-search{
	font-size: 0;
	width:3.12rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image: url();
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
	position: absolute;
    width: 24px;
    height: 24px;
    z-index: 10;
    right: 1.3rem;
    top: 0.7rem;
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}

.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;

    background-repeat: no-repeat;
    background-image: url(../images/search_close.png);
	transition:.6s
}

.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}





/*顶部搜索*/
.tc_search {margin: 0.1rem auto;width: calc(100% - 0.6rem);position: relative;}
.tc_search form {height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search .keyword {font-size:0.16rem;color: #fff;height: 40px;line-height: 40px;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;outline: none;
    border: 1px solid rgba(255,255,255,0.5);padding: 0 10px;}
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 38px; border: 0; background: url(../images/search_white.svg) center center no-repeat; background-size: 55%; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
/*导航按钮开始*/
#nav_btn_box {height: 100%;z-index: 999999;float: right;margin-left: 0;}
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 25px; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 25px; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 25px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*导航按钮结束*/
.m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;margin: 0.1rem 0 0;}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: 0.5rem 0 0.5rem;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #007fcc;}
#m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color:#fff;z-index: 10000;}

#m_nav.act { pointer-events: auto; right: 0;overflow: auto; }
#m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 0.3rem;position: relative;}
#m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a { display: inline-block; width: calc(100% - 0.5rem) }
#m_nav li .a {line-height: 0.6rem;height: 0.6rem;color: #fff;padding: 0;font-size: 16px;float: left;}
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 0.5rem;height: 0.58rem;display: inline-block;background: url(../images/arrow_down.svg) center center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;}

#m_nav li.on i {background: url(../images/arrow_down_on.svg) center center no-repeat;}
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #c21d1b; }
#m_nav .title .list a {display: block;font-size: 0.18rem;color: rgba(255,255,255,.6);text-align: left;line-height: 0.4rem;height: 0.4rem;border: 0;font-weight: 300;}
/*三级导航 开始*/
#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size:0.5rem;
opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
.m_header_box {transition: .6s;display: none;height: 60px;}
#m_header #logo .box_table{width: auto; float: left;    display: table; height: 100%;}
#nav_btn_box .box_table { width: auto; float: left;    display: table; height: 100%; height: 100%;}
 #nav_btn_box .box_table .box_table_cell{   vertical-align: middle;
	display: table-cell;  }
#m_header #logo .box_table .box_table_cell{ vertical-align: middle;display: table-cell;      margin: 0 auto;}

#m_header #logo .box_table .box_table_cell a{    display: block;
			}
.m_header_box header{padding:0 5%;top: 0;height: 60px;box-shadow: 0 8px 8px rgba(0,55,59,0.25);position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: #007fcc;background-size: cover;}
#m_header #logo{float: left;height: 100%;}
#m_header #logo img{max-height: 43px;width: auto;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}









#fp-nav.fp-right{display: none;}

 .toubu_div{ box-shadow: 0 0.04rem 0 rgba(251, 251, 252, 0.6);position: fixed;top: 0;width: 100%;left: 0;z-index: 88;transition: 0.5s;background-image: url(../images/fbg.png); background-size: cover; background-repeat: no-repeat; background-position: center center; }
	/*transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s; */}

	#header::after{content: "";display: block;width: 100%;height: 0%;background: #007fcc;background-size: cover !important;position: absolute;top: 0;transition: 0.4s;z-index: 1;}
	#header>.w16{position: relative;z-index: 3;transition: 0.4s;}


.img{width: 100%;position: relative;padding-bottom: 60%;overflow: hidden;transition: 0.4s;height: 0;}
.img .img_box{background-position: center center !important;position: absolute;top: 0;left: 0;z-index: 2;    width: 100%;background-size: cover !important;
	height: 100%;transition: 0.4s;}
.img img{    position: absolute;transition: 0.4s;opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;}
a:hover .img .img_box{transform: scale(1.05);}
a:hover .img img{transform: scale(1.05);}



.swiper-slide{    filter: brightness(1);}
.swiper-button-prev, .swiper-button-next{margin: 0;border: none;}
.swiper-button-prev{left: 30px;}
.swiper-button-next{right: 30px;left: auto;}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{    pointer-events: unset;}

#nav{}
#nav.navFix{}
#header>.w16{display: flex;justify-content: space-between;align-items: center;
flex-wrap: wrap;
}




#m_nav{}
#m_nav .pc_top_lj{display: table;margin: 0 auto;display: flex ;}
#m_nav .pc_top_lj a{margin: 0 0.1rem;display: block;}
#m_nav .pc_top_lj div img{}
#m_nav .pc_top_lj div p{color: #fff;font-size: 0.18rem;}



.sy_tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.3rem;width: 100%;position: relative;}
.sy_tit .bt{position: relative;display: flex;justify-content: center;flex-direction: column;align-items: center;}



.sy_tit .bt .zw{position: relative;z-index: 3;padding-left: 0.58rem;
	font-size: 0.38rem;
	font-weight: 600;
	color: #323232;
	background: url(../images/sy_tit.png) no-repeat left center;
	background-size: 0.4rem !important;
}
.sy_tit .bt .news{position: relative;z-index: 3;padding-left: 0.58rem;
	font-size: 0.38rem;
	font-weight: 600;
	color: #323232;
	background: url(../images/news.png) no-repeat left center;
	background-size: 0.4rem !important;
}
.sy_tit .bt .tzgg{position: relative;z-index: 3;padding-left: 0.58rem;
	font-size: 0.38rem;
	font-weight: 600;
	color: #323232;
	background: url(../images/tzgg.png) no-repeat left center;
	background-size: 0.4rem !important;
}
.sy_tit .bt .jyjx{position: relative;z-index: 3;padding-left: 0.58rem;
	font-size: 0.38rem;
	font-weight: 600;
	color: #f8f5f5;
	background: url(../images/jyjx.png) no-repeat left center;
	background-size: 0.4rem !important;
}
.sy_tit .bt .kydt{position: relative;z-index: 3;padding-left: 0.58rem;
	font-size: 0.38rem;
	font-weight: 600;
	color: #f8f5f5;
	background: url(../images/kydt.png) no-repeat left center;
	background-size: 0.4rem !important;
}
.sy_tit .bt .djyd{position: relative;z-index: 3;padding-left: 0.58rem;
	font-size: 0.38rem;
	font-weight: 600;
	color: #323232;
	background: url(../images/djyd.png) no-repeat left center;
	background-size: 0.4rem !important;
}
.sy_tit .bt .xtfc{position: relative;z-index: 3;padding-left: 0.58rem;
	font-size: 0.38rem;
	font-weight: 600;
	color: #323232;
	background: url(../images/xtfc.png) no-repeat left center;
	background-size: 0.4rem !important;
}
.sy_tit .bt .mtjz{position: relative;z-index: 3;padding-left: 0.58rem;
	font-size: 0.38rem;
	font-weight: 600;
	color: #323232;
	background: url(../images/mtjz.png) no-repeat left center;
	background-size: 0.4rem !important;
}
.sy_tit .bt .en{font-size: 0.16rem;color: #666666;text-align: center;position: relative;padding: 0 0.2rem;text-transform:uppercase;}
.sy_tit .bt .en::after{content: '';display: block;width: 0.15rem;height: 1px;background: #007fcc;position: absolute;left: 0;top: 50%;z-index: 1;}
.sy_tit .bt .en::before{content: '';display: block;width: 0.15rem;height: 1px;background: #007fcc;position: absolute;right: 0;top: 50%;z-index: 1;}


.sy_tit .line{width: 0.7rem;height: 1px;position: relative;background: #838b8f;position: absolute;top: 0.2rem;left: calc(100% + 0.15rem);}



.sy_tit .more{	background: url(../images/more_bg.png) no-repeat bottom right;background-size: 0.12rem !important;padding-right: 0.12rem;transition:0.4s;}

.sy_tit .more p{font-size: 0.15rem;transition:0.4s;position: relative;z-index: 3;border-bottom: 1px solid #007fcc;
	color: #007fcc;
	line-height: 0.23rem;height: 0.23rem;
	padding: 0 0.05rem;
}



.sy_tit .more:hover{transform: translate(5px);}



.sy_tit.cen{justify-content: center;padding-top: 0;}
.sy_tit.cen .more{position: absolute;right: 0;top: 0.1rem;}
.sy_tit.cen .bt{display: flex;justify-content: center;width: 100%;flex-direction: column;align-items: center;}
.sy_tit.cen .bt .zw{color: #fff;}
.sy_tit.cen .bt .en{color: #fff;position: relative;top: 0;margin-top: 0.05rem;}


.sy_tit.bai{}
.sy_tit.bai .bt .zw{color: #fff;    background: url(../images/sy_tit_bai.png) no-repeat left center;}
.sy_tit.bai .more p{color: #fff;border-bottom: 1px solid #fff;}
.sy_tit.bai .more{ background: url(../images/more_bg_bai.png) no-repeat bottom right;}


@media(max-width: 1024px){
	.sy_tit{margin-bottom: 0.3rem;justify-content: space-between;}

	.sy_tit .bt img{width: 100%;}
	.sy_tit.cen{justify-content: space-between;}
	.sy_tit.cen .more{position: relative;right: auto;top: auto;}

	.sy_tit .bt .news{font-size: 0.3rem;    background-size: 0.3rem !important;padding-left: 0.4rem;}
	.sy_tit .bt .tzgg{font-size: 0.3rem;    background-size: 0.3rem !important;padding-left: 0.4rem;}
	.sy_tit .bt .jyjx{font-size: 0.3rem;    background-size: 0.3rem !important;padding-left: 0.4rem;}
	.sy_tit .bt .kydt{font-size: 0.3rem;    background-size: 0.3rem !important;padding-left: 0.4rem;}
	.sy_tit .bt .djyd{font-size: 0.3rem;    background-size: 0.3rem !important;padding-left: 0.4rem;}
	.sy_tit .bt .xtfc{font-size: 0.3rem;    background-size: 0.3rem !important;padding-left: 0.4rem;}
	.sy_tit .bt .mtjz{font-size: 0.3rem;    background-size: 0.3rem !important;padding-left: 0.4rem;}
	.sy_tit .line{width: 0.3rem;}
}



@media(max-width: 650px){
	.sy_tit .bt .zw{font-size: 0.26rem;}
	.sy_tit .bt .news{font-size: 0.26rem;}
	.sy_tit .bt .tzgg{font-size: 0.26rem;}
	.sy_tit .bt .jyjx{font-size: 0.26rem;}
	.sy_tit .bt .kydt{font-size: 0.26rem;}
	.sy_tit .bt .djyd{font-size: 0.26rem;}
	.sy_tit .bt .xtfc{font-size: 0.26rem;}
	.sy_tit .bt .mtjz{font-size: 0.26rem;}

}



.fhdb{width: 0.4rem;height: 0.4rem;background:#fff url(../images/fhdb.png) no-repeat center center;background-size: 50%;position: fixed;right: 1rem;bottom: 1rem;z-index: 10;transition: 0.4s;cursor: pointer;transition: 0.4s;visibility: hidden;opacity: 0;border-radius: 50%;border: 1px solid #fff;}
.fhdb.on{visibility:visible;opacity: 1;}
.fhdb:hover{border-radius: 50%;box-shadow: 0 0 0.1rem rgba(0,0,0,.2);border: 1px solid #007fcc;}

@media(max-width: 1024px){
	.fhdb{right: 0.1rem;bottom: 0.9rem;}
}

@media(max-width: 650px){
	.fhdb{width: 0.3rem;height: 0.3rem;}
}



.index_body{}


#sy_main{position: relative;z-index: 3;}


.part1{position: relative;margin-top: 0;height: auto;margin-top: 1.68rem;}


.part1 .w16{position: relative;}

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

.p1_lb a{height: 100%;display: block;position: relative;overflow: hidden;}


.p1_lb .pic{width: 100%;}
.p1_lb .pic img{width: 100%;}

.p1_lb .con{position: absolute;bottom: 0.7rem;left: 1.3rem;width: 7.79rem;height: 1.66rem;background-size: 100% 100%;z-index: 3;display: flex;align-items: center;padding: 0 0.3rem;}
.p1_lb .con p{font-size: 0.36rem;color: #fff;line-height: 0.56rem;max-height: 1.12rem;overflow: hidden;}



.part1 .swiper-pagination{bottom: 0.3rem;display: flex;justify-content: center;position: absolute;z-index: 6;left: 0;width: 100%;}
.part1 .swiper-pagination span{width: 0.44rem;height: 0.36rem;border-radius: 100px;opacity: 1;background: none;margin: 0 0.075rem !important;transition:0.4s;cursor: pointer;font-size: 0.14rem;color: #ffffff;border-radius: 0%;line-height: 0.33rem;}
.part1 .swiper-pagination span.swiper-pagination-bullet-active{background: url(../images/p1_lb_dot.png) no-repeat center center;font-size: 0.2rem;font-weight: bold;
background-size: 100% 100%;
}











@media(max-width: 1024px){
	body{padding-top: 0;}
	body::before{display: none;}
	#sy_main{margin-top: 60px;}


	.p1_lb a::after{display: none;}

	.part1{margin-top: 60px;}

	.part1 .swiper-pagination{bottom: 0.1rem;}
}
@media(max-width: 650px){
	.part1 .swiper-pagination span{width: 0.25rem;height: 0.25rem;line-height: 0.22rem;}
	.part1 .swiper-pagination span.swiper-pagination-bullet-active{font-size: 0.14rem;}
}






.part2{
padding: 0.8rem 0;
background:#f1f8ff url(../images/p2_bg.jpg) no-repeat center center;background-size: cover;
}

.p2_main{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}

.p2_left{width: 10rem; padding: 0;position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}



.p2_lb{overflow: hidden;position: relative;transition:0.4s;width: 6.4rem;background: #fff;}
.p2_lb .swiper-slide{}
.p2_lb a{}
.p2_lb .img{padding-bottom: 0%;height: 4.3rem;}

.p2_lb .con{padding: 0.13rem;transition:0.4s;padding-bottom: 0.35rem;
display: flex;justify-content: space-between;align-items: center;
}
.p2_lb .con .sj{background: rgba(0,127,204,0.1);width: 1rem;height: 1rem;border-radius: 50%;position: relative;padding-top: 0.28rem;}
.p2_lb .con .sj::after{content: '';display: block;width: 0.8rem;height: 0.8rem;background: #007fcc;border-radius: 50%;position: absolute;top: 0.1rem;left: 0.1rem;z-index: 1;}
.p2_lb .con .sj .p1{font-size: 0.22rem;color: #fff;text-align: center;font-weight: bold;line-height: 0.28rem;text-align: center;position: relative;z-index: 3;}
.p2_lb .con .sj .p2{font-size: 0.14rem;color: #fff;line-height: 0.28rem;text-align: center;position: relative;z-index: 3;}
.p2_lb .con .xx{width: calc(100% - 1.1rem);}
.p2_lb .con .bt{font-size: 0.18rem;color: #323232;margin-bottom: 0.08rem;
	line-height: 0.28rem;font-weight: 600;transition:0.4s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.p2_lb .con .zy{font-size: 0.14rem;color: #999999;line-height: 0.24rem;opacity: 0.6;height: 0.48rem;transition:0.4s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

}

.p2_lb a:hover .con{background: #fff;}
.p2_lb a:hover .con .bt{color: #007fcc;}
.p2_lb a:hover .con .zy{color: #333;}
.p2_lb:hover{box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2);}


.p2_lb_jt{z-index: 9;width: 100%;position: absolute;bottom: 0.08rem;left: 0;display: flex;justify-content: center;align-items: center;}
.p2_lb_jt .swiper-pagination{width: auto;height: 100%;position: relative;width: auto;display: table;margin: 0;}
.p2_lb_jt .swiper-pagination span{width: 0.1rem;height: 0.1rem;background: #d6e5ea;opacity: 0.58rem;border: 1px solid #fff;margin: 0 0.05rem;opacity: 1;}
.p2_lb_jt .swiper-pagination span.swiper-pagination-bullet-active{background: #007fcc;opacity: 1;}

.p2_lb_jt .swiper-button-prev,.p2_lb_jt .swiper-button-next{
background: none;font-size: 0.2rem;color: #007fcc;font-family: 宋体;font-weight: bold;position: relative;left: auto;top: auto;z-index: 3;right: auto;text-align: center;line-height: 0.2rem;width: 0.2rem;height: 0.2rem
}


.p2_cen{width: 3.2rem;}
.p2_fs{}
.p2_fs a{display: block;position: relative;}
.p2_fs .img{padding-bottom: 69%;}
.p2_fs .img::after{content: '';display: block;width: 100%;height: 100%;background: url(../images/p2_img_zz.png) no-repeat center center;background-size: 100% 100% !important;position: absolute;bottom: 0;left: 0;z-index: 3;}
.p2_fs .con{position: absolute;bottom: 0;left: 0;z-index: 6;padding: 0.1rem 0.2rem;}
.p2_fs .con .sj{font-size: 0.14rem;color: #fff;padding-left: 0.21rem;background: url(../images/p2_ico_sj_bai.png) no-repeat center left;line-height: 0.18rem;margin-bottom: 0.02rem;}
.p2_fs .con .bt{font-size: 0.18rem;line-height: 0.28rem;color: #fff;
	max-height: 0.56rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.p2_ul1{}
.p2_ul1 li{margin-top: 0.4rem;border-left: 0.03rem solid #007fcc;}
.p2_ul1 li a{display: block;padding-left: 0.16rem;}
.p2_ul1 li .sj{font-size: 0.14rem;color: #007fcc;padding-left: 0.21rem;background: url(../images/p2_ico_sj.png) no-repeat center left;line-height: 0.18rem;margin-bottom: 0.05rem;}
.p2_ul1 li .bt{font-size: 0.18rem;line-height: 0.28rem;color: #323232;transition:0.4s;
	max-height: 0.56rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.p2_ul1 li:hover .bt{color: #007fcc;}

.p2_right{width: 5.4rem;}
.p2_cen ul{padding: 0rem 0;}
.p2_cen ul li{position: relative;background: #fff;border-radius: 0 0.08rem 0.08rem 0;transition:0.4s;}
.p2_cen ul li+li{margin-top: 0.2rem;}
.p2_cen ul li a{position: relative;z-index: 3;display: block;}

.p2_cen ul li .img{padding-bottom: 0%;width: 1.8rem;height: 1.25rem;}

.p2_cen ul li .box{position: relative;display: flex;justify-content: space-between;align-items: center;z-index: 3;
	height: 1rem;
}
.p2_cen ul li .sj{width: 0.8rem;height: 100%;background: url(../images/p2_right_sj.png) no-repeat center center;background-size: 100% 100% !important;display: flex;flex-direction: column;justify-content: center;}
.p2_cen ul li .sj .p1{font-size: 0.22rem;color: #ffffff;text-align: center;margin-bottom: 0.08rem;}
.p2_cen ul li .sj .p2{font-size: 0.14rem;color: #fff;text-align: center;}

.p2_cen ul li .con{width: calc(100% - 1rem);padding-right: 0.26rem;}
.p2_cen ul li .bt{font-size: 0.18rem;color: #323232;line-height: 0.28rem;transition: 0.4s;z-index: 3;position: relative;width: 100%;height: 0.56rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.p2_cen ul li .zy{font-size: 0.14rem;color: #999999;line-height: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.p2_cen ul li:hover{box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2);}
.p2_cen ul li:hover .bt{color: #007fcc;}



@media(max-width: 1024px){
	.part2{padding: 0.3rem 0;}
	.p2_main{flex-wrap: wrap;}
	.p2_left{width: 100%;margin-bottom: 0.3rem;}

	.p2_lb .img{height: 0;padding-bottom: 60%;}
	.p2_ul1{width: 100%;}

	.p2_lb{width: 100%;margin-bottom: 0.3rem;}


	.p2_cen{width: 100%;}
	.p2_right{width: 100%;}
}
@media(max-width: 650px){
	.p2_lb .con .sj{width: 0.7rem;height: 0.7rem;padding-top: 0.15rem;}
	.p2_lb .con .sj .p1{font-size: 0.18rem;line-height: 0.2rem;}
	.p2_lb .con .sj .p2{line-height: 0.24rem;}
	.p2_lb .con .sj::after{width: 100%;height: 100%;top: 0;left: 0;}

	.p2_lb .con .bt{font-size: 0.18rem;line-height: 0.24rem;}
	.p2_lb .con{}
	.p2_lb .con .xx {
		width: calc(100% - 0.8rem);
	}
	.p2_ul1 li{margin-top: 0.2rem;}

	.p2_cen ul li+li{margin-top: 0.1rem;}
    .p2_cen ul li .box{padding: 0;		height: 0.8rem;}
	.p2_cen ul li .bt{font-size: 0.18rem;line-height: 0.24rem;height: 0.48rem;}
	.p2_cen ul li .sj {
		width: 0.65rem;}
	.p2_cen ul li .sj .p1{font-size: 0.22rem;}
	.p2_cen ul li .img {
		padding-bottom: 0%;
		width: 1.2rem;
		height: 0.8rem;
	}
	.p2_cen ul li .con {
		width: calc(100% - 0.8rem);
	}
	.p2_cen ul li .line{margin: 0.1rem 0;}
}




.part3{padding: 0.8rem 0;overflow: hidden;background: url(../images/p3_bg.jpg) no-repeat center center;background-size: cover;}
.part5{padding: 0.5rem 0;}

.p3_main{position: relative;display: flex;justify-content: space-between;}

.p3_left{width: 7.7rem;}

.p3_lb{overflow: hidden;position: relative;}
.p3_lb .wiper-slide{}
.p3_lb a{display: block;}
.p3_lb .box{background: rgba(255,255,255,0.1);border-radius: 0.08rem;padding: 0.4rem 0.2rem;transition:0.4s;}
.p3_lb .box .sj{display: flex;align-items: flex-end;margin-bottom: 0.1rem;}
.p3_lb .box .sj .p1{font-size: 0.26rem;color: #fff;}
.p3_lb .box .sj .p2{font-size: 0.14rem;color: #fff;opacity: 0.7;margin-bottom: 0.01rem;margin-left: 0.03rem;}
.p3_lb .box .bt{font-size: 0.18rem;line-height: 0.28rem;color: #fff;font-weight: 600;height: 0.58rem;margin-bottom: 0.15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.p3_lb .box .img{border-radius: 0.08rem;padding-bottom: 69.8%;}

.p3_lb a:hover .box{background: rgba(255,255,255,0.2);}


.p3_lb_jt{width: 0.87rem;display: flex;justify-content: space-between;margin: 0.48rem auto 0;position: relative;}
.p3_lb_jt::before{content: '';display: block;width: 3rem;height: 1px;background: url(../images/p3_left_jt_line.png) no-repeat right center;background-size: 100% 100% !important;position: absolute;right: 100%;top: 50%;}
.p3_lb_jt::after{content: '';display: block;width: 3rem;height: 1px;background: url(../images/p3_left_jt_line.png) no-repeat right center;background-size: 100% 100% !important;position: absolute;left: 100%;top: 50%;transform: rotate(180deg);}

.p3_lb_jt>div{position: relative;width: 0.38rem;height: 0.38rem;background: url(../images/p3_left_prev.png) no-repeat center center;background-size: 100% 100% !important;top: auto;left: auto;right: auto;}
.p3_lb_jt>div.swiper-button-next{background: url(../images/p3_left_next.png) no-repeat center center;}



.p3_right{width: 7.7rem;}
.p3_sfq{}
.p3_sfq li{margin-top: 0.15rem;}
.p3_sfq li a{}
.p3_sfq li .box1{padding: 0.2rem 0.3rem;background: rgba(255,255,255,0.1);border-radius: 0.08rem;}
.p3_sfq li .box1 .bt{font-size: 0.18rem;line-height: 0.28rem;color: #fff;padding-right: 0.2rem;background: url(../images/p3_right_xjt.png) no-repeat right center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.p3_sfq li .box2{display: none;position: relative;}
.p3_sfq li .box2::after{content: '';display: block;width: 100%;height: calc(100% - 0.4rem);background: rgba(255,255,255,0.2);border-radius: 0.08rem;position: absolute;bottom: 0;left: 0;z-index: 1;}

.p3_sfq li.on .box1{display: none;}
.p3_sfq li.on .box2{padding: 0 0.2rem 0.3rem;display: flex;animation: xxkqh 0.7s;}

.p3_sfq li .box2 .img{width: 3.5rem;height: 2.4rem;padding-bottom: 0;}
.p3_sfq li .box2 .con{position: relative;z-index: 3;padding-top: 0.67rem;width: calc(100% - 3.5rem);padding-left: 0.3rem;}
.p3_sfq li .box2 .con .bt{font-size: 0.18rem;line-height: 0.28rem;color: #fff;font-weight: 600;height: 0.58rem;margin-bottom: 0.15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.p3_sfq li .box2 .con .line{width: 100%;height: 1px;background: rgba(255,255,255,0.2);margin-bottom: 0.2rem;}

.p3_sfq li .box2 .con .xx{}
.p3_sfq li .box2 .con .xx p{font-size: 0.14rem;color: #ffffff;opacity: 0.6;padding-left: 0.3rem;background: url(../images/p3_right_ico1.png) no-repeat left center;background-size: 0.18rem !important;line-height: 0.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.p3_sfq li .box2 .con .xx p+p{background: url(../images/p3_right_ico2.png) no-repeat left center;margin-top: 0.1rem;}
.p3_sfq li .box2 .con .xx p+p+p{background: url(../images/p3_right_ico3.png) no-repeat left center;}


/* @keyframes xxkqh
    {
    0 {display: none;opacity: 0;}
    1% {display: flex;opacity: 0;}
    100% {display: flex;opacity: 1;}
}
*/


@media(max-width: 1024px){
	.part3{padding: 0.3rem 0;}

	.p3_main{flex-wrap: wrap;padding: 0rem 0;}
	.p3_main>div{width: 100% !important;}
	.p3_main>div.p3_right{margin-top: 0.3rem;}

}
@media(max-width: 650px){
	.p3_lb .box{padding: 0.2rem;}
	.p3_lb_jt{margin-top: 0.2rem;}

	.p3_sfq li .box2{flex-wrap: wrap;}
	.p3_sfq li .box2 .img{width: 100%;padding-bottom: 60%;height: 0;}
	.p3_sfq li .box2 .con{padding: 0;width: 100%;margin-top: 0.2rem;}
	.p3_sfq li.on .box2{}
	.p3_sfq li .box2 .con .bt{height: auto;max-height:0.5rem;}
	.p3_sfq li .box1{padding: 0.15rem;}

	
}



.part4{padding: 0.8rem 0 1rem;background:#f0f6fd url(../images/p4_bg.jpg) no-repeat center center;background-size: cover;
overflow: hidden;position: relative;
}


.p4_main{display: flex;justify-content: space-between;flex-wrap: wrap;}
.p4_main>div{width: 7.7rem;}

.p4_ul1{}
.p4_ul1 li{transition:0.4s;}
.p4_ul1 li+li{margin-top: 0.2rem;}
.p4_ul1 li a{display: flex;}
.p4_ul1 li+li a{flex-direction: row-reverse;}
.p4_ul1 li .img{width: 3.5rem;height: 2.4rem;padding-bottom: 0;}
.p4_ul1 li .con{width: calc(100% - 3.5rem);background: #fff;padding: 0.25rem 0.2rem;transition:0.4s;}

.p4_ul1 li .con .bt{font-size: 0.18rem;line-height: 0.28rem;color: #323232;font-weight: 600;height: 0.58rem;transition:0.4s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.p4_ul1 li .con .sj{font-size: 0.14rem;color: #007fcc;margin: 0.16rem 0;position: relative;transition:0.4s;}
.p4_ul1 li .con .sj::before{content: '';display: block;width: 0.09rem;height: 0.09rem;background: #007fcc;border-radius: 50%;position: absolute;left: 0.85rem;top: calc(50% - 0.045rem);z-index: 3;transition:0.4s;}
.p4_ul1 li .con .sj::after{content: '';display: block;width: calc(100% - 0.88rem);height: 1px;background: #eaeaea;position: absolute;right: 0;top: 48%;z-index: 1;transition:0.4s;}


.p4_ul1 li .con .zy{font-size: 0.14rem;line-height: 0.24rem;color: #999999;height: 0.72rem;transition:0.4s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.p4_ul1 li:hover .con{background: #007fcc;}
.p4_ul1 li:hover .con .bt{color: #fff;}
.p4_ul1 li:hover .con .zy{color: #fff;}
.p4_ul1 li:hover .con .sj{color: rgba(255,255,255,0.7);}
.p4_ul1 li:hover .con .sj::before{background: #fff;}
.p4_ul1 li:hover .con .sj::after{background: #fff;opacity: 0.2;}



.p4_ul2{display: flex;justify-content: space-between;flex-wrap: wrap;}
.p4_ul2 li{width: calc(50% - 0.15rem);margin-bottom: 0.2rem;transition:0.4s;}
.p4_ul2 li a{display: block;}
.p4_ul2 li .img_out{position: relative;}
.p4_ul2 li .img{}
.p4_ul2 li .sj{width: 0.8rem;height: 0.8rem;background: rgba(0,127,204,0.9);display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 50%;padding-top: 0.05rem;
position: absolute;
left: 0.3rem;
bottom: -0.2rem;
z-index: 3;
}
.p4_ul2 li .sj .p1{font-size: 0.26rem;color: #ffffff;font-weight: 600;}
.p4_ul2 li .sj .p2{font-size: 0.14rem;color: #fff;margin-top: 0.05rem;}
.p4_ul2 li .con{background: #fff;padding: 0.3rem;}
.p4_ul2 li .con .bt{font-size: 0.18rem;line-height: 0.28rem;color: #323232;font-weight: 600;transition:0.4s;
height: 0.58rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.p4_ul2 li:hover .con .bt{color: #007fcc;}
.p4_ul2 li:hover{box-shadow: 0 0 0.1rem rgba(0, 0, 0, .3);}


.p4_ul3{display: flex;justify-content: space-between;flex-wrap: wrap;}
.p4_ul3 li{width: calc(50% - 0.15rem);border: 1px solid #e5ebf2;transition:0.4s;}
.p4_ul3 li a{display: block;background: #fff;padding: 0.26rem 0.3rem;}

.p4_ul3 li .sj{display: flex;align-items: flex-end;margin-bottom: 0.05rem;
}
.p4_ul3 li .sj .p1{font-size: 0.26rem;color: #007fcc;font-weight: 600;}
.p4_ul3 li .sj .p2{font-size: 0.14rem;color: #999999;margin-bottom: 0.01rem;margin-left: 0.1rem;}
.p4_ul3 li .con{}
.p4_ul3 li .con .bt{font-size: 0.18rem;line-height: 0.28rem;color: #323232;transition:0.4s;
height: 0.56rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.p4_ul3 li:hover .con .bt{color: #007fcc;}
.p4_ul3 li:hover{box-shadow: 0 0 0.1rem rgba(0, 0, 0, .3);}




@media(max-width: 1024px){
	.p4_main>div{width: 100%;}
	.p4_main>div.p4_right{margin-top: 0.3rem;}
	.part4{padding: 0.3rem 0;}
}
@media(max-width: 650px){
	.p4_ul1 li a{flex-wrap: wrap;}
	.p4_ul1 li .img{width: 100%;height: 0;padding-bottom: 60%;}
	.p4_ul1 li .con{width: 100%;}
	.p4_ul1 li .con .bt{height: auto;max-height:0.58rem;}
	.p4_ul1 li .con .zy{height: auto;max-height: 0.72rem;}

	.p4_ul2 li{width: 100%;}

	.p4_ul2 li .con{padding: 0.3rem 0.15rem 0.15rem;}

	.p4_ul3 li{width: 100%;margin-bottom: 0.2rem;}

	.p4_ul3 li a{padding: 0.15rem;}
}


.foot::after{content: '';display: block;width: calc(100% - 1.6rem);height: 0.2rem;background: rgba(0,127,204,0.2);position: absolute;bottom: 100%;left: 1.6rem;z-index: 1;}
.foot{background: url(../images/foot_bg.jpg) no-repeat center top;background-size: cover;
position: relative;z-index: 6;padding: 0.4rem 0;
height:auto !important;
}

.foot>.w16{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;position: relative;z-index: 3;}



.f_left{display: flex;flex-wrap: wrap;align-items: center;}
.f_juzhen{display: flex;flex-wrap: wrap;align-items: center;}


.f_logo{margin: 0 auto;width: 4.34rem;max-width: 100%;}
.f_logo img{float: right; display: block;width: 56%;}


.f_con{display: flex;flex-wrap: wrap;justify-content: center;width: 4.0rem;padding-left: 0.2rem;border-left: 1px solid rgba(255,255,255,0.2);margin-left: 0.3rem;}
.f_con p{font-size: 0.14rem;color: #ffffff;line-height: 0.32rem;width: 100%;}



.f_right{margin-top: -0.3rem;}
.f_right p{color: #ffff; font-size: 16px; margin-top: 1rem; text-align: left; font-weight:bold;}
.f_ewm{display: flex;}
.f_ewm li{width: 1.38rem;display: flex;justify-content: center;flex-wrap: wrap;}
.f_ewm li+li{margin-left: 0.2rem;}
.f_ewm li .pic{width: 1.6rem;margin: 0 auto;box-shadow: 0 0 0.3rem rgba(24, 45, 59, .1);}
.f_ewm li .pic img{display: block;width: 100%;}
.f_ewm li p{font-size: 0.16rem;color: #fff;text-align: center;margin-top: 0.1rem;white-space: nowrap;margin-top: 0.13rem;}




.f_bq{display: flex;justify-content: center;flex-wrap: wrap;padding-bottom: 0rem;padding: 0.17rem 0;background: #ab0000;margin-top: 0.4rem;}
.f_bq p{font-size: 0.14rem;color: rgba(255,255,255,1);line-height: 0.28rem;margin: 0 0.12rem;text-align: center;width: 100%;}
.f_bq a{color: #fff;}




@media(max-width: 1750px){
	#nav ul li h3{}
}


@media(max-width: 1720px){



	.search_btn{width: 0.3rem;}
	.search_btn img{display: block;width: 100%;}
}

@media(max-width: 1024px){
	#header>.w16{width: 95%;}
	.w14{width: 95%;}
	.w16{width: 95%;}
	.head_bottom{width: 95%;}

	.foot_left .xx p{line-height: 0.24rem;margin-bottom: 0.1rem;}

	.header_box{display: none;}
	.m_header_box{display: block;}


	.f_logo{margin: 0;}
	.f_left{justify-content: center;}
	.f_juzhen{justify-content: center;}

	.f_left{margin-bottom: 0.3rem;width: 100%;}
	.f_juzhen{margin-bottom: 0.3rem;width: 100%;}
	.f_right{width: 100%;display: flex;justify-content: center;margin-top: 0rem;}
	.f_ewm{flex-wrap: wrap;}


	.foot>.w14{padding: 0.3rem 0;}

	.foot::after{width: calc(100% - 0.2rem);left: 0.2rem;}
}
@media(max-width: 950px){

}
@media(max-width: 850px){
	.f_left{flex-direction: column;}
	.f_juzhen{flex-direction: column;}
	.f_con{border: 0 solid #fff;padding: 0;margin: 0;margin-top: 0.2rem;width: auto;}
	.f-link{
        float: none;
        width: auto;
        margin-top: 0.45rem;
    }
}
@media(max-width: 700px){

}


@media(max-width: 650px){

	#m_header #logo{width: 80%;}
	.f_left .f_logo{width: auto;}
	.f_logo img {
        display: block;
        width: 100%;
    }


}
@media(max-width: 480px){

}



/* 首页样式结束 */


/* 二级页样式开始 */
.ej_body{background: #f5f5f5;}


.fanye{text-align: center;margin: 0.4rem 0 0;}

.ej_bn_dt{width: 100%;margin-top: 1rem;position: relative;z-index: 1;}


.ej_bn_dt img{display: block;width: 100%;}


.ej_main_box{min-height: 4.5rem;position: relative;padding:0;z-index: 4;
background:#fff;
}
.ej_main_box .w14{display: flex;justify-content: space-between;align-items: flex-start;}

.ej_main_box>div{position: relative;z-index: 2;}


/* 手机二级导航 开始 */

#nav_slide {
    background: #fff;
    line-height: 0.5rem;
    position: relative;
    z-index: 2;
    display: none;
	box-shadow: 0 0 0.1rem rgba(0, 0, 0, .08);
}
#nav_slide #bnt_back {
    position: absolute;
    left: 0.16rem;
    top: -0.02rem;
}
#nav_slide #bnt_back img {
    height: 0.2rem;
    vertical-align: middle
}
#nav_slide .n_title {
    height: 0.5rem;
}
#nav_slide h1 {
    font-size: 0.18rem;
    color: #333;
    text-align: center
}
#bnt_sub_nav {
    position: absolute;
    right: 0.16rem;
    top: 0.14rem;
    cursor: pointer
}
#bnt_sub_nav img {
    display: block;
    height: 0.2rem;
}
#bnt_sub_nav.on img {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}
#sub_nav_content {
    background: #f2f2f2;
    display: none;
    z-index: 9;
    width: 100%
}
#sub_nav_content ul li {
    background: none;
    box-shadow: none;
    border-bottom: 1px solid #dedede;
    padding: 0 0.15rem;
}
#sub_nav_content ul li a {
    display: inline-block;
    font-size: 0.16rem;
    padding: 0;
    color: #333;
    width: 88%
}
#sub_nav_content ul li i {
    float: right;
    font-family: simsun;
    font-style: normal;
    font-weight: bold
}
#sub_nav_content ul li ul li {
    border: 0;
    line-height: 0.28rem;
    padding-left: 0.1rem;
}
#sub_nav_content ul li ul li a {
    font-size: 0.16rem;
    color: #666
}
#sub_nav_content ul li.on>a {
    color: #007fcc;
}
#sub_nav_content ul li ul {
    display: none
}
/* 手机二级导航 结束 */


.ej_main_left {
    float: left;
    width: 2.9rem;
	margin-top: -1rem;

	padding-bottom: 0.3rem;
}


.ej_main_left .sider_nav {
	
	background: #fff;
    padding-bottom: 0rem;
	position: relative;

	/* 

	box-shadow: 0 0 0.35rem rgba(33,61,67, .2); */
}
.ej_main_left .sider_nav::after{
	content: '';display: block;width: 3.5rem;height: 2.33rem;
	background: url(../images/ej_left_dh_bg.png) no-repeat center bottom;
	background-size: 100% !important;
	position: absolute;top: 100%;left: -0.3rem;
	z-index: 1;
}
.ej_main_left ul{position: relative;z-index: 3;
	box-shadow: 0px 0.02rem 0.336rem 0.014rem rgba(33, 61, 67, 0.2);
	clip-path: polygon(-0.3rem 0%, calc(100% + 0.3rem) 0%, calc(100% + 0.3rem) 100%, -0.3rem 100%);
}
.ej_main_left ul li{
    position: relative;
    line-height: 0.24rem;
    text-align: center;
height: auto;
    margin: 0;
}

.ej_main_left ul li:last-child{
    border-bottom: none;
}
.ej_main_left ul li a {
    position: relative;
	display: block;
    margin: 0 auto;
    font-family: "Microsoft Yahei";
    font-size: 0.18rem;
    color: #333; 
    z-index: 1;
}
.ej_main_left ul li p{padding: 0.16rem 0;width: calc(100% - 0.6rem);margin: 0 auto;    border-bottom: 1px solid #efefef;text-align: left;transition:0.4s;}
.ej_main_left ul li:last-child p{ border-bottom: 0px solid #efefef;}

.ej_main_left ul li .btn{width: 0.3rem;height: 0.56rem;position: absolute;right: 0.2rem;top: 0;z-index: 3;cursor: pointer;display: flex;align-items: center;}
.ej_main_left ul li .btn::after{content: ">";display: block;text-align: center;width: 100%;font-size: 0.2rem;color: #333;font-family: 宋体;}
.ej_main_left ul li .btn.on::after{content: ">";font-family: 宋体;}

.ej_main_left ul li .sun{background: #fcfcfc;width: calc(100% - 0.6rem);margin: 0 auto;display: none;   border-radius: 0.1rem;
    margin: 0.1rem auto;padding: 0.1rem 0;}
.ej_main_left ul li .sun a{font-size: 0.16rem;line-height: 0.18rem;padding: 0.1rem;}
.ej_main_left ul li .sun a.on:before{width: 100%;}
.ej_main_left ul li .sun a.on,.ej_main_left ul li .sun a:hover{color: #007fcc;}

.ej_main_left ul li.on>.btn::after{}

.ej_main_left ul li.on>a p{
    color: #007fcc !important;

	font-weight: bold;
}
.ej_main_left ul li a:hover p{color: #007fcc;}

.ej_main_left ul li a:before{
    position: absolute;
    left: 0rem;
    bottom: 0;
    width: 0.04rem;
    height: 0%;
    background: #007fcc;
	background-size: 100% 100%;
    color: #fff;
    content: "";
    z-index: -1;
    opacity: 0;
}
.ej_main_left ul li>a:after{
    position: absolute;
    left: 100%;
    top: 100%;
    width: 0.1rem;
    height: 0.1rem;
    content: "";
	opacity: 0;
}
.ej_main_left ul li.on>a:after{
	opacity: 1;
}

.ej_main_left ul li.on>a:before{
	height: 100%;
	opacity: 1;
}

.ej_main_left ul li .sun a:before{height: 1px;bottom: 0;transition: 0.4s;}
.ej_main_left ul li .sun a{color: #333;}

.ej_main_left .lmmc_yj{font-size: 0.3rem;padding: 0.1rem 0rem;text-align: center;background-size: 200%;  color: #fff;box-shadow: 0 0 0.1rem rgb(0,0,0,0.1);
	background: rgba(0,127,204,0.9);
height: 1rem;
display: flex;justify-content: center;align-items: center;
border-radius: 0.4rem 0.4rem 0rem 0rem;
}

.ej_main_right{width: calc(100% - 3.6rem);padding: 0.35rem 0 0.35rem;}
.ej_main_right .line{width: 100%;height: 0.01rem;margin-bottom: 0.3rem;position: relative;}
.ej_main_right .line::after{content: '';display: block;width: calc(100%);height: 1px;background: #d9d9d9;position: absolute;right: 0;top: 0;}



.dqwz_out{padding-bottom: 0rem;margin: 0rem 0 0.1rem;display: flex;justify-content: space-between;align-items: center;}
.dqwz_out .w14{}
.dqwz_out h2{font-size: 0.24rem;color: #333333;display: table;padding-left: 0.5rem;background: url(../images/ej_lmmc_bg.png) no-repeat left center;background-size: 0.38rem !important;line-height: 0.4rem;}

.dqwz_out .dqwz{padding-left: 0.25rem;
    background: url(../images/dqwz.png) no-repeat left 0rem;
    display: table;
    background-size: 0.14rem;
    line-height: 0.18rem;}
.dqwz_out .dqwz p{font-size: 0.14rem;color: #999999;line-height: 0.24rem;min-height: 0.24rem;}
.dqwz_out .dqwz a{color: #737373;transition: 0.4s;}
.dqwz_out .dqwz span{color: #007fcc;font-size: 0.14rem;}
.dqwz_out .dqwz a:hover{color: #007fcc;}




@media(max-width: 1024px){
	.dqwz_out h2{display: none;}

	.ej_bn_dt{margin-top: 60px;}
	.ej_bn_dt .w14{width: 100%;}

	.ej_main_left{display: none;}
	#nav_slide{display: block;}

	.fanye{margin: 0.3rem 0 0;}

	.dqwz_out{margin-bottom: 0.1rem;}

	.ej_main_box .w14{flex-wrap: wrap;}
	.ej_main_left{width: 100%;}

	.ej_main_right{width: 100%;}

	.ej_bn_dt::after{display: none;}

}
@media(max-width: 650px){
	.ej_main_right{padding-top: 0.1rem;}
	
}


/* 列表页  开始 */

.ej_list{min-height: 300px;}
.ej_list{width: 100%;}
.ej_list ul li{transition:0.4s;}
.ej_list ul li+li{margin-top: 0.1rem;}
.ej_list ul li .box{display: flex;align-items: center;justify-content: space-between;padding: 0.2rem;background: #fff;transition:0.4s;}
.ej_list ul li .box .con{width: calc(100% - 1rem);}
.ej_list ul li .box .bt{font-size: 0.18rem;width: 100%; display: block;color: #333333;
	padding-left: 0.16rem;position: relative;transition:0.4s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ej_list ul li .box .bt::after{content: '';display: block;width: 0.05rem;height: 0.05rem;background: #007fcc;border-radius: 50%;position: absolute;left: 0;top: calc(50% - 0.025rem);}

.ej_list ul li .sj{}
.ej_list ul li .sj p{color: #353535;font-size: 0.14rem;margin-bottom: 0;padding-left: 0.2rem;background: url(../images/ej_list_sj.png) no-repeat center left;background-size: 0.13rem;transition:0.4s;}

.ej_list ul li:hover .sj p{background: url(../images/ej_list_sj_on.png) no-repeat center left;color: #fff;}
.ej_list ul li:hover .bt{color: #ffffff;}
.ej_list ul li:hover .box{background: #007fcc;}
.ej_list ul li:hover .box .bt::after{background: #fff;}



@media(max-width: 1024px){
	.ej_list ul li{margin-bottom: 0;}
	.ej_list ul li .box{flex-wrap: wrap;}
	.ej_list ul li .box .con{width: 100%;}
	.ej_list ul li .sj{margin-top: 0.1rem;}
}

/* 列表页  结束 */


.ej_list_tt{}
.ej_list_tt ul{}
.ej_list_tt li{transition:0.4s;}
.ej_list_tt li+li{margin-top: 0.2rem;}
.ej_list_tt li a{display: block;}
.ej_list_tt li .box{display: flex;justify-content: space-between;padding: 0rem;flex-wrap: wrap;flex-direction: row-reverse;}
.ej_list_tt li .box .img .img_box {
    background-position: top center !important;
}

.ej_list_tt li .sj{font-size: 0.14rem;color: #007fcc;margin-bottom: 0.1rem;}
.ej_list_tt li .sj{font-size: 0.14rem;color: #007fcc;margin: 0.16rem 0;position: relative;transition:0.4s;}
.ej_list_tt li .sj::before{content: '';display: block;width: 0.09rem;height: 0.09rem;background: #007fcc;border-radius: 50%;position: absolute;left: 0.85rem;top: calc(50% - 0.045rem);z-index: 3;transition:0.4s;}
.ej_list_tt li .sj::after{content: '';display: block;width: calc(100% - 0.88rem);height: 1px;background: #eaeaea;position: absolute;right: 0;top: 48%;z-index: 1;transition:0.4s;}


.ej_list_tt li .con{width: calc(100% - 2.9rem);padding-left: 0.2rem;background: #fff;transition:0.4s;padding-top: 0.34rem;}
.ej_list_tt li .img{width: 2.9rem;height: 2rem;padding: 0;}



.ej_list_tt li .con .bt{height: 0.3rem;font-size: 0.18rem;margin-bottom: 0.16rem;color: #333;line-height: 0.24rem;font-weight: 600;transition:0.4s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ej_list_tt li .con .zy{font-size: 0.14rem;line-height: 0.24rem;color: #737373;max-height: 0.48rem;overflow: hidden;transition:0.4s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ej_list_tt li.no_img{}
.ej_list_tt li.no_img .box{}
.ej_list_tt li.no_img .con{width: calc(100%);padding-top: 0;padding: 0.4rem 0.2rem;}
.ej_list_tt li:hover .con .bt{color: #fff;}
.ej_list_tt li:hover .con .zy{color: #fff;opacity: 0.6;}
.ej_list_tt li:hover .con .sj{color: #fff;}
.ej_list_tt li:hover .con .sj::before{background: #fff;}
.ej_list_tt li:hover .con .sj::after{background: rgba(255,255,255,0.2);}
.ej_list_tt li:hover{}
.ej_list_tt li:hover .con{background: #007fcc url(../images/ej_list_tt_li_on.png) no-repeat center right;background-size: auto 100% !important;}

@media(max-width: 1024px){
	.ej_main_right .line{margin-bottom: 0.3rem;}
}
@media(max-width: 650px){

	.ej_list_tt li .box{flex-wrap: wrap;flex-direction: column-reverse;justify-content: flex-start;align-items: flex-start;}
	.ej_list_tt li .img{padding-bottom: 66%;width: 100%;}
	.ej_list_tt li.no_img .con{padding: 0.15rem;}
	.ej_list_tt li .con{width: 100%;padding: 0.15rem;}
	.ej_list_tt li .sj{display: flex;padding-left: 0;margin-top: 0.1rem;}
	.ej_list_tt li .sj .p1{margin-bottom: 0;margin-right: 0.1rem;font-size: 0.2rem;}
	.ej_list_tt li .sj .p2{margin-bottom: 0;}
	.ej_list_tt li .sj .sj_line{display: none;}
	.ej_list_tt li .con .bt{margin-bottom: 0.05rem;}
	
}


  


.ej_list_ld li{position: relative;margin-bottom: 0.15rem;transition:0.4s;}
.ej_list_ld li::after{content: '';display: block;width: 100%;height: 100%;background: #e8eff6;position: absolute;bottom: -0.05rem;left: 0.06rem;z-index: 1;}
.ej_list_ld li .box{    flex-direction: row;padding: 0.2rem 0.1rem;background: #fff;display: flex;position: relative;z-index: 6;
	box-shadow: 0px 0px 0.07rem 0px rgba(43, 63, 73, 0.08);
}
.ej_list_ld li .pic{width: 1.1rem;}
.ej_list_ld li .pic img{display: block;width: 100%;}
.ej_list_ld li .con{width: calc(100% - 1.1rem);background: #fff !important;padding-left: 0.3rem;}

.ej_list_ld li .xx{display: flex;align-items: flex-end;margin-bottom: 0.13rem;}
.ej_list_ld li .xx .bt{font-size: 0.22rem;color: #323232;line-height: 0.28rem;font-weight: 600;margin-right: 0.15rem;}
.ej_list_ld li .xx .zc{font-size: 0.16rem;color: #007fcc;margin-bottom: 0.03rem;}
.ej_list_ld li .yx{font-size: 0.16rem;color: #323232;padding-left: 0.3rem;background: url(../images/ej_list_ld_yx.png) no-repeat left center;background-size: 0.21rem !important;}
.ej_list_ld li .l{width: 100%;height: 1px;background: #ebebeb;margin: 0.2rem 0;}
.ej_list_ld li .zy{font-size: 0.16rem;line-height: 0.26rem;color: #231d2b;
}
.ej_list_ld li:hover{box-shadow: 0px 0px 0.1rem 0px rgba(43, 63, 73, 0.3);}

@media(max-width: 650px){
	.ej_list_ld li .box{justify-content: space-between;padding: 0.1rem;}
	.ej_list_ld li .con{padding-left: 0.2rem;}
	.ej_list_ld li .sj{margin-top: 0;}
	.ej_list_ld li .l{margin: 0.1rem 0;}

	.ej_list_ld li .xx .bt{font-size: 0.2rem;}
}


.nry_main{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;
min-height:5rem;
}

.nry_main .nry_fx{width: 0.6rem;}
.my-share-d{padding: 0.2rem 0.1rem 0.1rem;box-shadow: 0 0 0.1rem rgba(0,0,0,.19);border-radius: 100px;}
.my-share-d>div{display: flex;justify-content: center;align-items: center;width: 0.4rem;height: 0.4rem;margin-bottom: 0.15rem;background: #f0f0f0;border-radius: 50%;position: relative;cursor: pointer;}
.my-share-d>div img{width: 100%;transition: 0.4s;}
.my-share-d>div img.on{position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: 0;margin: auto;width: 100%;}

.my-share-d .d1:hover img{opacity: 0;}
.my-share-d .d1:hover img.on{opacity: 1 !important;}

.ej_nry{width: 100%;}
.ej_nry .box1{}
.ej_nry .box1 .bt{font-size: 0.32rem;color: #353535;line-height: 0.45rem;margin-bottom: 0.2rem;text-align: center;}
.ej_nry .box1 .xx{flex-wrap: wrap;display: flex;padding: 0.15rem 0;justify-content: center;background: #fff;}
.ej_nry .box1 .xx p{font-size: 0.14rem;color: #525252;margin-right: 0.3rem;line-height: 0.2rem;padding-left: 0.21rem;background: url(../images/ej_nr_ico1.png) no-repeat center left;}
.ej_nry .box1 .xx p+p{background: url(../images/ej_nr_ico2.png) no-repeat center left;}


.ej_nry .box2{padding: 0.2rem 0 0.3rem;border-bottom: 1px solid #dde1e6;}
.ej_nry .box2 p{font-size: 0.18rem !important;color: #333333;text-indent: 2em;line-height: 0.38rem !important;margin-bottom: 0.2rem;}
.ej_nry .box2 img{/*width: auto;*/height: auto !important;display: block;margin: 0 auto;max-width: 100%;}
.ej_nry .box2 .has_img{text-indent: 0 !important;}
.ej_nry .box2 .img_sm{font-size: 0.18rem;color: #353535;font-weight: bold;text-indent: 0 !important;text-align: center;margin-top: -0.1rem;}

.ej_nry .box3{padding: 0.3rem 0;}
.ej_nry .box3 a{display: block;}
.ej_nry .box3 p{font-size: 0.18rem;color: #333333;line-height: 0.36rem;padding: 0.02rem;transition: 0.4s;}
.ej_nry .box3 p:hover{color: #007fcc;}

.ej_nry_news{width: 3.6rem;}
.ej_nry_news h2{font-size: 0.24rem;color: #333333;text-align: center;background: #f3f3f3;text-align: center;padding: 0.15rem 0;}
.ej_nry_news ul{padding: 0.25rem 0.2rem;}
.ej_nry_news ul li{padding-bottom: 0.24rem;border-bottom: 1px solid #f3f3f3;margin-bottom: 0.18rem;}
.ej_nry_news ul li a{display: flex;justify-content: space-between;align-items: center;}
.ej_nry_news ul li .sj{width: 0.6rem;height: 0.57rem;background: url() no-repeat center center;background-size: 100% 100%;padding-top: 0.14rem;}
.ej_nry_news ul li .sj p{font-size: 0.22rem;color: #fff;text-align: center;margin-bottom: 0.01rem;}
.ej_nry_news ul li .sj span{display: block;font-size: 12px;color: #fff;text-align: center;}
.ej_nry_news ul li .con{width: calc(100% - 0.7rem);}
.ej_nry_news ul li .con p{font-size: 0.16rem;color: #323232;line-height: 0.26rem;max-height: 0.52rem;overflow: hidden;transition: 0.4s;}


.ej_nry_news ul li a:hover .con p{color: #007fcc;}

@media(max-width: 1024px){
	.nry_main{}
	.nry_main>div{width: 100% !important;}
	.nry_main .nry_fx{display: flex;justify-content: center;margin-bottom: 0.2rem;}
	.my-share-d{display: flex;padding: 0.1rem 0.1rem;}
	.my-share-d>div{margin-bottom: 0;margin: 0 0.1rem 0;}


	.ej_nry .box1 .bt{font-size: 0.26rem;}
	.ej_nry .box2 p{font-size: 0.18rem;line-height: 0.36rem;margin-bottom: 0.15rem;}
	.ej_nry .box3 p{font-size: 0.16rem;line-height: 0.26rem;}
}

@media(max-width: 650px){
	.ej_nry .box1 .bt{font-size: 0.24rem;line-height: 0.36rem;}
	.ej_nry .box1 .xx{padding-bottom: 0.15rem;}
	.ej_nry .box2{padding: 0.15rem 0;}
	.ej_nry_news h2{font-size: 0.2rem;padding: 0.1rem 0;}
	.ej_nry_news ul {
		padding: 0.15rem 0rem;
	}
	.ej_nry_news ul li {
		padding-bottom: 0.1rem;
		margin-bottom: 0.1rem;}
}












.box_teacher{    padding-bottom: 0.2rem;
    border-bottom: 2px #007fcc solid;
    display: flex;
    justify-content: space-between;}
.box_teacher .pic{width: 1.5rem;}
.box_teacher .pic img{width: 100%;}

.box_teacher .con{width: calc(100% - 2.3rem);padding-top: 0.3rem;}
.box_teacher .con .bt{font-size: 0.28rem;font-weight: bold;color: #333;margin-bottom: 0.2rem;}
.box_teacher .con .line{width: 0.4rem;height: 0.04rem;background: #007fcc;margin-bottom: 0.2rem;}
.box_teacher .con .xx{}
.box_teacher .con .xx strong{color: #333;}
.box_teacher .con .xx p{font-size: 0.16rem;line-height: 0.24rem;margin-bottom: 0.2rem;color: #666;}

@media(max-width: 850px){
	.box_teacher{flex-wrap: wrap;justify-content: center;}
	.box_teacher .pic{width: 80%;margin-bottom: 0.2rem;}
	.box_teacher .con{width: 100%;}
}

/* 二级页样式结束 */


.pb_sys_style1 .p_no_d {
    border: 1px solid #84a78d !important;
    color: #fff;
    background-color: #84a78d !important;
}







.ej_szdw{padding-top: 0rem;}
.ej_szdw ul{display: flex;flex-wrap: wrap;margin: 0 -1%;}
.ej_szdw ul li{width: 48%;border: 1px solid #d4d3d3;margin: 0 1% 0.2rem;background: #fff;transition: 0.4s;position: relative;}
.ej_szdw ul li a{display: flex;padding: 0.1rem;justify-content: space-between;align-items: flex-start;position: relative;transition: 0.4s;height: 100%;
flex-wrap: wrap;
}
.ej_szdw ul li::after{content: "";display: block;width: 1rem;height: 1rem;position: absolute;right: 0.1rem;bottom: 0.1rem;background: url() no-repeat center center;background-size: 100%;opacity: 0.6;transition: 0.4s;display: none;}
.ej_szdw ul li .img{width: 35%;padding-bottom: 43%;background: #bebebe;}
.ej_szdw ul li .con{width: 60%;padding-top: 0.2rem;}
.ej_szdw ul li .con .bt{font-size: 0.2rem;color: #333;margin-bottom: 0.3rem;font-weight: bold;}
.ej_szdw ul li .con .xx{}
.ej_szdw ul li .con .xx p{font-size: 0.16rem;color: #666;line-height: 0.3rem;margin-bottom: 0.1rem;}
.ej_szdw ul li .con .xx p strong{color: #333;}
.ej_szdw ul li .con .xx p.p1{
	/* overflow: hidden;text-overflow: ellipsis; */
}
.ej_szdw ul li .con .xx p.p2{
	/* height: 0.48rem;overflow: hidden; */
}
.ej_ldbz ul li .img{width: 30%;padding-bottom: 39%;background: #bebebe;}
 .ej_ldbz ul li .con{width: 64%;padding-top: 0.2rem;}
 .ej_ldzb ul li .con .xx p{font-size: 0.18rem;color: #999;line-height: 0.28rem;}
.ej_szdw ul li a:hover{box-shadow: 0 0 0.1rem rgba(0,0,0,.2);}
.ej_szdw ul li:hover{border: 1px solid #007fcc;}
.ej_szdw ul li:hover .con .bt{color: #007fcc;}
.ej_szdw ul li:hover:after{opacity: 1;}

.ej_ldbz ul li .con .xx p{font-size: 0.18rem;color: #999;line-height: 0.28rem;}

.ej_szdw ul li .yjfx{padding: 0.15rem 0 0.1rem;border-top: 1px solid #d4d3d3;width: 100%;margin-top: 0.1rem;}
.ej_szdw ul li .yjfx p{font-size: 0.16rem;color: #333;line-height: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


@media(max-width: 1024px){
	.ej_szdw ul li .con{padding-top: 0;}
	.ej_szdw ul li{width: 48%;}

	.ej_szdw ul li::after{width: 0.5rem;height: 0.5rem;}
	.ej_szdw ul li .con .xx p.p3{padding-right: 0.6rem;}
}

@media(max-width: 850px){
	.ej_szdw ul li{width: 100%;}
	.ej_szdw ul li .img {
		width: 30%;
		padding-bottom: 38%;}
		.ej_szdw ul li .con {
    width: 65%;}

	.ej_szdw ul li .con .bt{margin-top: 0.1rem;margin-bottom: 0.1rem;}

}








.ej_szdw_j{}
.ej_szdw_j ul{display: flex;flex-wrap: wrap;margin: 0 -0.15rem;}
.ej_szdw_j ul li{width: calc(25% - 0.3rem);margin: 0 0.15rem 0.3rem;transition:0.4s;}
.ej_szdw_j ul li a{display: block;}
.ej_szdw_j ul li .img{width: 100%;height: 0;padding-bottom: 120%;}
.ej_szdw_j ul li .img .img_box{    background-position: top center !important;}
.ej_szdw_j ul li .con{width: 100%;padding: 0.2rem 0;background: #fff;}

.ej_szdw_j ul li .con .bt{font-size: 0.18rem;font-weight: normal;text-align: center;margin-bottom: 0;margin-top: 0;color: #323232;transition:0.4s;}


.ej_szdw_j ul li:hover .con .bt{color: #007fcc;}
.ej_szdw_j ul li:hover{box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2);}

.ej_tplist{}
.ej_tplist ul{display: flex;flex-wrap: wrap;margin: 0 -0.125rem;justify-content: flex-start;}
.ej_tplist ul li{width: calc(33.33% - 0.25rem);margin: 0 0.125rem 0.25rem;background: #fff;transition:0.4s;}
.ej_tplist ul li a{display: block;}
.ej_tplist ul li .img{width: 100%;height: 0;padding-bottom: 64.8%;}
.ej_tplist ul li .con{width: 100%;padding: 0.3rem 0.2rem 0.2rem;}




@media(max-width: 1024px){
}

@media(max-width: 650px){
	.ej_tplist ul li{width: 100%;}
	.ej_szdw_j ul li{width: calc(50% - 0.3rem);}
	.ej_szdw_j ul li .con{padding: 0.15rem 0;}
}


.ej_szdw_xx{margin-bottom: 0.3rem;}
.ej_szdw_xx ul{display: flex;justify-content: center;flex-wrap: wrap;}
.ej_szdw_xx ul li{margin: 0 0.05rem 0.1rem;transition:0.4s;}
.ej_szdw_xx ul li a{}
.ej_szdw_xx ul li p{font-size: 0.18rem;color: #323232;min-width: 1.15rem;text-align: center;padding: 0.11rem 0.1rem;background: #e7ecf2;border-radius: 200px;transition:0.4s;}
.ej_szdw_xx ul li.on p{color: #fff !important;background: #007fcc;}
.ej_szdw_xx ul li:hover p{color: #007fcc;}


@media(max-width: 1024px){
}

@media(max-width: 650px){
	.ej_szdw_xx{margin-bottom: 0.1rem;}
	.ej_szdw_xx ul li p{min-width: 0.8rem;padding: 0.07rem 0.15rem;}
}




.box_tc{padding: 1px 0rem;position: relative;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 0.3rem;}
.box_tc::after{content: '';display: block;width: 100%;height: 100%;    border: #e6e6e6 1px solid;position: absolute;top: 0;left: 0;z-index: 1;}
.box_tc .pic_out{/*margin: -0.3rem 0;*/position: relative;z-index: 3;}
.box_tc .pic{width: 2rem;}
.box_tc .pic img{width: 100%;transition:0.4s;}
.box_tc .pic:hover img{transform: scale(1.05);}
.box_tc .pic_out::after{    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url() right bottom no-repeat;
    background-size: 100% 100%;
    transform: translateX(0.1rem) translateY(0.1rem);
    z-index: -1;}

.box_tc .con{position: relative;z-index: 3;width: calc(100% - 2.5rem);padding: 0.2rem 0;}
.box_tc .con .bt{font-size: 0.2rem;font-weight: bold;}
.box_tc .con .line{    width: 0.6rem;margin: 0.12rem 0 0.15rem;
    height: 3px;
    background: #007fcc;}
.box_tc .con .xx{}
.box_tc .con .xx p{font-size: 0.16rem;line-height: 0.24rem;margin: 0.07rem 0;}
.box_tc .con .xx p strong{}



.ej_nry .box2 .xtit{   background: #efefef url() 0.1rem center no-repeat;
background-size:0.15rem;
    line-height: 0.5rem;
    padding: 0 0.12rem;
    font-size: 0.18rem;
    color: #000000;padding-left:0.3rem;
    font-weight: bold;
    margin-bottom: 0.16rem;display: flex;justify-content: flex-start;align-items: center;}
.ej_nry .box2 .xtit img{width: 0.16rem;margin: 0;display: block;margin-right: 0.1rem;}
.ej_nry .box2 .xtit h3{ font-weight: bold;font-size: 0.18rem;}



@media(max-width: 1024px){
	.box_tc .pic_out{    margin: -0.15rem 0;}
	.box_tc{padding: 0 0.2rem;}
}

@media(max-width: 650px){
	.box_tc{flex-wrap: wrap;justify-content: center;}
	.box_tc .con{width: 100%;margin-top: 0.2rem;}
}




.ej_td_list{}
.ej_td_list ul{}
.ej_td_list ul li{margin-bottom: 0.4rem;border-bottom: 1px solid #dbdbdb;}
.ej_td_list ul li a{display: block;}
.ej_td_list ul li .box{display: flex;justify-content: space-between;padding-bottom: 0.4rem;}
.ej_td_list ul li .box .img{width: 2rem;padding-bottom: 25%;}
.ej_td_list ul li .box .con{width: calc(100% - 2.4rem);}
.ej_td_list ul li .box .con .bt{font-size: 0.2rem;color: #333;line-height: 0.32rem;position: relative;font-weight: bold;}
.ej_td_list ul li .box .con .bt::after{content: '';display: block;width: 0.6rem;height: 0.03rem;background: #007fcc;margin-top: 0.15rem;margin-bottom: 0.1rem;}

.ej_td_list ul li .box .con .xx{}
.ej_td_list ul li .box .con .xx p{font-size: 0.16rem;color: #333;line-height: 0.28rem;margin-bottom: 0.1rem;}

.ej_td_list ul li .box .con .xx p:last-child{margin-bottom: 0;}



@media(max-width: 1024px){
	.ej_td_list ul li .box{flex-direction: column;align-items: center;}
	.ej_td_list ul li .box .con{width: 100%;}
	.ej_td_list ul li .box .img{width: 40%;padding-bottom: 55%;margin-bottom: 0.2rem;}
}




.ej_szdwx{}
.ej_szdwx ul{}
.ej_szdwx ul li{width: 31%;}
.ej_szdwx ul li a{align-items: center;}
.ej_szdwx ul .img{}
.ej_szdwx ul .con{}
.ej_szdwx ul .con .bt{}
.ej_szdwx ul .con .xx{display: flex;}
.ej_szdwx ul .con .xx .p1{font-weight: bold;margin-bottom: 0.1rem;}
.ej_szdwx ul li .con .xx p{margin-bottom: 0;}
.ej_szdwx ul .con .xx .p2{color: #333;}


@media(max-width: 1024px){
	.ej_szdwx ul li{width: 48%;}
	.ej_szdwx ul li .img{padding-bottom: 125%;}
	.ej_szdwx ul .con .xx .p1{margin-bottom: 0;}
}


.sz_xxk{margin: 0.2rem 0 0.3rem;}
.sz_xxk ul{display: flex;justify-content: center;}
.sz_xxk ul li{color: #333;padding: 0.14rem 0.4rem;background: #f7f7f7;font-size: 0.18rem;margin: 0 0.2rem;border-radius: 200px;cursor: pointer;}
.sz_xxk ul li.on{background: #ffb64d;color: #fff;}

.sz_xx_box{}
.sz_xx_box .box{display: none;}
.sz_xx_box .box.on{display: block;}
.sz_xx_box .box p{    font-size: 0.18rem;
    color: #333333;
    text-indent: 2em;
    line-height: 0.36rem;
    margin-bottom: 0.2rem;
}
.box_teacherx{border-bottom: 0;padding-bottom: 0;padding-top: 0;margin-bottom: 0.3rem;}
.box_teacherx .con{padding-top: 38px;}
.box_teacher .con .xx{display: flex;flex-wrap: wrap;}
.box_teacher .con .xx p{margin-bottom: 0.3rem;width: 50%;}


@media(max-width: 1024px){
	.sz_xxk ul li{margin: 0 0.1rem;padding: 0.1rem 0.2rem;font-size: 0.18rem;}
	
}

@media(max-width: 650px){
	.box_teacher .con .xx p{width: 100%;}
	.sz_xxk ul{flex-wrap: wrap;}
	.sz_xxk ul li{margin-bottom: 0.1rem;}
}




.ej_zzjg{}
.zzjg_box{margin-bottom: 0.3rem;}
.zzjg_box .x_tit{position: relative;padding-left: 0.3rem;margin-bottom: 0.3rem;font-size: 0.26rem;}
.zzjg_box .x_tit::after{content: '';display: block;width: 0.1rem;height: 0.1rem;border-radius: 50%;border: 0.02rem solid #0771cf;position: absolute;left: 0;top: calc(50% - 0.05rem);}

.zzjg_box ul{margin: 0 -0.15rem;display: flex;flex-wrap: wrap;}
.zzjg_box ul li{background: #fff;overflow: hidden;width: calc(33.33% - 0.3rem);margin: 0 0.15rem 0.3rem;border-radius: 0.05rem;transition:0.4s;box-shadow: 0 0 0.1rem rgba(0, 0, 0, .08);}
.zzjg_box ul li a{}
.zzjg_box ul li .box{display: flex;justify-content: space-between;padding: 0.3rem;border-radius: 2px;border-bottom: 1px solid #007fcc;}
.zzjg_box ul li .box .bt{font-size: 0.18rem;color: #333333;transition:0.4s;width: calc(100% - 0.2rem);line-height: 0.24rem;}
.zzjg_box ul li .box .jt{width: 0.13rem;height: 0.14rem;background: url(../images/ej_zzjg_jt.png) no-repeat center center;transition:0.4s;}


.zzjg_box ul li:hover{background: #007fcc;}
.zzjg_box ul li:hover .box .bt{color: #fff;font-weight: bold;}
.zzjg_box ul li:hover .box .jt{background: url(../images/ej_zzjg_jt_bai.png) no-repeat center center;}



@media(max-width: 1024px){
	.zzjg_box ul li{width: calc(50% - 0.3rem);}
	
}

@media(max-width: 650px){
	.zzjg_box ul li{width: 100%;margin-bottom: 0.1rem;}
	.zzjg_box ul li .box{padding: 0.15rem;}
}










/* 数据库导航--开始 */
.sz_main{display: flex;justify-content: space-between;}
.sz_left{width: 70%;}
.sz_right{width: 30%;    background-color: #e9e9e9;}
.sz_right h2{    width: 100%;
    background-color: #007fcc;
    color: #fff;
    padding: 0.15rem 0.15rem;
	font-size: 0.2rem;
}
.sz_right .sz_sxbox{display: flex;flex-wrap: wrap;padding: 0.15rem;}

.sz_right .sz_sxbox p{font-size: 0.16rem;width: 33.33%;line-height: 0.24rem;margin: 0.05rem 0;}

.sz_right .sz_sxbox1{padding: 0.15rem 0;}
.sz_right .sz_sxbox1 p{width: 100%;margin: 0.05rem 0.15rem;    background: url() no-repeat left 0.08rem;padding-left: 0.15rem;background-size: 0.06rem;cursor: pointer;transition:0.4s;}
.sz_right .sz_sxbox1 p:hover{color: #007fcc;}


.ej_sql_nav{background: #fff;padding: 0.2rem;width: 100%;margin-bottom: 0.1rem;}
.ej_sql_nav .box{display: flex;justify-content: flex-start;}
.ej_sql_nav .box h2{width: 0.57rem;font-size: 0.18rem;font-weight: 600;line-height: 0.35rem;}
.ej_sql_nav .box .link{width: calc(100%);display: flex;flex-wrap: wrap;}
.ej_sql_nav .box .link a{display: block;margin-bottom: 0.08rem;margin-right: 0.03rem;}
.ej_sql_nav .box .link p{font-size: 0.15rem;border: 1px solid #ebebeb;padding: 0.07rem 0.15rem;border-radius: 100px;transition: 0.4s;color: #333333;}
.ej_sql_nav .box .link a.on p,.ej_sql_nav .box .link a:hover p{background: #007fcc;color: #fff;}


.ej_sql_ss{display: flex;justify-content: space-between;width: 100%;margin-bottom: 0.4rem;align-items: flex-start;}
.ej_sql_ss .ss_box{width: 6.8rem;border: 1px solid #007fcc;border-radius: 0.06rem;transition: 0.4s;}
.ej_sql_ss .ss_box.on{box-shadow: 0 0 0.09rem rgba(0, 0, 0, 0.4);}
.ej_sql_ss .ss_box form{display: block;width: 100%;}
.ej_sql_ss .ss_box .ss_box_in{display: flex;width: 100%;}
.ej_sql_ss .ss_box .txt{width: calc(100% - 0.7rem);font-size: 0.14rem;color: #333333;padding: 0.2rem 0.4rem 0.2rem 0.2rem;background: url() no-repeat right center;background-size: 0.36rem;}
.ej_sql_ss .ss_box .txt::placeholder{color: #333333;}
.ej_sql_ss .ss_box .btn{width: 0.7rem;font-size: 0.18rem;color: #ffffff;background: #007fcc;line-height: 0.6rem;text-align: center;cursor: pointer;}

.ej_sql_ss .xwfw_lj{}
.ej_sql_ss .xwfw_lj a{display: block;}
.ej_sql_ss .xwfw_lj p{font-size: 0.16rem;color: #000000;padding: 0.2rem 0.3rem;background: #f7f7f7;border: 1px solid #f7f7f7;border-radius: 0.06rem;transition: 0.4s;}
.ej_sql_ss .xwfw_lj a:hover p{background: #fff;border: 1px solid #007fcc;box-shadow: 0 0 0.09rem rgba(0, 0, 0, 0.4);}



.ej_list_sz{    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 0.1rem;    padding: 0.2rem 0.2rem 1px;
    background: #fff;}
.ej_list_sz h2{border: 1px solid #d1d1d1;
    border-radius: 0.03rem;font-size: 0.16rem;
    width: 0.3rem;
    height: 0.3rem;
    margin-bottom: 0.1rem;
    text-align: center;
    line-height: 0.3rem;}

.ej_list_sz ul{display: flex;flex-wrap: wrap;}
.ej_list_sz ul li{margin: 0 0rem 0.3rem;width: calc(10%);}
.ej_list_sz ul li a{display: block;}
.ej_list_sz ul li .bt{color: #333;font-size: 0.18rem;position: relative;line-height: 0.24rem;display: table;}
.ej_list_sz ul li .bt::after{width: 0;height: 1px;background: #007fcc;transition:0.4s;position: absolute;bottom: -0.05rem;left: 0;content: '';display: block;}

.ej_list_sz ul li:hover .bt::after{width: 100%;}



@media (max-width:1500px) {

}

@media (max-width:850px) {
	.sz_main{flex-direction: column-reverse;}
	.sz_main>div{width: 100%;}
	.ej_sql_nav{padding: 0.1rem;}
	.ej_list_sz ul li{width: 25%;}
}
@media (max-width:580px) {
	.ej_list_sz ul li{width: 33.33%;margin-bottom: 0.2rem;}
}
/* 数据库导航--结束 */









.ej_list2{}
.ej_list2 ul{}
.ej_list2 ul li{transition:0.4s;position: relative;}
.ej_list2 ul li+li{border-top: 1px solid #e3e8ee;}
.ej_list2 ul li::after{content: '';display: block;width: 100%;height: 100%;background: #007fcc url(../images/ej_list_li.jpg) no-repeat right center;background-size: auto 100% !important;position: absolute;top: 0;left: 0;opacity: 0;border-radius: 0.4rem 0 0.4rem 0;transition:0.8s;}

.ej_list2 ul a{display: block;position: relative;z-index: 3;}
.ej_list2 ul .box{padding: 0.2rem;display: flex;justify-content: space-between;align-items: center;}
.ej_list2 ul .box .sj{border-right: 1px solid #eaeaea;padding: 0.03rem 0;padding-right: 0.15rem;transition:0.4s;}
.ej_list2 ul .box .sj .p1{font-size: 0.26rem;color: #007fcc;font-weight: 600;margin-bottom: 0.08rem;transition:0.4s;}
.ej_list2 ul .box .sj .p2{font-size: 0.14rem;color: #999999;opacity: 0.7;text-align: right;transition:0.4s;}
.ej_list2 ul .box .con{width: calc(100% - 1.05rem);}
.ej_list2 ul .box .con .bt{font-size: 0.18rem;color: #323232;line-height: 0.28rem;transition:0.4s;max-height: 0.56rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ej_list2 ul li+li:hover{border-top: 1px solid rgba(255,255,255,0);}
.ej_list2 ul li:hover::after{opacity: 1;}

.ej_list2 ul li:hover .box .sj .p1{color: #fff;}
.ej_list2 ul li:hover .box .sj .p2{color: #fff;}
.ej_list2 ul li:hover .box .con .bt{color: #fff;}
.ej_list2 ul li:hover .box .sj{border-right: 1px solid rgba(255,255,255,0.2);}

@media (max-width:1024px) {
	.ej_list2 ul .box .sj .p1{font-size: 0.2rem;}
}
@media (max-width:650px) {
	.ej_list2 ul .box{padding: 0.1rem;}
	.ej_list2 ul li::after{border-radius: 0.1rem 0 0.1rem 0;}
	.ej_list2 ul .box .con {
		width: calc(100% - 0.75rem);
	}
	.ej_list2 ul .box .sj{padding-right: 0.1rem;}
}
#vsb_content_2 P {
    text-indent: 2em !important;
    LINE-HEIGHT: 180% !important;
    text-indent: 2em !important;
    font-size: 0.18rem !important;
 }
/*样式3 绿*/
.pb_sys_style3 .p_no_d {
    border: 1px solid #007fcc !important;
    color: #fff;
    background-color: #007fcc !important;
}
.keywordfontcolor1098301{FONT-WEIGHT: bold;FONT-SIZE: 0.16rem !important;COLOR: #d10030 !important;FONT-FAMILY: 微软雅黑 !important;}


@media (max-width: 1920px) {
  html { font-size: 16px; }
  table { width: 100% !important; }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  html { font-size: 15px; }
  table { width: 100% !important; }
}
@media (min-width: 640px) and (max-width: 1399px) {
  html { font-size: 14px; }
  table { width: 100% !important; }
}
@media (min-width: 471px) and (max-width: 639px) {
  html { font-size: 13px; }
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important; }
}
@media (min-width: 329px) and (max-width: 470px) {
  html { font-size: 12px; }
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important; }
}
@media (max-width: 328px) {
  html { font-size: 12px; }
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important; }
}

.image-gallery {
    display: flex; /* Use flexbox to arrange items in a row */
    flex-wrap: wrap; /* Allow wrapping to fit images based on screen size */
    justify-content: space-between; /* Space out the items evenly */
    list-style: none; /* Remove default list styling */
    padding: 0; /* Remove default padding */
    margin: 20px 0; /* Add vertical margin for spacing above and below the gallery */
}

.image-gallery li {
    flex: 1 1 calc(12.5% - 10px); /* Allow items to take up 12.5% of the row width (8 items) */
    margin: 5px; /* Add margin for spacing between items */
    text-align: center; /* Center the text below the images */
    transition: transform 0.3s ease; /* Add transition for hover effect */
}

.image-gallery li:hover {
    transform: scale(1.05); /* Scale up the image on hover */
}

.image-gallery img {
    max-width: 100%; /* Ensure images are responsive */
    height: auto; /* Maintain aspect ratio */
    border-radius: 8px; /* Optional: Add rounded corners */
}

/* Media Queries for Responsive Design */
@media (max-width: 1024px) {
    .image-gallery li {
        flex: 1 1 calc(33.33% - 20px); /* Adjust to 3 images per row on medium screens */
    }
}

@media (max-width: 650px) {
    .image-gallery li {
        flex: 1 1 calc(50% - 20px); /* Adjust to 2 images per row on smaller screens */
    }
}

@media (max-width: 480px) {
    .image-gallery li {
        flex: 1 1 100%; /* Stack images on top of each other on very small screens */
    }
}

/* Add this media query for mobile responsiveness */
@media (max-width: 768px) {
    .image-gallery {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; /* Adjust spacing between items */
    }

    .image-gallery li {
        flex: 0 0 20%; /* Adjust width to fit four items in a row */
        margin-bottom: 10px; /* Space between rows */
    }
	.image-gallery li p {
		margin-top: 4px; /* Space between rows */
	}

    .image-gallery img {
        width: 100%; /* Ensure images take full width of their container */
        height: auto; /* Maintain aspect ratio */
    }
}



.f-link{
    float: right;
    font-size: 0;
    margin-top: 0.32rem;
}
.f-link a{
    display: inline-block;
    width: 0.47rem;
    height: 0.4rem;
    margin-left: 0.2rem;
    position: relative;
}
.f-link a:first-child{
    margin-left: 0;
}
.f-link a>img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.f-link a>span{
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.57rem;
    margin-bottom: 10px;
    margin-top: 0.16rem;
    padding: 0.1rem;
    width: 1.14rem;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    box-sizing: border-box;
    visibility: hidden;
    opacity: 1;
    transform: translateY(-0.1rem);
    transition: all 0.2s ease-out 0s;
    z-index: 99;
}
.f-link .code > img {
    display: block;
    width: 100%;
}
.f-link .code:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    border: 0.08rem solid transparent;
    font-size: 0;
    border-top-color: #fff;
    transform:translateX(-50%);
}
.footer .f-link a:hover {
    opacity: 0.8;
}
a:hover  .code {
    visibility: visible;
    opacity: 1;
    transform:translateY(0);
}