@import url(index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
    table {border-collapse: collapse;border-spacing: 0;width: 100%;line-height: 30px;}
    td {line-height: 30px;}
    fieldset, img {border: 0 none;}
    address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
    ol, ul ,li{list-style: none outside none;}
    caption, th {text-align: left;}
    h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
    a {color: #444;text-decoration: none;}
    a:hover {text-decoration: underline;}
    body,input,button,textarea,select{font-size: 12px;}

    .nav_mid{float: left;height: 35px;background: #f7f7f7;border-bottom: 1px solid #eaeaea;width: 100%;overflow: hidden;line-height: 36px;}
    .nav_mid_box{ width: 1100px;margin: 0 auto;}
    .nav_mid p{float: left;color: #666;display: none;}
    .nav_mid ul {float: left;text-align: center;width: 100%;}
    .nav_mid ul li{float: left;padding: 0 5px;}
    .nav_mid ul a {color: #666e75;font-size: 12px;vertical-align: middle;display: block;}
    .nav_mid ul a.now,.header a:hover{text-decoration: none;color: #929292;}

    .top-login{float: right;text-align: center;}
    .top-login i{background: url(../img/icon.png) no-repeat -149px -52px;width: 33px;height: 33px;float: left;margin-right: 6px;}
    .top-login a{margin-left: 0px;height: 15px;color: #828282;width: 66px;float: left;line-height: 14px;font-size: 12px;margin-top: 9px;}
    .top-login .jianyi{border-left: 1px solid #ccc;}

    .header {width: 94%;float: left;padding: 6px 3%;}
    .header span {width: 27px;height: 27px;background: url(../img/menu.png) no-repeat;background-size: 100% 100%;cursor: pointer;float: right;margin-top: 9px;}
    .header .logo {width: 140px;height: 47px;background: url("../img/logo.png") no-repeat;float: left;background-size: 100%;}
    .header_subnav{float: right;}
    .header_subnav ul{float: left;}
    .header_subnav ul{float: left;width: 100%;overflow: hidden;}
    .header_subnav ul li{float: left;overflow: hidden;text-align: center;}
    .header_subnav ul li a{display: inline-block;color: #0a5491;}

    .dd_daohang {float: left;line-height: 50px;width: 30%;height: 100%;background: rgba(196, 19, 110, 0.8);position: fixed;right: 0;top: 0;z-index: 100;overflow-y: auto;padding: 0 10px;display: none;}
    .dd_daohang .close {display: block;width: 100%;height: 50px;text-align: center;line-height: 50px;font-size: 20px;color: #fff;cursor: pointer;border-bottom: 1px solid #e8699a;}
    .dd_daohang .nav_l {height: 100%;float: left;}
    .dd_daohang .nav_l li {width: 100%;float: left;text-align: center;}
    .dd_daohang .nav_l li a {display: block;color: #fff;font-size: 16px;}
    .dd_daohang .nav_l .active {}
    .dd_daohang .nav_l li:hover {background: #d31276;}
    .dd_daohang .nav_mid {width: 45px;height: 40px;float: left;background: url("../img/nav_mid.png") no-repeat;}
    .dd_daohang .nav_r {width: 140px;height: 100%;padding-right: 5px;background: #d31276;float: left;line-height: 40px;}
    .dd_daohang .nav_r li {float: left;width: 126px;text-align: center;}
    .dd_daohang .nav_r li a {color: #fff;font-size: 18px;}
    .dd_daohang .nav_r li a:hover {text-decoration: underline;}

    .dd_left{width: 100%;float: left;}
    .hot_poeple{width: 94%;float: left;margin-top: 7px;padding: 0 3%;}
    .hot_poeple h3{width: 362px;float: left;font-size: 16px;color: #d31276;margin-bottom: 6px;font-weight: 700;}
    .hot_poeple ul{width: 100%;float: left;}
    .hot_poeple ul li{width: 100%;float: left;font-size: 15px;line-height: 30px;height: 30px;overflow: hidden;}
    .hot_poeple ul li span{float: left;margin-right: 7px;color: #c1367e;font-size: 14px;}
    .hot_poeple ul li a{}
    .hot_poeple ul li em{float: right;color: #888;font-size: 12px;}
    .dd_mid {width: 94%;float: left;padding: 3%;}
    .layout-home {width: 100%;float: left;font-size: 14px;}
    .layout-home h2 {margin-bottom: 10px;font-size: 19px;overflow: hidden;text-align: center;font-weight: 700;color: #d31276;}
    .layout-home p {margin-bottom: 7px;font-size: 14px;overflow: hidden;color: #8c8686;line-height: 24px;height: 70px;}
    .layout-home ul{width: 100%;float: left;border-top: 1px solid #d4d4d4;padding-top: 4px;}
    .layout-home ul li{width: 100%;float: left;line-height: 30px;height: 30px;overflow: hidden;}
    .layout-home li:before{content:"";font-size: 30px;background: #777777;width: 3px;height: 3px;float: left;margin-top: 14px;margin-right: 5px;}
    .layout-home li a{font-size: 15px;float: left;}
    .layout-home li em{font-size: 13px;float: right;color: #949494;}

    .photo-cols {margin-top: 10px;padding: 0 0;float: left;width: 102%;}
    .photo-cols ul {width: 101%;overflow: hidden;}
    .photo-cols li {width: 30%;margin-right: 10px;float: left;}
    .photo-cols li a {width: 100%;height: 100%;}
    .photo-cols li img {width: 100%;height: 80px;float: left;}
    .photo-cols li p {width: 100%;height: 30px;float: left;overflow: hidden;line-height: 30px;background: #f3f3f3;}
    .mid {float: left;width: 100%;}
    .mid_box{width: 100%;margin: auto;}
    .mid .banner {position: relative;overflow: auto;width: 100%;float: left;height: 225px;overflow: hidden;}
    .mid .banner li {list-style: none;}
    .mid .banner ul li {float: left;height: 225px;position: relative;width: 100%;}
    .mid .banner ul li img{width:100%;height: 101%;}
    .mid .banner ul li p {background: rgba(0, 0, 0, 0.6);line-height: 30px;color: #fff;bottom: 0;position: absolute;width: 100%;padding: 0 10px;}
    .mid .dots {position: absolute;bottom: 40px;right: 13px;}
    .mid .dots .dot {width: 20px;height: 20px;background: #000000;background: rgba(0, 0, 0, 0.6);float: left;text-align: center;color: #fff;margin: 0 5px;line-height: 20px;}
    .mid .dots .dot.active {background: #d32469;background: rgba(211, 36, 105, 0.8);}
    .mid .new ul li em {line-height: 16px;color: #ffffff;width: 16px;height: 16px;background-color: #d31276;font-size: 13px;text-align: center;float: left;margin-top: 8px;margin-right: 10px;font-weight: 700;}
    .mid .new ul li:nth-child(1) em{background: #ffad17;}
    .mid .new ul li:nth-child(2) em{background: #10bbc3;}
    .mid .new ul li:nth-child(3) em{background: #57d073;}

    .mid .new {float: left;width: 90%;background: #f7f7f7;padding: 2%;margin: 0 3%;}
    .mid .new .new_title {border-bottom: 1px solid #eee;line-height: 30px;font-size: 16px;font-weight: 600;}
    .mid .new .new_title span {border-bottom: 2px solid #d31276;font-size: 16px;font-weight: 700;}
    .mid .new ul {margin-top: 6px;}
    .mid .new li {font-size: 16px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .mid .new li a {color: #444;font-size: 14px;}
    .mid .new li a:hover {text-decoration: underline;}
    .main {float: left;width: 94%;margin: 0 3%;}
    .main .sort {float: left;width: 100%;margin-top: 15px;}
    .main .sort_bar {height: 35px;border-bottom: 1px solid #909090;margin-bottom: 10px;}
    .main .sort_bar .s_bar {float: right;width: 60%;}
    .main .sort_bar .s_bar li {float: right;font-size: 14px;line-height: 41px;margin: 0 10px;}
    .main .sort_bar .s_bar li a {float: left;}
    .main .sort_bar .dd_more {float: right;background: #f7f7f7;height: 24px;width: 55px;line-height: 24px;text-align: center;margin-top: 10px;display: none;}
    .main .sort_bar .dd_more a{display: inline-block;color: #d31276;}
    .main .sort_bar span {display: block;float: left;height: 34px;text-align: center;color: #fff;line-height: 39px;font-size: 18px;border-bottom: 3px solid #d31276;}
    .main .sort_bar span a{color: #1b1a1a;font-weight: 700;}
    .main .sort_left{width: 100%;float: left;}
    .main .sort_left .sort_left_hot{width: 100%;float: left;}
    .main .sort_left .sort_left_hot ul{width: 100%;float: left;}
    .main .sort_left .sort_left_hot li{width: 100%;float: left;margin-top: 10px;}
    .main .sort_left .sort_left_hot a{width: 100%;float: left;}
    .main .sort_left .sort_left_hot .nj_1{width: 25%;float: left;}
    .main .sort_left .sort_left_hot .nj_1 img{width: 100%;height: 72px;float: left;}.main .sort_left_pic {width: 100%;height: 180px;background: #fff;position: relative;float: left;}
    .main .sort_left .sort_left_hot .chao{width: 71%;float: right;}.main .sort_left_pic {width: 100%;height: 180px;background: #fff;position: relative;float: left;}
    .main .sort_left .sort_left_hot .chao h2{width: 100%;float: left;font-size: 15px;font-weight: 700;height: 30px;overflow: hidden;line-height: 30px;}.main .sort_left_pic {width: 100%;height: 180px;background: #fff;position: relative;float: left;}
    .main .sort_left .sort_left_hot .chao p{width: 100%;float: left;line-height: 22px;color: #949494;height: 44px;overflow: hidden;}.main .sort_left_pic {width: 100%;height: 180px;background: #fff;position: relative;float: left;overflow: hidden;}
    .main .sort_left_pic img {width: 100%;}
    .main .sort_left_pic p {position: absolute;bottom: 0;width: 100%;height: 30px;background: rgba(0, 0, 0, 0.6);color: #fff;line-height: 30px;font-size: 15px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main .mid {float: left;width: 100%;margin-top: 15px;}
    .main .mid .mid_t_title {font-size: 18px;color: #d31276;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;font-weight: 700;}
    .main .mid .mid_t_title:hover {text-decoration: underline;}
    .main .mid .mid_t_desc {margin-top: 5px;font-size: 14px;color: #666;line-height: 24px;height: 41px;overflow: hidden;padding-bottom: 10px;border-bottom: 1px dashed #ccc;}
    .main .mid .mid_m {overflow: hidden;padding: 11px 0;border-bottom: 1px dashed #ccc;}
    .main .mid .mid_m img {width: 25%;height: 70px;float: left;}
    .main .mid .mid_m .mid_m_msg {width: 69%;float: left;padding-left: 12px;}
    .main .mid .mid_m .mid_m_msg .mid_m_title {line-height: 26px;margin-top: 4px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 16px;font-weight: 700;}
    .main .mid .mid_m .mid_m_msg .mid_m_desc {font-size: 12px;color: #999;line-height: 20px;margin-top: 8px;height: 24px;overflow: hidden;}
    .main .mid .mid_b {margin-top: 8px;float: left;width: 100%;}
    .main .mid .mid_b li {font-size: 15px;line-height: 32px;height: 32px;float: left;width: 100%;}
    .main .mid .mid_b li a {color: #333;width: 280px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .main .mid .mid_b li a:hover {text-decoration: underline;}
    .main .mid .mid_b li span {float: right;color: #999;font-size: 12px;}
    .main .right {float: right;width: 94%;background: #f7f7f7;padding: 1% 3%;margin-top: 10px;}
    .main .right .right_title {border-bottom: 1px solid #eee;padding-bottom: 10px;}
    .main .right .right_title span {border-bottom: 2px solid #d32469;font-size: 16px;font-weight: 700;}
    .main .right ul {float: left;width: 100%;}
    .main .right li {line-height: 35px;border-bottom: 1px dashed #ccc;font-size: 14px;}
    .main .right li a {color: #333;}
    .main .right em {line-height: 16px;color: #ffffff;width: 16px;height: 16px;background-color: #d31276;font-size: 13px;text-align: center;float: left;margin-top: 8px;margin-right: 10px;font-weight: 700;}
    .main .right li:nth-child(1) em{background: #ffad17;}
    .main .right li:nth-child(2) em{background: #10bbc3;}
    .main .right li:nth-child(3) em{background: #57d073;}

    .main .right li a:hover {text-decoration: underline;}
    .yejiao_box {margin-top: 10px;background: #2b2b2b;overflow: hidden;float: left;width: 94%;padding: 3%;}
    .yejiao_box p {width: 100%;text-align: center;color: #eaeaea;font-size: 12px;line-height: 28px;float: left;}
    .yejiao_box p a {color: #ffffff;font-size: 12px;}
   
    .footer {margin-top: 10px;background: #2b2b2b;overflow: hidden;float: left;width: 94%;padding: 3%;}
    .footer p {width: 100%;text-align: center;color: #eaeaea;font-size: 12px;line-height: 28px;float: left;}
    .footer p a {color: #ffffff;font-size: 12px;}

    .flink{width: 94%;background: #fafafa;margin: 3%;display: inline-block;margin-bottom: 0;}
    .flink ul{width: 1100px;margin: auto;}
    .flink b{line-height:22px;font-weight: 400;float: left;color: #333;}
    .flink li{line-height: 22px;color: #b7b7b7;margin: 6px 6px;float: left;}
    .flink li a{color:#797979;font-size: 12px;}
    .flink li a:hover{color: #6bbb2e;}
}