*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}
input[type="submit"], input[type="reset"], input[type="button"], input[type="email"],
button {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}
body {
    font-style: normal;
    font-size: 12px;
    background:#fff;
    font-family: "΢ܛÕýºÚów";

}
html,body{height:100%}
::-webkit-input-placeholder {
    color: #666;
    font-size:14px;
}

input[type="text"], input[type="password"] ,select,textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-radius: 0;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}
select{-webkit-appearance: none}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    text-decoration: none;
    list-style: none;
    font-style: normal;

}
.input{font-size:12px;}
::-webkit-input-placeholder{font-size:12px}
.fr {
    float: right
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(0,0,0,0);
    background-image: none;
    color: rgb(0, 0, 0);
}
.fl {
    float: left;
}
.clearfix:after{display: block; content: "\20"; height: 0; clear: both; overflow: hidden; visibility: hidden;}/*ie8ÒÔÉÏ*/
.header{width: 100%; border-top:4px solid #1366bd; border-bottom: 2px solid #1366bd;background: url(/style/css/../images/bg-5.png)}
.headermidde{width: 1200px;position: relative; margin: auto; height: 125px;}
.leftlogo{float:left; height: 125px;}
.leftlogo a{display: table-cell; height: 125px; vertical-align: middle;}
.leftlogo a img{width: 204px; height: 70px;}
.nav{float:right; padding-top:30px; position: relative;    font-family: ËÎÌå;}
.nav > ul > li{float:left; margin: 0 30px; position: relative}
.nav > ul > li > a{color:#111111; font-size: 14px; display: inline-block; line-height: 95px; transition: all 0.3s}
.nav > ul > li > a:hover{color:#1366bd;}
.nav > ul > li.on> a{color:#1366bd}
.nav > ul > li ol li a:hover{color:#1366bd}
.nav > ul > li ol{background: #fff; height: 0px; position: absolute; line-height: 70px; width: 100%; left: -35px; top:97px; transition: all 0.5s; overflow: hidden; z-index: 999}
.nav > ul > li ol li{float:left; padding: 0 25px}
.nav > ul > li:nth-child(5){position: inherit}
.nav > ul > li:nth-child(5) ol{right: 0; left:inherit; top:127px;}
.nav > ul > li:last-child{position: inherit}
.nav > ul > li:last-child ol{right: 0; left:inherit; top:127px;}
.nav > ul > li ol li a{color:#666666; font-size: 12px; line-height: 70px;white-space: nowrap}
.nav > ul > li:hover ol{height: 70px;}
.nav > ul > li.on:after{content: '';  border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #1366bd; position: absolute; left: 50%; margin-left: -10px; bottom: 0}
.nav > ul > li:nth-child(5).on:after{
    left: 56%;
}
.nav > ul > li:nth-child(8):after{
    left: 94%;
}


.Showtop{width: 630px; height: 36px; background: #1366bd url("../images/leftbg.jpg") no-repeat left center; border-radius: 0 0 5px 0; right: 0; top:0; position: absolute; background-size: 36px 36px;}
.Showtop ul li.po1{color:#fff; line-height: 36px; font-size: 12px; padding-left: 90px; background: url(/style/css/../images/a.png) no-repeat 65px center; float:left; position: relative}
.Showtop ul li.po1:after{width: 1px; height: 30px; background: #6ec8ec; content: ''; right: -30px; position: absolute; top:3px;}
.Showtop ul li.po2{color:#fff; line-height: 36px; font-size: 12px; padding-left: 80px; background: url(/style/css/../images/dh.png) no-repeat 55px center;float:left; position: relative}
.Showtop ul li.po2:after{width: 1px; height: 30px; background: #6ec8ec; content: ''; right: -20px; position: absolute; top:3px;}
.Showtop ul li.po3{float:left; padding-left: 30px;}
.Showtop ul li.po3 p{width: 16px; height: 18px;  float:left; vertical-align: middle; margin-left: 30px; transition: all 0.5s}
.Showtop ul li.po3 p a{display: block; height: 100%; width: 100%}
.Showtop ul li.po3 p.p1{width: 16px; height: 28px; background: url(/style/css/../images/iconqq1.png) no-repeat center; margin-top:2px;}
.Showtop ul li.po3 p.p2{width: 20px; height: 16px; background: url(/style/css/../images/iconweix1.png) no-repeat center;margin-top:8px; position: relative}
.Showtop ul li.po3 p.p3{width: 20px; height: 16px; background: url(/style/css/../images/iconweib.png) no-repeat center;margin-top:8px}

.Showtop ul li.po3 p.p1:hover{width: 16px; height: 28px; background: url(/style/css/../images/iconqq-1.png) no-repeat center; margin-top:2px;}
.Showtop ul li.po3 p.p2:hover{width: 20px; height: 16px; background: url(/style/css/../images/iconweix-1.png) no-repeat center;margin-top:8px}
.Showtop ul li.po3 p.p3:hover{width: 20px; height: 16px; background: url(/style/css/../images/iconweib-1.png) no-repeat center;margin-top:8px}
.Showtop ul li.po3 p.p2 img{width: 100px; height: 100px; background: #fff; padding: 5px; position: absolute; left:-25px; top:30px; transition: all 0.5s; opacity: 0; z-index: -1}
.Showtop ul li.po3 p.p2:hover img{opacity: 1; z-index: 99; top:20px;}