@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 34.375em) {



    .mobile,.menu_m {
        display: none;
    }

    .ipad {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }
    .module{

    }
    #simple-menu,.sidr{
        display: none !important;
    }
    .about,.banner,#content{
        padding: 0;
    }
    .banner, .slogan, .bn, .full, .footer .module, .right, .contact{
        width: 100%;
        padding: 0;
    }
    /*--------top---------*/
    .header{
        position: relative;
        height: 20px;
    }
    .header ul#language{
        margin-right:0;
    }
    /*logo*/
    .logo{
        margin-top: 0px;
        height:200px;
    }
    .logo .module>a{
        width: 240px !important;
        margin-top:40px;
    }
    .logo .logo_right{
        margin-top: 0px;
    }
    .logo .logo_right dl{
        float: left;
        border-right: 1px solid #ddd;
        width: 25%;
        padding-left: 5%;
    }
    #emailus{
        border-right: none!important;
    }
    .logo .logo_right dl dt{
        float: none;
    }
    .logo .logo_right dl dd{
        padding-left: 20px;
    }
    .request{
        margin-left: 30%;
        float: left;
        margin-top: 5px;
    }
    .request:hover{
        opacity: 0.8;
    }
    /*---------------mainmenu-----------------*/
    .menu{
        height: auto;
    }
    #justified-menu {
        float:left;
        position: relative;
        /*width: 780px;*/
        height: 40px;
    }

    #justified-menu > li {
        float:left;
        position: relative;
        text-align: left;
    }

    #justified-menu > li ul {
        position: absolute;
        top: 40px;
        left: 0;
        /*background: #17222f;*/
        width: 220px;
        z-index: 99999;
        display: none;
    }

    #justified-menu li:hover > ul {
        display: block;
    }

    #justified-menu > li ul li {
        border-top: 0px dashed rgb(177, 175, 168) /*#82a3cc*/;
        position: relative;
        float: left;
}
    }

    #justified-menu > li ul li a {
        color: #1f7bb0;
        display: block;
        padding: 3px 10px;
        text-decoration: none;
        text-transform: none;
    }

    #justified-menu > li ul li:hover > a {
        background: rgba(255,255,255,0.6);
        color: #c5080c;
        font-weight: bold;
    }

    #justified-menu > li ul li ul {
        position: absolute;
        top: -1px;
        left: 220px;
        border-left: 1px solid rgba(255,255,255,.1);
    }

    #justified-menu > li > a {
        display: block;
        font-weight: 600;
        padding: 10px;
        text-decoration: none;
        cursor: pointer;
        color: white;
    }

    #justified-menu > li:hover > a, #justified-menu > li.active > a {
         background-color:#85c448;
        padding: 22px  45px 22px 45px!important;
            color: #383838;
    }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        #justified-menu > li:hover > a, #justified-menu > li.active > a ,.active{
            background-color:#85c448;
            padding:22px  45px 22px 45px!important;
        }
    }
    a.active::before{
        background: #000;
        content: " ";
        border-radius: 5px;
        position: absolute;
        height: 15px;
        margin-top: -25px;
    }
    .menu .form{
        width: 152px;
        margin-right: 2px;
        margin-top: 7px;
    }
    .menu  input[type=text]{
        width: 115px;
    }
    .menu .form input[type=submit]{
        width: 30px;
    }
    /*slide*/
    .slider {
         margin-top: 0;
    }
    .image{
        height:330px;
    }
    .slide_brief {
        font-size: 32px;
    }
    .slide_text{
        top: 20px;
    }
    .slide_more:hover{
        background: #1f455d;
    }
    /*--banner---*/

    .banner>div>a>img {
        width: auto;
        padding-left: 10px;
    }
    .banner .box {
        width: 31%;
        float: left;
        margin:0 1%;
    }
    /*.banner .frs{*/
        /*width: 32%;*/
    /*}*/
    .banner-top .box{
        margin-top: -80px;
        z-index: 1000;
        position: relative;
    }
    .banner-top dl{
        height: 115px;
    }
    .banner-top .box h3 a{
        font-size: 18px;
        color:#1f7bb0;
    }
    .banner-top .box h3 a:hover{
    }
    .banner-top .box dl dd{
        text-align: left;
    }
    /*slogan*/
    .slogan{
        float: left;
        margin: 10px 0;
    }
    /*banner-center*/
    .banner-center .box{
        margin-bottom: 20px;
    }
    .banner-center .box dl{
        /*height: 120px;*/
    }
    .banner-center .box dl dt{
        width: 100%;
    }
    .banner-center .box dl dd{
        width: 20%;
    }
    .banner-center .box dt:hover *{
    }
    /*full*/
    .abouts,.full .list_news{
        width: 48%;
        float: left;
    }
    .abouts{
        margin-right: 4%;
    }
    /*------------content------------*/
    #content {
        margin: 15px 0;
    }

    /*left*/
    .ipad >div.left{
        float: left;
        width: 35%;
        margin-right: 2%;
    }


    /*-----------footer------------*/
    .gallery_home,.footer_infor{
        width: 50%!important;
        float: left!important;
    }
    .gallery_home div{
        margin: 0;
    }
    .copyright{
        padding: 5px 0;
    }
    .copyright p{
        float: left;
    }
    .copyright span{
        float: right;
    }
    /*-----------contact----------*/

    #mapcont{
        height: 350px;
        margin-top: -20px;
    }
    #contact-form dt{
        float: left;
    }
    #contact-form dd{
        margin-bottom: 5px;
    }
    .cont_left,.cont_right{
        width: 49%;
        float: left;
    }
    .cont_left{
        margin-right: 2%;
    }
    #contact-form{
        float: left;
        width: 100%;
    }
    /*index left*/
    .index .left{
        width: 23%;
        float: left;
    }
    .left .box {
        width: 100%;
    }
    .left .box .title{
        width: 100%;
    }
    .service_hot{
        padding: 8px 0px 0px 0px;
        float: left;
        width: 100%;
    }
    /*right*/
    .content_left{
        width: 73%;
        float: right;
    }

    .index .right{
        margin-top: 10px;
    }
    /*news*/
    .ngrid li{
        width: 49%;
        margin-right: 1%;
        float: left;
        height: 220px;
    }
    /*imghover*/
    .imghover{
        background: #fff url('../images/icon-link.png') no-repeat center center;
    }
    .imghover:hover img{
        opacity: 0.5;
    }
    .full{
        padding-bottom: 20px!important;
    }
    .header-image{
        height:100px;
    }
    .gallery>div img {
        /*height: 210px;*/
    }
}