@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: "YouSheBiaoTiHei";
	src: url("../fonts/YouSheBiaoTiHei.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Oswald";
	src: url("../fonts/Oswald.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
  
html,body{height:100%;}

body{padding: 0 0 0; margin:0px auto; font-size:0.16rem;line-height:0.3rem; color:#333333; width:100%; 
    /* min-width:1280px;  */
    zoom:1;font-family:  sans-serif; 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:  sans-serif;}
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{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
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:#005bac;}
/**: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.png) 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;}
.Contain{ z-index:1; position:relative; clear:both; margin:0px 8%;}
.table{ display: table; width:100%;}
.table .row{ display: table-row;}
.table .cell{ display: table-cell; vertical-align: middle;}
.iblock{font-size:0;}
.iblock div,.iblock li{ display: inline-block; vertical-align: middle;font-size:16px;}
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,.dot3,.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
.dot2 {-webkit-line-clamp: 2;}
.dot3 {-webkit-line-clamp: 3;}
.dot4 {-webkit-line-clamp: 4;}

/*font*/
.f_green{ color:#005bac;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

@media ( max-width:1440px){

}
@media ( max-width:1024px){
.iconfont{ font-size:18px;}
body{ font-size:14px; padding-top:0; line-height:24px;min-width:300px;}	
.iblock div,.iblock li{ font-size:14px;}
.Contain{max-width:none; margin:0 15px;}
select,input,textarea,button{ font-size:14px;}
}
/*effict*/
.Scale-img {overflow: hidden; 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:auto !important; max-height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#333; clear:both; padding-top:10px; line-height:0.54rem;;font-size:18px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 8px;text-align:center; width:0.54rem;; height:0.54rem;;}
.Pages .p_page a{ display:inline-block; vertical-align:middle; background-position:center center; background-repeat:no-repeat;border: 1px solid #e3e3e3;border-radius: 50%}
.Pages .p_page a .iconfont{font-size:18px;font-weight:bold;}
.Pages .p_page .a_prev,.Pages .p_page .a_first,.Pages .p_page .a_next,.Pages .p_page .a_end{ border: 1px solid #e3e3e3;line-height:0.54rem;font-family: 宋体;font-weight: bold;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_end:hover{border:1px solid #005bac; background:#005bac; color:#fff;}
.Pages .p_page .num a.a_cur,.Pages .p_page .num a:hover{color:#fff;	background-color: #005bac;border-color:#005bac }
.Pages .input{ width:37px; line-height:0.54rem;; height:0.54rem;; text-align:center; border:1px solid #e3e3e3;}
.Pages .topage{margin-left:20px;}
.Pages .go{margin-left:15px; color:#333333; background:none; width:72px; height:0.54rem;;font-size:18px; cursor:pointer;}
.Pages .go .iconfont{ color:#005bac;font-size:18px;font-weight:bold;}


@media ( max-width:1024px){
.Pages{line-height:40px; font-size:14px;}
.Pages a{ margin:0px 1px; width:40px; height:40px;}
.Pages .p_page .a_prev,.Pages .p_page .a_first,.Pages .p_page .a_next,.Pages .p_page .a_end{line-height:40px;}
.Pages .input{ height:40px; line-height:22px;}
.Pages .go{ width:60px; height:40px;font-size:14px;}
}
/*pages end*/


/*Top*/
.Header{ height:100px; position:fixed; width:100%; left:0; top:0; background:transparent; border-bottom:1px solid rgba(255,255,255,0.2); z-index:100; transition: all 0.3s;text-align: center;}
.Header .auto{ width:94%; margin:0px auto;}
.Header .Logo{ float:left; padding-top:23px; transition: all 0.3s;}
.Header .toper{ float:right; transition: all 0.3s;font-size: 16px; line-height:16px;height:100px;display:flex;align-items: center;}
.Header .toper a{color:#fff;}
.Header .toper li{display:inline-block;vertical-align:middle;  margin-left:16px; padding-left:16px;position: relative;height: 25px;line-height: 25px;}
.Header .toper .ver{color: #fff;position: relative;}
.Header .toper .ver .iconxjt{font-size:16px;color:#fff;}
.Header .toper .ver .iconver{font-size:28px;color:#fff;}
.Header .toper .ver dd{display:none;position:absolute;left: 50%;top: 25px;width: 100%;text-align: center;line-height:32px;background-color: #fff;border-radius: 5px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);transform: translateX(-50%);}
.Header .toper .ver.on dd{display: block;}
.Header .toper .ver.on .iconver{transform: }
.Header .Search{padding-right:0 !important;margin-right:0 !important;border-right:0 !important;}
.Header .Search .Searchico{ cursor:pointer; color:#fff;}
.Header .Search .Searchico .icongb{ display:none;}
.Header .Search .Searchico.on .icongb{ display:block;}
.Header .Search .Searchico.on .iconso{ display:none;}
.Header .Search .Searchico .iconfont{ font-size:26px;}
.Header .Search .searchbox{width:350px; line-height:34px;position:absolute; display:none; right:0; top:60px;}
.Header .Search .searchbox .input{ background:#fff;width:100%; height:36px; line-height:34px; text-indent:1em; border:1px solid #dcdcdc; border-radius:4px;}
.Header .Search .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Header .Search .searchbox .btn { position:absolute; right:-2px; top:0; width:60px; height:36px; color:#fff; background:#005bac; border-radius:0 4px 4px 0;}
.Header .Search .searchbox .btn:hover { background:#005bac;}

.MainNav{ line-height:100px; height:100px; display: inline-block;}
.MainNav li{ float:left; margin-right: 0.5rem; z-index:100;}
.MainNav span a{ position:relative; z-index:1;display:block; text-align:center; font-size:20px; transition: all ease 0.3s;padding:0 7px;color: #fff}
.MainNav span a em{ position:relative; z-index:1;}
.MainNav .bg{ position:absolute; left:50%; width:0; bottom:0; height:3px; background:#005bac;transition: all ease 0.3s;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a{ color:#005bac;}
.MainNav li:hover .bg,.MainNav li.onnav .bg,.MainNav li span a.bg{ width:100%; left:0;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:100px; left:0%;width:100%;; line-height:33px; background: #f3f8ff; text-align: center;padding-bottom: 0.8rem;}
.PullBox{float: left;margin-left: 23%;}
.NavPull:before{position: absolute;right: 0;width: 12rem;height: 100%;background: #fff;content: ""}
.NavPull dl{display: inline-block;width: 2.7rem;padding-top: 0.6rem;text-align: left;padding-right: 0.6rem;float: left;}
.NavPull .rigthbox{width: 5.6rem;display: inline-block;padding: 0.8rem 0 0 0.8rem}
.NavPull .rigthbox .imgbox{width: 100%;width: 4.8rem;	height: 2.2rem;}
.NavPull .rigthbox h3{font-size: 0.24rem;font-weight: normal;color: #222222;line-height: 0.72rem;height: 0.72rem;text-align: left;position: relative;}
.NavPull .rigthbox h3 span{font-weight: lighter;color: #005bac;font-size: 0.18rem;}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ position:relative;line-height: 0.44rem;font-size: 0.16rem;color: #666666;}
.NavPull dd a{ display:block; }
.NavPull dd span{float: right;line-height: 0.44rem;height: 0.44rem;}
.NavPull dd img{opacity: 0; vertical-align: middle;transition: all 0.3s}
.NavPull dd:hover img{opacity: 1;}
.NavPull dd a:hover{color: #005bac;}
.NavPull a:hover,.NavPull dd:hover a{ font-size: 0.24rem;color: #005bac;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; background:#fff; position:absolute; right:10px; top:11px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:10; display:none;background: rgba(0,0,0,0.5);}
.openbtn span{ display:block; height:3px; background:#005bac; border-radius:4px; margin:4px;transition: all ease 0.3s;}
.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 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}
.Header .toper li{display:inline-block;vertical-align:middle;  margin-left:16px; padding-left:16px;position: relative;height: 25px;line-height: 25px;}
.Header.fix .toper .ver,.Header:hover .toper .ver{color: #005BAC;}
.Header.fix .Logo img.hide,.Header:hover .Logo img.hide{display: inline-block;}
.Header.fix .Logo img,.Header:hover .Logo img{display: none}
.Header.fix .MainNav a,.Header:hover .MainNav a{color: #222222}
.Header.fix .toper .ver .iconver,
.Header.fix .Search .Searchico,
.Header.fix .toper .ver .iconxjt,
.Header:hover .toper .ver .iconver,
.Header:hover .Search .Searchico,
.Header:hover .toper .ver .iconxjt,
.Header:hover  .toper a,
.Header.fix  .toper a,.Header:hover  .toper a{color: #005BAC}
.Header:hover,.Header.fix {background: #fff}
@media ( max-width:1440px){
	.MainNav li{ margin-right:30px;}
}
@media ( max-width:1366px){
	.MainNav li{ margin-right:20px;}
	.Header .auto{ max-width:1280px;padding:0 25px;}
	.MainNav span a{font-size:16px;}
	.MainNav span a{padding: 0}
}
@media ( max-width:1024px){
.Header,.Header .toper{height:45px !important;}
.Header .toper .ver dd{top: 100%;width: 100px;}
.Header .auto{ width:auto;padding:0 15px;}
.Header .Logo{ padding-top:10px !important; width:auto;}
.Header .Logo img{ height:26px;}
.Header.fix .MainNav, .Header.fix .toper,.Header .toper{ line-height: normal;}
.Header .Search .searchbox{right: 5%;width: 90%;}
.Header .toper li{margin-right:5px;padding-right:5px;position: static;}
.Header .toper .ver .iconver{font-size:22px;}
.Search{ padding:0 38px 0 0 !important; position:static;}
.Search .searchbox{ width: 96%; right: 2%; top: 45px !important;}
.Header .openbtn{ display:block;}
.Header .toper li{margin-left: 0;padding-left: 0;padding-right: 30px;}
.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:300px; padding:0; right:-300px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; }
.MainNav ul{ padding-top:30px;}
.MainNav li{ display:block; position:relative; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0; background:none;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:28px !important; height:auto !important; height:auto; padding:8px 0 8px 20px;  border:0; color:#999;}
.MainNav span a:after{ display:none;}
.MainNav .bg{ display:none}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#005bac;}
.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:5px;transition: all ease 0.3s;}
.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;}
.PullBox{margin-left: 0;display: inline-block;width: 100%;float: none;}
.NavPull .rigthbox{display: none}
.NavPull dl{width: 100%;}
.NavPull:before{display: none}
.NavPull{ position:static; line-height:30px; padding:8px; width:auto; margin:0 5px; text-align:left;}
.NavPull dl{ padding:0 !important;}
.NavPull dd{ position:relative; text-align:left; display:block;}
.NavPull dd a{ padding:0 0 0 10px;font-size: 14px !important;line-height: 2;padding-left: 15px;}

}


/*Bottom*/
.Footer{ position:relative; background:#fff; padding:48px 0 0;font-size:14px;}
.Footer .logo{position:absolute;left: 0;top: 0;}
.Footer .nav{text-align:center;padding-left:82px;margin-bottom:45px;}
.Footer .nav i{display: inline-block;vertical-align: middle;width: 44px;background:url(../images/navline.gif) center center no-repeat;height: 20px;}
.Footer .nav i:last-child{display:none;}
.Footer .contact{padding-bottom:49px;margin-left:-3.333%;}
.Footer .contact li{width:33.333%;float:left;padding-left:3.333%;}
.Footer .contact .ti{line-height:68px;font-weight: bold;font-size: 16px;}
.Footer .contact .ti .iconfont{color:#005bac;font-size: 36px;margin-right:8px;font-weight: normal;}
.Footer .contact .txt{padding-left:44px;color:#666666;}
.Footer .contact .txt b{font-size:18px;}

.Copyright{text-align: center;padding:20px 15px;background:#f6f6f6;color:#666666;}
.Copyright a{color:#666666;}.Copyright a:hover{color:#005bac;}

.totop{text-align: center; position:absolute; bottom:20%; right:0; width:0.9rem; line-height:0.9rem; color:#fff; cursor: pointer;overflow: hidden;visibility:visible;opacity: 1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; background:#005bac; z-index:999;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop:hover{background:#009f46;}
.totop a{color:#fff;}

.FastRight{position:fixed;right: 0;top:50%;width: 50px;transform: translate(0,-50%);z-index: 100;}
.FastRight li {position: relative;margin-bottom:1px;}
.FastRight li .ico{line-height: 50px;text-align: center;color:#fff;background:rgba(0,0,0,0.4);}
.FastRight li:hover .ico{background:#005bac;}
.FastRight li .info{position:absolute;right: 0px;top: 0;line-height: 50px;padding:10px;line-height: 30px;background:#005bac;color:#fff;visibility: hidden;opacity: 0;transition: all 0.3s;text-align: center;}
.FastRight li .info img{display:block;width:120px;height:120px;max-width: none;}
.FastRight li .telinfo{font-size: 18px;width: 220px;}
.FastRight li .telinfo i{font-size: 14px;}
.FastRight li.on .info{right: 50px;opacity: 1;visibility: visible;}

@media ( max-width:1024px){
.Footer{padding:18px 0 0 0;}	
.Footer .logo,.Footer .nav{display:none;}
.Footer .contact{padding-bottom:20px;}
.Footer .contact li{width:auto;float: none;padding-bottom:10px;}
.Footer .contact .ti .iconfont{font-size:24px;}
.Footer .contact .ti{font-size:15px;line-height:30px;}
.totop{width:30px;height:30px; line-height:28px;}
.Footer .contact .txt {padding-left:33px;}
.Copyright{font-size:12px;padding:12px;}
.FastRight{width: 30px;}
.FastRight li .ico{line-height: 30px;}
.FastRight li.on .info{right:30px;}
}
@media ( max-width:640px){
.sec-4 .item .box li{font-size:13px;}
}
/*Bottom*/


/*滑过带阴影的公用效果，需要的话 加上 itemhover即可 s*/
.itemhover{transition: all ease 0.3s;display: block;}
.activehover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
.w1440{width: 90%;max-width: 14.4rem;margin: 0 auto}

/*******第一屏 s*******/
.section{background-position: center center;background-size: cover;}

/*banner 上向下滚动的箭头效果*/
.downarr{ color:#fff;width:72px; height:80px; line-height:20px; position:absolute; bottom:00px; left:50%; margin-left:-35px; z-index:999; text-align:center;}
.downarr:after{position: absolute;left: 50%;bottom:0;width: 0.01rem;content:"";	height: 0.4rem; -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;	background-color: #ffffff;}

@-webkit-keyframes rightan
{
  from{bottom: 20%;opacity: 0;}
  to{bottom: 0%;opacity: 1;}
}
/*banner 上向下滚动的箭头效果*/
@keyframes scale2{
	0%{transform: scale(1);-webkit-transform: scale(1);opacity: 0.5;}
	100%{transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 0.2;}
}
@keyframes scale3{
	0%{transform: scale(1);-webkit-transform: scale(1);opacity: 0.5;}
	100%{transform: scale(1.5);-webkit-transform: scale(1.5);opacity: 0.1;}
}

.HomeBan{position: relative; z-index: 1; overflow:hidden; height:100%; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;height: 100vh;}
.HomeBan .item .txt{ z-index:10; position:absolute; left:50%; width:50%; top: 50%; transform: translate(-50%,-50%);color:#fff;text-align: left;width: 75%;}

@media screen and (min-width:640px){
    .HomeBan .item .txt{
        margin-top: -1.1rem;
    }
}
@media screen and (min-width:1400px){
    .HomeBan .item .txt{
        margin-top: -1.5rem;
    }
}
.HomeBan .item .txt a{color:#fff;display: block;transition:all 1s ease-out;}
.HomeBan .item .txt h1{font-size: 1rem; line-height:0.9rem;font-family: YouSheBiaoTiHei;font-weight: normal;}
.HomeBan .item .txt .p{margin:0 0 40px;font-size: 18px; line-height: 50px;}
.HomeBan .item .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeBan .item .btn{display:inline-block;line-height: 0.5rem;text-align: center;font-size: 0.18rem;font-weight: lighter; padding:0 2px;font-size:14px;width: 2rem;height: 0.5rem;background-color: #005bac;border-radius: 0.25rem;position: relative;}
.HomeBan .item .btn:before{position:absolute; left:0; top:0; width:100%; height:100%;border: solid 0.01rem #ffffff;content:"";animation: scale2 2s linear infinite;border-radius: 0.25rem;}
.HomeBan .item .btn:after{position:absolute; left:0; top:0; width:100%; height:100%;border: solid 0.01rem #ffffff;content:"";animation: scale3 2s linear infinite;border-radius: 0.25rem;}
.HomeBan .slick-dots{ bottom: 20px;}
.HomeBan .slick-dots li{margin:0;width: 30px;height: 30px;position: relative;}
.HomeBan .slick-dots li button{ border-radius:0; border:0px; background:rgba(255,255,255,0.6);width:10px; height:10px;border-radius: 50%;}
.HomeBan .slick-dots li:after{border:1px solid #fff;width: 0;height: 0;content: "";position:absolute;left: 50%;top: 50%;transition: all 0.3s;border-radius: 50%;opacity: 0;}
.HomeBan .slick-dots li.slick-active button{ background:#fff;}
.HomeBan .slick-dots li.slick-active:after{width: 100%;height: 100%;left: -10px;top: -10px;opacity: 1;}
.HomeBan .item.item_c .txt h1,.HomeBan .item.item_c .txt .p{color: #005bac;}
.HomeBan .slick-arrow{ width: 60px; height: 60px; background-color: rgba(0,0,0,0.1); background-size:contain; background-repeat: no-repeat;border-radius: 50%;}
.HomeBan .slick-prev{ left:-100px; background-image: url(../images/arrleft4.png);}
.HomeBan .slick-next{ right:-100px; background-image: url(../images/arrright4.png);}
.HomeBan:hover .slick-prev { left:4%;}
.HomeBan:hover .slick-prev:hover,.HomeBan:hover .slick-next:hover {background-color: #005bac;}
.HomeBan:hover .slick-next { right:4%;}


@media ( max-width:1440px){
.HomeBan .item .txt h1{font-size: 50px !important; line-height: 100px;}
.HomeBan .item .txt h1 span{font-size: 100px;}
.HomeBan .item .txt .p{margin:0 0 30px;font-size: 20px; line-height: 35px;}
}

@media ( max-width:1024px){
.HomeBan .item .txt h1{font-size:60px;line-height:60px;}
.HomeBan .item .txt .p{font-size:15px;line-height:24px;}
.HomeBan .item .txt h1 span{font-size:40px;padding-right:12px;}
.HomeBan .slick-dots { bottom:10px;}
.downarr{ display:none;}
}
@media ( max-width:640px){
.HomeBan,.HomeBan .item{height:auto;}
.HomeBan .item .imgbox{padding-top:80%;height: auto;position: relative;}
.HomeBan .item .imgbox{padding-top:80%;}
.HomeBan .item .txt{width:88%;}
.HomeBan .item .txt h1{font-size:30px;line-height:40px;}
.HomeBan .item .txt .p{font-size:12px;margin-bottom:20px;}
.HomeBan .item .txt h1 span{font-size:32px;}
.HomeBan .slick-dots li:after{display:none;}
.HomeBan .slick-dots{bottom:0;}
.HomeBan .slick-dots li {width:20px;height:20px;}
.HomeBan .item .btn{height: 30px;line-height: 30px;border-radius: 30px;padding: 0 20px;width: 100px;}
}
/*******第一屏 end*******/


/*******第二屏 s/*******/
.btnMore{display:inline-block;line-height: 0.5rem;text-align: center;font-size: 0.18rem;font-weight: lighter;color:#fff; padding:0 2px;width: 2rem;height: 0.5rem;background-color: #005bac;border-radius: 0.25rem;position: relative;margin-top: 0.5rem;margin-bottom: 1.5rem;}
.btnMore:before{position:absolute; left:0; top:0; width:100%; height:100%;border: solid 0.01rem #005bac;content:"";animation: scale2 2s linear infinite;border-radius: 0.25rem;}
.btnMore:after{position:absolute; left:0; top:0; width:100%; height:100%;border: solid 0.01rem #005bac;content:"";animation: scale3 2s linear infinite;border-radius: 0.25rem;}
.btnMore:hover{color: #fff}

.HomeTit{position: relative;}
.HomeTit h2{font-size: 0.52rem;line-height: 0.6rem;color:#222222;position: relative;padding-bottom: 0.2rem;font-weight: normal;}
.HomeTit h2:after{position: absolute;left: 0;bottom:0;content:"";width: 0.6rem;height: 0.08rem;background: url(../images/indexbg1.png) no-repeat center/contain;}
.HomeTit .en{color:#999999;font-size:14px;text-transform: uppercase;line-height:22px; letter-spacing: 0.4em;}
.HomeTit.bai h2{color:#fff;}
.HomeTit.bai .en{color:#fff;opacity: 0.4;}
.HomeTit .nav{position: absolute;right: 0;top: 4px;}
.HomeTit .nav li{display:inline-block;}
.HomeTit .nav li a{display:block;padding:0 19px;line-height: 46px;font-size: 20px;}
.HomeTit .nav li.on a{color:#fff;background:#005bac;}

.sec-2 {background:url(../images/indexbg2.jpg) 0px top no-repeat;background-size: cover;overflow: hidden;}
.sec-2 .auto{margin: 0 8%;margin-top:0.8rem;position: relative;}
.sec-2 .HomeTit{margin-bottom:35px;}
.sec-2 .Info{width: 45%;float: left;padding-top:20px;color:#333333;position: relative;z-index: 2;transform:translateX(-280px);-webkit-transform:translateX(-280px);opacity:0;transition:all 1s 0.1s;}
.sec-2 .Info .txt{font-size: 0.3rem;
    /* line-height: 0.36rem; */
    line-height: 1.5;
    padding-bottom:0.20rem;width: 100%;color: #005bac;}
.sec-2 .Info p{font-size: 0.18rem;line-height: 0.32rem;color: #555555;font-weight: lighter;}
.sec-2 .Info .txt b{color:#005bac;}
.sec-2 .Num{width:100%;display: flex;height:1rem;align-items: center;	transform:translateY(-280px);-webkit-transform:translateY(-280px);opacity:0;transition:all 1s 0.3s;z-index: 10;}
.sec-2 .Num dd{flex: 1;text-align: left;position: relative;font-size: 0.18rem;font-weight: lighter;line-height: 0.3rem;color: #555555;}
.sec-2 .Num dd b{display: block;line-height: 0.61rem;font-weight: normal;font-size: 0.26rem;color:#005bac;font-family: Oswald;}
.sec-2 .Num dd b i{font-size: 0.56rem;font-weight: bold;}
.sec-2 .Num dd:last-c hild{flex: 1.5;}
.sec-2 .Img{width: 50%;float: right;transform:translateX(280px);-webkit-transform:translateX(280px);opacity:0;transition:all 2s 0.5s;position: relative;position: absolute;top: 1rem;right: 0}
.sec-2 .Img video{position: absolute;width: 100%;height: 100%;object-fit: fill;object-fit: cover;left:0;top: 0;}
.sec-2.active .Info,.sec-2.active .Num,.sec-2.active .Img{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
@media ( max-width:1024px){
.sec-2 .HomeTit{margin-bottom:20px;}
.sec-2 .auto{margin:0 6%;padding:25px 0;}
.sec-2 .Info,.sec-2 .Img{width: 48%;float: none;}
.sec-2 .Info,.sec-2 .Num,.sec-2 .Img{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-2 .Num{width:auto;position: static;margin-bottom:20px;}
}
@media ( max-width:768px){
.sec-2 .Info{padding-top:0;}
.HomeTit h2{font-size: 22px;line-height: 30px;margin-bottom: 20px;}
.sec-2 .Info .txt{font-size: 18px;line-height: 24px;padding-bottom:15px;}
.sec-2 .Num {display: block;height: auto;}
.sec-2 .Num dd{width: 50%;float: left;padding:15px 0 0;}
.sec-2 .Num dd b i{font-size:26px;}
.sec-2 .Info p{font-size: 14px;line-height: 1.5;}
.btnMore{height: 30px;line-height: 30px;font-size: 14px;width: 100px;border-radius: 40px;margin-bottom: 20px;}
.btnMore:before,.btnMore:after{border-radius: 40px;}
.sec-2 .Num dd,.sec-2 .Num dd b{font-size: 16px;line-height: 32px;}
}
@media ( max-width:480px){
.sec-2 .Info, .sec-2 .Img{width: 100%;margin-bottom: 20px;position: static;}
.sec-2 .Info{margin-bottom: 0;}
}
/*******第二屏 end/*******/


/*******第三屏 s*******/
.sec-3{overflow: hidden;background:url(../images/sec3_bg.jpg) right bottom;background-repeat: no-repeat;background-size: cover;}
.sec-3 .fp-tableCell{position: relative;z-index: 2;}
.sec-3 .auto{position: relative;z-index: 2;height: 100%;padding-right:8%;}
.sec-3 .HomeTit{position: absolute;left: 8%;top: 220px;transform:translateX(-280px);-webkit-transform:translateX(-280px);transition:all 1s;z-index:10;}
.sec-3 .HomeTit h2{color: #fff}
.sec-3 .HomeTit h2:after{background: url(../images//indexbg2.png)no-repeat center;}
.sec-3 .Nav{width: 56.25%;position: absolute;left: 8%;bottom: 12.25vw;height: 2.6rem;z-index: 99;;}
.sec-3 .Nav ul{width: 100%;height: 100%}
.sec-3 .Nav li{width: 19%;float: left;margin-right: 1%;transform:translateY(-280px);-webkit-transform:translateY(-280px);height: 2.6rem;border: solid 0.01rem rgba(255,255,255,0.5);}
.sec-3 .Nav li a{display: flex;font-weight: normal;align-items: center; position: absolute;width: 100%;top: 0;height:100%;font-size: 0.24rem;text-align: center; ;color:#fff;flex-direction: column;justify-content: center;left: 0;background: rgba(255,255,255,0.1);}
.sec-3 .Nav li.li1{transition:all 1s 0.1s;}
.sec-3 .Nav li.li2{transition:all 1s 0.2s;}
.sec-3 .Nav li.li3{transition:all 1s 0.3s;}
.sec-3 .Nav li.li4{transition:all 1s 0.4s;}
.sec-3 .Nav li.li5{transition:all 1s 0.5s;}
.sec-3 .Nav li.li6{transition:all 1s 0.6s;}
.sec-3 .Nav li.li7{transition:all 1s 0.7s;}
.sec-3 .Nav li a i{width: 0.3rem;height: 0.3rem;background-color: #ffffff;border-radius: 0.16rem;line-height: 0.31rem;text-align: center;margin-top: 0.6rem;position: relative;z-index: 5;}
.sec-3 .Nav li a i img{
    vertical-align: middle;
    /* margin-top: -0.08rem; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.sec-3 .Nav li.on a i:after{position: absolute;left: 0;top: 0;width: 0.3rem;height: 0.3rem;background-color: #005bac;border-radius: 0.16rem;animation: scale3 2s linear infinite;content:"";z-index: -1;}
.sec-3 .Nav a span{display: inline-block;width: 0.5rem;height: 0.5rem;line-height: 0.5rem;text-align: center;margin-bottom: 0.3rem;}
.sec-3 .Nav li.on a{color:#222222;background:#fff;}
.sec-3 .Nav li.on a i .hide{display: inline-block;}
.sec-3 .Nav li.on a i img{display: none}
.sec-3 .Nav li.on a i{background-color: #005bac;}
.sec-3 .Nav li.on a span .hide{display: inline-block;}
.sec-3 .Nav li.on a span img{display: none;}
.sec-3 .slidebox{opacity:0;transition:opacity 1s 0.7s;}
.sec-3 .Item{display: none;}
.sec-3 .imgbox{width: 100%;position: absolute;left: 0;top: 0;height: 100%;}
.sec-3 .Info{width: 23.4%;position: absolute;right: 8%;bottom: 11vw}
.sec-3 .Info .tithead b{display: block;color:#fff;line-height: 0.63rem;font-size: 0.36rem;}
.sec-3 .Info .p{height: 1rem;-webkit-line-clamp: 3;line-height: 0.32rem;font-size: 0.18rem;font-weight: lighter; color:#ffffff;margin-bottom: 0.6rem;opacity: 0.8;}
.sec-3 .Info .num{position: relative;line-height: 0.68rem;}
.sec-3 .Info .num span{font-family: "impact";font-size: 0.8rem;color:#005bac;}
.sec-3 .Info .btnMore{margin-bottom: 0;margin-top: 1vw}
.sec-3 .Info .btnMore:after,.sec-3 .Info .btnMore:before{border-color: #fff}
.sec-3.active .HomeTit,.sec-3.active .Nav li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-3.active .slidebox{opacity:1;}

@media ( max-width:1024px){
.sec-3{background: #005bac;}
.sec-3 .HomeTit,.sec-3 .Nav li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-3 .auto{padding:25px 0;margin:0 4%;}
.sec-3 .Nav{position: static;width: 100%;}
.sec-3 .HomeTit{position:static;margin-bottom:20px;}
.sec-3 .slidebox{opacity:1;}
.sec-3 .Nav ul{display: flex;}
.sec-3 .Nav li:last-child(){margin-right: 0;}
.sec-3 .Nav{position:static;width: auto;height: auto;}
.sec-3 .Nav li{position:relative;float: left;top:auto !important;}
.sec-3 .Nav li a{font-size:15px;line-height:20px;padding:0 10px;}
.sec-3 .Nav li.on a{font-size:16px;}
.sec-3 .imgbox{position:relative;padding-top:50%;width: auto;margin-top: 40px;}
.sec-3 .Info{width: auto;position: static;padding-top:15px;}
.sec-3 .Info .p{height: auto;margin-bottom: 0.3rem;}
.sec-3 .Info .ico{width:50px;}
.sec-3 .Info .btnMore{margin-top: 0}
}
@media ( max-width:768px){
.sec-3 .Info .tithead b{font-size: 20px;font-weight: normal;line-height: 1.5;}
.sec-3 .Nav li{width:25%;height:30px ;}
.sec-3 .Nav li a{font-size:13px;display:block;padding:5px 0;}
.sec-3 .Nav li.on a{font-size:14px;font-weight: normal;}
.sec-3 .Info .btnMore{bottom:0;}
.sec-3 .Info .p{font-size: 16px;line-height: 1.5;}
}
@media ( max-width:480px){
.sec-3 .Nav li a i,.sec-3 .Nav a span{display: none}
.sec-3 .imgbox{margin-top: 20px;}
}
/*******第三屏 end*******/


/*******第四屏 s*******/
.sec-5{background:url(../images/sec4_bg.jpg) right bottom;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.sec-5 .auto{padding-top:1.8rem;margin:0 8%;}
.sec-5 .HomeTit{transform:translateX(280px);-webkit-transform:translateX(280px);opacity:0;transition:all 1s 0.1s;margin-bottom:1rem;}
.sec-5 .slider{transform:translateX(-280px);-webkit-transform:translateX(-280px);opacity:0;transition:all 1s 0.2s;display: flex;}
.sec-5 .HomeTit{transform:translateX(280px);-webkit-transform:translateX(280px);opacity:0;transition:all 1s 0.1s;margin-bottom:1rem;}
.sec-5 .item{position: relative;width: 16%;text-align: center;color:#fff;transition: all 0.3s;overflow: hidden;}
.sec-5 .imgbox{padding-top:4.9rem;}
.sec-5 .imgbox:after{content:"";position:absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);z-index: 2;transition: all 0.3s;}
.sec-5 .info{position: absolute;left: 0;bottom: 0;width: 100%;line-height:.4rem;height: 100%;overflow:hidden;z-index: 5;border-bottom: 1px solid rgba(255,255,255,0.1);transition: all 0.3s;padding: 0.9rem 0 0.7rem}
.sec-5 .info .tit{position: relative;font-size: 0.22rem;transition: all 0.3s;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: center;}
.sec-5 .More{text-align: center;margin-top: 1.1rem}
.sec-5 .More i{display: inline-block; transition: all 0.3s;opacity: 1;width: 0.3rem;text-align: center;line-height: 0.3rem;height: 0.3rem;background-color: #ffffff;border-radius: 0.16rem;border: solid 0.01rem #c8d8e5;position: relative;z-index: 5;}
.sec-5 .mask{bottom: -100%;width: 100%;left: 0;background:rgba(0, 91, 172,0.5);height: 1.2rem;position: absolute;z-index: 5;transition: all 0.3s;opacity: 0;}
.sec-5 .More i img{
    vertical-align: middle;
    /* margin-top: -0.05rem; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.sec-5 .mask .tit{font-size: 22px;float: left;width: 75%;height: 1.2rem;display: flex;align-items:  center;padding-left: 0.7rem;}
.sec-5 .mask .More{width: 25%;float: right;display: flex;align-items:  center;justify-content: center;margin: 0 auto;height: 1.2rem;background-color: rgba(0, 91, 172, 1);}
.sec-5 .mask .More i:after{position: absolute;left: 0;top: 0;width: 0.28rem;height: 0.28rem;background-color: #fff;border-radius: 0.16rem;animation: scale3 3s linear infinite;content:"";z-index: -1;}

.sec-5 .item{padding-right: 0.1rem;}
.sec-5 .item a{color:#fff;display: block;position: relative;}
.sec-5 .slick-dots {width: 30px;height: 25px;line-height: 25px;overflow: hidden;bottom: auto;top: -70px;left:auto;right: 84px;}
.sec-5 .slick-dots li{display:none;margin:0;}
.sec-5 .slick-dots li button{border-radius: 0;width: auto;height: auto;background:none;}
.sec-5 .slick-dots li.slick-active{display:block;}
.sec-5 .slick-dots li.slick-active button{font-size:18px;color:#005bac;font-weight: bold;}
.sec-5 .numtotal{position: absolute;right:52px;top:26px;width: 31px;color:#c5c5c5;font-size: 14px;}

.sec-5 .slick-arrow {top: -58px;margin:0;width: 32px;height:20px;}
.sec-5 .slick-prev {left:auto;right: 131px;background:url(../images/arrleft5.png);}
.sec-5 .slick-prev:hover {background:url(../images/arrleft05.png);}
.sec-5 .slick-next {right: 0;background:url(../images/arrright5.png);}
.sec-5 .slick-next:hover {background:url(../images/arrright05.png);}
.sec-5.active .HomeTit,.sec-5.active .slider{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

@media(min-width:1025px){
.sec-5 .item:hover .info .btnMore{opacity: 1;position:static;visibility: visible;}
.sec-5 .item:hover .info .tit{visibility: hidden;opacity: 0;position: absolute;}
.sec-5 .item:hover .info .More{opacity: 0;}
.sec-5 .item:hover .mask {bottom:0;opacity: 1;}
.sec-5 .item:hover {width: 700px;}
.sec-5 .item:hover .imgbox:after{opacity: 0;}
}
@media ( max-width:1024px){
.sec-5 .HomeTit{margin-bottom:3px;}
.sec-5 .HomeTit,.sec-5 .slider{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-5 .auto{padding:25px 0;margin:0 6%;}
.sec-5 .imgbox{height: 240px;}
.sec-5 .info .tit{font-size:16px;line-height: 1.2;}
.sec-5 .mask .tit i{width:5px;}
}
@media ( max-width:640px){
.sec-5 .slick-dots,.sec-5 .numtotal{display:none !important;}
.sec-5 .mask .tit{font-size:14px;}
.sec-5 .mask{padding:8px 0;}
.sec-5 .slick-prev{right:auto;left:-10px;top: 50%;margin-top:-10px;}
.sec-5 .slick-next{right:-10px;top: 50%;margin-top:-10px;}
.sec-5 .item{width: 33%;margin-bottom: 2%;margin-right: 0;}
.sec-5 .slider{flex-wrap: wrap;}
.sec-5 .slider .item{margin: 0;}
}

/*******第四屏 end*******/


/*******第五屏 s*******/
.sec-7{background:url(../images/sec5_bg.jpg) top center;background-repeat: no-repeat;background-size: cover;overflow: hidden;} 
.sec-7 .auto{padding-top:1.8rem;margin:0 8%;}
.sec-7 .HomeTit{margin-bottom:0.6rem;}
.sec-7 .HomeTit .nav{position: absolute;right: 0;top: 0;height: 0.56rem;line-height: 0.56rem;text-align: right; }
.sec-7 .HomeTit .nav li{display: inline-block;padding: 0 0.55rem; height: 0.56rem;line-height: 0.56rem;border: solid 0.01rem rgba(0, 91, 172, 1); margin-left: 0.2rem;      border-radius: 0.28rem;text-align: center;    }
.sec-7 .HomeTit .nav li a{height: 0.56rem;line-height: 0.56rem;font-size: 0.18rem;color: #005bac;}
.sec-7 .HomeTit .nav li.on a{color: #ffffff;background: none}
.sec-7 .HomeTit .nav li.on{background-color: #005bac;}
.sec-7 .HomeTit .nav .slick-track{float: right;}
.sec-7 .slidebox{position: relative;height: 6rem;width: 100%;}
.sec-7 .slidebox .List{position: absolute;left: 0;top: 2rem;opacity: 0;z-index: 1;width: 100%;transition: all 0.3s}
.sec-7 .slidebox .List.on{opacity: 1;z-index: 9;top: 0;overflow: hidden;}


.HomeNews .slider:After{height: 2px;background: #eaeaea;width: 100%;bottom: 0;content: "";position: absolute;left: 0;}
.HomeNews .item:After{left: 0;bottom: 0;width: 0;content: "";position: absolute;background: #b1702b;height: 2px;transition: all 0.5s;}
.HomeNews .desc{display: none;min-height: 0.56rem;margin-bottom: 0.37rem;}
.HomeNews .ti{min-height: 1.08rem;margin: 0.33rem 0 0.08rem;font-size: 0.24rem;line-height: 0.36rem;transition: all 0.5s;}
.HomeNews .slick-dots{left: -3.38vw;width: 6px;height: 23.48vw;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.HomeNews .slick-dots li{width: 2px;height: 0.2rem;margin: 0.1rem auto;display: block;}
.HomeNews .slick-dots li.slick-active{width: 6px;height: 0.3rem;}
.HomeNews .slick-arrow{top: auto;transform: translateY(0);background: url(../images/larr1.png) no-repeat center;height: 0.3rem;width: 0.3rem;}
.HomeNews .slick-prev{right: 2rem;bottom: 0.8rem;left: auto;}
.HomeNews .slick-next{right: 0rem; left: auto;bottom: 0.8rem;background: url(../images/rarr1.png) no-repeat center}
.HomeNews .item .box{width: 100%;}
.HomeNews .item .box .date{font-size: 0.18rem;line-height: 0.5rem;color: #005bac;margin-top: 0.1rem}
.HomeNews .item .box .dot2{font-size: 0.22rem;line-height: 0.36rem;color: #333333;padding-right: 0.3rem;font-weight: normal;}
.HomeNews .item .More{text-align: left;margin-top: 0.5rem}
.HomeNews .item .More i{display: inline-block; transition: all 0.3s;opacity: 1;width: 0.3rem;text-align: center;line-height: 0.3rem;height: 0.3rem;background-color: #ffffff;border-radius: 0.16rem;border: solid 0.01rem #c8d8e5;position: relative;z-index: 5;}
.HomeNews .item .More i img{
    vertical-align: middle;
    /* margin-top: -0.05rem; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.HomeNews .item .More.slick-active i:after{position: absolute;left: 0;top: 0;width: 0.28rem;height: 0.28rem;background-color: #fff;border-radius: 0.16rem;animation: scale3 3s linear infinite;content:"";z-index: -1;}
.HomeNews .item.slick-active .box{width: 6.4rem;height: 2.2rem;background-color: rgba(0,91,172,0.9);padding:0.4rem 0.6rem;position: absolute;bottom:-0rem;z-index: 99;right: 0}
.HomeNews .item.slick-active .box .date{color: #ffffff;font-size: 0.18rem;line-height: 0.36rem;margin-top: 0}
.HomeNews .item.slick-active .box .dot2{font-size: 0.22rem;line-height: 0.36rem;color: #ffffff;}
.HomeNews .item.slick-active  .More{margin-top: 0.58rem}
.HomeNews .item.slick-active{padding-bottom: 0.8rem;margin-bottom: 0.2rem;}
.HomeNews .slick-pages{position: absolute;right: 0rem;bottom:0.8rem;height: 0.3rem;line-height: 0.3rem;width: 2.3rem;text-align: center;}
.HomeNews .slick-pages{font-size: 0.18rem;color: #ffffff;}
.HomeNews .slick-pages #cur{font-size: 0.24rem;color: #005bac;font-weight: bold;}
.sec-7 .slidebox .List:before{width: 80%;height: 1px;background: #fff;position: absolute;right: 2.6rem;bottom:0.95rem; content:"";}
.sec-7 .slidebox .List:after{width: 2rem;height: .03rem;background: #005bac;position: absolute;right: 2.6rem;bottom:0.94rem; content:"";}
@media ( max-width:1440px){
.sec-7 .slidebox .imgbox{padding-top:47%;}
.sec-7 .tit{line-height: 0.5rem;font-size: 0.18rem;}
.sec-7 .box{padding:0.25rem;}
.sec-7 .more{width: 140px;line-height: 38px;}
.sec-7 .p{margin-bottom:0.1rem;}
}
@media(min-width:1025px){
	.HomeNews .item.slick-current{width: 7.4rem;}
	.HomeNews .item{margin-right: 0.6rem;width: 3.7rem;position: relative;}
	.HomeNews .imgbox{padding-top: 65%;z-index: 2;}
}
@media(max-width:1024px){
	.HomeNews .item{margin: 0 20px;padding-bottom: 40px;}
	.HomeNews .item.slick-active .box{padding: 15px;position: static;height: 1.6rem}
	.sec-7 .HomeTit .nav{width: 70%}
.sec-7 .auto{padding:25px 0;margin:0 6%;}
.HomeNews .item.slick-active .More{display: none}
.HomeTit .nav{position: static;text-align: center;margin-top:10px;}
.HomeTit .nav li a{font-size:15px;line-height:34px;padding:0 10px;}
.sec-7 .date{font-size:12px;width:100px;line-height:32px;top:-15px;left:15px;}
.sec-7 .box{padding:15px;}
.sec-7 .tit{font-size:15px;line-height:45px;}
.sec-7 .slidebox .List li{position: relative;}
}
@media(max-width:768px){
	.HomeNews .item.slick-active .box{width: 100%	}
.HomeNews .item.slick-active .box .date{font-size: 14px;line-height: 1.25;}
.HomeNews .item.slick-active .box .dot2{font-size: 16px;line-height: 1.25;}
.sec-7 .slidebox li{margin-bottom:15px;}
	.HomeNews .item.slick-active .box{height: auto}

.sec-7 .slidebox li:last-child{display:none;}	
.sec-7 .box{background: #fff;padding:15px 8px;}
.sec-7 .tit{font-size:14px;}
.sec-7 .HomeTit .nav li a{padding: 0}
.sec-7 .HomeTit .nav li a{font-size: 16px;}
.sec-7 .HomeTit .nav li{height: 30px;line-height: 30px;border-radius: 30px;padding: 0 10px;}
.sec-7 .HomeTit .nav li a{height: 30px;line-height: 30px;}
.sec-7 .slidebox{height: 10rem}
.HomeNews .slick-pages,.sec-7 .slidebox .List:after,.sec-7 .slidebox .List:before{display: none}
.sec-5 .More i{width: 30px;height: 30px;line-height: 30px;border-radius: 30px;border: none}
.HomeNews {padding-bottom: 1.78rem;}
}
@media(max-width:480px){
	.sec-7 .slidebox li{margin: 0}
.sec-7 .HomeTit .nav li a{font-size: 14px;}
.sec-7 .HomeTit .nav li{padding: 0 5px;}
}
/*******第五屏 end*******/

.Home_Contact{background:url(../images/sec6_bg.jpg) top center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.Home_Contact .auto{min-height: 1.8rem;padding: 0 8%;display: flex;align-items: center;}
.Home_Contact h1{color: #fff;font-size: 0.38rem;font-weight: normal; }
.Home_Contact .btnMore{background-color: #ffffff;color: #005bac;font-size: 0.18rem;vertical-align: middle;margin: 0;}
.Home_Contact .btnMore:after,.Home_Contact .btnMore:before{border-color: #fff;}
@media(max-width:768px){
.Home_Contact .btnMore{font-size: 14px;;height: 25px;line-height: 25px;border-radius: 25px;}
.Home_Contact h1{font-size: 18px;}
.sec-7 .HomeTit .nav{margin-top: 0}
.sec-7 .HomeTit .nav{width: 80%;}
}
@media(max-width:480px){
.Home_Contact{}
.Home_Contact .btnMore{font-size: 15px;;height: 25px;line-height: 25px;border-radius: 25px;margin: 8px 0;}
.Home_Contact h1{font-size: 14px;}
}
/*******第八屏 s*******/


/*******首页公用滑屏效果，哪一屏用到可以把  'ani1,ani2'...这些class加到页面上 配合animate.css 使用 s*******/
.active .ani1{
	animation:fadeInUp 1s .4s ease both;
	-webkit-animation:fadeInUp 1s .4s ease both;
	-moz-animation:fadeInUp 1s .4s ease both;
}
.active .ani2{
	animation: flipInX 1s .2s ease both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation: flipInX 1s .2s ease both;
	-moz-animation:flipInX 1s .2s ease both;
}
.active .ani3{
	animation:fadeInUp 1s .4s ease both;
	-webkit-animation:fadeInUp 1s .4s ease both;
	-moz-animation:fadeInUp 1s .4s ease both;
}
.active .ani4{
	animation:fadeInUp 1s .4s ease both;
	-webkit-animation:fadeInUp 1s .4s ease both;
	-moz-animation:fadeInUp 1s .4s ease both;
}
/*******首页公用滑屏效果，哪一屏用到可以把  'ani1,ani2'...这些class加到页面上 配合animate.css 使用  end*******/

/*
 .Menu002188 
 */
.Menu002188 {
    border-bottom: 1px solid #ebebeb;
    padding: 0px;
    height: 86px;
    display: flex;
    align-items: center;
    margin-bottom: 1.2rem;
}

.Menu002188 {
    border-bottom: 1px solid #ebebeb;
    padding: 0px;
    height: 86px;
    display: flex;
    align-items: center;
}

.Menu002188 .Menu {
    float: left;
}

.Menu002188 .Menu li {
    float: left;
}

.Menu002188 .Menu li a {
    transition: .3s ease-out;
    font-size: 16px;
    color: #333333;
    margin-right: 56px;
    position: relative;
    line-height: 87px;
    display: block;
}

.Menu002188 .Menu li a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 3px;
    background-color: #005BAC;
    transition: 0.3s;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
}

.Menu002188 .Menu li a:hover::after,
.Menu002188 .Menu li.cur a::after {
    width: 100%;
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
}

.Menu002188 .Menu li.cur a,
.Menu002188 .Menu li a:hover {
    color: #005BAC;
}

.Menu002188 .Currents {
    text-align: right;
    font-size: 16px;
    color: #999999;
    float: right;
    line-height: 87px;
    letter-spacing: 0.2px;
}

.Menu002188 .Currents em {
    display: inline-block;
    font-size: inherit;
    color: #999999;
    font-style: normal;
}

.Menu002188 .Currents a {
    transition: .3s ease-out;
    font-size: inherit;
    color: #999999;
}

.Menu002188 .Currents a:hover {
    color: #005BAC;
}

.Menu002188 .Currents span {
    color: #005BAC;
}

@media screen and (max-width:1024px) {
    .Menu002188 .Currents {
        display: none;
    }

    .Menu002188 {
        height: auto;
        margin-bottom: 20px;
    }

    .Menu002188 .Menu li a {
        line-height: 40px;
    }
}

@media screen and (max-width:991px) {
    .Menu002188 .Menu li a {
        margin-right: 10px;
    }
}
@media(max-width:768px){
    .Menu002188 .Menu{float: none;}
    .Menu002188 .Menu ul{display: flex;flex-wrap: wrap;width: 100%;}
    .Menu002188 .Menu ul li{min-width: 25%;text-align: center;margin: 0;}
    .djjjList .right h3{font-size: 15px;}
    .djjjList .right p{font-size: 14px;line-height: 20px;}
}

/* Ban */
.pc {
    display: block;
}

.wap {
    display: none;
}

.Ban,
.Ban img {
    width: 100%;
    position: relative;
    object-fit: cover;
    max-height: 100vh;
}

.BanFont {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    /* padding-top: 0.96rem; */
    box-sizing: border-box;
}

.BanFont .title {
    font-size: 0.64rem;
    line-height: 0.64rem;
    color: #FFFFFF;
    margin-bottom: 0.26rem;
    letter-spacing: 3px;
}

.BanFont .publicCon {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
    color: #FFFFFF;
}

.publicCon{width: 96%;margin: 0 auto;max-width: 1600px;}
.About_p1 .HomeTit h2:after{display: none;  }
.About_p1 .About_p1bl{width: 32%;float: left;}
.About_p1 .About_p1bl .Num{display: flex;flex-wrap: wrap;   justify-content: flex-start}
.About_p1 .About_p1bl .Num dd{font-size: 0.18rem;line-height: 0.3rem;color: #555555;font-weight: lighter;width:50%;margin-bottom: 0.8rem; }
.About_p1 .About_p1bl .Num b i{font-size: 0.46rem;font-family: Oswald;color: #005bac;font-weight: bold;margin-right: 0.1rem;}
.About_p1 .About_p1bl .Num b{display: block;margin-top: 0.2rem;font-size: 0.24rem;color: #005bac;font-weight: normal;}
.About_p1br{margin-top: -1.1rem;width: 60%;float: right;}
.About_p1br h3{font-size: 0.3rem;font-weight: normal;line-height: 0.42rem;color: #005bac;}
.About_p1br p{font-size: 0.18rem;line-height: 0.32rem;color: #555555;font-weight: lighter;}
.About_p1{background: url(../images/aboutbg1.png) no-repeat left bottom;display: inline-block;width: 100%;}

.About_p2{padding-bottom: 1rem;}
.About_p2 p{font-size: 0.18rem;line-height: 0.32rem;color: #555555;font-weight: lighter;}
.About_p2 img{display: block;margin: 0 auto}

.w1400{width: 90%;margin: 0 auto;max-width: 1400px;}
.Menu002188.Menu0021888{margin-bottom: 0;}

/*Timeline003058 */
.Timeline003058{overflow: hidden;}
.Timeline003058 .auto{max-width: 1600px;}
.Timeline003058 .edit-info{padding: 7.14vw 0 3.5vw 0;}
.Timeline003058 .edit-info .info{font-size: 16px;line-height: 2.6875em; text-indent: 2em;}
@media(min-width:1025px){
.Timeline003058 .edit-info .pic{width: 43.5%;}
.Timeline003058 .edit-info .info{width: 51.9375%;}
}
@media(max-width:1024px){
.About_p1br{margin-top: -30px;}
.About_p1 .About_p1bl .Num dd{font-size:16px;line-height: 32px; }
.About_p1 .About_p1bl .Num b{font-size: 16px;line-height: 32px;}
.About_p1 .About_p1bl .Num b i{font-size: 24px;line-height: 32px;}
}
@media(max-width:640px){
.Timeline003058 .edit-info .info{font-size: 3.5vw;line-height: 24px;}
.About_p1 .About_p1bl{width: 100%;}
.About_p1br{width: 100%;margin: 0 auto;margin-bottom: 20px;}
.About_p1br h3{font-size: 20px;line-height: 1.5;}
.About_p1br p,.About_p2 p{font-size: 16px;line-height: 1.5;}
}
@media(max-width:1440px){
.Timeline003058 .edit-info .info{line-height: 26px;font-size: 15px;}
}

.Timeline003058 .name{text-indent: 0;font-size: 0.52rem;;color: #222222; padding-bottom: 2.5vw;text-align: center;line-height: 0.6rem;}
.Timeline003058 .name pre{color: #006aff;font-size: 0.667em; line-height: 1.5em;padding-top: 2vw;}
.Timeline003058 .name pre:after{display: block; content: '';width: 28px;height: 6px;background-color: #006aff; margin-top: 1.5vw;}
@media(max-width:640px){
.Timeline003058 .name{font-size: 6vw;}
}

.Timeline003058 .list{overflow: hidden;background: url("../images/Timeline003058_bg.jpg") no-repeat center top ;background-size: cover; padding-top: 1.2rem; padding-bottom: 0.9rem;}
.Timeline003058 .year{position: relative; z-index: 1; }
.Timeline003058 .year .slider:after{background: url("../images/line.png") no-repeat  center center;background-size: contain; position: absolute; content: '';left: 0;top: 30%;height: 5px;width: 100%}

.Timeline003058 .year li{padding-top: 0.8rem; text-align: center;}
.Timeline003058 .year li.aon{background: url("../images/Timeline003058_add.png") no-repeat center top;}
.Timeline003058 .year li span{font-size: 0.18rem;color: #222222;line-height: 0.3rem;height: 0.3rem;}
.Timeline003058 .year li.aon span{color: #005bac;}

.Timeline003058 .slider-list{margin-top: 2.6vw;position: relative;}
.Timeline003058 .slider-list li{padding: 0 0 2vw 0;opacity: 0;}
.Timeline003058 .slider-list li.slick-active{opacity: 1;}
.Timeline003058 .slider-list .inner{background-color: #ffffff;margin: 0 auto; transition: 0.3s;display: inline-block;width: 100%;position: relative;}
.Timeline003058 .slider-list .inner .year_b{font-family: Oswald;font-size: 4.68rem;font-weight: bold ;color: #005bac;opacity: 0.04;right: -1.36rem;top: -0rem;z-index:-1 ;position: absolute;}
.Timeline003058 .slider-list .inner .year_s{font-family: Oswald;font-size: 1rem;font-weight: bold ;color: #005bac;opacity: 1;right: 0.4rem;top: -0.15rem;z-index:3 ;position: absolute;}
.Timeline003058 .slider-list .inner .year_s span{position: relative;}
.Timeline003058 .slider-list .inner .year_s span:after{position: absolute;left: 0;bottom:10%;height: 40%;width: 100%;background: #fff;opacity: 0.9;content:"";}
.Timeline003058 .slider-list .inner .txt{width: calc(100% - 5.5rem);padding: 0.6rem 0.36rem;padding-right: 1rem;height: 4.2rem;overflow-y: auto;position: relative;z-index: 222;}
.Timeline003058 .slider-list .inner .txt::-webkit-scrollbar-thumb{background: #005bac }
.Timeline003058 .slider-list .inner .txt h3{font-size: 0.3rem;line-height: 0.32rem;	color: #005bac;font-weight: normal;margin-bottom: 0.4rem;}
.Timeline003058 .slider-list .inner .txt p{font-size: 0.18rem;line-height: 0.32rem;color: #555555;font-weight: lighter;}
.Timeline003058 .slider-list .inner:hover{box-shadow: 0px 0.83vw 1.405vw rgba(4, 43, 131, 0.15); border-color: #fff;}
.Timeline003058 .slider-list .inner:hover time b{color: #006aff;}
.Timeline003058 .slider-list .inner:hover time b:not(:last-child):after{background-color: #1e66f0;opacity: 0.32;}
.Timeline003058 .slider-list .pic{float: left;width: 5.5rem;height: 4.2rem;}
.Timeline003058 .slick-arrow{width: 0.32rem;	height: 0.32rem;	background-color: #ffffff;	border-radius: 0.16rem;}
.Timeline003058 .slick-arrow:hover{background-color: #005bac}
.Timeline003058 .slider-list pre{font-size: 16px;line-height: 1.625em;color: #000;text-align: center; height: 6.5em;}
.Timeline003058 .slick-list{overflow: visible;}
.Timeline003058 .slick-prev{left: -1.4rem}
.Timeline003058 .slick-next{right: -1.4rem}
.Timeline003058 .slider-list .btn .slick-arrow:hover{border-color: #1e66f0;}
@media(min-width:1601px){
.Timeline003058 .slider-list .btn .slick-prev{left: -3.07vw;}
.Timeline003058 .slider-list .btn .slick-next{right: -3.07vw;}
.Timeline003058 .slider-list .slider{margin: 0 -1.405vw;}
}
@media(max-width:1600px){
.Timeline003058  .btn .slick-prev{left: 70px;display: none !important}
.Timeline003058  .btn .slick-next{right: 60px;display: none !important}
.Timeline003058 .slider-list .inner{margin: 0 1vw;}
.Timeline003058 .slider-list .slider{padding: 0 40px;}
}
@media(max-width:1024px){
.Timeline003058 .slider-list .inner .txt p{font-size: 16px;line-height: 1.5;}
.Timeline003058 .slider-list .inner .txt h3{font-size: 20px;line-height: 1.5;}
}
@media(max-width:640px){
.Timeline003058 .slider-list .pic{margin: 4vw 0;}
.Timeline003058 .slider-list .inner .txt{padding: 10px;height: 10rem;width: 100%}
.Timeline003058 .slider-list .inner .txt p{font-size: 14px;}
.Timeline003058 .slider-list .btn .slick-arrow{width: 5vw; height: 5vw;margin-top: -2.5vw;}
.Timeline003058 .slider-list .slider{padding: 0 5vw;}
.Timeline003058 .slider-list .inner time b{font-size: 5vw;}
.Timeline003058 .year:after{bottom: 30px;}
.Timeline003058 .year .slider:after{height: 5px;top: 13px;}
.Timeline003058 .year li{padding-top: 40px;}
.Timeline003058 .year li.aon{background-size: auto 30px;}
.Timeline003058 .year li span{font-size: 4vw;}
.Timeline003058 .slider-list .pic{width: 100%;margin: 0}
.Timeline003058 .slider-list .pic{height: auto;}
.Timeline003058 .slider-list .inner .year_s span:after{display: none}
}

.Ispic {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.Honor_p1{height: 8.01rem;background: url(../images/aboutbg2.jpg) no-repeat center/cover; padding: 1.2rem 0}
.Honor_p1b{width: 70%;float: left;margin-top: 1.2rem}
.Honor_p1b li{width: 50%;float: left;line-height: 0.5rem;height: 0.5rem;margin-bottom: 0.2rem;}
.Honor_p1b li span{display: inline-block; position: relative;font-size: 0.24rem;line-height: 0.5rem;height: 0.5rem;color: #3c1a11;}
.Honor_p1b li span:before{float: left;width:0.2rem;background: url(../images/arr_3.png) no-repeat center/contain;height: 0.5rem;content: "" }
.Honor_p1b li span:after{float: right;width:0.2rem;background: url(../images/arr_4.png) no-repeat center/contain;height: 0.5rem;content: "" }
.Honor_p1 .HomeTit {text-align: center;}
.Honor_p1 .HomeTit h2:after{display: none}
/*PicList002925 */
.Subnav{margin: 1.2rem auto 0.8rem;text-align: center;}
.Subnav li{font-size: 0.18rem;line-height: 0.5rem;height: 0.5rem;color: #222222;border-radius: 0.5rem;display: inline-block;margin: 0 0.2rem;padding: 0 0.64rem}
.Subnav li a{display: block;width: 100%;height: 100%;color: #222222;}
.Subnav li.on,.Subnav li:hover{color: #ffffff;background-color: #005bac;}
.Subnav li.on a,.Subnav li:hover a{color: #ffffff;}
.PicList002925{padding:  0 0 1.2rem;overflow: hidden;}
.PicList002925 .auto{max-width: 1400px;}
.PicList002925 .HomeTit{margin-bottom: 2.5vw; text-align: center;}
.PicList002925 .HomeTit h2:after{display: none}
@media(max-width:768px){
	.Honor_p1b{margin-top: 0;width: 100%;}
	.Honor_p1b li span{font-size: 16px;line-height: 30px;height: auto;}
	.Honor_p1b li span:before,.Honor_p1b li span:after{line-height: 30px;height: 30px;}
}
@media(max-width:640px){
	.Honor_p1b li {width: 100%;height: auto;}
	.Honor_p1{height: auto;display: inline-block;width: 100%;}
}

.PicList002925 .list{padding: 0 3.4375vw;}
.PicList002925 .list ul{margin: 0 -2vw;}
.PicList002925 li{float: left; text-align: center;position: relative;background: url("../images/PicList002925_taibg.png") repeat-x top 95% left;}
.PicList002925 li a{display: block;position: relative; z-index: 3;}
.PicList002925 li .pic{padding-bottom: 0.18rem;position: relative;text-align: center;}
.PicList002925 li .Ispic{background-size: contain;background-repeat: no-repeat;position: relative;margin-bottom: 0rem;width: 2.9rem;height: 2.19rem;display: inline-block;}
.PicList002925 li .tit{margin-top: 0.1rem; margin-bottom: 0.4rem; padding: 0 5%;}
.PicList002925 li .tit aside{font-size:  0.18rem;;height: 0.56rem;;height: auto;color: #1d2532;}
@media(min-width:769px){
.PicList002925 li{width:33.33%;}
.PicList002925 li:first-child:before,
.PicList002925 li:nth-child(3n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top 95%; width:7.4375vw;left: -7.4vw;}
.PicList002925 li:last-child:before,
.PicList002925 li:nth-child(3n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top 95%; width:7.4375vw;right: -7.4vw;}
}
@media(max-width:768px){
.PicList002925 .list{padding: 0 6vw;}
.PicList002925 li{width:50%;padding: 0 20px;}
.PicList002925 li .pic{height: auto}
.PicList002925 li .Ispic{width: 100%;padding-bottom: 72%;}
.PicList002925 li .tit{margin-bottom: 5vw;}
.PicList002925 li:first-child:before,
.PicList002925 li:nth-child(1n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top 70% #f5f5f5; width:7.4375vw;left: -3vw;}
.PicList002925 li:last-child:before,
.PicList002925 li:nth-child(1n):before{display: none; position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top 70% #f5f5f5; width:7.4375vw;right: -3vw;}
.PicList002925 li .tit aside{font-size: 3vw;}
.Subnav li{font-size: 18px;height: 32px;line-height: 30px;border-radius: 32px;}
.PicList002925 li{background-position: left 113%;margin-bottom: 10px; }
}


/*Floor002731 */
.Cdwh{padding-top: 1.2rem }
.HomeTit.HomeTit2 h2:after{display: none;  }
.HomeTit.HomeTit2{text-align: center;margin-bottom: 0.6rem;}
.Floor002731 .auto{padding: 0!important; width: 96%;}




.Floor002731 .ul-pc{position: relative; overflow: hidden;color: #fff;}
.Floor002731 .ul-pc .data{display: flex;justify-content: space-between;flex-wrap: wrap;}
.Floor002731 .ul-pc .data .slide{flex:1;height: 4.2rem;position: relative;transition: all 0.3s;margin-right: 0.5%;overflow: hidden;}
.Floor002731 .ul-pc .data .slide,.Floor002731 .ul-pc .data .slide *{transition: all 0.3s}
.Floor002731 .ul-pc .data .slide:last-child{margin-right: 0;}
.Floor002731 .ul-pc .data .slide:hover{flex: 3.8}
.Floor002731 .ul-pc .data .slide .Ispic{width: 100%;height: 100%;background-size: cover}
.Floor002731 .ul-pc .data .slide aside{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(243, 248, 255, 0.95);}
.Floor002731 .ul-pc .text{position: absolute; left: 0;z-index: 10;   background:url(../images/cdwhbg1.png) no-repeat center bottom/cover; width: 100%; bottom: 0;height: 100%; opacity: 0; padding:0.4rem; transform: translateY(100%); }
.Floor002731 .ul-pc .text h2{font-size:  0.24rem;; margin: 0; font-weight: normal;margin-top: 0.3rem}
.Floor002731 .ul-pc .text p{font-size: 0.18rem;; margin: 10px 0 0 0;font-weight: lighter;}
.Floor002731 .ul-pc a{color: #fff;}
.Floor002731 .ul-pc .Ispic{ display: block;height: 100%; background-position: left top;}
.Floor002731 .ul-pc aside{position: absolute; left: 0; top: 0; width: 7.334%; font-size: 20px; height: 100%;background: rgba(2,54,133,0.7);  line-height: 26px;}
.Floor002731 .ul-pc .on aside{display: none;}
.Floor002731 .ul-pc  aside a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;flex-direction: column;font-size: 0.18rem;line-height: 0.6rem;color: #333333; }
.Floor002731 .ul-pc  .slide:hover .text{ opacity: 1;transform: translateY(0);transition: 0.5s 0s; align-items: flex-end;display: flex;}
.Floor002731 .ul-pc .data .slide:hover aside{opacity: 0;}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}
@media(max-width:1024px){
.Floor002731 .ul-wap .slide{position: relative;height: auto; left: auto !important;}
.Floor002731 .ul-wap .slide >*{margin: 0 10px;}
.Floor002731 .ul-wap .Ispic{  display: block; padding-bottom: 52%;}
.Floor002731 .ul-wap aside{display: none;}
.Floor002731 .ul-wap h2 a{color: #134496; font-weight: bold; font-size: 20px;}
.Floor002731 .ul-wap h2{margin: 0 5px 0 0;}
.Floor002731 .ul-wap .text{padding: 15px; background: #ececec;}
}
@media(max-width:768px){
.Floor002731 .ul-pc aside a{font-size: 16px;}
.Floor002731 .ul-pc .data .slide{width:24%;margin-bottom: 2%;flex: none;}
.Floor002731 .ul-pc .data{flex-wrap: wrap;}
.Floor002731 .ul-pc .data .slide:hover{width: 24%	}
.Floor002731 .ul-pc .data .slide{height: 240px;}
.Floor002731 .ul-pc .data .slide aside img{display: block;margin-bottom: 12px;}
.Floor002731 .ul-pc .text h2{font-size: 18px;}
.Floor002731 .ul-pc .text p{font-size: 14px;}
}
@media(max-width:480px){
.Floor002731 .ul-pc .data .slide{width: 48%}
.Floor002731 .ul-pc .data .slide:hover{width: 48%	}

}
.Cdwh_p2{margin: 1rem 0 1.2rem;display:flex;justify-content:space-between;}
.Cdwh_p2 .video{width: calc(100% - 5.2rem);
height:5.65rem;
    float: left;}
.Cdwh_p2 .video .inner{
	position: relative;
    width: 100%;
    height: 100%;
	display:none;
}
.Cdwh_p2 .video .inner img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.Cdwh_p2 .video .inner a{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.Cdwh_p2 .video .inner a i{position: absolute;width: 0.72rem;left: 50%;top: 50%;margin-top: -0.36rem;margin-left: -0.36rem;background: url(../images/cdwhicon1.png) no-repeat center/cover;	height: 0.72rem;}
.Cdwh_p2 .video .inner video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 22;object-fit: fill;}
@media(max-width:768px){
.Cdwh_p2 .video .inner a i{width: 40px;	height: 40px;margin-top: -20px;margin-top: -20px;}

}
.NumList{padding: 1.2rem 0}
.NumList_t .silder{position: relative;margin-bottom:0.6rem;}
.NumList_t .silder li .imgbox{width: 50%;padding-bottom:32.5% ;float: left;}
.NumList_t .silder li .txt{width: 50%;float: right;padding: 0.8rem 0.5rem;background-color: #f3f8ff;}
.NumList_t .silder li a{display: flex;align-items: stretch}
.NumList_t .silder li .txt time{font-size: 0.18rem;color: #005bac;}
.NumList_t .silder li .txt h3{font-size: 0.24rem;font-weight: normal;line-height: 0.36rem;color: #333333;margin: 0.5rem auto 0.2rem}
.NumList_t .silder li .txt p{font-size: 0.18rem;line-height: 0.32rem;color: #555555;opacity: 0.8;font-weight: lighter;}
.NumList_t .silder li .txt .More{text-align: left;margin-top: 0.9rem}
.NumList_t .silder li .txt .More i{display: inline-block; transition: all 0.3s;opacity: 1;width: 0.3rem;text-align: center;line-height: 0.3rem;height: 0.3rem;background-color: #ffffff;border-radius: 0.16rem;position: relative;z-index: 5;}
.NumList_t .silder li .txt .More i img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.NumList_t{position: relative;}
.NumList_t .slick-pages{position: absolute;right:1rem;width:1rem;text-align: center;bottom:0.6rem;height: 0.3rem;line-height: 0.3rem;font-size: 0.18rem; color: #555555;z-index: 99; }
.NumList_t .slick-pages #cur{font-family: Oswald;color: #005bac;font-size: 0.24rem;font-weight: bold;}
.NumList_t .slick-next{right: 0.5rem;top: auto;bottom:0.24rem;background: url(../images/rarr1-2.png) no-repeat center}
.NumList_t .slick-prev{right: 2rem;top: auto;bottom:0.24rem;left: auto;background: url(../images/larr1-2.png) no-repeat center}

/*PicList003142 */
.PicList003142.PicList00314222{margin-top: 0}
.PicList003142{ margin-top: 0; display: inline-block;width: 100%;}
.PicList003142 li{float: left;  margin-bottom: 2.5em;}
.PicList003142 li .txt{padding: 0.2rem;transition: all 0.3s}
.PicList003142 li aside{ font-size: 0.22rem;color: #333333;line-height: 0.36rem;margin-top: 0rem;}
.PicList003142 li .pic{overflow: hidden;}
.PicList003142 li .Ispic{padding-bottom: 64.66%;transition: 0.3s;}
.PicList003142 li a:hover .Ispic{transform: scale(1.1);}
.PicList003142 li a:hover aside{color: #005bac;}
.PicList003142 li time{color: #005bac;display: block;line-height: 0.6rem;;}
.tc{text-align:center;}
@media (min-width:1025px) {
.PicList003142 li{width: 32.143%;}
.PicList003142 li:not(:nth-child(3n)){margin-right: 1.7855%;}
.PicList003142 li:nth-child(3n+1){clear: left;}    
}
@media (max-width:1024px) {
		.NumList_t .silder li .txt h3,.PicList003142 li aside{font-size: 20px;line-height: 1.5;}
.NumList_t .silder li .txt p{font-size: 16px;line-height: 1.5;}
.PicList003142 .auto{margin-top: 2em;}   
.PicList003142 li{width: 48%;margin-bottom: 1em;}
.PicList003142 li:not(:nth-child(2n)){margin-right: 4%;}
.PicList003142 li:nth-child(2n+1){clear: left;} 
.PicList003142 li .txt{padding:1em;}
.PicList003142 li time{line-height: 24px;margin-bottom: 5px;}
.NumList_t .silder li .txt .More i{width: 30px;height: 30px;line-height: 30px;border-radius: 30px;}
}

@media ( max-width:768px){
.NumList_t .silder li .txt h3, .PicList003142 li aside{font-size: 18px;}
.NumList_t .silder li a{display: inline-block;width: 100%;}
.NumList_t .silder li .imgbox{width: 100%;padding-bottom: 56%;}
.NumList_t .silder li .txt{width: 100%;}
.NumList_t .silder li .txt time{font-size: 14px;}
.NumList_t .slick-pages{display: none}
.PicList003142 li{width: 100%;}
}
.PicList00314222.PicList003142 li{position: relative;padding-bottom: 0.8rem;background-color: #f3f8ff;overflow: hidden;}
.PicList00314222.PicList003142 li aside{margin: 0 auto;height: 0.8rem;line-height: 0.8rem;padding: 0 0.3rem}
.PicList00314222.PicList003142 li .txt{height: 0.8rem;line-height: 0.8rem;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;}
.PicList00314222.PicList003142 li .txt p{opacity: 0;font-size: 0.18rem;line-height: 0.32rem;color: #ffffff;}
.PicList00314222.PicList003142 li .More{position: absolute;bottom: 0.24rem;;right: 0.22rem;z-index: 3;}
.PicList00314222.PicList003142 li .More i{display: inline-block; transition: all 0.3s;opacity: 1;width: 0.3rem;text-align: center;line-height: 0.3rem;height: 0.3rem;background-color: #ffffff;border-radius: 0.16rem;position: relative;z-index: 5;}
.PicList00314222.PicList003142 li .More i img{
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
}
.PicList00314222.PicList003142 li:hover{padding-bottom: 0.8rem;background: none}
.PicList00314222.PicList003142 li:hover .txt{padding: 0.3rem;width: calc(100% - 0.72rem);background: #005bac;height: 1.2rem}
.PicList00314222.PicList003142 li:hover aside{line-height: 0.36rem;height: 0.36rem;color: #ffffff;padding:  0;}
.PicList00314222.PicList003142 li:hover p{opacity: 0.8;}
.PicList00314222.PicList003142 li:hover .More i{background: #005bac}
.PicList00314222.PicList003142 li:hover .More i .hide{display: inline-block;}
.PicList00314222.PicList003142 li:hover .More i img{display: none}
.PicList00314222.PicList003142 li:hover .More i:after{position: absolute;left: 0;top: 0;width: 0.3rem;height: 0.3rem;background-color: #005bac;border-radius: 0.16rem;animation: scale3 2s linear infinite;content:"";z-index: -1;}
@media (max-width:1366px) {
.PicList003142 li aside{font-size: 18px;}

}
@media (max-width:1024px) {
.PicList00314222.PicList003142 li .txt,.PicList00314222.PicList003142 li aside{height: 50px;line-height: 50px;position: static;}
.PicList00314222.PicList003142 li{padding: 0}
.PicList00314222.PicList003142 li .More i{height: 30px;line-height: 30px;border-radius: 30px;width: 30px;}
.PicList00314222.PicList003142 li:hover .txt{width: 100%}
.PicList00314222.PicList003142 li:hover .More{display: none}
.PicList00314222.PicList003142 li .txt p{font-size: 16px;line-height: 1.5;}
.PicList00314222.PicList003142 li:hover .txt{height: auto;}

}
.bgkh.sec-5 .publicCon{position: relative;}
.bgkh.sec-5 .slider{display: block;}
.bgkh.sec-5{padding: 1.2rem 0;background: none}
.bgkh.sec-5 .item:hover{width: 16%}
.bgkh.sec-5 .item:hover .info .tit{opacity: 1;visibility:visible;position: static;display: inline-block;width: 100%;text-align: center;}
.bgkh.sec-5 .item:hover .info{background:  rgba(0, 91, 172, 0.8)}
.bgkh.sec-5 .item:hover  .info .More{opacity: 1;}
.bgkh.sec-5 .item .info .infos{display: none;transition: all 0.2s;font-weight: lighter;font-size: 0.18rem;color: #ffffff;opacity: 0.8;margin-top: 0.3rem}
.bgkh.sec-5 .item:hover .info .infos{display: inline-block;}
.bgkh.sec-5 .item:hover .More i:after{position: absolute;left: 0;top: 0;width: 0.28rem;height: 0.28rem;background-color: #fff;border-radius: 0.16rem;animation: scale3 2s linear infinite;content:"";z-index: -1;}
.bgkh.sec-5 .More{position: absolute;left:50%;margin-left: -0.3rem;bottom: 0.6rem }
.bgkh.sec-5 .slick-next{right: auto;left: 1.6rem;top:auto;bottom: -0.8rem;background: url(../images/rarr1-2.png) no-repeat center}
.bgkh.sec-5 .slick-prev{right: auto;left: 0rem;top:auto;bottom: -0.8rem;background: url(../images/larr1-2.png) no-repeat center}
.bgkh.sec-5 .slick-pages{position: absolute;left: 0.1rem;bottom: -0.65rem;height: 0.3rem;line-height: 0.3rem;width: 1.5rem;text-align: center;font-family: Oswald;font-size: 0.18rem;color: rgba(0, 91, 172, 0.3);}
.bgkh.sec-5 .slick-arrow{width:0.1rem;height: 0.3rem; }
.bgkh.sec-5 .slick-pages #cur{font-size: 0.24rem;font-weight: bold;color: #005bac;}
/*.bgkh.sec-5 .slider:after{width: 2rem;position: absolute;left: calc( 100% - 14rem);bottom: -0.53rem;content: "";height: 0.03rem;background-color: rgba(0, 91, 172, 1);}*/
.bgkh.sec-5 .slick-dots{width: 14rem;position: absolute;right: 0;bottom: -0.52rem;top: auto;left: auto;display: flex;flex-wrap: nowrap;height: 0.03rem;}
.bgkh.sec-5 .slick-dots:before{width: 100%;position: absolute;right: 0;bottom: 0.01rem;content: "";height: 0.01rem;background-color: rgba(0, 91, 172, 1);opacity: 0.3;}
.bgkh.sec-5 .slick-dots li{flex: 1;height: 0.03rem;background-color: rgba(0, 91, 172, 0);display: inline-block;transition: all 0.3s;position: relative;}
.bgkh.sec-5 .slick-dots li button{display: none}
.bgkh.sec-5 .slick-dots li:after{position: absolute;left: 0;top: 0;width: 0;height: 0.03rem;background-color: rgba(0, 91, 172, 1);content: "";transition: all 0.3s}
.bgkh.sec-5 .slick-dots li.slick-active:after{width: 100%}
.pb100{padding-bottom: 1rem;}

.TitInfo{padding:0.5rem 0 0.26rem;margin-bottom: 0.65rem;border-bottom: 1px solid #ededed;}
.TitInfo h1{font-size: 0.4rem;line-height: 1.5;color: #000000;font-weight: normal;margin-bottom: 0.2rem;}
.TitInfo .other time{display: inline-block;vertical-align: middle;}
.TitInfo .other span{display: inline-block;vertical-align: middle;margin-left: 0.18rem;}
.TitInfo .other{color: #abadaf;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;}
.NewsInfo .SinglePage p{text-indent: 2em;}
.NewsInfo .SinglePage img{max-width: 9.8rem;display: block;margin: 0px auto;}

.PrevNextInfo{padding: 0.38rem 2.2rem 0 0;margin-top: 0.75rem;border-top: 1px solid #ededed;position: relative;}
.PrevNextInfo dl{position: relative;padding-left: 68px;min-height: 36px;line-height: 36px;}
.PrevNextInfo dl dt{position: absolute;left: 0;top: 0;color:#999999;}
.PrevNextInfo .back{position: absolute;right: 0;top: 0.48rem;width: 2.2rem;line-height: 0.59rem;text-align: center;border: 1px solid #004898;border-radius: 2px;transition: all 0.3s;color: #004898;border-radius: 0.59rem;}
.PrevNextInfo .back i{font-size: 20px;vertical-align: middle;margin: -4px 0 0 6px;}
.PrevNextInfo .back:hover{background-color: #004898;color: #ffffff;border-color: #004898;}

@media (max-width:1024px) {
.bgkh.sec-5 .item .info .infos{font-size: 16px;line-height: 1.5;}
.sec-5 .info .tit{font-size: 18px;line-height: 1.5;}
.bgkh.sec-5 .item:hover .More i:after{width: 30px;height: 30px;border-radius: 30px;}
.bgkh.sec-5,.NumList{padding: 40px 0}
.HomeTit.HomeTit2{margin-bottom: 20px;}
.PicList003142{margin-top: 0}
}

@media (max-width:768px) {
.bgkh.sec-5 .slick-pages{display: none}
.sec-5 .info .tit{font-size: 15px;}
.PicList003142 li aside,.PicList003142 li time{font-size: 15px;}
.bgkh.sec-5 .slick-arrow{width: 25px;height: 35px;background-color: #fff;bottom: auto;top: 50%;transform: translateY(-50%);}
.bgkh.sec-5 .slick-next{left: auto;right: 0;}

.TitInfo h1{font-size: 18px;line-height: 1.3;margin-bottom: 0.15rem;}
.TitInfo .other{font-size: 14px;}
.NewsInfo .SinglePage *{font-size: 14px !important;}
.PrevNextInfo{padding-right: 0;margin-top: 50px;padding-top: 10px;}
.PrevNextInfo dl{min-height: 30px;line-height: 30px;font-size: 14px;}
.PrevNextInfo .back{top: -35px;}
.PrevNextInfo .back i{font-size: 15px;}
.PrevNextInfo .back{width: 100px;line-height: 25px;font-size: 14px;border-radius: 25px;}
}



/* map */
.indexMapBox {
    width: 8.65rem;
    height: 3.46rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.indexMap {
    width: 100%;
    height: 100%;
    background-image: url(../images/map_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

@keyframes ani_dot {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes ani_dot1 {
    0% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.8;
    }
}

@keyframes autoheight {
    0% {
        height: 0;
        width: 100%;
    }

    100% {
        height: 100%;
        width: 100%;
    }
}

@keyframes autowidth {
    0% {
        height: 100%;
        width: 0;
    }

    100% {
        height: 100%;
        width: 100%;
    }
}

.buss_bott .tab_tit {
    width: 65%;
    float: left;
    position: relative;
    height: 4rem;
}

.tab_tit .centerdot {
    position: absolute;
    right: 1.2rem;
    width: 0.88rem;
    top: 0.7rem;
}







.tab_tit .rect_list li {
    position: absolute;
    right: 0px;
}

.tab_tit .rect_list li .line {
    position: absolute;
    bottom: 0.2rem;
    right: 0;
}



.tab_tit .rect_list li.li1 .line:after {
    bottom: -0.22rem;
    left: -0.46rem;
}

.tab_tit .rect_list li.li2 .line:after {
    bottom: -0.22rem;
    left: -0.46rem;
}

.tab_tit .rect_list li.li3 .line:after {
    bottom: -0.22rem;
    left: -0.46rem;
}

.tab_tit .rect_list li.li4 .line:after {
    bottom: 0.1rem;
    left: -0.48rem;
}

.tab_tit .rect_list li.li5 .line:after {
    bottom: 0.1rem;
    left: -0.48rem;
}





.tab_tit .rect_list li .line .line_img {
    background-position: center right;
}

.tab_tit .rect_list li .line .line_img {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.tab_tit .rect_list li .line .line_img img {
    position: absolute;
    bottom: 0;
    right: 0;
}



.tab_tit .rect_list li.li1 .line {
    height: 1.57rem;
    width: 5.89rem;
    bottom: 2rem;
    right: 1.6rem;
}

.tab_tit .rect_list li.li2 .line {
    width: 4.36rem;
    height: 1.81rem;
    bottom: 1.4rem;
    right: 1.6rem;
}

.tab_tit .rect_list li.li3 .line {
    width: 2.38rem;
    height: 1.77rem;
    bottom: 0.9rem;
    right: 1.6rem;
}

.tab_tit .rect_list li.li4 .line {
    width: 1.05rem;
    height: 1.25rem;
    bottom: 0.3rem;
    right: 1.6rem;
}

.tab_tit .rect_list li.li5 .line {
    width: 0.91rem;
    height: 0.73rem;
    bottom: 0.4rem;
    right: 0.71rem;
}

.tab_tit .rect_list li.down {
    top: 100%;
}

.tab_tit .rect_list li.li2.down {
    top: 100%;
}

.tab_tit .rect_list li.li3.down {
    top: 86%;
}

.tab_tit .rect_list li.li4.down {
    top: 53%;
}

.tab_tit .rect_list li.li5.down {
    top: 54%;
}


.tab_tit .rect_list li.down .line .line_img {
    bottom: auto;
    top: 0;
}

.tab_tit .rect_list li.down .line .line_img img {
    top: 0;
    right: 0;
    bottom: auto;
}

.tab_tit .rect_list li.li5 .line .line_img,
.tab_tit .rect_list li.li4 .line .line_img,
.tab_tit .rect_list li.li3 .line .line_img {
    width: 0;
    height: 100%;
    overflow: hidden;
}
.active .tab_tit .rect_list li.li1 .line .line_img{
    animation: autoheight linear 2s forwards;
    -webkit-animation: autoheight linear 2s forwards;
}
.active .tab_tit .rect_list li.li2 .line .line_img {
    animation: autoheight linear 2.5s forwards;
    -webkit-animation: autoheight linear 2.5s forwards;
}

.active .tab_tit .rect_list li.li3 .line .line_img {
    animation: autowidth linear 2.5s forwards;
    -webkit-animation: autowidth linear 2.5s forwards;
}
.active .tab_tit .rect_list li.li4 .line .line_img {
    animation: autowidth linear 2s forwards;
}
.active .tab_tit .rect_list li.li5 .line .line_img {
    animation: autowidth linear 2s forwards;
    -webkit-animation: autowidth linear 2s forwards;
}


.tab_tit .rect_list li.li3 .line .line_img img {
    width: 2.38rem;
    height: 1.77rem;
    max-width: unset;
}

.tab_tit .rect_list li.li4 .line .line_img img {
    width: 1.05rem;
    max-width: unset;
    height: 1.25rem;
}
.tab_tit .rect_list li.li5 .line .line_img img {
    width: 0.91rem;
    height: 0.73rem;
    max-width: unset;
}
.indexMapCircle li{
    background-image: url(../images/map_circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}
.indexMapCircle li:nth-child(1){
    width: 1.21rem;
    height: 1.03rem;
    left: 0.5rem;
    bottom: 1.34rem;
}
.indexMapCircle li:nth-child(2){
    width: 0.76rem;
    height: 0.36rem;
    left: 2.42rem;
    bottom: 1.22rem;
}
.indexMapCircle li:nth-child(3){
    width: 1.24rem;
    height: 0.62rem;
    left: 4.22rem;
    bottom: 1.05rem;
}
.indexMapCircle li:nth-child(4){
    width: 0.68rem;
    height: 0.36rem;
    left: 5.74rem;
    bottom: 1.74rem;
}
.indexMapCircle li:nth-child(5){
    width: 0.39rem;
    height: 0.22rem;
    right: 0.5rem;
    bottom: 1.9rem;
}

.active .indexMapCircle li:nth-child(1){
    animation: ani_dot linear 1.2s infinite;
    animation-delay: ani_dot linear 1.2s infinite;
}
.active .indexMapCircle li:nth-child(2){
    animation: ani_dot linear 1.4s infinite;
    animation-delay: 3s;
    -webkit-animation: ani_dot linear 1.4s infinite;
}
.active .indexMapCircle li:nth-child(3){
    animation: ani_dot linear 1.6s infinite;
    animation-delay: 2s;
    -webkit-animation: ani_dot linear 1.6s infinite;
}
.active .indexMapCircle li:nth-child(4){
    animation: ani_dot linear 1.8s infinite;
    animation-delay: 3s;
    -webkit-animation: ani_dot linear 1.8s infinite;
}
.active .indexMapCircle li:nth-child(5){
    animation: ani_dot linear 1.3s infinite;
    animation-delay: 2s;
    -webkit-animation: ani_dot linear 1.3s infinite;
}
@media screen and (max-width:768px){
    .sec-3 .Nav a span{
        display: none;
    }
    .sec-3 .Nav li a i{
        display: none;
    }
    .indexMapBox{
        display: none;
    }
}
.About_p1 .About_p1bl{
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .indexMapBox2 {
        bottom: -0.5rem !important;
    }
}
.indexMapBox2 {
    bottom: -45% !important;
    left: -10%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .indexMapBox2 {
        bottom: -0.5rem !important;
    }
}

@media screen and (min-width:768px){
    .About_p1{
        background-image: none !important;
    }
}
.pcBanner{
    display: block;
}
.mobileBanner{
    display: none;
}
@media screen and (max-width:1200px){
    .pcBanner{
        display: none !important;
    }
    .mobileBanner{
        display: block !important;
    }  
    .HomeBan .item,.HomeBan,.sec-1,.sec-1 .fp-tableCell{
        height: auto !important;
    }
    .HomeBan .item .txt {
        margin-top: 0px !important;
    }
    .HomeBan .item .txt h1 {
        font-size: 36px !important;
        line-height: 1.5  !important;
    }
    .HomeBan .item .txt .p {
        line-height: 1.5 !important;
        margin-bottom: 10px !important; 
    }
    .HomeBan .item .txt a {
        margin-top: 20px !important;
    }
    .HomeBan .slick-track li:nth-child(3) .p,
    .HomeBan .slick-track li:nth-child(3) h1{
        color: #005bac;
    }
}
@media screen and (max-width:768px){
    .HomeBan .item .txt h1{
        font-size: 20px !important;
    }
}


.videosmall {
            width: 5rem;
            float: right;
            
        }

        .videosmall .item {
            padding-bottom: 0.48rem;
        }

        .videosmall .item a {
            display: block;
            position: relative;
            text-align: center;
            cursor: pointer;
        }

        .videosmall .item:last-child {
            margin-bottom: 0;
        }

        .videosmall .item .imgbox {
           width:100%;
		   height:2.58rem;
        }

        .videosmall .item .imgbox img {
                object-fit: cover;
    width: 100% !important;
    height: 100%;
    max-height: none;
        }

        .videosmall .item .tit {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
            width: 100%;
            color: #fff;
            line-height: 0.4rem;
            padding: 0.3rem 0.15rem 0;
            background-image: linear-gradient(to bottom, rgba(170, 24, 44, 0), rgba(170, 24, 44, 1));
        }

        .videosmall .slick-arrow {
            width: 0.5rem;
            height: 0.5rem;
            line-height: 0.5rem;
            background-color: transparent;
            color: #333;
        }

        .videosmall .slick-prev {
            left: 50%;
            transform: translateX(-50%) rotate(90deg);
            top: -0.5rem;
			background-color: #005bac;
    background-image: url(../images/arrleft2.png);
        }

        .videosmall .slick-next {
            left: 50%;
            transform: translateX(-50%)rotate(90deg);
            top: auto;
            bottom: -2px;
			background-color: #005bac;
    background-image: url(../images/arrright2.png);
        }
		
		
		@media screen and (max-width:1024px){
			.Cdwh_p2{
				flex-direction:column
			}
			.Cdwh_p2 .video{
				height:auto;
				margin-bottom:10px;
				width:100%;
			}
			.videosmall{
				width:100%;
			}
			.videosmall .item .imgbox {
    width: auto;
    height: auto;
    padding-top: 58%;
    margin: 0px 5px;
}
.videosmall .slick-prev {
    left: -18px;
    top: 50%;
    background-color: #005bac;
    transform: translate(0px, -50%);
    width: 25px;
    height: 25px;
}
.videosmall .slick-next {
    left: auto;
    top: 50%;
    bottom: 0;
    background-color: #005bac;
    right: -18px;
    transform: translate(0px, -50%);
    width: 25px;
    height: 25px;
}
		}