@media all and (max-width: 640px) {
    body {
        padding: 54px 0 55px;
    }

    .myheader {
        box-sizing: border-box;
        padding: 0 10px;
        height: 54px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }

    .contenter {
        width: auto;
        margin: 0 auto;
        padding: 0 7px;
    }

    .logo {
        height: 45px;
        margin-top: 10px;
    }

    .logo img {
        height: 39px;
        margin-top: 0px;
    }

    .tel {
        display: none;
    }

    .tell {
        display: none;
    }

    .ggh {
        display: none;
    }

    .icon_menu {
        float: right;
        width: 9%;
        display: inline-block;
        padding: 8px 0;
        border-top: 2px solid #08438d;
        border-bottom: 2px solid #08438d;
        height: 2px;
        background-color: #08438d;
        background-clip: content-box;
        margin-top: 15px;
    }

    /*menu*/
    .menu {


        height: auto;
        overflow: hidden;

    }

    .menu_one {
        display: block;
    }

    .menu_one > li {
        background: url("../images/aq3.png") no-repeat center bottom;
        background-size: 100% 1px;
    }

    .menu_one > li:last-child {
        background-image: none;
    }

    .swiper-container {
        height: 160px;
    }

    .swiper-button-prev {
        left: 5%;
    }

    .swiper-button-next {
        right: 5%;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 3px;
    }

    .swiper-slide img {
        height: 160px;
    }

    .in_tit {
        margin-top: 25px;
        margin-bottom: 0;
    }

    #system {
        margin-top: 10px;
        padding-top: 0;
        height: auto;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%;
    }

    .in_tit span {
        margin-top: 0;
    }

    .in_system_box .swiper-slide {
        height: 271px;
    }

    #swiper-system-next {
        top: 56%;
    }

    #swiper-system-prev {
        top: 56%;
    }

    .lf_image {
        display: none;
    }

    .rg_list {
        margin-top: 10px;
    }

    .in_equipment .rg_list {
        float: none;
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
    }

    .in_equipment .rg_list li {
        width: 47.5%;
        margin-right: 5%;
    }

    .in_equipment .rg_list li:nth-child(3n) {
        margin-right: 5%;
    }

    .in_equipment .rg_list li:nth-child(2n) {
        margin-right: 0;
    }

    .in_banner {
        background-size: auto 100%;
        height: 100px;
        background-position: inherit;
    }

    .in_banner .my_tit {
        padding-top: 20px;
        width: 100%;
    }

    .in_banner .tit1 {
        padding-left: 10px;
        margin-bottom: 14px;
    }

    .in_banner .tit2 {
        padding-left: 10px;
    }

    .in_banner .tit1 {
        font-size: 25px;
    }

    .in_banner .tit2 {
        font-size: 22px;
    }

    .in_banner .banner_tell {
        display: none;
    }

    .in_banner a {
        display: none;
    }

    .in_adv .contenter {
        display: none;
    }

    .in_about {
        background-size: auto;
        margin-top: 0px;
        padding-bottom: 0px;
        height: 371px;
    }

    .in_about .box {
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
    }

    .in_about .btn {
        margin-top: 12px;
    }

    .in_news {
        margin-top: 0;
        box-sizing: border-box;
        padding: 19px 0px 0;
    }

    .in_news .item {
        margin-top: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .in_case {
        margin-top: 0;
        background-size: auto 100%;
        padding-top: 35px;
    }

    .in_case .contenter {
        margin-top: 10px;
        box-sizing: border-box;
        padding: 0 10px;
    }

    .in_case li {
        width: 47.5%;
        margin-right: 5%;
        height: 70px;
    }

    .in_case li:nth-child(5n) {
        margin-right: 5%;
    }

    .in_case li:nth-child(2n) {
        margin-right: 0;
    }

    .in_case li img {
        width: 100%;
        height: 70px;
    }

    .link {
        width: 100%;
        margin-top: 35px;
    }

    .link_tit {
        width: 100%;
        text-align: center;
        height: 45px;
        line-height: 45px;
    }

    .link_tit {
        float: none;

    }

    .link_box {
        float: none;
        width: 100%;
        padding: 10px 10px 20px;
        height: auto;
    }

    .myfooter {
        padding: 0;
    }

    .myfooter .contenter {
        box-sizing: border-box;
        padding: 0px 10px 0;
    }

    .myfooter > div > ul > li {
        display: none;
    }

    .myfooter > div > ul > li:last-child {
        display: block;
    }

    .myfooter .btm {
        margin-top: 20px;
        font-size: 10px;
        height: 38px;
        line-height: 38px;
    }

    .myfooter .btm a {
        display: none;
    }

    .menu_one > li:hover .menu_two {
        display: none;
    }


    .bottom {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 55px;
        background-color: #08438d;
        left: 0;
        z-index: 999;
        box-sizing: border-box;
        padding-top: 5px;
    }

    .bottom li {
        float: left;
        width: 25%;
        color: #fff;
        background: url("../images/aq4.png") no-repeat right center;
        background-size: 1px 100%;
    }

    .bottom li:last-child {
        background: none;
    }

    .plst-pt .nr h3 {
        font-size: 16px;
        width: 80%;
        margin: 20px auto 10px;
        line-height: 1.1;
    }

    .bottom li img {
        max-width: 98%;
        height: 20px;
        display: block;
        margin: 1px auto 4px;
    }

    .bottom li div {
        color: #fff;
        text-align: center;
        height: 20px;
        font-size: 0.8em;
        line-height: 20px;
        width: auto;
    }

    .bander {
        width: 100%;
        height: 100px;
    }

    .bander img {
        height: 100px;
    }

    .cont_lf {
        margin-top: 0;
        float: none;
        width: 100%;
    }

    .cont {
        margin-top: 16px;
        line-height: 30px;
    }

    .cont .contenter {
        line-height: 30px;
        color: #666;
    }
    .cont .contenter img{
        max-width: 100%;
    }

    .cont_lf .tit {
        width: 100%;
    }

    .hot_news {
        display: none;
    }

    .cont_contact {
        display: none;
    }

    .cont_rg {
        float: none;
        width: 100%;
    }

    .cont_lf {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .cont_rg .nav {
        height: 50px;
        line-height: 58px;
    }

    .cont_rg {
        padding: 0 10px;
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .cont_rg .nav {
        width: 100%;
    }

    .cont_rg .nav .posit {
        display: none;
    }

    .cont_image li {
        width: 47.5%;
        margin-right: 5%;
    }

    .cont_image li {
        width: 47.5%;
        margin-right: 5%;
        margin-bottom: 0;
    }

    .cont_image li:nth-child(3n) {
        margin-right: 5%;
    }

    .cont_image li:nth-child(2n) {
        margin-right: 0;
    }

    .cont_image .my_image img {
        height: 90px;
    }

    .cont_image .my_image {
        height: 90px;
    }

    .cont_image .my_image .mark {
        height: 90px;
    }

    .cont_image .my_txt {
        font-size: 13px;
        line-height: 28px;
        height: 35px;
    }

    .cont_image {
        margin-bottom: 20px;
    }

    .page_article a:last-child {
        float: none;
        margin-top: 0px;
    }

    .cont_tit .tit1 {
        line-height: 19px;
    }

    .cont_tit {
        margin-bottom: 6px;
    }

    .content {
        padding-top: 10px;
    }

    .cont_news li .left {
        margin-left: 0;
        height: 72px;
        width: 62px;
    }

    .page_article a {
        display: block;
        line-height: 35px;
        height: 35px;
    }

    .page_article {
        width: 100%;
        margin-top: 21px;
    }

    .cont_news li .left strong {
        font-size: 25px;
        line-height: 30px;
        margin-top: 10px;
    }

    .cont_news li .left span {
        font-size: 12px;
    }

    .cont_news .right {
        width: 76%;
    }

    .cont_news .right .my_tit a {
        margin: 0;
    }

    .cont_news li {
        padding: 10px 0;
    }

    .cont_tit .tit2 {
        display: none;
    }

    .cont_contacts {
        padding: 0;
        margin-top: 5px;
    }

    #dituContent {
        width: 100% !important;
        height: 300px !important;
    }

    .inyoushi1 {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .inyoushi4 {
        width: 42%;
        height: 70px;
    }

    .inyoushi4 img {
        height: 70px;
    }

    .inyoushi5 {
        padding: 0;
        width: 55%;
    }

    .inyoushi6 span {
        display: none;
    }

    .inyoushi6 {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 25px;
    }

    .inyoushi6 em {
        display: none;
    }

    .inyoushi7 {
        margin-top: 5px;
        line-height: 17px;
        font-size: 13px;
        height: 50px;
    }

    .inyoushi5 li {
        height: auto;
        margin-bottom: 0;
    }

    .inyoushi3 > ul > li {
        padding-top: 15px;
    }

    .txrz {
        margin-top: 10px;
    }

    .txrz li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .cont_image1 .my_image1 img {
        width: 100%;
        height: 48px;
    }

    .cont_image1 li {
        width: 47.5%;
        margin-right: 5%;
        margin-bottom: 15px;
    }

    .cont_image1 li:nth-child(3n) {
        margin-right: 5%;
    }

    .cont_image1 li:nth-child(2n) {
        margin-right: 0;
    }

    .wbyc1 {
        height: 30px;
        line-height: 35px;
    }

    .newss1 li span {
        display: none;
    }

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


    .nav > li {
        float: left;
        width: 48.3%;
        position: relative;
        margin-right: 3.2%;
    }

    .nav > li:nth-of-type(2n) {
        margin-right: 0;
    }

    .my_header {
        height: 55px;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        box-shadow: 1px 1px 6px #ddd;
    }

    .nav_box {
        width: 100%;
        height: auto;
        background-color: rgba(26, 68, 144, 0.92);
        margin-top: 0px;
        display: none;
    }

    .search {
        display: none;
    }

    .search_news {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .inyw1 {
        width: auto;
        padding: 0 7px;
        margin: 0 auto;
    }

    .inyw3 {
        width: auto;
        margin: 0 auto;
        text-align: center;
        background: url(../images/titbeij.png) no-repeat center 52px;
        background-size: 175px auto;
        font-size: 18px;
    }

    .inyw3 span {
        display: block;
        text-align: center;
        font-weight: normal;
        font-size: 24px;
        color: #1A4490;
        font-family: "Impact";
        line-height: 47px;
        text-transform: uppercase;
    }

    .inyw {
        padding: 20px 0 25px;
    }

    .inyw2 {
        margin-bottom: 28px;
    }

    .lyzywfw > ul > li:nth-of-type(1) {
        width: 100%;
        float: left;
        height: 262px;
        border: solid 1px #eaeaea;
        box-sizing: border-box;
        margin-bottom: 14px;
    }

    .lyzywfw {
        width: auto;
        margin: 0 auto;
    }

    .lyzywfw > ul > li:nth-of-type(1) .lyzywfw1 img {
        width: 100%;
        height: 262px;
        transition: .5s;
        transform: scale(1);
    }

    .lyzywfw > ul > li:nth-of-type(1) .lyzywfw1 {
        height: 262px;
        overflow: hidden;
    }

    .lyzywfw > ul > li:nth-of-type(2) {
        width: 100%;
        float: right;
        height: 117px;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .lyzywfw > ul > li:nth-of-type(2) .lyzywfw1 {
        float: right;
        width: 50%;
        height: 117px;
    }

    .lyzywfw > ul > li:nth-of-type(2) .lyzywfw1 img {
        width: 100%;
        height: 117px;
        transition: .5s;
        transform: scale(1);
    }

    .lyzywfw > ul > li:nth-of-type(2) .lyzywfw4 {
        float: left;
        width: 50%;
        box-sizing: border-box;
        border-right: solid 2px #eaeaea;
        height: 117px;
        padding: 10px;
    }

    .lyzywfw > ul > li:nth-of-type(2) .lyzywfw2 {
        line-height: 30px;
        height: 40px;
        margin-top: 0px;
        font-size: 15px;
        font-weight: bold;
        position: relative;
        transition: .5s;
    }

    .lyzywfw > ul > li:nth-of-type(3) .lyzywfw1 {
        float: right;
        width: 50%;
        height: 117px;
    }

    .lyzywfw > ul > li:nth-of-type(3) .lyzywfw1 img {
        width: 100%;
        height: 117px;
        transition: .5s;
        transform: scale(1);
    }

    .lyzywfw > ul > li:nth-of-type(3) .lyzywfw4 {
        float: left;
        width: 50%;
        box-sizing: border-box;
        border-right: solid 2px #eaeaea;
        height: 117px;
        padding: 10px;
    }

    .lyzywfw > ul > li:nth-of-type(3) .lyzywfw2 {
        line-height: 30px;
        height: 40px;
        margin-top: 0px;
        font-size: 15px;
        font-weight: bold;
        position: relative;
        transition: .5s;
    }

    .lyzywfw > ul > li:nth-of-type(3) {
        width: 100%;
        float: right;
        height: 117px;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .lyzywfw > ul > li {
        float: left;
        width: 48.3%;
        position: relative;
        margin-right: 3.2%;
        margin-bottom: 10px;
    }

    .lyzywfw > ul > li:nth-of-type(2n-1) {
        margin-right: 0;
    }

    .lyzywfw1 img {
        width: 100%;
        height: 117px;
        overflow: hidden;
        transition: .5s;
        transform: scale(1);
    }

    .lyzywfw1 {
        height: 117px;
        overflow: hidden;
    }

    .lyzywfw2 {
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        color: #333;
        margin-top: 7px;
        margin-bottom: 0px;
        font-weight: bold;
        font-size: 14px;
        position: relative;
    }

    .about_box {
        width: 100%;
        height: 100%;
        padding: 20px 0 0;
        background-color: rgba(255, 255, 255, 0.81);
        box-sizing: border-box;
    }

    .about_box .contenter {
        margin-top: 0px;
    }

    .about_box .about_slide {
        float: left;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        height: 285px;
        display: none;
        margin-top: 50px;
    }

    .in_about .about_right {
        margin-left: 0px;
    }

    .in_about .about_right .my_title {
        height: 40px;
        line-height: 52px;
        color: #000;
        font-size: 18px;
        position: relative;
        top: -15px;
        text-align: center;
    }

    .about_through {
        margin-top: 16px;
        text-align: center;
        margin-left: 0px;
    }

    .about_through li {
        float: none;
        margin-right: 7px;
        width: 66px;
        height: 80px;
        border-radius: 10px;
        background: rgba(238, 238, 238, 0.78);
        border: solid 1px #ccc;
        transform: scale(1);
        transition: .5s;
        display: inline-block;
    }

    .about_through li:nth-of-type(4) {
        margin-right: 0;
    }

    .about_through li .text img {
        width: 28px;
        margin-top: 14px;
    }

    .about_through li .sp {
        color: #000;
        overflow: hidden;
        font-size: 12px;
        height: 31px;
        line-height: 25px;
    }

    .in_news li {
        float: none;
        width: 100%;
        height: 323px;
        margin-right: 0px;
    }

    .in_news li .my_img {
        width: 100%;
        height: 209px;
        overflow: hidden;
        position: relative;
    }

    .in_news li .my_box {
        width: 100%;
        height: 135px;
        background: #fff;
        padding: 10px 7px;
        box-sizing: border-box;
    }

    .in_link {
        margin-top: 0px;
    }

    .in_link li {
        float: left;
        margin: 0 5% 10px 0;
        width: 30%;
        height: 48px;
        box-sizing: border-box;
        border: 1px solid #e5e5e5;
        position: relative;
    }

    .in_link li:nth-of-type(3n) {
        margin-right: 0;
    }

    .in_link li img {
        max-width: 100%;
        height: 46px;
    }

    .link {
        display: none;
    }

    .in_link ul {
        height: 164px;
        overflow: hidden;
    }

    .footer_top .left {
        display: none;
        float: left;
        width: 588px;
        min-height: 194px;
        padding-top: 17px;
        box-sizing: border-box;
    }

    .footer_top .center {
        float: left;
        width: 288px;
        display: none;
        border-left: 1px solid #54617c;
        border-right: 1px solid #54617c;
    }

    .footer_top .right {
        float: none;
        width: auto;
        min-height: 136px;
        padding-top: 10px;
    }

    .footer_top .right .tell {
        font-size: 20px;
        line-height: 33px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
        background: none;
        text-align: left;
        display: block;
    }

    .footer_top .right span {
        font-size: 17px;
        margin-bottom: 10px;
        color: #fff;
        text-align: left;
        display: block;
    }

    .footer_top .right .add {
        font-size: 12px;
        margin-bottom: 2px;
        color: #fff;
        text-align: left;
    }

    .footer_top .right ul {
        float: left;
        margin: 20px 0 0px;
    }

    .footer_top .right li {
        float: left;
        width: 32px;
        height: 32px;
        margin-left: 0px;
        margin-right: 15px;
        border-radius: 50%;
        background-color: #3f4f95;
    }

    .footer_top {
        margin-top: 40px;
        background: url(../images/fbg.jpg) no-repeat center top/auto 416px;
        padding: 37px 0 12px;
        height: 229px;
        box-sizing: border-box;
    }

    .footer_btm {
        background-color: #141d3a;
        padding: 20px 0;
        text-align: center;
        display: none;
    }

    .f_nav {
        width: 100%;
        height: 55px;
        background: #0a63bd;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 999999;
        display: block;
    }

    .f_nav a {
        color: #ffffff;
    }

    .f_nav li {
        float: left;
        width: 25%;
        text-align: center;
    }

    .f_nav li img {
        display: block;
        margin: 7px auto 3px;
    }

    .f_nav li span {
        color: #fff;
        font-size: 13px;
    }

    .feen {
        float: right;
        margin-top: 9px;
    }

    .feen span {
        display: block;
        margin: 7px auto 0;
        width: 30px;
        height: 3px;
        background: #0a63bd;
    }

    .nav > li .list {
        z-index: 10;
        position: absolute;
        width: 133.3px;
        left: 0;
        top: 55px;
        perspective: 400px;
        transform: scale(0);
        transition: 0s;
        display: none !important;
    }

    .menu .my_right {
        float: right;
        height: 65px;
        line-height: 65px;
        color: #9c9ca0;
        padding-left: 21px;
        font-size: 14px;
        display: none;
        background: url(../images/home_icon.png) no-repeat left center/16px;
    }

    .menu .my_left li {
        float: left;
        margin-right: 20px;
        height: 40px;
        line-height: 40px;
    }

    .menu .my_left li a {
        display: block;
        height: 40px;
        line-height: 40px;
        position: relative;
    }

    .menu .my_left li a::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -15px;
        width: 0;
        height: 2px;
        background-color: #1A4490;
        transition: all .5s;
        display: none;
    }

    .menu .my_left li.on {
        font-weight: bold;
        color: #0a63bd;
    }

    .menu .my_left li.on a {
        color: #0a63bd;
    }

    .menu .my_left ul {
        overflow-y: auto;
        width: 400px;
    }

    .menu .my_left {
        float: none;
        overflow: hidden;
        overflow: auto;
    }

    .honor li {
        float: left;
        width: 48.3%;
        margin-right: 3.2%;
        margin-bottom: 15px;
    }

    .honor li:nth-of-type(2n) {
        margin-right: 0;
    }

    .honor li .my_img {
        width: 100%;
        height: 108px;
        overflow: hidden;
    }

    .honor li .my_img img {
        width: 100%;
        height: 108px;
        transition: all .5s;
    }

    .cont .cont_left {
        float: none;
        width: auto;
        position: relative;
    }

    .cont .cont_left .my_title {
        position: absolute;
        left: 0;
        right: 0;
        top: -74px;
    }

    .cont .list .my_title {
        width: auto;
        height: 35px;
        color: #fff;
        line-height: 35px;
        text-align: center;
        background: none;
        box-sizing: border-box;
        padding-left: 0px;
        font-size: 18px;
    }

    .VerticalMenu > div {
        width: 48.3%;
        float: left;
        margin-right: 3.2%;
        position: relative;
    }

    .VerticalMenu > div:nth-of-type(2n) {
        margin-right: 0;
    }

    .VerticalMenu > div > div:last-child {
        width: auto;

        background-color: #f4f4f4;
    }

    .VerticalMenu > div > div > span {
        float: left;
        width: auto;
        display: block;
        height: 50px;
        line-height: 50px;
        text-align: left;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .VerticalMenu {
        height: 100%;
        width: auto;
        cursor: pointer;
    }

    .VerticalMenu > div > div {
        background: none !important;
        height: auto;
        line-height: 40px;
        border-bottom: solid 1px #eaeaea !important;
    }
    .VerticalMenu > div > div:hover{
        background: #0a63bd!important;
    }
    .VerticalMenu > div > div:hover span{
        color: #fff;
    }
    .VerticalMenu > div > div:nth-of-type(2){
        position: absolute;
        left: 0;
        top: 40px;
        background: #0a63bd!important;
        width: 100%;
        z-index: 2;
    }
    .VerticalMenu > div:hover > div:nth-of-type(2)>div>div>span>a{
        color: #fff;
    }
    .cont .cont_right {
        width: auto;
        float: none;
        padding-top: 30px;
    }

    .cont .cont_right .cont_tit h3 {
        font-size: 16px;
        color: #333;
        line-height: 28px;
        margin: 0;
        text-align: center;
        font-weight: 500;
    }

    .cont .cont_right .cont_tit .btm span {
        display: inline-block;
        height: 56px;
        line-height: 56px;
        font-size: 12px;
        color: #999;
        margin-right: 7px;
        position: relative;
    }

    .cont_txt {
        line-height: 30px;
        font-size: 14px;
        text-align: justify;
        color: #666;
    }

    .message_box {
        width: auto;
        box-sizing: border-box;
        height: auto;
        margin: auto;
        border: 2px solid #ddd;
    }

    .message_box .my_left {
        float: none;
        width: auto;
        height: 213px;
        border-bottom: solid 1px #ddd;
    }

    .message_box .my_left img {
        width: 100%;
        height: 213px;
    }

    .message_box .my_right {
        width: auto;
        box-sizing: border-box;
        padding: 20px 9px;
        float: none;
    }

    .message_box .my_right .left {
        width: 100%;
        height: 40px;
        float: none;
        margin-bottom: 15px;
    }

    .message_box .my_right .right {
        width: 100%;
        height: 40px;
        float: none;
        margin-bottom: 15px;
    }
    .message_box textarea {
        width: 100%;
        height: 100px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        padding: 10px;
        resize: none;
        margin-bottom: 25px;
    }
    .staff_box li {
        float: left;
        width: 48.3%;
        margin-right: 3.2%;
        margin-bottom: 15px;
    }
    .staff_box li:nth-of-type(2n){
        margin-right: 0;
    }
    .staff_box li .my_img img {
        width: 100%;
        height: 107px;
        transition: all 0.5s;
    }
    .staff_box li .my_img {
        width: 100%;
        height: 107px;
        overflow: hidden;
    }
    .news_top li {
        width: 100%;
        height: 311px;
        position: relative;
        margin-right: 0;
        float: none;
    }
    .news_top li .my_image {
        width: 100%;
        height: 198px;
        position: relative;
    }
    .news_top li .txt {
        height: 84px;
        background: url(../images/n_news_ico.png) no-repeat #f1f1f1 center 56px;
    }
    .news_box .news_list {
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid #e4e4e4;
    }
    .news_box .news_list li .title {
        color: #585859;
        font-size: 16px;
        margin: 5px 0 8px;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
    }
    .news_box .news_list li a {
        display: block;
        height: 109px;
        position: relative;
        padding: 7px;
        overflow: hidden;
        border-bottom: 1px dashed #e5e5e5;
        box-sizing: border-box;
    }
    .news_box .news_list li {
         height: auto;
        width: 100%;
    }
    .news_box .news_list li .time {
        font-size: 18px;
        line-height: 26px;
        color: #adadad;
    }
    .news_box .news_list li a:after {
        content: "";
        display: block;
        width: 100px;
        background: url(../images/n_news_ico2.png) no-repeat #005aab center;
        position: absolute;
        bottom: 0;
        right: 0;
        opacity: 0;
        height: 147px;
        display: none!important;
    }
    .news_box .news_list li:hover .title {
        margin-right: 0px;
    }
    .news_box .news_list li:hover .txt {
        margin-right: 0px;
    }
    .news_box .news_list li:hover .time {
        margin-right: 0px;
        color: #005aab;
        font-weight: bold;
    }
    .download li {
        width: 100%;
        float: none;
        margin-right: 0px;
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
        transform: translateX(0px);
        transition: all .3s;
        margin-bottom: 15px;
    }
    .download .data2 {
        float: left;
        width: 90%;
    }
    .download .my_icon {
        float: right;
        width: 10%;
        height: 30px;
        margin-top: 20px;
        background: url(../images/xz.png) no-repeat center/13px;
    }
    .mark_down video {
        width: 98%;
        height: auto;
        position: absolute;
        top: 0%;
        left: 00%;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #000;
    }
    .VerticalMenu > div > div:last-child > div div a {
        display: block;
        height: 45px;
        line-height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .product_box li {
        float: left;
        width: 48.3%;
        height: auto;
        margin: 0 3.2% 10px 0;
        position: relative;
    }
    .product_box li:nth-of-type(3n){
        margin-right: 3.2%;
    }
    .product_box li:nth-of-type(2n){
        margin-right: 0;
    }
    .product_box li .my_image {
        width: 100%;
        height: 107px;
        overflow: hidden;
    }
    .product_box li .my_image img {
        width: 276px;
        height: 107px;
    }
    .product_box li .my_tit {
        height: 41px;
        line-height: 41px;
        background: #efefef;
        color: #555;
        box-sizing: border-box;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .product_box li .my_mark {
        background-color: rgba(0,90,171,.85);
        position: absolute;
        top: 0;
        left: 0;
        padding: 8px;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        transition: all .5s;
        opacity: 0;
    }
    .product_box li .my_mark .tit {
        color: #fff;
        font-size: 17px;
        margin-bottom: 15px;
        line-height: 25px;
        height: 25px;
        overflow: hidden;
    }
    .product_box li .my_mark span {
        font-size: smaller;
        color: #ffffff;
        width: 131px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border: 1px solid #fff;
        display: none;
    }
}