/* CSS Document */

/*------------------Format-----------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }

html,body{ font-family: "Microsoft Yahei",Arial; font-size: 14px; min-width: 1200px;}

ol, ul { list-style: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }

:focus { outline: 0 }

ins { text-decoration: none }

del { text-decoration: line-through }

table { border-collapse: collapse; border-spacing: 0 }

img{max-width: 100%; vertical-align: middle;}



/*------------------Header-----------------*/
.top_t{ background-color:red; color:#fff; font-size:12px; line-height:25px; text-align:center;}
header{ padding-top: 5px;}

header .am-g-fixed{ max-width: 1100px;}

.header-logo{ height:70px; text-align: center; padding: 5px 0;}

.header-logo img{ max-height: 100%;}

.header-navbar{ width:70%;  text-align: center; padding: 15px 0;}

.header-navbar a{ color:#444; line-height: 45px; display: inline-block; position: relative; border-bottom: #fff 2px solid; transition:border-color .6s;}

.header-navbar a:hover{ border-bottom: #029aee 2px solid;}

.header-navbar a:after{ content:""; width: 0; height: 0; position: absolute; bottom: 0px; left: 50%; margin-left: -2px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 5px solid #029aee; opacity: 0; transition: opacity .4s;}

.header-navbar a:hover:after{ opacity: 1;}

.header-lan{ text-align: center; padding-top: 20px;}

.header-lan a{ color:#444; line-height: 35px; margin-right:5px;}

.header-lan a:last-child{ margin: 0 0 0 5px;}

.header-lan a:hover{color:red}

/*------------------Middle-----------------*/

#main .main-box{ padding: 35px 0;}

#main .main-left{ border:#a9a9a9 1px solid;}

#main .main-left div{ height:35px; line-height: 35px; color:#fff; background-color: #029aee; padding-left:15px;}

#main .main-left ul{padding: 10px 15px;}

#main .main-left a{ color:#515151; line-height: 30px; display: block; overflow: hidden;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;}

#main .main-left a:hover{color: #029aee; text-decoration: underline;}

#main .main-content{ padding: 40px 0 0 35px;}





/*------------------Footer-----------------*/

footer{ font-size:13px; background-color: #000;}

.footer-nav{ line-height: 40px; background-color: #039AEE;}

.footer-nav ul{ width:1000px; text-align: center; margin: 0 auto; display: block;}

.footer-nav a{ color:#fff;}

.footer-nav a:hover{color:#3e3e3e;}

.footer-info{ max-width: 1200px; color:#fff; line-height: 35px; text-align: center; padding:15px 0; margin: 0 auto; position: relative;}

.footer-info p:nth-of-type(1){ max-width: 1000px; border-bottom: #fff 1px solid; margin: 0 auto;}

.footer-info a{ color:#fff;}

.footer-wechat{ width: 85px; height:85px; position: absolute; right:0; top:10px;}



.ser{position: fixed; right:0; bottom:20%;}
.ser li{ font-size:12px; color:#fff; text-align:center; width:70px; height:70px; background-color:#0271ee; margin-bottom:10px; position: relative;}
.ser li+li{ background-color:#029aee}
.ser i{ display:block; font-size:25px;}
.ser img{ width:125px; max-width:125px; height:125px;  position: absolute; bottom:0; right:75px; display:none;}
.ser li:hover img{ display:block;}