.main_head{
    width: 100%;
    /*height:111px;*/
    position: sticky;/*fixed*/
    top: 0px;
    background-color: #ffffff;
    z-index: 99999;
    
    min-width: 1200px;
}

.main_head ul{min-width:1200px;margin:0 auto;/*display:flex*/}
@media screen and (min-width: 1680px){
    .main_head ul{width:1430px}

    .main_head ul .logo_img{width:280px}
    .main_head ul .menu{width:calc(100% - 280px)}
    .footer ul .cal_section {width:1130px}
    
    .footer ul{width:1430px}
    .footer .foot_section{width:100%}
}
@media screen and (min-width: 1530px) and (max-width: 1680px){
    .main_head ul{width:1300px}
    .main_head ul .logo_img{width:220px}
    .main_head ul .menu{width:calc(100% - 220px)}
    
    
    .footer ul{width:1300px}
    .footer ul .cal_section {width:1000px}
}

@media screen and (max-width: 1530px){
    .main_head ul{width:1200px}
    .main_head ul .logo_img{width:190px}
    .main_head ul .menu{width:calc(100% - 190px)}
    
    
    .footer ul{width:1200px}
    .footer ul .cal_section {width:900px}
}

 

.main_head ul .tmenu{width:100%;/*height:58px;*/height:100px;display: flex;    align-items: center;/*padding-top:11px;padding-bottom:12px;border-bottom:1px solid #ececec*/}
.main_head ul .tmenu .layui-icon{
        font-size: 30px;
    margin-right: 5px;
}
.main_head ul .tmenu .tmenu_phone{
    float: right;
    height: 30px;
    line-height: 30px;
    font-style: italic;
    font-family: "avantgardeitcbybt-book_0-webfont";
    font-size: 30px;
    color: #17abbd;
    margin-top: 14px;
}
.main_head ul .tmenu .tmenu_phone .tmenu_phone_kf_list{width:30px;height:30px;margin-right:10px;position:relative}
.main_head ul .tmenu .tmenu_phone .tmenu_phone_kf{width:100%;height:100%;position:absolute;top:0px}
.main_head ul .tmenu .tmenu_phone .tmenu_phone_kf_list:hover{   /* border: 1px solid red;*/}
.main_head ul .tmenu .tmenu_phone .tmenu_phone_kf_list:hover .tmenu_phone_hidekf{display:block}
.main_head ul .tmenu .tmenu_phone .tmenu_phone_hidekf{
    display: none;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 40px;
    left: 0px;
}
.main_head ul .logo_img{
    float:left;
    /*width: 64px;*/
    /*height:100%;*/
    /*width: 190px;*/
    aspect-ratio: 135 / 41;
    /*margin-top:23px*/
}
.main_head ul .menu{float:right;/*width:950px;*/margin-left:60px;/*margin-top:30px;display: flex;   /*margin-left:60px;margin-right:60px*/}

.main_head ul .menu .menu_tit_list{width:100%;display:flex; justify-content: space-between;}
.main_head ul .menu .tit{flex:1;height:100px;/*width:120px;*/line-height:100px;font-size:18px;text-align: center;font-family: "Microsoft YaHei", 微软雅黑;}

/*.main_head ul .menu .tit.sele{border-bottom:2px solid rgb(0, 159, 233);}
.main_head ul .menu .tit.sele .mtit{display:block;color:rgb(0, 159, 233)}*/


.main_head ul .menu .tit .mtit{display:block;color:#000000}
.main_head ul .menu .tit .mtit:hover{
    background-image:url(/static/index/img/nav_back.jpg);color:#ffffff
}
.main_head ul .menu .tit.sele .mtit{color:rgb(0, 159, 233);/*border-bottom:2px solid rgb(0, 159, 233);*/background-image:url(/static/index/img/nav_back.jpg);color:#ffffff}

.main_head ul .menu .tit .list{
    width: 140px;
    background-color: rgba(255, 255, 255, 0.61);
    position: absolute;
    z-index: 9999;
    padding:10px;box-sizing:border-box;
    display: none;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
}
.main_head ul .menu .tit:hover .list{display:block}
.main_head ul .menu .tit .list .dtit{float:left;width:100%;line-height:40px;font-size:16px}
.main_head .search_section{/*float:left;*/height:30px;width:220px;border:1px solid #ececec;border-radius:38px;box-sizing:border-box;margin-top:10px;padding-left:10px;font-size:16px}
.main_head .search_section input{float:left;width:calc(100% - 30px);border:0px;outline:none;box-sizing:border-box;font-size:16px;line-height:28px}
.main_head .search_section input:focus{border:0px}
.main_head .search_section .search_btn{float:left;width:30px;  font-size: 20px;    line-height: 30px;    text-align: center;color:rgb(0, 159, 233)}

.footer{width:100%;/*height:400px;*/background-color: rgba(41, 48, 54, 1);
    min-width: 1200px;}
.footer ul{min-width:1200px;margin:0 auto;
    padding-top: 50px;
    padding-bottom: 50px;}
.footer ul .cal_section{/*width:900px;*/display:flex;color:#ffffff;font-size:16px}
.footer ul .cal_item{flex:1;padding-left:10px;box-sizing:border-box}
.footer ul .cal_item .mtit{width:100%;line-height:40px;color: #999999;}
.footer ul .cal_item .list{width:100%}
.footer ul .cal_item .list .tit{width:100%;line-height:40px;color:rgb(121, 129, 138)}

.footer .foot_section{
    color: #999999;
    min-width: 1200px;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    margin-top:20px;
    display: flex;
}
.footer .foot_section .foot_info_list{width:calc(100% - 500px);}
.footer .foot_section .foot_item{
    font-size: 14px;
    line-height: 30px;
    width:100%;
}
.footer .foot_section .foot_qc_list{width:250px;display:flex}
.footer .foot_section .foot_qc_list .foot_qc_slist{   
    width: 150px;
    background-color: rgb(255 255 255 / 10%);
    border-radius: 30px 0px 0px 0px;
    padding-top: 10px;
    box-sizing: border-box;
}
.footer .foot_section .foot_qc_list .foot_qc_slist .foot_qc_tit{
    line-height: 30px;
    text-align: center;
    font-size: 14px
}
.footer .foot_section .foot_qc_list img{width: 100px;
    height: 100px;}


