@charset 'gb2312';
* { margin: 0; padding:0;} 
html,body {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased;/*  text-align:justify;*/ text-justify:inter-ideograph;  background:url(../images/bj.png) left bottom no-repeat rgba(0,186,255,.05); background-attachment:fixed;}
body { margin:0px; padding:0; -webkit-text-size-adjust: 100%;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font,strong,input,textarea,blockquote,img,button {border:0; padding:0; margin:0; font-weight:normal; font-style:normal;} 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
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%; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,font,strong,p,i,em,b,span,td,tr,a,input,textarea,blockquote,img,button { box-sizing:border-box; -webkit-box-sizing:border-box; }

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

img { max-width: 100%;border: none; border: 0; vertical-align: middle;}
a { color: #333; text-decoration: none; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
a:focus { outline: none;-moz-outline: none;}
a:hover { text-decoration: none;  color:#083b90; }
.left { float: left; }
.right { float: right;}
.clear { clear: both; }

.header { background: url("../images/banner.png") no-repeat center; height: 650px;}
.warp { width: 1200px; margin: 0 auto;}

.lm { width:100%; float:left; text-align:center; padding:3% 0;background: url(../images/lmbj.png) center center no-repeat; }
.lm span { line-height:90px; font-size:50px; font-weight:bold; color: #0972d2; margin-left:15px; }

.slm { width:100%; float:left; margin:0 0 25px 0;}
.slm b { width:8px; height:26px; float:left; display:inline-block; border-radius:5px; background:#0753fe; margin-right:12px; margin-top:1px; }
.slm span { float:left; height:26px; line-height:26px;color:#0753fe; font-size:24px; font-weight: 700;}
.marT40 { margin-top:40px; }

.nav { width:100%; float:left; background:#0125c3; }
.nav ul {  width:820px; margin:0 auto; overflow:hidden; }
.nav ul li { float:left; text-shadow:1px 1px 1px rgba(255,255,0,.3); color:#fede86; font-size:20px; line-height:58px; margin-right:40px;  }
.nav ul li span { font-size:16px; font-weight:normal; padding:0 0 0 20px; }
.nav ul li a { color:#befdff; }
.nav ul li a:hover { color:#c3dfb3; }
.nav ul li span a { color:#fff; }
.nav ul li span a:hover { color:#fff; text-decoration:underline; }
.nav ul li:last-child { margin-right:0px; }

	

.newsfont { width: 100%; float: right; margin-bottom:0px; }
.newsfont ul li { width: 32%; margin-right: 2%; float:left ; background: #fff; margin-top: 2%; padding:2%; box-shadow: 0px 0px 10px #1666fe59; }
.newsfont ul li:nth-child(3n) { margin-right:0px; }
.newsfont ul li span { width: 100%; float: left; color:#444;  line-height:28px; font-size:18px; font-weight:bold; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;   }	
.newsfont ul li p  { width:100%; float:left; color:#999; line-height:24px; font-size:15px; padding:10px 0 0 0;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:56px;  }
.newsfont ul li:hover span { color:#0753fe; }



.st { width:100%; float: left;}
.st ul li { width:32%; float:left; margin-right:2%; margin-bottom:3%; box-shadow: 0px 0px 10px #1666fe59; }
.st ul li h3 { width:100%; height:210px; position:relative;  }
.st ul li h3 img { width:100%; height:100%; }
.st ul li h3 b { position:absolute; left:0; bottom:0; background:linear-gradient(135deg,#1564fe 0,#4ad1ff 100%);color:#fff; font-size:14px; line-height:36px; padding:0 12px; z-index:6; filter:alpha(opacity=9); opacity:0.9; display:none;  }
.st ul li h4 { width:100%; float:left;  background:rgba(255,255,255,.8);  padding:12px 5% 2%; }
.st ul li h4 p { font-size:16px; line-height:22px; color:rgba(0,0,0,.8);  text-align: center; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.st ul li h5 { width:100%; float:left;  background:rgba(255,255,255,.8);  padding:0px 5% 3%; }
.st ul li h5 p { font-size:14px; line-height:22px; color:#9E9E9E;  text-align: center; font-weight:normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.st ul li:nth-child(3n) { margin-right:0;}
.st ul li:hover h4 { color:#e84335; }




/*ýÌå¾Û½¹*/
.mtbd { width: 100%; float: left; margin-bottom: 3%; }
.mtbd ul li {width:32%; float:left; padding:16px 22px 16px 16px; margin:0 2% 20px 0; box-shadow: 0px 0px 6px rgba(0,122,255,0); background: #fff; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;  }
.mtbd ul li:nth-child(3n) { margin-right:0; }
.mtbd ul li h3 { width:35%; height:84px; overflow:hidden; float:left; margin-right:3%; border-radius:0px; }
.mtbd ul li h3 .img { overflow:hidden; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size: cover; -webkit-transition: transform 2s;transition: transform 2s;}
.mtbd ul li h2 { height:84px; overflow: hidden;  display:flex; align-items:center; padding-left:10px;}
.mtbd ul li h2 span { width: 100%; overflow: hidden;float: left; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:20px; line-height: 32px; color: #333;}
.mtbd ul li:hover { background:#f8f8f8; }
.mtbd ul li:hover h2 span { color: #0d4cd2; }
.mtbd ul li:hover h3 .img {-webkit-transform: scale(1.1);transform: scale(1.1);}

.footer { width:100%; float:left; margin-top: 5%;  background:#0d4cd2;  font-size:16px; line-height:52px; color:#fff; text-align:center; } 
.footer strong { padding:0 0 0 8px; font-weight: 600; }

.mtop { display: none;}



.header { -webkit-animation:header .7s ease .2s backwards; animation:header .7s ease .2s backwards; }
@keyframes header
{
0%   {opacity:0; -webkit-transform:translateY(-30px); }
100% { opacity:1;}
}
@-webkit-keyframes header
{
0%   {opacity:0; -webkit-transform:translateY(-30px); }
100% { opacity:1;}
}

.jiedi { position: relative; width: 100%;overflow: hidden;}
.j01 { float: left; padding-top: 90px;}
.j02 { float: left; padding-left: 30px;}
.j03 { float: right; padding-top: 90px;}
.j04 { float: left; margin-top: -70px;}
.ruhe { position: relative; width: 100%;overflow: hidden;}
.r02 { width: 364px; margin: 0 auto; z-index: 2; position: relative; }
.r01 {  margin-top: -40px; z-index: 1;}


.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


@media screen and (max-width: 1024px) {
    .header { display: none;}
    .txt { display: none;}
    .mtop { display: block;}
    .warp { width: 100%; }
    .nav ul { width: 100%; padding: 1rem;}
    .nav ul li { font-size: 1rem; line-height: 2rem;margin-right:.5rem;}
    .nav ul li:nth-child(2) { margin-right:0; }
    .nav ul li span {font-size: 1rem; line-height: 2rem; padding: 0 0 0 3px;}
.swiper-button-prev,.swiper-button-next { display: none; }

.lm { background-size:auto 100%; min-height:3.6rem; margin-bottom:5%; margin-top:5%;  }

    .newspic ul li { width: 49%;}   
    .newspic ul li:nth-child(2n) { margin-right:0px; margin-bottom: 2%; }
    .newspic ul li h2 img { height: 10rem;}
    .newsfont ul li { width: 100%;}
    .newsfont ul li span { height: auto;}
    .vdlist ul li { width: 100%;}
    .vdlist ul li:nth-child(3n) { margin-right:0%;}
    .st ul,.newsfont ul { width: 92%; margin: 0 auto;}
    .st ul li { width: 100%; margin-right:0%; }
    .mtbd ul li { width: 100%; margin-right:0%;}
	
    
}