@charset "utf-8";
body {color:#453127;font:12px/1.75 arial,helvetica,clean,sans-serif,"Microsoft Yahei";font-family:'微软雅黑';} /*网站字体颜色*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, p, span, em, small, strong, i, b, q, table, img {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none; vertical-align:middle;}
ul, ol, li {list-style:none;}
q:before,q:after{content:'';}
i {vertical-align:top;}
a:focus,input,textarea{outline-style:none;}
input,select{vertical-align:middle;}
select,input,button,textarea{ border:none; outline:none; vertical-align:middle;}
textarea{ resize:none; }
h1 {font-size:14px;}
h2, h3, h4, h5, h6 { font-size:12px; }
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;}
a:hover { text-decoration:underline;text-decoration:none;}
.fr{float: right;}
.fl{float: left;}
.container{max-width: 1481px;margin: 0 auto; position: relative;}
@media (max-width: 1600px){
.container{padding: 0 4%;}
}

.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; }
.clear { clear:both; }
.mt40{margin-top: 40px;}
.mt-10{margin-top: 10px;}
/*头部*/
.header{height: 160px; background: #fff; position:relative;width: 100%;z-index: 99;}
.header_bot {
    width: 100%;
    height: 8px;
    position: absolute;
    top: 160px;
    left: 0;
    background: url(/images/infinite_bottom.png) repeat-x;
}
.trapezoid{border-top: 15px solid #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 270px;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -150px;}
.topwap{background: #000}
.top {height: 40px;font: 12px "宋体";color: #c2c2c2;line-height: 40px;}
.top span a {color: #c2c2c2;padding: 0 12px;}
.top span b {color: #3042b7;padding: 0 0 0 34px;background: url(../images/t_tel.png) no-repeat 14px center;font-size: 16px;font-family: Arial;}
.nav li {float: left;height: 120px;display: inline;overflow: hidden;}
.nav li:nth-child(n+5){float: right;}
.nav li .on{background:#3042b7;color: #fff;}
.nav li a {display: block;font: 16px "Microsoft Yahei";color: #333;width: 120px;text-align: center;line-height: 120px;}
.nav li a:hover {text-decoration:none;background:#3042b7;color: #fff;}
.logo {width: 238px; top: 32px;    left: 50%;margin-left: -119px;font-size: 20px;color: #141414;line-height: 40px;background: #fff;text-align: center;letter-spacing: 3px; position: absolute;}
.logo img { display: block; margin: 0 auto;}
.logo span{font-weight: bold;}


/*footer*/
.foot{background: url(../images/foot.jpg) no-repeat top center;height: 469px;background-size: cover;margin-top: 2%;}
.foot h2{padding-top: 34px;line-height: 62px;text-align: center;color: #fff;font-weight: normal;font-size: 30px;text-transform: uppercase;}
.nav_foot{width: 55%;padding-top: 6%;float: left;}
.nav_foot li{width: 20%;float: left;text-align: left;}
.nav_foot li a{color: #fefefe;font-size: 16px;}
.nav_foot li .sec{padding-top: 2%;}
.nav_foot li .sec a{color: #b7b7b7;font-size: 14px;display: block;line-height: 30px;}
.foot .contact{width: 26%;color: #fff;font-size: 16px;line-height: 36px;    margin-top: 6%;}
.foot .er{width: 18%;text-align: center;margin-top: 8%;}
.foot .er img{max-width: 100%;}
.foot p{line-height: 40px;color: #fff;}
.foot .icon {
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    vertical-align: top;
    color: #a1a7b2;
}
.icon_tel1{background: url(../images/f_tel1.png) no-repeat 15px 10px;}
.icon_tel{background: url(../images/f_tel.png) no-repeat 15px 10px;}
.icon_emal{background: url(../images/f_emal.png) no-repeat 15px 10px;}
.icon_web{background: url(../images/f_web.png) no-repeat 15px 10px;}
.icon_dizhi{background: url(../images/f_dizhi.png) no-repeat 15px 10px;}
.copyright {text-align: center;line-height: 35px;background: #4e99e5;color: #fff;}
.copyright a{color: #fff;}
#fena{text-align: center;}
.er a{display: inline-block;float: none!important;}
.copyright {
    text-align: center;
    line-height: 35px;
    background: #4e99e5;
    color: #fff;
}
/*悬浮客服*/
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 200px;
    right: -127px;
    cursor: pointer;
    transition: all .3s ease;
}
.yb_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}
.yb_bar .yb_top {background: #3042b7 url(../images/xf_d.png) no-repeat 0 center;}
.yb_bar .yb_tel{background: #3042b7 url(../images/xf_tel.png) no-repeat 0 center;}
.yb_bar .yb_phone {background: #3042b7 url(../images/xf_phone.png) no-repeat 0 center;}
.yb_bar .yb_QQ {text-indent: 0;background: #3042b7 url(../images/xf_qq.png) no-repeat 0 center;}
.yb_bar .yb_ercode {background: #3042b7 url(../images/xf_weixin.png) no-repeat 0 top;}
.hd_qr {padding: 0 29px 25px 29px;}
.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}