@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  *:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@font-face{font-family:'abr';src:url(../fonts/AbrilFatface.woff) format("woff");font-display:swap}

@font-face{font-family:'geo';src:url(../fonts/CARDO-BOLD.TTF) format("truetype");font-display:swap;font-style:normal;font-weight:700}
@font-face{font-family:'sys';src:url(../fonts/SourceHanSerifCN-Bold.woff) format("woff");font-display:swap;font-weight:700}
@font-face{
	font-family: GeorgiaB;
	src:url(../fonts/GeorgiaBold.ttf);
}
@font-face{
	font-family: Georgia;
	src:url(../fonts/Georgia.ttf);
}

.abr{font-family:'abr'}
.geo{font-family:'geo'}
.sys{font-family:'sys'}
/* 比例要求 */
/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{/*max-width: 1920px;*/margin: 0 auto;}
@media (max-width: 1680px) {
html:not(.view){font-size: calc(100 / 1920 * 100vw);}
}
@media (max-width: 1024px) {
html:not(.view){font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width: 480px) {
html:not(.view){font-size: calc(100 / 480 * 100vw);}
}

html,body{height:100%;}

body{ margin:0px auto; font-size:0.16rem; line-height:0.3rem; color:#333333; width:100%; min-width:1260px; zoom:1;font-family: Arial,"微软雅黑","宋体"; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Arial,"微软雅黑","宋体";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{margin: 0;padding:0; display: block;font-family: Arial,"微软雅黑","宋体";} /*html5设置*/
pre{white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;}
figure,figcaption{ margin:0px; padding:0px;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color: #0b60b4;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/selectarr.gif) no-repeat scroll 95% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
/* .clearfix{overflow:hidden;_zoom:1;} */
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.w1400{ position:relative; clear:both; max-width:1440px;width:92%; margin:0px auto;z-index: 1;}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -1;}
.table {display: table;width: 100%;border-collapse: collapse;}
.table-tr {display: table-row;}
.table-th {display: table-cell;height: 100%;border: 1px solid gray;text-align: center;vertical-align: middle;}
.table .cell {display: table-cell;vertical-align: middle;}
.pic::before{position: absolute;top: 0;left: -90%;z-index: 1;display: block;content: "";width: 50%;height: 100%;opacity: .25;pointer-events: none;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 53) 50%, rgba(255, 255, 255, 0) 70%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 53) 50%, rgba(255, 255, 255, 0) 70%);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);transform: skewX(-25deg);}


	/* 弹性布局 */
