/* CSS Reset */
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,400,500,600,700,800|Nunito:300,400,600,700,800");
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,textarea, fieldset, input, textarea, p, blockquote, th, td, img, button{margin:0; padding:0;border:0;font-family:'Poppins', sans-serif;font-style:normal;}
body{font-size:14px; line-height:1.8;position:relative;*overflow-x:hidden; color:#000; max-width:1920px; margin:0 auto;}
table{}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{}
img{ border:none; margin:0px; padding:0px;}
input,textarea{outline:none;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#000;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;} 
a:hover{color:#0c53b7;text-decoration:none;} 

a:active {color:#000;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#0c53b7; color:#fff; } ::-moz-selection { background:#0c53b7; color:#fff;  } ::-webkit-selection { background:#0c53b7; color:#fff;  }
.w1400{ margin:0 auto; padding:0px;position:relative; width:1400px;}
.w1200{ margin:0 auto; padding:0px;position:relative; width:1200px;}
.clearfix:after{content: " ";
  display: block;
  clear: both;
  height: 0;}

.head{ position:fixed; top:0px; left:0px; width:100%; height:90px; z-index:2000;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition:all .3s ease;}
.head.head-white{ background:#fff;}
.head-infos{ height:100%;}
.head:after{ }
.head:hover{ background:#fff;}
.head.shrink {
    height: 70px;background:#fff; box-shadow:#999 0px 0px 20px;
}
.head.shrink .logo{ top:20px;}
.head.shrink .logo img{ height:30px;}
.head.shrink .menu ul li ul li a{ line-height:20px;}
.head.shrink .menu ul li .drop-menu{ top:60px;}
.head.shrink .menu ul li{line-height:70px;}
.head.shrink .head-search{top:17px;}
.head.shrink .head-lang{top:17px;}
.head.shrink .search{ }
.head.shrink:hover{background:#fff; }


.logo{ position:absolute; left:90px; top:27px;z-index:2;}
.logo img{ height:36px;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition:all .3s ease;}
.head-lang{ display: flex; position:absolute; right:90px; top:29px; line-height:32px; color:#0c53b7; font-size:14px;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition:all .3s ease; }
.head-lang a i{ padding-right:10px;}
.head-lang a{ color:#0c53b7; display:block;border:2px solid #0c53b7; border-radius:40px; padding:0px 10px; margin: 0px 5px;}
.head-lang a:hover{ color:#fff; background:#0c53b7;}
.head-search{ position:absolute; right:260px; top:30px;  -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition:all .3s ease;  }
.head-search a{ display:block; cursor:pointer;font-size:14px;color:#fff;height:36px; width:36px; line-height:36px;background:#0c53b7;border-radius:50%; text-align:center;}
.search{ position:fixed; left:0px; top:0px;text-align:center; background:rgba(0,0,0,.8); height:100%; width:100%; z-index:3000; display:none;}
.search-tab{ position:absolute; left:50%; margin-left:-155px; margin-top:-30px; top:50%; display:flex; width:310px; background:#fff; border-radius:10px; height:60px; line-height:60px; overflow:hidden; box-shadow:#000 0px 0px 20px;}
.search .search-txt{ margin-left:15px;}
.search .search-txt input{ border:none;height:30px; line-height:30px; width:240px;}
.search .search-btn{ width:30px; height:60px; margin-left:15px;position:relative; color:#000;}
.search .search-btn i{ font-size:22px; cursor:pointer; width:30px; color:#000; }
.search .search-btn i:before{position:absolute; left:0px; top:0px;}
.search_close{ font-size:40px; position:absolute; left:50%; top:50%; margin-left:115px; margin-top:-90px; color:#fff; cursor:pointer; z-index:100;}
.search_close:hover{ color:#0c53b7;}


.menu{ position:absolute; right:305px; top:0px;}
.menu ul{ display:inline-block;}
.menu ul li{ float:left; position:relative; line-height:90px;}
.menu ul li a{ display:block; position:relative; color:#000; font-weight:600; font-size:16px; z-index:2; margin:0px 20px;}
.menu ul li a.hasMenu:after{ position:absolute; right:0px; top:0px; font-weight:normal; content:"\eb8b"; font-family:"iconfont" !important; font-size:24px;}
.menu ul li a.hasMenu{ padding-right:25px;}
.menu ul li.hover a.hasMenu:after{transform: rotate(180deg);}
.menu ul li.hover a{ color:#0c53b7;}
.menu ul li.hover ul li a{ color:#000;}
.menu ul li a:hover{ color:#0c53b7;}
.menu ul li .drop-menu{position:absolute;min-width:130px; left:-5px; top:80px; background:rgba(255,255,255,.9); box-shadow:#999 0px 0px 15px;border-radius:5px; padding:5px 0px; display:none;}
.menu ul li ul{ display:block;}
.menu ul li ul li{ float:none; position:relative;}
.menu ul li ul li ul{ position:absolute; left:0px; top:0px; padding:0px; min-width:180px;border:1px solid #ededed; }
.menu ul li ul li a{ line-height:20px; text-align:left; margin:0px; padding:8px 20px; color:#000; display:block; font-weight:normal; font-size:14px;}
.menu ul li ul li:nth-last-child(1) a{ border-bottom:none;}
.menu ul li ul li a:hover{ color:#0c53b7;}
.menu ul li ul li a:after{ display:none;}
.menu ul li ul li ul li a{ background:#fff !important;}
.menu ul li ul li ul li a:hover{background:#f0f4fa !important;}


.pmenu{ display:none;}

.more{}
.more a{ height:38px; line-height:38px; border:3px solid #0c53b7; padding-left:25px; padding-right:50px; border-radius:30px; color:#000; display:inline-block; position:relative;}
.more a i{ position:absolute; content:""; right:0px; top:0px; font-size:12px;}
.more a i:after{ content:""; position:absolute; right:15px; top:8px; height:22px; width:22px; background:#0c53b7; border-radius:50%; z-index:10;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.more a i:before{ position:absolute; z-index:20; color:#fff; right:19px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.more a:hover{ background:#0c53b7; color:#fff;}
.more a:hover i:after{ background:#fff; color:#0c53b7;}
.more a:hover i:before{ color:#0c53b7;}

.more a em{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
.more a em:after{ content:""; position:absolute; left:3px; top:2px; height:34px; width:34px; background:#0c53b7; border-radius:50%; z-index:10;}
.more a em:before{ position:absolute; z-index:20; color:#fff; left:6px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.more a:hover em:after{  color:#0c53b7;}
.more a:hover em:before{ left:10px;}

.more1{}
.more1 a{ height:30px; line-height:30px; padding-left:45px; padding-right:0px; color:#000; display:inline-block; position:relative;color:#0c53b7;}
.more1 a i{ position:absolute; content:""; left:0px; top:0px; font-size:16px;}
.more1 a i:after{ content:""; position:absolute; left:3px; top:2px; height:24px; width:24px;border:3px solid #0c53b7; border-radius:50%; z-index:10;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.more1 a i:before{ position:absolute; z-index:20; color:#0c53b7; top:2px; left:12px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.more1 a:hover i:after{ background:#0c53b7;  color:#fff;}
.more1 a:hover i:before{ color:#fff;}




.banner{ height:100vh;}
#glume{width:100%; position:relative; height:100%;; background-color:#f3f3f3;}
#glume .Limg{width:100%;height:100%; margin:0px; padding:0px; list-style:none;}
#glume .Limg li{width:100%;height:100%; overflow:hidden;position:absolute; left:0px; top:0px; list-style:none;}
#glume .Limg li .pic{ height:100vh; width:100%; background-position: center center; background-size:cover;}
#glume .Limg li.active .pic{animation-name: fd;animation-duration:3s;}
#glume .w1440{ height:100vh;}
#glume .Limg li .ban-txt{position:absolute; left:90px; bottom:240px; min-height:200px; width:720px;  z-index:100; padding:20px; display:none;}
#glume .Limg li.active .ban-txt{animation-name:yc;animation-duration:3s;}
#glume .Limg li .ban-txt-bdr{ /*border:4px solid #0c53b7;*/ padding:40px;}
#glume .Limg li.active .ban-txt{ display:block;}
#glume .ban-txt em{ font-style:normal; font-size:22px;line-height:1.2em;color:#000;}
#glume .ban-txt h4{ font-weight:bold; font-size:56px; letter-spacing:8px; line-height:1em;color:#0c53b7; margin:25px 0px 30px 0px;}
#glume .ban-txt p{ color:#000; font-size:20px; line-height:36px; height:72px; overflow:hidden;}
#glume .ban-img{ position:absolute; bottom:-30px; right:0px;}

.ban-more{ margin-top:30px;}
.ban-more a{ height:46px; line-height:46px; border:3px solid #0c53b7; background:#0c53b7; padding-left:45px; padding-right:30px; border-radius:30px; color:#fff; display:inline-block; position:relative; font-size:16px;}
.ban-more a i{ position:absolute; content:""; left:10px; top:0px; font-size:26px;}
.ban-more a i:before{ position:absolute; z-index:20; color:#fff; left:6px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.ban-more a:hover{ background:#0c53b7; color:#fff;}
.ban-more a:hover i:after{  color:#0c53b7;}
.ban-more a:hover i:before{ left:10px;}

@keyframes fd {
	0% {transform: scale(1.05, 1.05);}
	100% {transform: scale(1, 1);}
}
@keyframes yc {
	from {
	opacity: 0;
	}
	to {
	opacity: 1;
	}
}


.banner_btn{ position:absolute; right:90px; bottom:60px; width:300px;z-index:20;}
.banner_btn .Nubbt{ text-align:right; width:100%; display:block;}
.banner_btn .Nubbt span{ display:inline-block; font-style:normal; padding-left:50px; font-size:16px; cursor:pointer;color:#000; position:relative;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; opacity:0.6;}
.banner_btn .Nubbt span:hover{ opacity:1;}
.banner_btn .Nubbt span.on{opacity:1; font-size:22px;}
.banner_btn .Nubbt span.on:after{ content:""; position:absolute; left:15px; top:18px; height:5px; width:25px; background:#0c53b7; border-radius:2px;}



.container{ width:100%; overflow:hidden;}


.nofound-infos{ padding:180px 0px 100px 0px; text-align:center;}
.nofound-infos span{ display:block; padding-bottom:15px; font-size:24px;}
.nofound-infos h2{ font-size:140px; line-height:1.2; font-weight:bold; color:#0c53b7; letter-spacing:10px;}
.nofound-infos p{ padding-top:30px; padding-bottom:40px; font-size:22px; color:#666;}
.nofound-infos .more span{ font-size:14px;}


.foot{ background-image:url(../images/foot_bg.jpg); background-size:cover; color:#8f8f8f;}
.foot-links{ padding-top: 60px; display: flex;}
.foot-links-tit{ width: 100px;}
.foot-links-list{ width: calc(100% - 110px);}
.foot-links-list a{ color: #999; padding-right: 10px;}
.foot-links-list a:hover{ color:#fff;}
.foot-menu{ padding-top:60px;}
.foot-menu ul{ display:flex;justify-content:space-between;}
.foot-menu ul li h4 a{ color:#fff; font-size:16px; font-weight:bold;}
.foot-menu ul li p{ padding-top:15px;}
.foot-menu ul li p a{ display:block; color:#8f8f8f; line-height:20px; padding:5px 0px;}
.foot-menu ul li p a:hover{ color:#fff;}

.foot-infos{ margin-top:80px; border-bottom:1px solid #545454; position:relative; padding-bottom:20px;}
.foot-info{ color:#fff; position:absolute; left:180px; padding-left:20px; top:7px; font-size:16px;}
.foot-info:after{ position:absolute; left:0px; top:6px; content:""; height:14px; width:1px; background:#fff;}
.foot-tel{ color:#fff; position:absolute; right:0px; top:7px;}
.foot-tel h4{ display:inline-block; font-weight:bold; font-size:20px; padding-left:20px;}
.foot-tel span{}

.foot-copyright{ line-height:70px; position:relative;}
.foot-copyright p{ position:absolute; right:0px; top:0px;}
.foot-copyright p span{ padding-left:20px;}
.foot-copyright p a{ color:#8f8f8f;}
.foot-copyright p a:hover{ color:#fff;}

.paging{ padding-bottom:40px;}
.paging .pagination{ margin-top:20px; display:flex; flex-wrap:wrap;}
.paging ul li{ display:inline-block;margin-right:5px;}
.paging ul span{ display:block; height:30px; line-height:30px; width:30px; text-align:center;}
.paging ul li.disabled{background:#eee; color:#999;  border:1px solid #eee;}
.paging ul li.active{ background:#4f8df0; color:#fff; border:1px solid #4f8df0;}
.paging ul li a{display:block; border:1px solid #ddd;}