@media (max-width: 1200px) {
    .container ,.containerss{
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
    }
}
@media (max-width: 1024px) {
    .home-banner{height:350px;}
    .home-banner .title1{font-size:26px;margin-top:20px;}
    .home-banner .title2{font-size:14px;margin-top:20px;}
    .section-about-r{font-size:18px;}
}



@media (max-width: 576px) {
    .header .logo{margin-top:10px;}
    .pc{display:none;}
    .wap{display:block;}
    .header .container .logo img{
    max-height: 50px;margin-left:10px;

}
    .navbar ul li{margin-left:0px;margin-right:0px;}
    .header {
        border-bottom: 1px solid rgba(76,118,63,0.3)
    }
    .navbar{line-height:40px;}
    .navbar ul li{width:100%;float:left;}
    .navbar ul li .dropdown{position:relative;}
    .navbar li a:hover,.navbar li.active a{color:#fff;}
    .navbar ul li.active .dropdown,.navbar ul li:hover .dropdown{color:#fff;}
    
    .header .navbtn {
        order: 2;
        display: block;
        z-index: 990;
        padding: 0px 5px;
        border-radius: 4px;
        background-color: #0d2d6e;
        cursor: pointer;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        width:35px;
        height:33px;
        right:10px;
        top:20px;
        position:absolute;
    }

    .header .navbtn span {
        display: block;
        width: 25px;
        height: 2px;
        margin: 6px 0;
        border-radius: 5px;
        background-color: #fff;
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

/*    .header .navbtn.navclose {
        position: fixed;
    }*/

    .header .navbtn.navclose span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
        -o-transform: translateY(8px) rotate(45deg);
        -moz-transform: translateY(8px) rotate(45deg);
        -webkit-transform: translateY(8px) rotate(45deg)
    }

    .header .navbtn.navclose span:nth-child(2) {
        opacity: 0
    }

    .header .navbtn.navclose span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
        -moz-transform: translateY(-8px) rotate(-45deg);
        -webkit-transform: translateY(-8px) rotate(-45deg)
    }

    .header .mobile-shade {
        display: block;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        z-index: 120;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        transition: all,0.5s;
        -o-transition: all,0.5s;
        -moz-transition: all,0.5s;
        -webkit-transition: all,0.5s
    }

    .header .mobile-shade.show {
        opacity: 1;
        visibility: inherit
    }

    

    .header .navbar {
        position: fixed;
        z-index: 990;
        top: 0;
        left: -260px;
        display: block;
        width: 260px;
        height: 100%;
        padding: 0px;
        margin-top: 0;
        margin-right: 0;
        overflow-y: auto;
        background-color: #0d2d6e;
        transition: left,0.5s;
        -o-transition: left,0.5s;
        -moz-transition: left,0.5s;
        -webkit-transition: left,0.5s;
        padding-top:50px;
    }

    .header .navbar.nav-show {
        left: 0
    }

    .header .container {
        display: block;
        border-radius: 0px;
        overflow: hidden;
        padding:0px;
    }
    .header .navbar a {
    min-width: 100%;
    margin-right: 0px;
    font-size: 16px;
    color: #fff;
    margin:0px;
    padding:0px;
}
    .header{width:100%;float:left;height:70px;}
    .navbar ul li{padding-left:0px;padding-right:0px;background:none;width:100%;text-align:center;}
    .home-banner{height:200px;}
    .home-banner .title1{font-size:16px;margin-top:50px;}
    .home-banner .title2{font-size:12px;margin-top:10px;}
    .section-about-l,.section-corevalues-r{width:100%;margin-top:20px;}
    .section-about-r,.section-corevalues-l{width:100%;}
    .section-markets,.section-corevalues{padding-top:20px;padding-bottom:20px;}
    .section-corevalues-l-tl,.section-about-r, .section-corevalues-l,.section-choose .section-corevalues-l,footer p{font-size:16px;}
    .section-corevalues-title,.section-about-title{font-size:25px;}
    .section-corevalues-title span{height:50px;padding-left:20px;padding-right:20px;line-height:50px;}
    .mt50{margin-top:40px;}
    .navbar{background:none;}
}

/*# sourceMappingURL=../maps/style/media.css.map */