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 ,textarea,input{margin:0;padding:0;}
address,cite,dfn,em,var, i{font-style:normal;}
html, body{font-size: 16px; line-height: 1.5;font-family:'Microsoft Yahei','simsun','arial','tahoma';color: #222;background: #fff;}
table{border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th{ font-size: 100%; font-weight: normal;}
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
img{border:0;vertical-align: middle;}
a{text-decoration: none;background: none;cursor: pointer}
ul, ol { list-style: none; }
.flex{display: flex;}
.side{flex-grow: 0;}
.main{flex-grow: 1;}
.linear{transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear}
.container{width: 1000px;margin: 0 auto;}
/* 导航栏 */
.navigation .flex{align-items: center;padding: 0 20px;}
.navigation .side{padding: 20px 30px;}
.navigation .logo{display: inline-block;line-height: 1;vertical-align: middle;color: #fff}
.navigation .logo img{height: 40px;}

.navigation .main{text-align: right;padding: 0 5px 0 30px;}
.navigation .main a{transition: all .2s linear;}
.navigation .main .nav_bar li{display: inline-block;vertical-align: middle;position: relative;margin-left: -5px}
.navigation .main .nav_bar li .nav_item{color: #222;position: relative;font-size: 15px;display: block;transition: all .2s linear;line-height: 80px;padding: 0 15px;}
.navigation .main .nav_bar li.active .nav_item{color: #f08d0b;}
.navigation .main .nav_bar li:hover{background: #f08d0b;}
.navigation .main .nav_bar li:hover .nav_item{color: #fff!important;}

.navigation_mini{position: fixed;left: 0;top: 0;z-index: 999;width: 100%;background: #fff;}

.navigation .menu{position: absolute;left: 0;top: 80px;z-index: 99;background: #f2f2f2;/*height: 0;overflow-y: hidden;*/display: none;}
.navigation .menu .menu_item{display: block;padding: 8px 20px 8px 0;font-size: 12px;color: #6e6e6e;border-bottom: 1px solid #d9d9d9;margin: 0 10px;text-align: left;white-space: nowrap;position: relative}
.navigation .menu .menu_item:after{content: ' ';position: absolute;right: 0;top: calc(50% - 2px);border-width: 3px;border-style: solid;border-color: transparent transparent transparent #6e6e6e;}
.navigation .menu .menu_item:last-child{border-bottom: 0;}
.navigation .menu .menu_item:hover,
.navigation .menu .menu_item.active{color: #0384d8;}
.navigation .menu .menu_item:hover:after,
.navigation .menu .menu_item.active:after{border-color: transparent transparent transparent #0384d8;}

/* swiper */
.swiper-button-prev,
.swiper-button-next{width: 34px;height: 34px;margin-top: -14px;background-size: 100% 100%}
.swiper-button-prev{background-image: url("../img/index/swiper_prev.png");left: 8%;}
.swiper-button-next{background-image: url("../img/index/swiper_next.png");right: 8%;}

/* 首页部分栏目标题 */
.part{padding: 50px 0;}
.part_tit{text-align: center;margin-bottom: 50px;}
.part_tit h3{margin: 0 auto;position: relative;font-size: 19px;color: #0a4e8b;padding: 15px 0;margin-bottom: 15px;font-weight: bold;}
.part_tit h3:before{content: ' ';position: absolute;bottom: 0;left: 50%;width: 138px;margin-left: -69px;z-index: 2;border-bottom: 1px solid #3b70a2;}
.part_tit h3:after{content: ' ';position: absolute;bottom: 0;left: 50%;width: 30px;margin-left: -15px;z-index: 3;border-bottom: 3px solid #0384d8}
.part_tit h4{font-size: 13px;color: #7c8081}

/* 面包屑 */
.crumb{padding: 20px 0;}
.crumb,
.crumb .crumb_item{font-size: 13px;color: #575757;}
.crumb .label,
.crumb .con,
.crumb .crumb_item{display: inline-block;}
.crumb .crumb_item{margin-left: -4px;}
.crumb .label{position: relative;}
.crumb .label:after{position: absolute;content: ' ';bottom: -8px;left: -2px;width: calc(100% - 8px);border-bottom: 2px solid #135086;z-index: 9;}

/* 右侧浮动栏 */
.fixed_right{transition: all .2s linear;position: fixed;right: 20px;top: 50%;z-index: 999;width: 70px;text-align: center;}
.fixed_right .fixed_item{padding: 15px 0;display: block;color: #f8f8f8;background: #4b85e6;}
.fixed_right img{height: 35px;}
.fixed_right p{font-size: 14px;margin-top: 10px;}
.fixed_right .back_top{position: relative;cursor: pointer}
.fixed_right .back_top:before{content: ' ';position: absolute;top: 0;left: 50%;width: 50px;margin-left: -25px;z-index: 2;border-top: 1px solid #f8f8f8;}
.fixed_right .back_top img{height: 30px;}

/* 底栏 */
.footer_bar{background: #2f2f2f;color: #fff;padding-bottom: 15px;}
.footer_bar .prod{width: 23%;}
.footer_bar .prod .footer_tit{margin-bottom: 20px;}
.footer_bar .prod a{display: block;color: #fff;font-size: 12px;margin-top: 10px;transition: all .2s linear;}
.footer_bar .prod a:hover{color: #f08d0b}
.footer_bar .contact{width: 30%;}
.footer_bar .contact .work_time,
.footer_bar .contact .qq,
.footer_bar .contact .addr{font-size: 12px;margin-top: 10px;}
.footer_bar .qrcode{width: 47%;text-align: right}
.footer_bar .qrcode_item{display: inline-block;text-align: center;font-size: 12px}
.footer_bar .qrcode_item img{height: 120px;display: inline-block;}
.footer_bar .qrcode_item p{margin-top: 10px;}
.footer_bar .copyright{text-align: center;font-size: 12px;margin-top: 30px;}