*{ margin:0;padding:0;}
body { font:14px/150% "微软雅黑", Arial; color:#666; background:#f7f7f7;}
a:link,a:hover,a:visited{ color:#666; text-decoration:none;}
a:hover{color:#e68e1b}
ul,li{ list-style:none;}
img  { border:0;}
.red { color:#dd0000; line-height:2em;}
.wrap{ margin:0 auto; width:1200px; position:relative; overflow:hidden}
.clear{ clear:both}
#header{ width:100%; height:128px; padding-top:100px;}
.header_login{ position:absolute; right:0px; top:15px; width:120px; height:50px;}
.header_login i{ display:inline-block; background:url(../images/icon_login.png) no-repeat; width:32px; height:33px; vertical-align:middle;margin-right:8px}
.header_login.page i{background:url(../images/icon_home.png) no-repeat;}
.header_login  a{ color:#3679dc; }
.header_login a:hover{color:#e68e1b}
#footer{ width:100%; height:100px; text-align:center; background:#19498f; color:#fff; margin-top:50px; padding-top:20px; line-height:2em}
#footer a{ color:#fff}
#footer span{ opacity:0.5}

#banner img{ width:100%; height:auto}
#main .left{ float:left; width:650px;}
#main .left li{ float:left; font-size:16px; width:270px; height:180px; border:1px solid #ccc; margin:50px 50px 0px 0; background:#fff}
#main .left li:hover{ background:#e68e1b;  color:#fff}
#main .left li:hover a{color:#fff}
#main .right{ float:right; width:550px; margin-top:50px;}
#main .right h2{ display:inline-block; background:#0951ba; color:#fff; text-align:center; width:180px; height:60px; line-height:60px;}
#news ul{height:310px; border:1px solid #ccc;  background:#fff; padding:20px;}
#news li{  background:url(../images/dot.png) no-repeat left; padding-left:20px; font-size:16px; line-height:3em}
#btn_left  a{ display:block;text-align:center;height:180px;}
#btn_left i{ display:inline-block; width:80px; height:80px; margin-top:30px; margin-bottom:20px;}
#main .left li p{ display:block; margin:0 auto; width:150px; padding:10px 0; }
#main .left li.btn01 p{ background:#e68e1b; border-radius:5px; color:#fff}
.btn01 i{  background:url(../images/icon01.png)}
.btn02 i{  background:url(../images/icon02.png)}
.btn03 i{ background:url(../images/icon03.png)}
.btn04 i{  background:url(../images/icon04.png)}
#main .left li.btn01:hover i{  background:url(../images/icon01_hover.png)}
#main .left li.btn02:hover i{  background:url(../images/icon02_hover.png)}
#main .left li.btn03:hover i{ background:url(../images/icon03_hover.png)}
#main .left li.btn04:hover i{  background:url(../images/icon04_hover.png)}

#banner2{ height:100px; line-height:100px; background:#0951ba; color:#fff; text-align:center; font-size:20px; font-size:20px; font-weight:bold
}#main2{ padding:30px 0; min-height:500px;}
#main2 h1{ text-align:center; margin:20px auto}
.type{ margin:30px 0}
.type li{ float:left; width:18%; font-size:18px; font-weight:bold;  text-align:center; margin: 20px 1%; background:#fff; border:1px solid #ccc;  box-sizing:border-box; border-radius:5px; background:#000}

.type li a{ display:block;padding:50px 20px; color:#fff;}

.type li:nth-child(1) a{ background:#889ea0}
.type li:nth-child(2) a{ background:#6fb4b9}
.type li:nth-child(3) a{ background:#6f81b9}
.type li:nth-child(4) a{ background:#b9726f}
.type li:nth-child(5) a{ background:#6fb973}

.type li a:hover{ background:#e68e1b; color:#fff; }
.layui-layer-content{ padding:30px;}