*{margin:0;padding:0;box-sizing: border-box;}
body{width:100%;font:14px/1.5 '微软雅黑';color:#000;}
a,a:hover{color:#000;text-decoration: none;}
li{list-style: none;}
i{font-style: normal;}
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }
table{border-collapse: collapse;}
table td{padding:0 15px !important;}

.font_bold{font-weight: 600;}

.one_text{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.flex_start{display: flex;justify-content: flex-start;}
.flex_start_important{display: flex !important;justify-content: flex-start !important;}
.flex_end{display: flex;justify-content: flex-end;}
.flex_between{display: flex;justify-content: space-between !important;}
.flex_center{display: flex;justify-content: center;}
.align_items_center{align-items: center;}
.align_items_end{align-items: flex-end;}
.align_items_start{align-items: flex-start;}
.flex_wrap{flex-wrap: wrap;}


.mr_top_50{margin-top:50px !important;}
.mr_top_35{margin-top:35px !important;}
.mr_bottom_35{margin-bottom: 35px !important;}
@media screen and (max-width: 750px) {
    .mr_top_50{margin-top:6.6667vw;}
    .mr_top_35{margin-top:4.6667vw !important;}
    .mr_bottom_35{margin-bottom: 4.6667vw !important;}
}

.pa_top_35{padding-top: 35px !important;}
.pa_bottom_20{padding-bottom: 20px !important;}
.pa_bottom_40{padding-bottom: 40px !important;}
.pa_bottom_45{padding-bottom: 45px !important;}
@media screen and (max-width: 750px) {
    .pa_top_35{padding-top: 4.6667vw !important;}
    .pa_bottom_40{padding-bottom: 5.333vw !important;}
    .pa_bottom_45{padding-bottom: 6vw !important;}
}
.pa_left_15{padding-left:15px;}
@media screen and (max-width:960px) {
    .index_title.pa_left_15{padding-left:0;}
}

.main{width:100%;max-width: 1200px;margin:0 auto;}
@media screen and (max-width: 1250px) {
    .main{padding:0 2%;}
}

.box{width: 100%;background: #f5f5f5;padding:1px;}

.header{width:100%;display: block;}
.header .main{padding:23px 0 18px;}
.logo{height: 80px;display: block;min-width: 33%;max-width: 33%;}
.logo a,.logo a img{width:100%;object-fit: contain;display: block;height: 100%;}

.header_tel{width:auto;margin-left:15%;}
.header_tel img{height: 35px;object-fit: contain;display: block;margin-right: 8px;}
.header_tel_text{width:100%;display: block;white-space: nowrap;}
.header_tel_text span{width:100%;font-size:12px;line-height: 22px;color:#888;display: block;}
.header_tel_text p{width:100%;font-size:16px;color:#01a3e2;line-height: 22px;display: block;font-weight: 600;}
.header_search{width:auto;display: block;}
.header_search form{width:auto;display: flex;justify-content: flex-end;border:1px solid #01a3e2;}
.header_search form input{width: 223px;line-height: 38px;padding:0 13px;font-size:12px;color:#555;display: block;}
.header_search form button{width:60px;height: 38px;display: flex;justify-content: center;align-items: center;background:#01a3e2; }
.header_search form button img{width:18px;height: 18px;object-fit: contain;display: block;}
.web_nav{display: none;}

@media screen and (max-width: 1250px) {
    .header{padding:0 2%;}
}
@media screen and (max-width: 1200px) {
    .header_right{width:60%;}
    .header_search form input{width:20%;}
}
@media screen and (max-width: 750px) {
    .header_right{display: none;}
    .header .logo{height: auto;max-width: 80%;}
    .web_nav{display: block;height: 30px;width:30px;min-width: 30px;}
    .web_nav img{height: 30px;object-fit: contain;display: block;}
    .header .main{padding:10px 0 ;}
}

.nav{width:100%;background: #3b3b3b;}
.nav ul{width:100%;max-width: 1200px;margin:0 auto;}
.nav ul li{flex-grow: 1;display: block;}
.nav ul li a{width: 100%;font-size:16px;line-height: 54px;text-align: center;display: block;color:#fff;transition: ease .5s;}
.nav ul li.active a,.nav ul li:hover a{background: #01a3e2;}

.web_nav_main{display: none;}
@media screen and (max-width: 750px) {
    .nav{display: none;}
    .web_nav_main{display: block;position: fixed;top:0;right:-100%;bottom:0;background: rgba(0,0,0,.5);width:100%;overflow: hidden;z-index:9;height:100vh;transition: all .5s ease-in;}
    .web_nav_main.active{right:0;transition: all .5s ease-in;}
    .web_nav_relative{width: 100%;position: relative;z-index:1;height: 100vh;display: block;}
    .web_nav_main ul{width:100%;display: block;}
    .web_nav_main ul.web_nav_ul{width:60%;height: 100vh;background: #fff;position: absolute;z-index:2;right:0;top:0;bottom:0;padding:20px 0;overflow-y: auto;}
    .web_nav_main ul li{width:100%;display: block;}
    .web_nav_main ul li a{font-size:16px;line-height: 32px;}
    .web_nav_main ul li a.web_nav_a{color:#000;text-align: left;padding:0 20px;}
    .web_nav_a{width: 100%;display: flex;justify-content: space-between;align-items: center;}
    .web_nav_a img{width: 12px;object-fit: contain;display: block;}
    .web_nav_a img.hover{display: none;}
    .web_nav_main ul.web_nav_ul_sub{padding-left:20px;padding-bottom: 10px;display: none;}
    .web_nav_main ul.web_nav_ul_sub  li a.web_nav_a{color:#666;}
}


.index_title{width:100%;display: flex;justify-content: flex-start;align-items: flex-end;}
.index_title p{width: auto;font-size: 22px;line-height: 26px;color:#01a3e2;font-weight: 600;display: block;}
.index_title i{height: 26px;background: #3b3b3b;width:3px;transform: rotate(15deg);display: block;margin:0 10px;}
.index_title span{font-size:14px;line-height: 16px;color:#b9b9b9;display: block;}

.footer{width:100%;display: block;background: #333;}
.footer .foot{display: flex;justify-content: flex-start;flex-wrap: wrap;padding:40px 0;}
/*.footer_logo{width: 76px;display: block;margin:0 5% 0 12px;}*/
.footer_logo{height: 76px;display: block;margin:0 5% 0 12px;}
/*.footer_logo a,.footer_logo a img{width: 100%;display: block;object-fit: contain;}*/
.footer_logo a,.footer_logo a img{height: 100%;display: block;object-fit: contain;}
.footer_nav{flex-grow: 1;display: flex;justify-content: space-between;flex-wrap: wrap;padding-right: 10%;}
.footer_nav dl{width:auto;display: block;}
.footer_nav dt a,.footer_nav dd a{width: auto;display: block;text-align: center;}
.footer_nav dt{margin-bottom: 10px;}
.footer_nav dt a{font-size:16px;line-height: 20px;color:#fff;}
.footer_nav dd a{font-size:14px;line-height: 28px;color:#aeaeae;}
.footer_wechat{width:116px;margin:0 20px;display: block;}
.footer_wechat img{width: 100%;object-fit: contain;display: block;}
.copyright{border-top:1px solid #626262;font-size:14px;color:#fff;line-height: 28px;padding:16px 0;text-align: center;}
.copyright a{display: inline-block;color:#fff;}
@media screen and (max-width: 750px) {
    .footer_nav{order:2;padding:0 2%;display: none;}
    .footer_wechat{display: none;}
    .footer .foot{justify-content: center;}
    .footer_nav dl{margin-top:4%;}
}