@import url(index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px){
    body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
    fieldset,img,input{border:0 none;}li{list-style:none;}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1.2;}
    em,cite,i{font-style:normal;}
    a{color:#333;text-decoration:none;padding:0;margin:0;font-size: 16px;}
    a:hover{text-decoration: underline;}
    body{color:#222;}
    .hk_header{background: #fff;}
    .logo{display:block;width: 100%;height: 53px;background: url("../img/logo.png") no-repeat center;background-size: auto 35px;}
    .search {background: #fff;float: left;border-radius: 10px;overflow: hidden;border: 1px solid #0099cb;margin-top: 30px;margin-left: 19%;display: none;}
   .glyphicon{display: none}
    .nav{background: #0099cb;padding: 5px 0;}
    .nav_bar{display: flex;flex-wrap: wrap;}
    .nav_bar li{width: 32%;display: inline-block;text-align: center;line-height: 34px;}
    .nav a{color:#fff;}
    .subnav_box {width: 100%;border-bottom: 1px solid #eaeaea;margin: 0 2%;display: none;}
    .subnav p {float: left;background: #fff;border: 1px solid #eaeaea;border-right: 0;border-bottom: 0;z-index: 10;width: 100%;}
    .subnav a {float: left;padding-left: 5px;margin-left: 5px;height: 24px;line-height: 24px;overflow: hidden;font-size: 15px;width: 60px;color: #0099cb;}
    .banner{display: none;}
    .main_top_left{width: 96%;float: left;margin: 2%;}
    .main_top_left ul{float: left;width: 100%;margin-top: 11px;}
    .main_top_left li{line-height: 41px;font-size:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main_top_left span{float: right;font-size: 12px;color: #999;}

    .mtl_bottom {float: left;width: 100%;position: relative;height: 210px;overflow: hidden;border-radius: 10px;}
    .mtl_bottom span{background: #6c6c6ca1;color: #FFFFFF;font-size: 17px;position: absolute;bottom: 0;width: 100%;height: 36px;line-height: 36px;text-align: center;left: 0;}
    .mtl_bottom img{color: #636363;width: 100%;height: 210px;}
    .main_top_mid{float: left;width: 94%;border-top: 10px solid #eee;padding: 4% 3%;}

    .main_top_mid .msg{margin-bottom: 8px;padding-bottom: 8px;float: left;width: 100%;}
    .main_top_mid .msg a{color: #0099cb;font-weight: 700;font-size: 17px;margin-bottom: 10px;float: left;width: 100%;}
    .main_top_mid .title{font-weight: bold;color:#0099cb;}
    .main_top_mid .desc{font-size:14px;color: #757575;line-height: 24px;float: left;width: 100%;}
    .main_top_mid .desc a{font-size:14px;font-weight: 400;color: #f14848;}

    .main_top_mid li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 41px;}
    .main_top_mid li code{color: #a9a9a9;border: 1px solid #a9a9a9;padding: 3px 6px;font-size: 12px;margin-right: 10px;}
    .main_top_mid li span{font-size:14px;color:#999;float:right;display: none;}
    .main_top_right{float: left;width: 96%;border-top: 10px solid #eee;padding: 2%;}
    .main_item{margin-top:16px;}
    .mtr_title{height: 40px;width: 100%;line-height: 40px;border-bottom: 1px solid #e3e3e3;margin-bottom: 12px;}
    .mtr_title span{display: inline-block;height: 40px;line-height: 40px;color: #333;border-bottom: 2px solid #188bd8;font-size: 17px;font-weight: 700;}
    .main_top_right .img img{width:100%;margin-top: -63px;}
    .main_top_right li{width: 100%;line-height: 41px;height: 41px;overflow: hidden;font-size: 14px;color: #333;float: left;}
    .main_top_right li a{width: 86%;height: 31px;}
    .main_top_right  a{height: 167px;float: left;overflow: hidden;position: relative;width: 100%;border-radius: 10px;margin-bottom: 15px;}
    .main_top_right a span{position: absolute;bottom: 0;left: 0;background: rgba(7, 3, 0, 0.43);width: 100%;font-size: 15px;height: 34px;line-height: 34px;text-align: center;color: #fff;}


    .main_top_right li em {font-style: inherit;line-height: 20px;color: #ffffff;width: 20px;height: 20px;background-color: #b0b0b0;font-size: 12px;text-align: center;float: left;margin-top: 12px;margin-right: 10px;font-weight: 700;border-radius: 20px;}
    .main_top_right li:nth-child(1) em{background: #0099cb;}
    .main_top_right li:nth-child(2) em{background: #0099cb;}
    .main_top_right li:nth-child(3) em{background: #0099cb;}

    .main_item{margin-top:10px;float: left;width: 96%;border-top: 10px solid #eee;padding: 2%;}
    .main_item_title {margin-bottom: 19px;border-bottom: 2px solid #0099cb;overflow: hidden;display: flex;justify-content: space-between;position: relative;}
    .main_item_title span{height: 34px;line-height: 34px;border-bottom: 3px solid #0099cb;text-align: center;margin-bottom: 5px;float: left;background: #0099cb;color: #fff;font-size: 16px;padding: 0 12px;}
    .main_item_title a{float: left;height: 24px;line-height: 24px;background: #ffe7e7;padding: 0 10px;color: #f14848;font-size: 12px;overflow: hidden;margin-top: 7px;}
    .main_item_title ul {float: left;width: 60%;height: 36px;overflow: hidden;}
    .main_item_title ul li {display: inline-block;float: left;margin-right: 4px;}
    .main_item_title ul a{margin-bottom: 10px;background: #fff;color: #777;border: 1px solid #e7e7e7;}

    .mic_left .msg{display: inline-block;}
    .mic_left .msg img{float: left;width: 111px;height: 78px;margin-right: 9px;border-radius: 4px;}
    .mic_left .msg span{color: #008bb8;font-size: 17px;font-weight: bold;margin-bottom: 7px;display: inline-block;}
    .mic_left .msg .desc{line-height: 24px;color: #949494;height: 54px;overflow: hidden;font-size: 13px;font-weight: 400;}
    .mic_left li{font-size: 15px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: inline-block;}
    .mic_left li a{color: #252525;}
    .mic_left li span{color: #c6c6c6;float: right;font-size: 13px;}
    .mic_left li code{color: #a9a9a9;border: 1px solid #a9a9a9;padding: 3px 6px;font-size: 12px;margin-right: 2px;display: none;}
    .mic_right{border: 1px solid #eaeaea;background: #fafafa;padding: 2%;float: left;margin-bottom: 10px;width: 94%;}
    .mic_right li{width: 100%;border: 1px solid #eaeaea;background: #FFF;margin-bottom: 4px;height: 33px;overflow: hidden;line-height: 33px;}
    .mic_right li a{float: left;text-align: left;font-size: 15px;margin-left: 10px;color: #188bd8;}
    .mic_right_img{width:100%;float: left;margin-bottom: 10px;}
    .mic_right_img  a{width:100%;height: 113px;float: left;overflow: hidden;position: relative;}
    .mic_right_img .img img{width:100%;margin: 4px 0;margin-top: -30px;}
    .mic_right_img a span{position: absolute;bottom: 0;left: 0;background: rgba(7, 3, 0, 0.43);width: 100%;font-size: 12px;height: 30px;line-height: 26px;text-align: center;color: #fff;}

    .flink{display: flex;flex-wrap: wrap;padding: 0 10px;margin: 10px 0;line-height: 35px;color: #008bb8;font-size: 12px;}
    .flink li{margin-right: 16px;float: left;line-height: 24px;}
    .flink  a{color: #888;font-size: 12px;line-height: 24px;}

    .footer {text-align: center;background: #363d4d;line-height: 24px;padding: 3% 0;float: left;width: 100%;}
    .footer p {text-align: center;color: #c7c7c7;font-size: 12px;}
    .footer p a{color: #c7c7c7;font-size: 12px;padding: 0 5px;display: inline-block;}

}