@charset "utf-8";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html, body { margin:0px; padding:0; -webkit-font-smoothing:antialiased;  font-family: 'roboto', "microsoft yahei",arial, "sans-serif"; font-weight:400; font-size:16px;color: #333;line-height:1.5; text-align: justify;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#454545; text-decoration:none; }
a:hover{ color:#215ca2; text-decoration:none;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,d,span,b,p,em,font,i,strong { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.clearfix:before,.clearfix:after{content:" ";display:table}

@font-face { font-family: "bebas"; src: url('bebas.ttf') format('truetype'); }
@font-face { font-family: "roboto"; src: url('Roboto.ttf') format('truetype'); }



.warp { width:1200px; margin:0 auto; overflow:hidden; }

.header { width:100%; height:780px; margin:0 auto;  background:url(../images/banner.jpg) center -20px no-repeat; }

/*菜单*/
.nav { width:100%; float: left;}
.nav .nav-logo { float: left; padding:25px 0; }
.nav .layui-nav { float:right; }
.nav .layui-nav ul li { float:left; font-size:17px; padding:0 25px; line-height:100px; }
.nav .layui-nav ul li a { color:rgba(255,255,255,.9);  }
.nav .layui-nav ul li a:hover { color:#fff; border-bottom:3px solid #fff; }

.nav2 { width:100%; position:fixed; top:0; z-index:9999999; background:#fff; height:80px; display:none;}
.nav2 .nav-logo { float: left; padding:15px 0; }
.nav2 .layui-nav { float:right; }
.nav2 .layui-nav ul li { float:left; font-size:17px; padding:0 25px; line-height:80px; }
.nav2 .layui-nav ul li a { color:#333; }
.nav2 .layui-nav ul li a:hover { color:#215ca2; border-bottom:3px solid #215ca2; }

.num { width:100%; float:left;float:left; text-shadow: 0px 0px 8px rgba(0,0,0,.5); padding:40px 0 0 0;  }
.num dl { width:100%; float:left; color:rgba(255,255,255,1); font-size:60px; line-height:68px; text-align:center; font-weight: bold; letter-spacing: 0.05em;  }
.num dd { width:100%; float:left; color:rgba(255,255,255,.85); font-size:20px; line-height:60px; text-align: center; letter-spacing: 0.05em; }
.num ul { width:100%; float:left; padding:40px 5% 120px 5%; }
.num ul li { float:left; width: 25%;  }
.num ul li h2 { width: 100%; float:left; text-align: center; }
.num ul li h2 span.timer { font-size:50px; line-height:60px; color:#f18101; font-family: 'bebas'; font-weight: normal; }
.num ul li h2 b { font-size:20px; line-height: 40px; color: #fff; margin-left: 6px; vertical-align: top; font-weight: bold; }
.num ul li h3 { width: 100%; float:left; font-size:20px; line-height: 40px;  color:#fff; text-align: center;   }


.probj { width: 100%; float: left;  padding:75px 0; height: 600px; } 
.prointro { width:100%; float: left;  }
.prointro h3 { width: 48%; float: left; margin-top:20px;}
.prointro h3 font { width: 100%; float: left; line-height: 48px; font-size:40px; font-weight: bold; background-image:-webkit-linear-gradient(left,#015294,#2280c0); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.prointro h3 b { width: 100%; float: left; line-height: 48px; font-size:30px;  background-image:-webkit-linear-gradient(left,#015294,#2280c0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom: 40px; }
.prointro h3 p { width: 100%; float: left; line-height: 36px; font-size:22px; color: rgba(0,0,0,.7); margin-top: 20px; }
.prointro h3 em { float: left; margin-top:60px; }
.prointro h3 em a { height:54px; line-height:54px; border-radius:30px; color:#fff; text-align:center; font-size:20px; cursor:pointer; display:inline-block;   padding:0 50px 0 32px;  background:linear-gradient(to left, #2da6db, #193b85); }
.prointro h3 em a span { position:relative; display:block;  }
.prointro h3 em a span:after { border:solid transparent; content: ''; height:0;  position:absolute; width:0; border-width:9px; border-left-color:#fff; top:19px; margin-left: 12px; }
.prointro h4 { width: 50%; float: right; text-align: center; }
.prointro h4 img { max-width: 100%; height: auto; }


.lm { width: 100%; float:left; /* text-transform:uppercase;*/}
.lm font { width:50%; float:left; line-height: 48px; color: #025696;}
.lm font p { font-size:30px;  background-image:-webkit-linear-gradient(left,#015294,#2280c0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.lm font b { font-size:40px; font-weight: bold; background-image:-webkit-linear-gradient(left,#015294,#2280c0); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.lm em { float: right;  }
.lm em a { height:50px; line-height:50px; border:1px solid #aaa; border-radius:30px; color:#666; text-align:center; font-size:16px; cursor:pointer; display:inline-block;  margin-top:24px; padding:0 50px 0 32px; transition:0.5s; -webkit-transition:0.5s; }
.lm em a span { position:relative; display:block;  }
.lm em a span:after { border:solid transparent; content: ''; height:0;  position:absolute; width:0; border-width:8px; border-left-color:#777; top:17px; margin-left: 10px; }
.lm em:hover a { background:linear-gradient(to left, #2da6db, #193b85);  border:1px solid #2da6db; }
.lm em:hover a span { color:#fff; }
.lm em:hover a span:after { border-left-color:#fff; }
.marB40 { margin-bottom:40px;}

.newsbj { width: 100%; float: left; background:url(../images/newsbg.jpg); padding:70px 0 80px 0; }
.news { width:100%; float: left;}
.news ul li { width: 32%; float:left ; background: #fff; margin-right:2%; }	
.news ul li h2 { width: 100%; float: left; height:250px; overflow: hidden; }	
.news ul li h2 img{ width: 100%; height: 100%; }
.news ul li h3 { width: 100%; float: left; text-align: left; padding:25px 8% 8px 8%; font-size: 16px; line-height: 20px; }	

.news ul li h4 { width: 100%; float: left;  padding:0 8%}
.news ul li h4 span { width:100%; float:left; color:#333;  line-height:28px; font-size:18px; font-weight: bold; overflow:hidden;  display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;  transition:0.5s; -webkit-transition:0.5s;  }
.news ul li:hover h4 span { color:#215ca2; }
.news ul li h4 p { width:100%; float:left; color:#999; line-height:28px; font-size:16px; padding:20px 0 0 0; overflow:hidden;  display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4; }

.news ul li h5 { width: 100%; float: left; padding:30px 8% 40px 8%; }
.news ul li h5 i { width: 33px; height: 33px; display:block;  background: url("../images/news_next.png") left center no-repeat; float: left; transition:0.5s; -webkit-transition:0.5s}
.news ul li:hover h5 i { margin-left:calc(100% - 33px); background: url("../images/news_next2.png") left center no-repeat;}
.news ul li:nth-child(3n) { margin-right:0; }


.footer { width:100%; float:left;  padding:60px 0;  background:url(../images/footerbj.jpg) center center no-repeat #e8e9eb; }
.footer ul { width: 1200px; margin: 0 auto;}
.footer ul li {float:left;  }
.footer ul li:nth-child(1) {  width: 42%; }
.footer ul li:nth-child(2) {  width: 40%; }
.footer ul li:nth-child(3) {  width: 18%; }

.footer ul li h2 { width:100%; float:left; font-size:18px; color:rgba(255,255,255,1); line-height:30px;  margin-bottom: 15px; }
.footer ul li h3 { width:100%; float:left;  }
.footer ul li h3 p { line-height:36px; font-size:15px; color:rgba(255,255,255,.6); }
.footer ul li h3 font { line-height:42px; font-size:16px; color:rgba(255,255,255,.6);  border: 1px solid rgba(255,255,255,.9); padding:0 20px 0 18px; display: inline-block; border-radius:5px; margin-top: 15px; }
.footer ul li h3 font i { margin-right:8px; font-size:20px; color:rgba(255,255,255,.8);}
.footer ul li h3 font a { color:rgba(255,255,255,.9); }





/*--------------------------------------------------列表页---------------------------------------------------*/

.banner { width: 100%; height:600px; float: left; background-position: center top;} 


.listbj { width:100%; float: left; background:url(../images/newsbg.jpg); padding:60px 0 70px 0; }


.lm2 { width:100%; float:left;  text-align: center; padding:0 0 70px 0 ; }
.lm2 p { font-size:30px; line-height: 48px; font-size:30px;  background-image:-webkit-linear-gradient(left,#015294,#2280c0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.lm2 b { line-height: 48px; font-size:40px; font-weight: bold; background-image:-webkit-linear-gradient(left,#015294,#2280c0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.lm2 i { display:block; width:14px; height:2px; background:#cbcbcb; position:absolute; left:50%; margin-left:-7px; margin-top: 20px; }

.page { width:100%; float:left; margin:50px 0 0 0; font-size:16px; overflow:hidden; text-align:center; color:#555; }
.page a { color:#333; background:#fff; margin:0 4px; padding:0 13px; line-height:32px; display: inline-table; border-radius:2px;  transition:0.5s; -webkit-transition:0.5s; }
.page a:hover { background:#215ca2; color:#fff; border-radius:2px;}
.page a:active {  background:#215ca2; color:#fff; border-radius:2px;}
.page span.current { background:#215ca2; color:#fff; display:inline-table; border-radius:2px; line-height:32px; padding:0 13px; margin:0 4px;}
.page span.disabled { padding:0 9px 0 0px; }

.container { width:100%; float:left;  }
.grid { width:100%; list-style:none; margin:0 auto; padding:0;}
.grid li { display:block; float:left; opacity:0; padding:1.8% 2%; width:31.3%; background:#fff; margin:0 2% 2% 0; }
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li { opacity:1;}
.grid li h3 { max-width:100%; margin-bottom:16px; overflow: hidden; display:block; }
.grid li h3 img { width:100%; height:auto; }
.grid li h4 { color:#333;  line-height:28px; font-size:18px; font-weight: bold; margin:0 0 16px 0; transition:0.5s; -webkit-transition:0.5s;}
.grid li:hover h4 { color:#215ca2; }
.grid li h5 { color:#999; line-height:24px; font-size:14px; margin:0 0 14px 0;  }
.grid li h6 { font-size:16px; color:#666; line-height:24px;}
.grid li h6 span { padding:0 10px; display:inline-block; transform:scale(0.8); } 
.grid li:nth-child(3n) { margin-right: 0;}


.grid li.proshow { display:block; float:left; padding:1.8% 2%; width:31.3%; background:#fff; margin:0 2% 2% 0;}
.grid li h1 { width:100%; float:left; transition:0.5s; -webkit-transition:0.5s;}
.grid li h1 img { width: 100%; height: auto; }
.grid li h2 { width:100%; float:left; color:#333; line-height:28px; font-size:16px; font-weight: bold; text-align: center; margin:16px 0 0 0; transition:0.5s; -webkit-transition:0.5s;  }
.grid li:hover h2  { color:#215ca2;}

.grid li.honor { display:block; float:left; padding:1.8% 2%; width:31.3%; background:#fff; margin:0 2% 2% 0; cursor:pointer;}
.grid li.honor span { width:100%; float:left;transition:0.5s; -webkit-transition:0.5s;}
.grid li.honor span img { width: 100%; height: auto; }
.grid li.honor p { width:100%; float:left; color:#333; line-height:28px; font-size:16px;  font-weight: bold; text-align: center; margin:16px 0 0 0; transition:0.5s; -webkit-transition:0.5s;  }
.grid li.honor:hover p { color:#215ca2;}


.popup { position:fixed; top:0; left:0; width:100%; z-index:9999999999; display:none; height:100%; background:rgba(0,0,0,.8); -webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); pointer-events: auto; transition-duration: .12s; } /*backdrop-filter背景模糊 ,pointer-events控制背景滚动;*/

.pop { width:100%; top:0; height:100%; left:0; text-align: center; overflow:none;-webkit-animation:pop .3s ease-in-out backwards; animation:pop .3s ease-in-out backwards;  position:absolute;  display:flex; justify-content:center; align-items:center;  }
@keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-webkit-keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
.pop img { max-width:calc(100% - 50px); max-height:calc(100% - 50px);  border: 50px solid #fff;}

.close { position:absolute;  top:20px; right:20px;  z-index:999; color:#d00; font-size:46px; width:50px; height: 50px; line-height: 50px; text-align: center;display:flex; justify-content:center; align-items:center;cursor:pointer; -webkit-animation:close 0.3s ease-out .4s backwards; animation:close 0.3s ease-out .4s backwards; }
@keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}


.grid.effect-2 li.animate { -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-animation:moveUp .65s ease forwards; animation:moveUp .65s ease forwards; }
@-webkit-keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0);opacity:1;} }
@keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0); transform:translateY(0); opacity:1;} }


.introbj { width: 100%; float: left;  background:url(../images/introbj.jpg) center center no-repeat; background-size: cover; padding:90px 0 70px 0; } 

.warpbj { background:rgba(255,255,255,1);  padding:40px 45px;width:1200px; margin:0 auto 20px auto; overflow:hidden;  }

.slm3 { width:100%; float:left; line-height:32px;  color: #333; }
.slm3 b { font-size:28px; font-weight: bold; background-image:-webkit-linear-gradient(left,#015294,#2280c0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.slm3 em { margin-left: 10px; font-size:18px; background-image:-webkit-linear-gradient(left,#015294,#2280c0); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  }

.fzlc { width:100%; float:left; margin-top: 20px; }
.fzlc ul li { width:18%; float:left;  }
.fzlc ul li h3 { width:100%; float:left; line-height:30px;  font-size:18px; color:#333; font-weight:bold; }
.fzlc ul li h4 { width:100%; float:left; margin:18px 0 16px 0; border-bottom:2px solid rgba(0,0,0,.1); position: relative;  }
.fzlc ul li h4 i { position:absolute; background:#015294;  width:12px; height:12px; border-radius:50%; border:0 solid #015294; display: inline-block; top:-4px; }
.fzlc ul li h5 { width:100%; float:left; padding:0 30px 0 0; }
.fzlc ul li h5 p { width:100%; float:left; line-height:24px; font-size:16px; color:#333; padding:6px 0;  }
.fzlc ul li h5 p b { font-size:18px; margin-right:5px; color:#bbb; }
.fzlc ul li:nth-child(5) h5 {padding:0 0 0 0;}
.fzlc ul li:nth-child(1) { width:16%; float:left; }
.fzlc ul li:nth-child(3) { width:24%; float:left; }
.fzlc ul li:nth-child(4) { width:24%; float:left; }
.fzlc ul li:nth-child(5) { width:18%; float:left; }

.intro { width:100%; float: left;  }
.intro p { width:100%; float:left; font-size: 16px; line-height: 32px; color:#333; text-indent: 2em; margin:20px 0 0 0; }


.culture { width:100%; float: left; margin-top: 6px;  }
.culture ul li { width: 22%; float: left; margin-top:22px; }
.culture ul li i { width: 70px; float: left;  font-size:50px; line-height: 56px; color: #015294; }
.culture ul li i.f2 { font-size:56px; }
.culture ul li font { width: calc(100% - 70px); float: left; }
.culture ul li font span { width:100%; float:left; line-height:30px; font-size:18px; color:#333; font-weight:bold;  }
.culture ul li font p { width:100%; line-height:26px; font-size:16px; color:#666; float:left;}
.culture ul li:nth-child(4) { width: 27%;}
.culture ul li:nth-child(3) { width: 29%; padding-right: 40px; }

.time { width:100%; float:left; margin:35px 0 0 0;}
.time dl { width:32%; float:left; text-align:center; margin-right:2%;  position:relative; }
.time dl i { position:absolute; z-index:2; background:#015294;  width:12px; height:12px; border-radius:50%; border:2px solid #015294; margin-top: -5px; }
.time dl:nth-child(3) { margin-right:0; }
.time dl b {  width:100%; float:left; text-align:center;  line-height:26px; font-size:15px; color:#333; margin-top:-42px; }
.time dl p { width:100%; float:left; text-align:center; line-height:28px; font-size:18px; color:#333; font-weight:bold;  padding:20px 0 0 0; }
.line { height:2px; border-radius:2px; display:block; width:100%; background:rgba(0,0,0,.1);}



.honorbj { width: 100%; float: left; background:url(../images/honorbj.jpg) center top no-repeat; padding:70px 0 80px 0; }
.honorpic {  width: 100%; float: left;}


.contact { width:100%; float:left; padding:5%; background: #fff;  text-align:left;} 
.contact h5 { width:50%; float:left;  }
.contact h5 p { width:100%; float:left; font-size:16px; color:#777; line-height:36px; margin-bottom:35px;  }
.contact h5 p strong { width:100%; float:left; font-size:32px; line-height:40px; color:#333; margin-bottom:5px; }

.contact h5 font { width:100%; float:left; font-size:18px; line-height:50px; color:#555;}
.contact h5 font i { float:left; margin-right:15px; font-size:22px; line-height:40px; margin-top:5px; }
.contact h5 font i.f6 { font-size:26px;}
.contact h6 { width:44%; float:right; margin-top:10px;  }
.contact h6 img { width:100%; height:auto; }

.contact h4 { width:49%; float:right;  height: 380px; -webkit-filter: grayscale(40%); filter: grayscale(40%); }





/* --------------------------------------------------------- 三级页面 ----------------------------------------------------- */

.articlebj { background:url(../images/newsbg.jpg); }

.con90 { width:100%; float:left; background: #fff; padding:5% 6% 3% 6%; }

.titt { width:100%; float:left; font-size:32px; font-weight: bold; color:#333; text-align:center; padding:0 5% 25px 5%; line-height:48px;  }
.info { width:100%; float:left; color:#777; font-size:14px; text-align:center; border-bottom:1px #e5e5e5 dotted; line-height:20px; margin-bottom:40px; padding:0 0 40px 0; }
.info span { padding:0 8px; }
.info em { padding:0 8px; }


.zw { width:100%; float:left;  line-height:2.2em; font-size:18px;}
.zw p { width:100%; float:left;  padding-bottom:28px;  color:#333; }
.zw img { max-width:80%; height:auto; }



@media screen and (max-width:999px) and (min-width:160px){
.header { width:1200px; height:700px}

.nav .nav-logo { float: left; padding:25px 0 25px 25px; }	
.nav2 { width:1200px; }
.nav2 .nav-logo { float: left; padding:15px 0 15px 25px;}
	
.probj { width: 1200px; padding:50px 0;}
.prointro h3 { width: 48%; padding-left:5%; }
	
.newsbj { width: 1200px; padding:50px 0;}
.lm,.news,.footer ul,.intro { padding:0 5%; }

.con90 { padding:5% 5% 3% 5%; }
	
.honorpic {  width: 100%; padding:0 5%;}
.honorpic img { width: 100%; height: auto; }
	
.footer,.banner,.listbj,.lm2,.articlebj,.honorbj,.introbj { width: 1200px;}

.footer ul li:nth-child(1) {  width: 41%; }
.footer ul li:nth-child(2) {  width: 39%; }
.footer ul li:nth-child(3) {  width: 20%; }
	

.close {  font-size:70px; width:80px; height: 80px; line-height: 80px;  top:20px; right: 20px;  }
	
}