[class*=flex]{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
[class*=-aic]{-ms-flex-align:center;align-items:center}
[class*=-aife]{-ms-flex-align:flex-end;align-items:flex-end}
[class*=-aifs]{-ms-flex-align:flex-start;align-items:flex-start}
[class*=-ais]{-ms-flex-align:stretch;align-items:stretch}
[class*=-jcc]{-ms-flex-pack:center;justify-content:center}
[class*=-jcsb]{-ms-flex-pack:space-between;justify-content:space-between}
[class*=-jcfe]{-ms-flex-pack:flex-end;justify-content:flex-end}
[class*=-jcfs]{-ms-flex-pack:flex-start;justify-content:flex-start}
[class*=-row]{flex-wrap:wrap;-ms-flex-wrap:wrap;flex-direction:row;-ms-flex-direction:row}
[class*=-column]{flex-direction:column;-ms-flex-direction:column}
[class*=-reverse]{flex-direction: row-reverse;}
.flex1{flex: 1;}
@media (max-width:1024px){[class*=flex-tablet]{display:block}}
@media (max-width:768px){[class*=flex-tableH]{display:block}}
@media (max-width:640px){[class*=flex-mobileV]{display:block}}
@media (max-width:480px){[class*=flex-mobile]{display:block}}


/*font*/
.f_red{ color:#ec1c27;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{overflow: hidden;word-break:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.dot1,.dot2,.dot3,.dot4,.dot5,.dot6{overflow: hidden;word-break:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;}
.dot1{-webkit-line-clamp: 1;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 3;}
.dot5{-webkit-line-clamp: 3;}
.dot6{-webkit-line-clamp: 3;}

@media ( max-width:1024px){
.iconfont{ font-size:18px;}
body{min-width:300px;padding-top:0.55rem;}	
select,input,textarea,button{ font-size:14px;}
}
/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{width: 100%;height: 100%;object-fit: cover}

/*pages*/
.Pages{clear: both;text-align: center;line-height: 30px;font-size: 14px;padding-top: 30px;position: relative;}
.Pages .total{background:#eaeaea;display:inline-block;padding:0 10px;}
.Pages a{display: inline-block;vertical-align: middle;margin:0 4px 0 5px;background:#eaeaea;padding:0 10px;}
.Pages a:hover{background:#0b60b4;color:#fff;}
.Pages .num a{color:#333333;font-size: 16px;margin:0 5px;}
.Pages .num a:hover,.Pages .num a.a_cur{background:#0b60b4;color:#fff;}
.Pages .select{border:1px solid #767676;border-radius: 2px;height:28px;padding:0 3px;width:84px;color:#000000;text-indent: 0;background:url(../images/selectarr.gif) right 7px center no-repeat;vertical-align: middle;}

/*pages end*/


/*Top*/
.Header{position:absolute;width:100%;top:0;z-index:100;transition: all ease 0.3s;color: #fff;}
.Header .toper{position: relative;background-color: #0b60b4;}
.Header .toper .w1400{min-height: 1.29rem;background: url(../images/top-bg.png) no-repeat right bottom/100%;}
.Header .toper:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 0.09rem;content: "";background: rgba(255,255,255,0.1);}
.Header a{color: #fff;}.Header a:hover{color: #E0BB8B;}
.Header .logo h1 img{height: 0.67rem;}
.Header .logo h1 img.sj{display: none;}
.Header .t-right{display: flex;align-items: flex-end;flex-direction: column;}
.Header .t-right .nav{margin-bottom: 0.18rem;}
.Header .t-right .nav a:first-child{margin-right: 14px;position: relative;}
.Header .t-right .nav a:first-child:after{width: 2px;height: 17px;content: "";position: absolute;right: -8px;top: 50%;margin-top: -9px;background-color: rgba(255,255,255,0.8);}
.Search{position:relative;z-index: 101;}
.Search .Searchico{transform: translateY(-0.08rem); cursor:pointer; color:#fff;width: 0.38rem;height: 0.38rem;margin-right:0.2rem;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;font-weight: bold;border-radius: 50%;margin-left: 0.32rem;}
.Search .Searchico i{transform: translateY(2px);}
.Search .Searchico .iconso:before{top: -2px;position: relative;}
.Search .Searchico .icongb{ display:none;}
.Search .Searchico.on .icongb{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:18px;vertical-align: top;}
.Search .searchbox{width:310px; line-height:34px;position: absolute;right: 0;top: 60%;visibility:hidden;opacity: 0;}
.Search .searchbox .input{width:100%; height:34px; line-height:34px;padding:0 10px 0 48px; border:1px solid rgba(213, 213, 213, 1); border-radius:20px;background-color:rgba(255, 255, 255, 1)}
.Search .searchbox .input::-webkit-input-placeholder {color: #999;}
.Search .searchbox .btn { position:absolute; left:1px; top:1px; width:43px; height:32px; color:#000;background-color: transparent;}
.Search .searchbox .btn:hover {color:#478c38;}
.Search .searchbox .btn .iconfont {font-size: 18px;}
.Search .searchbox.on{opacity: 1;visibility: visible;top: 100%;z-index: 100;}

.MainNav{background: rgba(250,250,250,0.6);}
.MainNav li{position:relative; z-index:100;text-align: center;flex: 1;}
.MainNav span a{display: block;color: #333333;font-weight: 700;}
.MainNav span a{ position:relative; z-index:1;display:block;transition: all ease 0.3s;font-size: 0.22rem;line-height: 0.82rem;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a{background: #0855A0;;}
.MainNav li:hover span a,.MainNav li.onnav span a{ color: #fff;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center;top:100%; left:0;width:100%;padding:10px; background: rgba(251,251,251,0.72);box-shadow: 0 0 12px rgba(0,0,0,0.1);border-radius:0 0 0.1rem 0.1rem;}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ margin:0; position:relative;}
.NavPull a{ color:rgba(38, 38, 38, 1); display:block; font-size:0.2rem; padding:5px 0;}
.NavPull a:hover,.NavPull dd:hover a{color:#0855A0;}

.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:0; display:none;background: rgba(0,0,0,0.5);}
.openbtn{ cursor:pointer;width:30px; height:30px;padding-top: 5px; position:absolute; right:0.12rem; top:50%; z-index:999;background:#64a50b;display: none;transform: translateY(-50%);}
.openbtn i{ display:block; background:#fff; margin:10px auto;transition: all ease 0.3s;margin:4px auto;width:20px;height:2px;border-radius: 3px;}
.openbtn i.sp2{border-left: 6px solid #0b60b4;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {border-left: 0;
	-webkit-transform: translate(0, 1px) rotate(-45deg) !important;
	-moz-transform: translate(0, 1px) rotate(-45deg) !important;
	-ms-transform: translate(0, 1px) rotate(-45deg) !important;
	-o-transform: translate(0, 1px) rotate(-45deg) !important;
	transform: translate(0, 1px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1024px){
.Header{position: fixed;left: 0;top: 0;width: 100%;z-index: 100;background-color: #0b60b4;}
.Header .toper .w1400{min-height: 0.55rem;align-items: center;background: transparent;}
.Header .toper:after{display: none;}
.Header h1 img{ height:33px !important;}
.Header .logo h1 img.pc{display: none;}
.Header .logo h1 img.sj{display: block;}
.Header .t-right .nav{margin-bottom: 0;}
.Header .t-right{flex: 1;padding-right: 0.35rem;align-items: center;flex-direction: row;justify-content: flex-end;}
.Search .Searchico{transform: translateY(0);}
.Header .openbtn{display: block;}
.Search{position: static;padding:0;}
.Search .searchbox{ width:94%; left:3%; position:absolute;opacity: 0;visibility: hidden;top:80px;transition: all 0.3s;}
.Search .searchbox.on{opacity: 1;visibility: visible;top: 50px;}
.Search .searchbox .input{background:#fff;}

.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:220px; padding:0; right:-220px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ padding-top:30px;display: block;}
.MainNav li{ display:block; position:relative; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0; background:none;text-align: left;}
.MainNav li a {line-height: 38px;padding:0 15px;font-size: 15px;color: #333;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#0b60b4;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:10; width:100px; line-height:38px; height:38px; right:0px; top:-1px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:15px; top:0;transition: all ease 0.3s;color: #333;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}
.MainNav li:after{display: none;}
.NavPull{position: static;width: auto;text-align: left;transform: translateX(0);}
.NavPull dd a{padding-left: 25px;}
}
@media(max-width:640px){
.Search .Searchico .iconfont{font-size: 14px;}
.Header h1 img{ height:28px !important;}
.Search .Searchico{margin-left: 0.1rem;}
.Header .toper{font-size: 0.14rem;}
}
/*Top*/

/*Bottom*/
.waveBox{width: 100%;height: 100px;position: relative;overflow: hidden;bottom:0rem;z-index:0}
.waveBox canvas{position: absolute;top: 0;left: 0;width: 100%;}
.waveBox #myCanvas1{z-index: 1;}
.waveBox #myCanvas2{z-index: 2;    top: -10px;}
.waveBox #myCanvas3{z-index: 3;    top: 40px;}
.Footer{color:#fff;padding:0.98rem 0 0.14rem;background-size: cover;position: relative;font-size: 0.14rem;margin-top: -0.35rem;}
.Footer .wrapper{width: 100%; margin: 0 auto;position: relative;background: #1054a5;padding: 20px 0;}
.Footer .footer-bg { background:url(../images/line1.png);position: absolute;left: 0; top: 0;width: 100%; height: 100%;background-repeat: no-repeat; background-position: center top;-webkit-background-size: 100% 100%;background-size: 100% 100%; z-index: 1;}
.Footer .logo img{height: 0.54rem;display: block;margin: 0px auto;}
.Footer .slogan img{height: 0.46rem;display: block;margin: 0.17rem auto 0;}
.Footer .copy{display: flex;align-items: center;width: 100%;justify-content: center;}
.Footer .copy img{height: 0.34rem;margin-right: 0.16rem;}
.Footer .contact{padding-left: 0.29rem;}
.Footer .contact .lx{position: relative;line-height: 17px;width: 3.14rem;}
.Footer .contact .info{position: relative;line-height: 17px;margin-bottom: 0.14rem;}
.Footer .contact .info p{background-position: 0 center;background-repeat: no-repeat;padding-left: 0.28rem;}
.Footer .contact .info p:not(:last-child){margin-bottom: 0.16rem;}
.Footer .contact .info p:nth-child(1){background-image: url(../images/ico-add.png);}
.Footer .contact .info p:nth-child(2){background-image: url(../images/ico-zip.png);}
.Footer .contact .info p:nth-child(3){background-image: url(../images/ico-tel.png);}
.Footer .contact .info p:nth-child(4){background-image: url(../images/ico-mail.png);}
.Footer .contact .info:before{position: absolute;left: -0.29rem;width: 1px;height: 100%;content: "";background-color: #fff;}
.Footer .contact select{width: 2.32rem;height: 0.38rem;background-color: rgba(50,48,48,0.3);border: 0;color: #fff;}
.Footer .contact select option:nth-child(1){text-align: center;color: #fff;}
.Footer .ewm{text-align: center;padding: 0 0.33rem;}
.Footer .ewm img{width: 1.28rem;display: block;margin: 0px auto 0.05rem;}

/* 返回顶部 */
@-webkit-keyframes vibes {
    0%, 40%, 100% {-webkit-transform: translateY(0)}
    20%, 60% {-webkit-transform: translateY(6px)}
}
@keyframes updown {
    0% {margin-bottom: 0;}
    100% {margin-bottom: 10px;}
}
.totop{position:fixed;right:2%;bottom:3%;text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 55px;height: 55px;line-height: 55px; background: rgb(255,255,255);border: 1px solid #ddd;color:#000;z-index:210;border-radius: 50%;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop:hover{color:#fff;background:#0b60b4;}
.totop #canvas{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;fill: none;stroke-width: 3px;stroke: #0f70b6;stroke-dasharray: 275;stroke-dashoffset: 275;}
.totop i{display: inline-block;}
.totop:hover i{-webkit-animation: vibes 1.5s ease infinite;animation: vibes 1.5s ease infinite;}

@media(min-width:1025px){
	.Footer .b-left{width:calc(670 / 1440 * 100%);}
	.Footer .contact{width: calc(524 / 1440 * 100%);}
	.Footer .link{width: calc(210 / 1440 * 100%);}
	.Footer .ewm{flex: 1;text-align: center;}
}
@media ( max-width:1024px){
	.Footer .b-left{display: none;}
	.Footer .copy{padding: 0.1rem 0 0.15rem;}

	.fastNav{width: 0.4rem;}
	.fastNav .logo,.fastNav ul{display: none;}
	.totop{width: 0.4rem;height: 0.4rem;line-height: 0.4rem;background-color: #fff;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
}
@media ( max-width:768px){
	.Footer .logo{width: 80%;}
	.Footer .contact{float: none;clear: both;}
}
/*Bottom*/


/*首页 s*/

.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
	.itemhover2{transition: all ease 0.3s;}
	.activehover2{
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);}


/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;}
.HomeBan .item .imgbox img{width: 100%;display: block;display: block;overflow: hidden; }

.HomeBan .slick-dots{bottom:0;display: flex;height: 0.69rem;padding-bottom:0.27rem;    background: url(../images/bamss.png) repeat-x bottom center; /*opacity: .5;*/  background-size: 100% 100%;}
.HomeBan .slick-dots li{cursor: pointer;}
.HomeBan .slick-dots li button{width: 0.18rem;height: 0.18rem;}
.HomeBan .slick-dots li:not(:last-child){margin-right: 0.3rem;}
/* .HomeBan .slick-dots li:not(.slick-active){filter: brightness(0) invert(1);} */
.HomeBan .slick-dots li.slick-active button{background: url(../images/ban-dot.png) no-repeat center center/contain;width: 0.32rem;height: 0.32rem;-webkit-animation: play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite;transition: .2s;animation: spin 5s linear infinite; /* 无限循环旋转 */opacity: 1;}
.HomeBan .slick-dots li .imgbox a{display: block;overflow: hidden;}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
	}
	


@keyframes zoom{
	from{
	  transform: scale(1.175);
	}
	to{
	  transform: scale(1);
	}
  }
  
  @-webkit-keyframes zoom /*Safari and Chrome*/ {
	from{
		transform: scale(1.175);
	  }
	  to{
		transform: scale(1);
	  }
}
.HomeBan  .slick-active .imgbox img{display: block;width: 100%;height: 100%;animation: zoom 6s ease-in-out infinite alternate;}
.HomeBan .item .imgbox a::before{position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); transform: skewX(-25deg);}
.HomeBan .item .imgbox a:hover::before{-webkit-animation: shine 1s; -moz-animation: shine 1s; animation: shine 1s;}
@-webkit-keyframes shine{100% {left: 125%;}}
@-moz-keyframes shine{100%{left: 125%;}}
@keyframes shine{100%{left: 125%;}}

.HomeBan .slick-arrow{background-color: rgba(0,0,0,0.3);border:0;width: 0.5rem;height: 0.5rem;}
.HomeBan .slick-prev {background-image: url(../images/leftarr.png);}
.HomeBan .slick-next {background-image: url(../images/rightarr.png);}
.HomeBan:hover .slick-prev { left:5%;}
.HomeBan:hover .slick-next { right:5%;}
.HomeBan .slick-arrow:hover{background-color:#64a50b;}

/* 视频区域容器：非全屏，可自己改高度 */
.HomeBan .item .video-section {
  position: relative;
  width: 100%;
  height: auto; /* 关键：自适应屏幕高度 */
  /* overflow: hidden; */
}

/* 视频自适应 */
.HomeBan .item .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto; /* 高度自动按比例适应 */
object-fit: cover; 
  z-index: 1;
}

@media ( max-width:1024px){
.HomeBan .slick-arrow{display: none !important;}
}

.HomeTit1{line-height: 37px;height:37px;position: relative;margin-bottom: 24px;background: rgba(66, 145, 56, 0.3);}
.HomeTit1 aside{font-size: 20px;color:#fff;position: absolute;left:0;top:-4px;width:179px;height:51px;padding:0 0 0 56px;background:url(../images/titbg1.png);line-height: 41px;}
.HomeTit1 a.more{position: absolute;right: 26px;top:0;background:url(../images/more.png) no-repeat right center;padding-right: 18px;color: #586556;transition: all 0.5s;}
.HomeTit1 a.more:hover{color: #0b60b4;padding-right: 25px;}

.HomeTit2{line-height: 37px;height:37px;position: relative;margin-bottom: 24px;background: #EAEEFB;}
.HomeTit2 aside{font-size: 20px;color: #0b60b4;position: absolute;left:0;top:-4px;width:179px;height:51px;padding:0 0 0 56px;background:url(../images/titbg2.png);line-height: 41px;}
.HomeTit2 a.more{position: absolute;right: 26px;top:0;background:url(../images/more2.png) no-repeat right center;padding-right: 18px;color: #64719E;transition: all 0.5s;}
.HomeTit2 a.more:hover{color: #0b60b4;padding-right: 25px;}

.HomeTit{border-bottom: 1px solid #d9d9d9;line-height: 32px;position: relative;margin-bottom: 23px;}
.HomeTit aside{font-size: 20px;color:#0b60b4;position: relative;display: inline-block;vertical-align: top;padding: 0 0 8px 4px;}
.HomeTit aside:After{position: absolute;left: 0;bottom: -2px;height:3px;width: 100%;content: "";background:#429138;}
.HomeTit img{display: inline-block;vertical-align: middle;margin-right: 5px;width: 32px;}
.HomeTit a.more{position: absolute;right: 0;top:6px;background:url(../images/more.png) no-repeat right center;padding-right: 18px;color: #8C8C8C;transition: all 0.5s;}
.HomeTit a.more:hover{color: #0b60b4;padding-right: 25px;}
.HomeTit ul{display: flex;}
.HomeTit ul li:not(:last-child){margin-right: 50px;}
.HomeTit ul li:not(:last-child) span:before{position: absolute;width: 1px;height: 23px;content: "";top: 7px;right: -28px;background-color: #d9d9d9;}
.HomeTit ul li a.more{display: none;}
.HomeTit ul li span{font-size: 20px;color: #A3AFA1;position: relative;display: inline-block;vertical-align: top;padding: 0 0 8px 4px;cursor: pointer;}
.HomeTit ul li .i2{display: none;}
.HomeTit ul li.on a.more{display: block;}
.HomeTit ul li.on span{color:#0b60b4;}
.HomeTit ul li.on span:After{position: absolute;left: 0;bottom: -2px;height:3px;width: 100%;content: "";background:#429138;}
.HomeTit ul li.on .i1{display: none;}
.HomeTit ul li.on .i2{display: inline-block;}

.TabSlide{position: relative;}
.TabNav{padding-bottom: 0.15rem;position: relative;}
.TabNav.tc ul{justify-content: center;}
.TabNav.tc li{justify-content: center;}
.TabNav li{height: 0.92rem;display: flex;align-items: center;line-height: 1;}
.TabNav li em{position: absolute;top: -0.05rem;font-size: 0.72rem;color: #E7F2F9;font-weight: 400;font-family: abr;text-transform: uppercase;}
.TabNav li span{position: relative;z-index: 1;font-size: 0.32rem;font-weight: 900;font-family:'sys'}
.TabNav li span i{color: #005BAC;font-size: 0.42rem;font-family:'sys';font-weight: 1000;}
.TabNav .more{position: absolute;right: 0;top: 0.32rem;font-size: 0.14rem;color: #717472;display: flex;align-items: center;}
.TabNav .more i{transition: all 0.5s;margin-right: 0.49rem;position: relative;width: 0.21rem;height: 0.21rem;border-radius: 50%;border: 1px solid #1f3274;display: flex;align-items: center;justify-content: center;}
.TabNav .more i:after{border-radius: 50%;width: 0.05rem;height: 0.05rem;background-color: #1f3274;content: "";}
.TabNav .more i:before{width: 0.42rem;height: 1px;background-color: #1f3274;content: "";position: absolute;left: 50%;top: calc(50% - 1px);transition: all 0.5s;}
.TabNav .more:hover i{margin-right: 0.3rem;}
.TabNav .more:hover i:before{width: 0.3rem;}
.TabNav.white li span,.TabNav.white li span i,.TabNav.white .more{color: #fff;}
.TabNav.white li em{color: rgba(231,242,249,0.2);}
.TabNav.white .more i{border-color: #fff;}
.TabNav.white .more i:after,.TabNav.white .more i:before{background-color: #fff;}

.homeNews{padding:0.66rem 0 0.7rem;overflow: hidden;background: url(../images/main1-bg.jpg) no-repeat center bottom/cover;}
.homeNews .focus{box-shadow: 0 0 12px rgba(0,0,0,0.08);background: rgba(255,255,255,0.8) url(../images/newsfocus_bg.png) no-repeat right bottom/1.42rem 1.07rem;margin: 0 0 0.22rem;position: relative;}
.homeNews .focus .imgbox{padding-bottom: calc(339 / 512 * 100%);}
.homeNews .focus .info{position: relative;padding: 0.2rem;flex: 1;}
.homeNews .focus .info .other{color: #777777;font-size: 14px;}
.homeNews .focus .info .other p{color: #005BAC;}
.homeNews .focus .info .other time{font-family: 'Georgia';}


.homeNews .focus .info .tit{font-size: 0.18rem;color: #252525;font-weight: 700;margin-bottom: 0.24rem;line-height: 0.25rem;min-height: 0.5rem;}
.homeNews .focus:hover .info .tit{color: #0b60b4;}

.homeNews .focus .info .line1{ position: absolute; left:0; top: 0; height:1px; width: 0; background: #0b60b4; transition: .2s .1s;}
.homeNews .focus .info .line2{ position: absolute; left:0; bottom: 0; height:1px; width: 0; background: #0b60b4; transition: .2s .3s;}
.homeNews .focus .info .line3{position: absolute;right: 0;bottom: 0;height:0;width: 1px;background: #0b60b4; transition: .2s .5s;}

.homeNews .focus:hover .info .line1{ width: 100%; transition: .2s .1s;}
.homeNews .focus:hover .info .line2{ width: 100%; transition: .2s .3s;}
.homeNews .focus:hover .info .line3{ height: 100%; transition: .2s .5s;}

.homeNews .focus:hover{ box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);}




.homeNews .focus .info .desc{color: #8D8D8D;min-height: 0.69rem;line-height: 0.23rem;margin-bottom: 0.44rem;}
.homeNews .focus .slick-dots{bottom: 0.28rem;left: calc(55% + 0.2rem);width: calc(55% + 0.2rem);justify-content: flex-start;}
.homeNews .focus .slick-prev{left: 0.1rem;opacity: 0;}
.homeNews .focus .slick-next{right: calc(50% - 0.4rem);opacity: 0;}
.homeNews .focus:hover .slick-prev{opacity: 1;}
.homeNews .focus:hover .slick-next{opacity: 1;}

.listWz li a{min-height: 0.61rem;border-bottom: 1px solid #D8D8D8;position: relative;}
.listWz li a:After{transition: all 0.5s;position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background-color: #0b60b4;content: "";position: absolute;}
.listWz li span{flex: 1;font-size: 0.18rem;margin:0 0.3rem 0 0;}
.listWz li time {color: #777777;font-size: 0.14rem;font-family: 'Georgia';}
.listWz li:hover a:After{width: 100%;}

.homeNews .notice{margin-top: 0.4rem;}
.homeNews .notice ul{transform: translateY(-0.1rem);}
.homeNews .notice .item a{min-height: 1.02rem;border-bottom: 1px solid #d8d8d8;position: relative;}
.homeNews .notice .item a:after{width: 0;transition: all 0.5s;bottom: -1px;position: absolute;content: "";background-color: #0b60b4;height: 1px;}
.homeNews .notice .item time{margin-right:0.29rem;line-height:1;font-size: 0.14rem;color: #646060;width: 0.7rem;height: 0.6rem;display: flex;align-items: center;justify-content: center;background-color: #f1f9ff;flex-direction: column;transition: all 0.5s;font-family: 'Georgia';}
.homeNews .notice .item time i{font-size: 0.18rem;margin-bottom: 0.05rem;font-weight: 700;font-family: 'Georgia';}
.homeNews .notice .item span{font-size: 0.18rem;line-height: 0.25rem;flex: 1;}
.homeNews .notice .item:hover a:after{width: 100%;}
.homeNews .notice .item:hover span{font-weight: 700;}
.homeNews .notice .item:hover time{color: #fff;background: url(../images/datebg.gif);}

@media(min-width:1025px){
.homeNews .news{width: calc(868 / 1440 * 100%);}
.homeNews .notice{width: calc(510 / 1440 * 100%);margin-top: -0.14rem;}
}
@media(min-width:769px){
.homeNews .focus .imgbox{padding-bottom: 3.22rem;width: calc(483 / 868 * 100%);}
.homeNews .focus .info{flex: 1;}
}
@media(max-width:1024px){
	.homeNews .focus{overflow: hidden;}
	.homeNews{padding: 0.3rem 0;}
}
@media(max-width:768px){
	.homeNews .unit .slider{padding: 0.15rem 0;}
	.homeNews .unit:after{height: 0.25rem;}
	.homeNews .unit .item{padding: 0 0.1rem;}
	.homeNews .unit .item a{padding-left: 0;padding-right: 0;}
	.homeNews .focus .slick-dots{position: static;padding: 0.1rem;justify-content: center;width: 100%;}
	.homeNews .focus .info .desc{margin-bottom: 0.2rem;}
}
@media(max-width:480px){
	.TabNav li em{font-size: 0.6rem;}
	.TabNav li span{font-size: 0.26rem;}
	.TabNav li span i{font-size: 0.34rem;}
	.TabNav li{height: 0.6rem;}
}

.homeMiddle{padding:0.52rem 0 0;overflow: hidden;background: url(../images/home-bg2.png) no-repeat center bottom/cover;}
.homeMiddle .w1400{max-width: 1686px;}
.homeMiddle .slider {overflow: hidden;padding: 0.37rem 0 0;}
.homeMiddle .focus .item{padding: 0 0.15rem 0.86rem;}
.homeMiddle .focus .item a{display: block;box-shadow: 0 5px 20px rgba(0,0,0,0.25);}
.homeMiddle .focus .imgbox{padding-bottom: calc(268 / 394 * 100%);}
.homeMiddle .focus .info{height: 0.98rem;background: #dceeff;position: relative;padding: 0.29rem 0.17rem 0; font-family: 'Georgia';}


.homeMiddle  .focus .activehover .info .line2{ position: absolute; left:0; bottom: 0; height:5px; width: 0; background: #accdff; transition: .2s .3s;}

.homeMiddle  .focus .activehover:hover .info{ background: #fff;}

.homeMiddle  .focus .activehover:hover .info .line2{ width: 100%; transition: .2s .3s;}


.homeMiddle .focus .info time{background: url(../images/datebg.gif);width:0.64rem;height: 0.55rem;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;line-height: 1.2;position: absolute;left: 0.19rem;top: -0.3rem;font-size: 0.14rem;}
.homeMiddle .focus .info time i{font-size: 0.18rem;    font-family: 'Georgia';}
.homeMiddle .focus .info span{line-height: 0.22rem;text-align: center;}
.homeMiddle .slick-arrow{top: auto;bottom: 0;transform: translateY(0);}
.homeMiddle .slick-prev{left: auto;right: 1.85rem;}
.homeMiddle .slick-next{right: 1.2rem;}
.homeMiddle .slick-dots{}

@media(min-width:1025px){
	.homeMiddle .slick-dots{display: none !important;}
}
@media(max-width:1024px){
	.homeMiddle{padding: 0.3rem 0;}
	.homeMiddle .slider{padding-top: 0.15rem;}
}

.homeTab{padding: 1.18rem 0 1.35rem;background: url(../images/home-bg4.jpg) no-repeat center bottom/cover;}
.homeTab .w1400{max-width: 1523px;}
.homeTab .title{display: flex;align-items: center;justify-content: center;position: relative;flex-direction: column;cursor: pointer;transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);}
.homeTab .title:before{z-index:0;content: "";left: 0;top: 0;width: 101%;height: 100%;position: absolute;background: url(../images/titbg1.jpg) no-repeat center bottom/cover;transition: clip-path 0.4s ease;
	clip-path: polygon(
		0 0,                /* 左上角（不倾斜） */
		100% 5%,             /* 右上角（向内倾斜5%） */
		100% 95%,            /* 右下角（向内倾斜5%） */
		0 100%              /* 左下角（不倾斜） */);
}
.homeTab .title span{font-size: 0.38rem;color: #fff;text-align: center;position: relative;z-index: 10;padding: 0.15rem;display: block; font-family: 'sys';}
.homeTab .title span i{font-size: 0.32rem;margin-top: 0.25rem;}
.homeTab .content{background: url(../images/homeTab-bg.jpg) no-repeat right bottom/cover;box-shadow: 0 5px 15px rgba(0,0,0,0.32);padding: 0.3rem 0.4rem;display: none;}

.homeTab .group1 .focus{overflow: hidden;}
.homeTab .group1 .focus .imgbox{padding-bottom: calc(368 / 471 * 100%);}
.homeTab .group1 .focus .info{background-color: #fff;min-height: 1.33rem;padding: 0.16rem;position: relative;}

.homeTab .group1 .focus .info .line1{ position: absolute; left:0; top: 0; height:0; width: 1px; background: #0b60b4; transition: .2s .1s;}
.homeTab .group1 .focus .info .line2{ position: absolute; left:0; bottom: 0; height:1px; width: 0; background: #0b60b4; transition: .2s .3s;}
.homeTab .group1 .focus .info .line3{position: absolute;right: 0;bottom: 0;height:0;width: 1px;background: #0b60b4; transition: .2s .5s;}

.homeTab .group1 .focus .item:hover .line1{ height: 100%; transition: .2s .1s;}
.homeTab .group1 .focus .item:hover .line2{ width: 100%; transition: .2s .3s;}
.homeTab .group1 .focus .item:hover .line3{ height: 100%; transition: .2s .5s;}

.homeTab .group1 .focus time{color: #0B60B4;font-size: 0.14rem;background: url(../images/date-ico.png) no-repeat 0 center/0.19rem auto;padding-left: 0.24rem;    font-family: 'Georgia';}
.homeTab .group1 .focus .tit{font-size: 0.18rem;line-height: 0.25rem;margin-top: 0.09rem;}
.homeTab .group1 .list a{padding: 0.1rem 0;border-bottom: 1px solid #d8d8d8;position: relative;}
.homeTab .group1 .list a:after{position: absolute;left: 0;bottom: 0px;content: "";transition: all 0.5s;background-color: #0B60B4;z-index: 1;height: 1px;width: 0;}
.homeTab .group1 .list time{color: #999999;font-size: 0.14rem;background: url(../images/date-ico2.png) no-repeat 0 center/0.18rem auto;padding-left: 0.24rem;line-height: 0.26rem;    font-family: 'Georgia';}
.homeTab .group1 .list .tit{font-size: 0.18rem;line-height: 0.25rem;min-height: 0.5rem;display: flex;align-items: center;}
.homeTab .group1 .list .info{flex: 1;}
.homeTab .group1 .list .imgbox{width: 1.8rem;padding-bottom: 1.04rem;margin-left: 0.27rem;}
.homeTab .group1 .list .item:hover a:after{width: 100%;}

.homeTab .group2 .list {width: 100%;}
.homeTab .group2 .title:before{background-image: url(../images/titbg2.jpg);}
.homeTab .group2 .list ul{margin: 0 0 -0.28rem -0.28rem;}
.homeTab .group2 .list .item{width: calc(100% / 3 - 0.28rem);margin: 0 0 0.28rem 0.28rem;position: relative;}
.homeTab .group2 .list .imgbox{border-radius: 0.1rem;padding-bottom: calc(241 / 348 * 100%);}
.homeTab .group2 .list .imgbox:After{position: absolute;left: 0;bottom: 0;z-index: 2;content: "";background: linear-gradient( 180deg, rgba(14,66,167,0) 0%, #0E42A7 100%);height: 0.71rem;width: 100%;}
.homeTab .group2 .list .info{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;padding: 0.1rem;line-height: 0.22rem;color: #fff;transition: all 0.3s;z-index: 5;}
.homeTab .group2 .list .item:hover .info{bottom: 0.05rem;}

.homeTab .group3 .list {width: 100%;}
.homeTab .group3 .list ul{margin: 0 0 -0.45rem -0.35rem}
.homeTab .group3 .list .item{width: calc(100% / 3 - 0.45rem);margin: 0 0 0.35rem 0.45rem;position: relative;display: flex;min-height: 2.38rem;padding: 0.1rem;justify-content: center;border: 1px solid #d2d2d2;background: url(../images/group3bg.png) no-repeat right bottom/1.88rem 1.19rem;}
/* .homeTab .group3 .list .item a{} */
.homeTab .group3 .list .item .tit{text-align: center;line-height: 0.25rem;font-size: 0.18rem;min-height: 0.5rem;margin-bottom: 0.46rem;}
.homeTab .group3 .list time{color: #999999;font-size: 0.14rem;background: url(../images/date-ico2.png) no-repeat 0 center/0.18rem auto;padding-left: 0.24rem;line-height: 0.26rem;    font-family: 'Georgia';}

.homeTab .group.hover {flex: 12.5;}
.homeTab .group.hover .title{transform: translateX(0);}
.homeTab .group.hover .content{display: flex;}
.homeTab .group.hover .title:before{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
@media(min-width:1025px){
	.homeTab .group1 .focus{width: calc(472 / 1137 * 100%);}
	.homeTab .group1 .focus .imgbox{padding-bottom: 3.68rem;}
	.homeTab .group1 .list{width: calc(620 / 1137 * 100%);}
	.homeTab .group2 .list .imgbox{padding-bottom: 2.4rem;}
	.homeTab .group{flex: 1;height: 5.84rem;}
	.homeTab .title{width: 1.07rem;;}
	.homeTab .title span{line-height: calc(55 / 38);width: 0.45rem;padding: 0;}
	.homeTab .content{width:calc(100% - 1.07rem);}
}
@media(max-width:1600px){
	.homeTab .group.hover{flex: 14.5;}
}
@media(max-width:1024px){
	.homeTab .group{display: block;}
	.homeTab .group.hover .content{display: block;}
	.homeTab .content{padding: 0.2rem;}
	.homeTab{padding: 0.52rem 0;}
}
@media(max-width:768px){
	.homeTab .group2 .list ul{margin: 0 0 -0.12rem -0.12rem;}
	.homeTab .group2 .list .item{
		width: calc(100% / 2 - 0.12rem);
		margin: 0 0 0.12rem 0.12rem;}
 .homeTab .group3 .list ul{margin: 0 0 -0.12rem -0.12rem;}
 .homeTab .group3 .list .item{
			width: calc(100% / 2 - 0.12rem);
			margin: 0 0 0.12rem 0.12rem;}
			.homeTab .group3 .list .item a{min-height: 1.6rem;}
			.homeTab .group3 .list .item .tit{margin-bottom: 0.2rem;}
}
@media(max-width:480px){
	.homeTab .group1 .list .imgbox{margin-left: 0.1rem;}
	.homeTab .title span{font-size: 0.26rem;}
}

.homeBottom{padding: 0.52rem 0 1.1rem;background: url(../images/home-bg5.jpg) no-repeat center bottom/cover;}
.homeBottom .TabNav li em{color: rgba(254,254,254,0.6);}
.homeBottom .media{margin-bottom: 0.65rem;}
.homeBottom .focus .imgbox{padding-bottom: calc(365 / 525 * 100%);}
.homeBottom .focus .info{min-height: 1.1rem;background: #FFFFFF;padding: 0.1rem 0.06rem;position: relative;}

.homeBottom .focus .info .line1{ position: absolute; left:0; top: 0; height:0; width: 1px; background: #0b60b4; transition: .2s .1s;}
.homeBottom .focus .info .line2{ position: absolute; left:0; bottom: 0; height:1px; width: 0; background: #0b60b4; transition: .2s .3s;}
.homeBottom .focus .info .line3{position: absolute;right: 0;bottom: 0;height:0;width: 1px;background: #0b60b4; transition: .2s .5s;}

.homeBottom .focus .item:hover .line1{ height: 100%; transition: .2s .1s;}
.homeBottom .focus .item:hover .line2{ width: 100%; transition: .2s .3s;}
.homeBottom .focus .item:hover .line3{ height: 100%; transition: .2s .5s;}

.homeBottom .focus .info time{width: 0.65rem;height: 0.6rem;display: flex;line-height: 1;flex-direction: column;align-items: center;justify-content: center;color: #fff;font-size: 0.14rem;background: url(../images/datebg.gif);    font-family: 'Georgia';}
.homeBottom .focus .info time i{font-size: 0.18rem;margin-bottom: 0.05rem;    font-family: 'Georgia';}
.homeBottom .focus .info .tit{flex: 1;margin-left: 0.12rem;line-height: 0.25rem;font-size: 0.18rem;}
.homeBottom .listWz{background: rgba(255,255,255,0.8);padding: 0.28rem;}
.homeBottom .listWz li a{min-height: 0.82rem;}
.homeBottom .topic .item{padding: 0 0.2rem;}
.homeBottom .topic .item a{display: block;}
.homeBottom .topic .imgbox{padding-bottom: calc(175 / 451 * 100%);}
.homeBottom .topic .slick-prev{left: 0;}
.homeBottom .topic .slick-next{right: 0;}
.homeBottom .topic .slick-dots{position: static;margin-top: 0.12rem;}

@media(min-width:1025px){
.homeBottom .focus{width: calc(526 / 1440 * 100%);}
.homeBottom .focus .imgbox{padding-bottom: 3.65rem;}
.homeBottom .listWz{flex: 1;margin-left: 0.2rem;}
.homeBottom .topic .slick-dots{display: none !important;}
}
@media(max-width:1024px){
}


/* 隐藏导航 */
.wp{width: 15.2rem;padding: 0;margin: 0 auto;max-width: 94%;}
#nav{z-index: 1;height: .58rem;width: 100%;position: relative;}
#nav:before{content:"";position: absolute;top: 0;left:0;width:0;height: 1px;background: rgba(255,255,255,.4);transition: 2s;transition-delay: .5s;}
#nav.on:before{width:100%;}
#nav .wp{display: flex;align-items: center;height: 100%;width: 16.2rem;}
#nav .logos{width: 0;padding: 0;overflow: hidden;/* transition: .5s; */height: .58rem;display: flex;align-items: center;}
#nav .logos img{max-width:100%;max-height: 1.45rem;}
#nav ul{width:100%;display:flex;justify-content: space-between;height: 100%;}
#nav ul li{float:left;z-index:0;margin-left: 0;position: relative;height: 100%;}
#nav ul li a{display:block;padding: 0;position: relative;z-index: 2;height: 100%;}
#nav ul li h3{font-size: .22rem;color:#fff;height: 100%;position:relative;transition: .5s;display: flex;font-weight: bold;align-items: center;padding: .04rem 0 0;}
#nav ul li h3:after{content:"";position:absolute;left: 50%;bottom: 0;transition:.6s;width: 0;height: 3px;background: #0855A0; margin-left:0; opacity:0;visibility:hidden;}
#nav ul li.on h3:after, #nav ul li:hover h3:after{ opacity:1; visibility:visible; width: .34rem; margin-left: -.17rem;}
#nav ul li.xiala:hover h3:after{opacity:1;visibility:visible;width: 1.4rem;margin-left: -.7rem;}
#nav ul li a i{ margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px; background:; transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{ background:;}
#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%;background: rgba(251, 251, 251, 0.8);width: 1.4rem;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: .25s;transform-origin: top;}
#nav ul li .sub .box{padding: 0;text-align:center;box-shadow: 0 0 60px rgba(0,0,0,.1);}
#nav ul li .sub a{padding: 8px .1rem;line-height: 28px;transition:.6s;font-size: 0.2rem;color: #666666;text-align: center;white-space: nowrap;}
#nav ul li .sub a:hover{color: #fff;background: #0855A0;}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}
#nav>ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{}

#nav>ul>li h3:before{content:"";display:block;position:absolute;width: 12px;height: 12px;right: -1.375rem;top: 50%;margin-top: -6px;transition:.3s;background:url(../images/xiala.svg) center no-repeat;background-size:100% auto; display:none}
#nav>ul>li.xiala h3:before{ display:block}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li.noSubMenu h3:before{ display:none}

.miso_navs #nav .logos{width:6.4rem;padding: 0 1rem 0 0;height: 100%;}
.miso_navs{position: fixed;left:0;width:100%;background:url(../images/22.png) repeat-x top center;background-size:100% 100%;transition: .3s;box-shadow: 0 0 60px rgba(0,0,0,.1);top: 0;z-index: 100000;height: .9rem;transform: translateY(-101%);transition: .5s;visibility: hidden;opacity: 0;}
.miso_navs #nav{ height: 100%}

.miso_navs #nav .wp{ height: 100%}
.miso_navs #nav ul{ width: calc(100% - 3rem)}
.miso_navs #nav ul li h3{color: #FFF;padding: 0;}

.miso_navs.xg1{transform: translateY(0);opacity: 1;visibility: visible;}
/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; height:400px; min-height:400px; padding:60px 0;background: url(../images/subbg.jpg) no-repeat center top/100%;}
.SubPage.teambg{background: url(../images/teambg.jpg) no-repeat center bottom/cover;}
.SubPage.teambgs{background: url(../images/teambgs.jpg) no-repeat center bottom/cover;padding-bottom: 2rem;}

.SubBan { position:relative;overflow: hidden;background-repeat: no-repeat;background-position: center center;padding-bottom: calc(740 / 1920 * 100%);background-size: cover;}
.SubBan .w1400{position: absolute;left: 50%;transform: translateX(-50%);bottom: 1.49rem;line-height: 1;color: #fff;font-size: 0.48rem;font-weight: 700;text-shadow: 0px 4px 10px rgba(0,0,0,0.3);}

.SubMenu{position:relative; z-index:1;margin: -0.43rem 0 0;height: 0.86rem;}
.SubMenu .bg{position: absolute;right: 0;bottom: 0;z-index: -1;height: 0.42rem;background-color: #f8faf8;width: 100%;}
.SubMenu:before{position:absolute;left:0;top:0;width: 11.94rem;height: 0.86rem;left: 0;background: url(../images/menubg.png) no-repeat right top/100%;content: "";z-index: 1;}
.SubMenu:after{position:absolute;left:0.57rem;bottom:0;background: url(../images/menubg-logo.png) no-repeat center center/contain;width: 1.12rem;height: 0.75rem;content: '';z-index: 2;}
.SubMenu ul li{height: 0.86rem;display: flex;align-items: center;justify-content: center;font-size: 0.2rem;position: relative;}
.SubMenu ul li:after{position: absolute;left: 50%;height: 5px;bottom:0.12rem;background: url(../images/menuon.gif) no-repeat center bottom;content: "";transition: all 0.5s;width: 0;}
.SubMenu ul li a{color: #fff;}
.SubMenu ul li:not(:last-child){margin-right: 0.52rem;}
.SubMenu ul li:hover a,.SubMenu li.onli a{color: #EDC25D;}
.SubMenu ul li:hover:after,.SubMenu li.onli:after{width: 100%;left: 0;}

.SubMenu .place{display: flex;align-items: center;justify-content: flex-end;font-size: 0.14rem;}
.SubMenu .place:before{width: 0.16rem;height: 0.13rem;background: url(../images/home.png) no-repeat center center/contain;content: "";margin-right: 0.05rem;}
.SubMenu .title{font-size: 0.24rem;height: 0.86rem;display: flex;align-items: center;color: #fff;font-weight: 700;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; color:#333333; font-size:0.18rem; line-height:0.36rem;}

@media ( min-width:1025px){
.SubMenu .place{position: absolute;right: 0.4rem;line-height: 0.43rem;color: #fff;}
.SubMenu .place a{color: #fff;}
}
@media ( max-width:1024px){
.SubMenu{margin: 0;background-color: #005bac;height: auto;padding: 0.1rem 0;}
.SubMenu .place{padding-right: 0.1rem;}
.SubMenu .place,.SubMenu .place a{color: #fff;}
.SubMenu:before,.SubMenu:after,.SubMenu .bg{display: none;}
.SubMenu ul{margin-top: 0.15rem;}
.SubMenu ul li{height: auto;padding-bottom: 0.15rem;}
.SubMenu .title{height: auto;padding: 0.15rem 0;font-size: 0.24rem;}
.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}
.SinglePage img{ width:auto !important; height:auto !important;}

.RightCon{width: auto;float:none;}
.Position{margin-top:15px;margin-bottom:25px;}

.SubPage{padding: 0.5rem 0;}
.SubBan .w1400{bottom: 0.5rem;font-size: 0.3rem;}
}

/*栏目页公用样式 end*/

.subTab li{border: 1px solid #d8d8d8;min-width: 3.11rem;text-align: center;}
.subTab li a{padding: 0 0.15rem;font-size: 0.22rem;display: block;line-height: 0.66rem;}
.subTab li:hover a,.subTab li.onli a{color: #fff;background: #005bac url(../images/linebg3.png);}
.teamBox{background: rgba(255,255,255,0.6);box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.16);border: 1px solid #D8D8D8;padding: 0.3rem 0.2rem;}
.teamBox .team-list:not(:last-child){padding-bottom: 0.98rem;}

.team-list ul{margin: 0 0 -0.5rem -0.27rem;}
.team-list a{display: block;}
.team-list .item{width: calc(100% / 4 - 0.27rem);margin: 0 0 0.5rem 0.27rem;background-color: #f1f9ff;}
.team-list .imgbox{padding-bottom: calc(212 / 309 * 100%);}
.team-list .info{padding: 0.1rem;font-size: 0.18rem;}
.team-list h3{font-size: 0.18rem;margin-bottom: 0.03rem;line-height: 0.24rem;}

.subTit{display: flex;align-items: center;margin-bottom: 0.35rem;padding: 0.16rem 0.24rem;border-radius: 0.05rem;background-color: #eaeaea;font-size: 0.2rem;font-weight: 700;}
.subTit:before{content: "";background-color: #005bac;width: 0.05rem;height: 0.38rem;margin-right: 0.28rem;}

.subTit2{text-align: center;font-size: 0.32rem;font-weight: 700;color: #3D3D3D;padding-bottom: 0.4rem;}

.subTit3{margin-bottom: 0.3rem;height:0.48rem;background-color: #f7f7f7;padding-right: 0.17rem;}
.subTit3 h2{display: flex;align-items: center;font-size: 0.2rem;font-weight: 700;color: #005bac;}
.subTit3 h2:before{content: "";background-color: #005bac;width: 0.04rem;height: 0.48rem;margin-right: 0.12rem;}
.subTit3 a{color: #666666;}.subTit3 a:hover{color: #005bac;}

.teamBox-detail{background: rgba(255,255,255,0.9);box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.16);border: 1px solid #D8D8D8;padding: 0.35rem;margin-bottom: 0.5rem;}
.teamBox-detail .content{font-size: 0.18rem;line-height: 0.32rem;}
.teamBox-detail .content p + p{margin-top: 0.22rem;}

.teamBox-frist{background-color: #fff;padding: 0.2rem;margin-bottom: 0.5rem;}
.teamBox-frist .imgbox{width: calc(174 / 1358 * 100%);margin-right: 0.34rem;}
.teamBox-frist .content{flex: 1;font-size: 0.18rem;line-height: 0.32rem;}

.teamBox-col{margin-bottom: 0.5rem;}
.teamBox-col .col{background-color: #fff;}
.teamBox-col .subTit3 {position: relative;}
.teamBox-col .subTit3:After{position: absolute;left: 0;bottom: -0.3rem;width: 100%;height: 0.3rem;content: "";background-color: #f8faf7;}
.teamBox-col .inner{padding: 0.2rem;font-size: 0.18rem;line-height: 0.28rem;}
.teamBox-col .list1 li:not(:last-child){padding-bottom: 0.09rem;margin-bottom: 0.19rem;border-bottom: 1px solid #d8d8d8;}
.teamBox-col .list2 .imgbox{background-color: #f1f9ff;margin-right: 0.12rem;width: 1.38rem;padding-bottom: 1.38rem;}
.teamBox-col .list2 .imgbox span{left: 0.03rem;top: 0.03rem;width: calc(100% - 0.06rem);height: calc(100% - 0.06rem);}
.teamBox-col .list2 .info{flex: 1;}
.teamBox-col .list2 li:not(:last-child){margin-bottom: 0.12rem;}

.teamBox-pic .inner{background-color: #fff;padding: 0.4rem 0.2rem;}
.teamBox-pic .slider{padding: 0 0.65rem;}
.teamBox-pic .item{padding: 0 0.1rem;}
.teamBox-pic .imgbox{padding-bottom: calc(207 / 287 * 100%);border: 1px solid #999999;}
.teamBox-pic .info{line-height: 0.24rem;margin-top: 0.1rem;}
.teamBox-pic .slick-arrow{border: 1px solid #0b60b4;background-color: transparent;}
.teamBox-pic .slick-prev{left: 0;background-image: url(../images/leftarron2.png);}
.teamBox-pic .slick-prev:hover{background-image: url(../images/leftarr.png);}
.teamBox-pic .slick-next{right: 0;background-image: url(../images/rightarron2.png);}
.teamBox-pic .slick-next:hover{right: 0;background-image: url(../images/rightarr.png);}
.teamBox-pic .slick-dots{position: static;margin-top: 0.15rem;}

.aboutBox{background: rgba(255,255,255,0.6) url(../images/aboutbg.png) no-repeat right bottom/100%;box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.16);border: 1px solid #D8D8D8;padding: 0.5rem 0.3rem;}

.NewsList{ margin:0 0 0 -3%;}
.NewsList li{ width:30.3333%; float:left; margin:0 0 4% 3%;}
.NewsList .imgbox{ padding-top:68%;}
.NewsList .date{ z-index:2; position:absolute; left:0; bottom:0; font-size:18px; text-align:center; background:rgba(0,0,0,0.6); width:100px; height:60px; padding-top:10px; color:#fff;line-height:22px;}
.NewsList .date i{ opacity:0.5; display:block;font-size:14px;}
.NewsList .tit{ margin-top:22px; line-height:0.36rem;font-size: 0.2rem;}
.NewsList .p{ font-size:14px; color:#999999; line-height:24px;-webkit-line-clamp: 2;}
.NewsList li:hover .date{background:#0b60b4;}

.NewsList2{ margin:0px 0 4% 0; background:url(../images/linebg.gif) 0px top repeat-x; padding-top:1px;}
.NewsList2 li{ background:url(../images/linebg.gif) 0px bottom repeat-x; padding:29px 206px 32px 137px; position:relative;transition: all ease 0.3s;}
.NewsList2 li .date{transition: all ease 0.3s; line-height:37px; color:#949494; font-size:16px; position:absolute; text-align:center; left:20px; top:28px; width:100px; height:100px; border-radius:19px 0 19px 0; font-family:"宋体"; background:#f2f2f2;}
.NewsList2 li .date span{ display:block; color:#000000; padding-top:6px; line-height:49px; margin:0 16px; border-bottom:1px solid #dfdfdf; font-size:36px;}
.NewsList2 li .tit{ line-height:38px; margin-bottom:2px; font-size:0.2rem; color:#333333;}
.NewsList2 li .p{-webkit-line-clamp: 2; line-height:23px; height:46px; margin-bottom:7px; color:#999999;}
.NewsList2 li .more{ position:absolute; top:38px; right:22px; text-align:center; width:100px; line-height:34px; color:#fff;font-size:12px; border-radius:23px; box-shadow:0 5px 12px #dccdde; background:#0b60b4;}
.NewsList2 li .more i{ display:inline-block; vertical-align:middle; background:url(../images/more2.png) no-repeat center center; width:13px; height:9px; margin-left:8px;}
.NewsList2 li:hover{ background-color:#f8f8f8;}
.NewsList2 li:hover .date{ background:#0b60b4; color:#fff;}
.NewsList2 li:hover .date span{color:#fff;}
.NewsList2 li:hover .tit{color:#0b60b4;}

.PhotoNews{margin-bottom:2%;}
.PhotoNews li{transition: all ease 0.3s; background:#fff; position:relative; padding-left:397px; margin-bottom:30px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.PhotoNews .imgbox{ position:absolute; left:0; top:0; width:360px; padding-top:240px;}
.PhotoNews .info{ padding-right:180px; position:relative; height:240px;}
.PhotoNews .tit{ padding-top:39px; line-height:53px; font-size:20px; color:#000;}
.PhotoNews .p{-webkit-line-clamp: 3; height:72px; color:#999999;font-size:14px;line-height:24px;}
.PhotoNews .date{ position:absolute; right:0; width:140px; text-align:center; top:50px; border-left:1px solid #e7e7e7; height:140px; color:#999999; font-size:16px;}
.PhotoNews .date i{ display:block; line-height:36px; padding-bottom:6px; font-size:22px; color:#222222;}
.PhotoNews .date .more{ display:block; width:70px; height:25px; margin:18px auto 0; border-radius:13px; background: #0b60b4 url(../images/more2.png) center center no-repeat;}
.PhotoNews li:hover .tit{ color:#0b60b4;}

.Titleinfo{ text-align:center; border-bottom:1px dashed #e5e5e5; margin-bottom:35px;}
.Titleinfo h2{-size:24px; color:#333333; line-height:26px;}
.Titleinfo .date{ padding:12px 0; font-size:14px;}
.Titleinfo .date i{ display:inline-block;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49%; line-height:60px; height:60px;overflow:hidden; background:#f7f7f7; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:33px; top:0px; color:#000000; font-weight:bold;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666666;}
.PrevNextBox dl:hover{background:#0b60b4; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

.SearchBox .form{padding-right:186px;position:relative;}
.SearchBox .input{width:100%;border:1px solid #dddddd;height:45px;padding-left:10px;font-size:20px;}
.SearchBox .btn{position:absolute;right:0;top:0;width:173px;height:45px;color:#fff;background:#0b60b4;font-size:20px;}
.SearchBox .btn:hover{background:#0b60b4;}
.SearchBox .result{font-size:14px;padding:14px 0 18px;}

.news-detail .SubBan{padding-bottom: 3rem;}
.news-detail .SubBan .w1400{display: none;}

@media(min-width:1025px){
.teamBox-detail .content{width: calc(810 / 1343 *100%);}
.teamBox-detail .imgbox{width: calc(477 / 1343 *100%);}
.teamBox-col .col{width: calc(680 / 1400 * 100%)}
}
@media(max-width:1024px){
.PhotoNews li{padding-left:300px; margin-bottom:15px;}
.PhotoNews .imgbox{width:280px; padding-top:180px;}
.PhotoNews .info{ height:180px; padding-right:120px;}
.PhotoNews .date{ width:100px; top:20px;}
.PhotoNews .tit{ padding-top:25px; line-height:35px; font-size:18px;}
.PhotoNews .date .more{width:50px;}
.subTab li {min-width: 2.8rem;}
}
@media(max-width:768px){
.PhotoNews li{ height:auto; padding:0;}
.PhotoNews .imgbox{ position:relative; width:auto;padding-top:50%;}
.PhotoNews .info{ padding:0 80px 0 15px; height:115px;}
.PhotoNews .date{ width:65px; font-size:14px; height:80px;}
.PhotoNews .date i{ font-size:16px; line-height:24px; padding-bottom:0;}
.PhotoNews .date .more{ height:20px; margin-top:5px;}
.PhotoNews .tit{ font-size:16px; padding-top:10px;}
.PhotoNews .p{ height:48px;-webkit-line-clamp: 2;}

.NewsList2 li{padding:12px 0px 12px 75px;}
.NewsList2 li .date{ left:0; top:20px;line-height:28px;font-size:14px; width:65px; height:65px;}
.NewsList2 li .date span{line-height:24px; margin:0 16px; font-size:16px;}
.NewsList2 li .more{ display:none;}
.NewsList2 li .tit{ line-height:28px; font-size:16px;}

.SearchBox .form{padding-right:110px;}
.SearchBox .btn{width:100px;height:36px;font-size:14px;}
.SearchBox .input{height:36px;font-size:14px;}

.subTit2{line-height: 1;font-size: 0.26rem;padding-bottom: 0.25rem;}

.subTit{padding: 0.1rem;}
.subTit:before{margin-right: 0.1rem;}
.team-list ul{margin: 0 0 -0.3rem -0.12rem;}
.team-list .item{width: calc(100% / 2 - 0.12rem);margin: 0 0 0.3rem 0.12rem;}
.subTab li{min-width: 100%;}
.subTab li a{line-height: 0.4rem;}

.teamBox-detail{padding: 0.2rem;}
.teamBox-pic .inner{padding: 0.2rem;}
.teamBox-pic .slider{padding: 0 0.5rem;}
.news-detail .SubBan{padding-bottom: 1.2rem;}
}

@media (max-width:640px){
.NewsList li{width:auto;float:none;margin-bottom: 20px;}
.NewsList .tit{margin-top: 12px;line-height: 28px;}

.Titleinfo { line-height:20px; padding-bottom:0px; margin-bottom:20px;}
.Titleinfo h2{ font-size:18px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}
}


/* 信息搜索 */
.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)}

.f-cb h3{ font-size: .3rem; color: #fff; text-align: center; margin-bottom: .3rem}

.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: #0669ff;transition: .6s;left: 0;right: 0;z-index: 1;opacity: .8;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);}
.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;
}

.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 8rem;
	margin: 0 auto;
	padding: 0 0.08rem 0 .24rem;
	background-color: rgba(255,255,255,.1);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: .72rem;
	width: calc(100% - .56rem);
	background-color: transparent;
	font-size: .2rem;
	line-height: .08rem;
	color: #fff;
	transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: .72rem;
	width: .56rem;
}

.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: .24rem;
	background-image: url('../images/search-btn.png');
}
.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.png');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
	font-size: 0;

	width:19.5rem;
	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:;
}
.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;
}


.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255,255,255,.1);
    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-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.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);
    }
}