@charset "UTF-8"; 
/* CSS Document */
/* webkit*/
::-webkit-input-placeholder {
color:#999; font-size: 14px;
}
/*moz*/
::-moz-placeholder {
color:#999; font-size: 14px;
}

body{background: #fff}

.simg img{width: 100%; float: left}
.auto{width: 1280px; margin: auto; position: relative}

.head{position:absolute; top:0; left:0; width:100%; height:60px; z-index:20}

.head-c{padding:40px 0}
.nav{position:absolute; top:0; right:0}
.nav a{display:inline-block; margin-left:40px; font-size:16px}
.nav .cur{color:#0c6ce4}

.head2{position:relative; top:0; left:0; width:100%; height:auto; z-index:20}
.head2 .head-c{padding:25px 0}


.cp{background:url(../images/cp-bg.png) no-repeat; background-size:cover; padding:80px 0}
.cp .auto{width:1284px}
.cp .title{text-align:center}
.cp .title .t{text-align:center; font-size:36px; font-weight:500}
.cp .vis{padding:40px 0}
.cp .vis li{float:left; margin:2px}

.yy{padding:80px 0; background:#F5F8FF}
.yy .auto{width:1284px}
.yy .title{text-align:center; line-height:28px}
.yy .title .t{text-align:center; font-size:36px; font-weight:500}
.yy .vis{padding:40px 0 20px}
.yy .vis li{float:left; width:33.33%}
.yy .vis li a{display:block; background:#fff; border-radius:5px; text-align:center; padding:30px 20px; font-size:18px; margin:10px}
.yy .vis li a span{margin-left:5px}
.yy .nis li{float:left; width:25%}
.nis li .img{margin:0 10px}
.nis li .alk{margin:0 10px; background:#fff; padding:15px; min-height:200px; color:#666; line-height:28px}
.nis li .img img{width:100%}
.nis li .alk a{display:block; position:relative; padding-left:12px; color:#666}
.nis li .alk a span{position:absolute; top:0; left:0}

.al{background:url(../images/al-bg.png) no-repeat; background-size:cover; padding:80px 0}
.al .auto{width:1284px}
.al .title{text-align:center}
.al .title .t{text-align:center; font-size:36px; font-weight:500}
.al .vis{padding:40px 0}
.al .vis li{float:left; width:33.33%; margin:10px 0}
.al .tabk{text-align:center; padding:0 0 30px}
.al .tabk a{display:inline-block; margin:0 20px; background:#fff; border-radius:100px; padding:15px 25px}
.al .tabk .cur{box-shadow:0 5px 5px #b6d8fe; color:#fff; background:#0C6CE4}
.al .vis li .img{margin:0 10px}
.al .vis li .img img{width:100%}
.al .vis li .act{margin:0 10px; padding:15px; background:#fff}
.act .t{font-size:18px}
.act .c{color:#999; margin:10px 0 0}
.neds{margin:40px 0 0}
.neds li{float:left; width:25%}
.neds li .nec{margin:10px; border-radius:10px; background:#fff; padding:20px}
.nec .img{text-align:center; padding:40px 0 20px}
.nec .t{font-size:18px; text-align:center}
.nec .c{color:#999; line-height:26px; padding:20px; height:120px}
.txdl .rt{background:#F5F8FF}
.txdl dl{position:relative; padding:50px;}
.txdl dl dd{float:left; width:40%; padding:100px 0 0}
.txdl dl dt{width:60%}
.txdl .rt dt{float:right; text-align:right}
.txdl .lt dt{float:left; text-align:left}
.txdl dl dd .ti{font-size:24px}
.txdl dl dd .ci{line-height:28px; color:#999; margin:15px 0 0}
.txdl dl dd .ti .ico{margin-right:12px}
.txdl .lt dd .ti{text-align:right}

.about{background:#F5F8FF; padding:60px 0}
.about .tx{line-height:40px; font-size:18px; text-align:center}
.about .img{margin:60px 0; text-align:center}
.about .vis{padding:0 0 30px}
.about .vis li{float:left; width:33.33%}
.about .vis li .ico{display:block; margin:auto auto 5px}
.about .vis li a{display:block; background:#fff; border-radius:5px; text-align:center; padding:30px 20px; font-size:18px; margin:10px; border-radius:10px}
.about .vis li a span{margin-left:5px}

.footer{background:#000; padding:40px 0 20px; color: #B9BEC4}
.footer li{float:left; width:20%}
.footer .t,.footer .t a{color: #f0f0f0; font-size:16px}
.footer .c{margin:10px 0 0; line-height:32px}
.footer .c a{color: #B9BEC4}
.footer .cmis{text-align:center; border-top:1px #333 solid; margin:20px 0 0; padding:20px 0 0}
.footer a{color: #B9BEC4}