@media only screen and (max-width: 1200px){
    .nav-toggle {
        display: block;
    }
    #middle .page_main .leftmenu .newleftxy{display: none;}
    #head .menutop{width: 100%;}
    #head .menutop .menuright{display: none;}
    #head .menutop .logo{margin-left: 2%;}
    #middle .page_main{width: 100%;}
    #middle .page_main .leftmenu{width: 100%; margin-bottom: -7px;}
    #middle .page_main .leftmenu h2 {width: 96%; padding: 0 2%;}
    #middle .page_main .leftmenu ul li a{width: 96%; padding: 0 2%;}
    #middle .page_main .leftmenu .leftnews .img{width: 100%; height: auto;}
    #middle .page_main .leftmenu .leftnews .img img{width: 100%;}
    #middle .page_main .leftmenu .leftnews h3{width: 96%; padding: 0 2%;}
    #middle .page_main .leftmenu .leftnews p.time{width: 96%; padding: 0 2%;}
    #middle .page_main .leftmenu .leftnews .content{width: 96%; padding: 0 2%;}
    #middle .page_main .leftmenu .leftnews a.more{margin-left: 2%;}
    #middle .page_main .right_content{width: 100%;}
    #middle .page_main .right_content .brade{width: 96%; padding: 0 2%;}
    #middle .page_main .right_content .innercontent{width: 100%; overflow: hidden;}
    #middle .page_main .right_content .innercontent .about_profile{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .about_gover{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .about_profile .profileinner{width: 100%; margin-left: -1%;}
    #middle .page_main .right_content .innercontent .about_profile .profileinner .item{
        width: 23%; margin-right: 0; margin-left: 2%;
    }
    #middle .page_main .right_content .innercontent .about_profile .profileinner .item img{
        width: 100%; height: auto;
    }
    #middle .page_main .right_content .innercontent .about_profile p img{width: 100%; height: auto!important;}
    /*页脚部分*/
    #footer .foot_top .search_inner{width: 100%; float: left;}
    #footer .foot_top .search_inner .ico{margin-left: 2%;margin-top: 24px; display: none;}
    #footer .foot_top .search_inner .search{width: 100%; margin-top: 35px; left: 0px; margin-left: 0px;}
    #footer .foot_top .search_inner .search .input{width: 60%; background: none; margin-left: 2%;}
    #footer .foot_top .search_inner .search .input input{width: 100%; -webkit-border-radius: 8px; background: #fff;
                                                         height: 43px; line-height: 43px; text-indent: 10px; margin-left: 0px;}
    #footer .foot_top .search_inner .search .tijiao{float: left; margin-left: 2%; margin-top: 9px;}
    #footer .foot_menu{height: auto; padding-bottom: 20px;}
    #footer .foot_menu .innermenu{width: 96%; float: left; padding: 0 2%; height: auto;}
    #footer .foot_menu .innermenu .item{height: 235px;}
    #footer .foot_menu .innermenu p.copy{margin-top: 10px; height: 40px; line-height: 40px; bottom:10px;}
    #middle .page_main .right_content .innercontent .about_team{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .about_team .teaminner{width: 100%; float: left; margin-left: -1%;}
    #middle .page_main .right_content .innercontent .about_team .teaminner .item{width: 48%; margin-left: 2%; margin-right: 0px;}
    #middle .page_main .right_content .innercontent .about_team .teaminner .item .righttext{width: 53%; float: left; margin-left: 3%;}
    #middle .page_main .right_content .innercontent .about_busin{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .about_busin .busin_ite .right{width: 60%; float: right; margin-left: 0px;}
    #middle .page_main .right_content .innercontent .about_colla{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .about_colla .innercolla{width: 100%; float: left; margin-left: -0.5%;}
    #middle .page_main .right_content .innercontent .about_colla .innercolla .item{width: 31%; margin-left: 2%; margin-right: 0px; height: auto;}
    #middle .page_main .right_content .innercontent .about_colla .innercolla .item img{width: 100%;}
    #middle .page_main .right_content .innercontent .about_colla .innerpharm{width: 100%;float: left; margin-left: -1%;}
    #middle .page_main .right_content .innercontent .about_colla .innerpharm .img{  width: 48%;
                                                                                    margin-left: 2%;
                                                                                    margin-right: 0px;}
    #middle .page_main .course_history{width: 69%; padding-left: 124px; padding-right: 2%;}
    #middle .page_main .course_history .course_it{width: 100%; padding-left: 0px;}
    #middle .page_main .course_history .course_it .tup{width: 175px; padding: 0px 0px;}
    #middle .page_main .course_history .course_it .tup.end{background: url(../images/history_line.png) no-repeat right;}
    #middle .page_main .right_content .innercontent .about_location{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .about_location p img{width: 100%;}
    #middle .page_main .right_content .innercontent .about_location .locatop{width: 96%; padding: 0 2%;}
    #middle .page_main .right_content .innercontent .about_location .locatop .bottom .ite{height: 95px;}
    #middle .page_main .right_content .innercontent .about_location .locatop .bottom .ite p{background:url(../images/location_back3.png) no-repeat 0 9px}
    #middle .page_main .right_content .innercontent .about_location .lianhetech .left{width: 49%;}
    #middle .page_main .right_content .innercontent .about_location .lianhetech .right{width: 46%; padding: 2%; height: auto;}
    #middle .page_main .right_content .innercontent .about_location .lianhetech .right img{width: 100%;}
    #middle .page_main .right_content .innercontent .about_location .lianhetech .left p{width: 90%;}
    #middle .page_main .right_content .innercontent .about_location .Adree .ite{min-height: 300px;}
    #middle .page_main .leftmenu ul li.active a.yijia{  background: url(../images/left_menujian.png) no-repeat 96%;}
    #middle .page_main .leftmenu ul li a.yijia{background: url(../images/left_menuj.png) no-repeat 96%;}
    #middle .page_main .right_content .innercontent .pro_crop{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .pro_crop .innerpharm{width: 100%; margin-left: -1%;}
    #middle .page_main .right_content .innercontent .pro_crop .innerpharm .img{width: 48%; margin-left: 2%; margin-right: 0px;}
    #middle .page_main .right_content .innercontent .pro_crop .innerpharm .img img{ width: 100%;}
    .sustainability{width: 96%; padding-left: 2%; padding-right: 2%;}
    .sustainability p img{width: 100%;}
    #middle .page_main .right_content .innercontent .pro_crop .innercrop{width: 100%; margin-left: -0.5%;}
    #middle .page_main .right_content .innercontent .pro_crop .innercrop .img{width: 31%; margin-left: 2%; margin-right: 0px;}
    #middle .page_main .right_content .innercontent .pro_crop .innercrop .img img{width: 100%;}

    #middle .index_banner .innerbanner .item .text{width: 100%; position: relative;margin-left: 0px; left: 0px;}
    #middle .index_banner .innerbanner .item .text .daqiu{position: absolute; left: 50%; margin-left: -215px;}
    #middle .index_page{width: 96%; padding: 0 2%; float: left;}
    #middle .index_page .index_new{
        width: 50%;height: auto;
    }
    #middle .index_page .index_aboutus{width: 48%; margin-left: 2%;}
    #middle .index_page .index_gupiao{width: 100%; margin-left: 0px;}
    #middle .index_page .index_new .first_news .img{width: 45%;}
    #middle .index_page .index_new .first_news .textright{width: 53%;}
    #middle .index_page .index_new .first_news .textright .content{width: 95%; padding-left: 4%;}
    #middle .index_page .index_aboutus .img{width: 52.47%; }
    #middle .index_page .index_aboutus .text{width: 47.52%; padding: 0 0%; overflow: hidden;}
    #middle .index_page .index_aboutus .text .tioding{width: 92%; padding: 0 4%;}
    #middle .index_page .index_markets .innermarkets{width: 100%; margin-left: -1%;}
    #middle .index_page .index_markets .innermarkets .item{width: 23%; margin-left: 2%; margin-right: 0px; height: auto;}
    #middle .index_page .index_markets .innermarkets .item h2{font-size: 13px;}
    #middle .index_capabilities .innercapabilities{width: 100%; float: left;}
    #middle .index_capabilities .innercapabilities .solid{height: 173px;}
    #middle .page_main .right_content .innercontent .Media{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .Media .mediafiv{width: 100%; margin-left: -0.5%;}
    #middle .page_main .right_content .innercontent .Media .mediafiv .item{width: 31%; margin-left: 2%; margin-right: 0px;
                                                                           margin-bottom: 2%;
    }
    #middle .page_main .right_content .innercontent .media_detail{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .media_detail .conten p img{max-width: 100%; height: auto!important;}
    #middle .page_main .right_content .innercontent .Join_us{width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .Investors {width: 96%; padding-left: 2%; padding-right: 2%;}
    #middle .page_main .right_content .innercontent .Investors .inner{width: 100%;}
    #middle .page_main .right_content .innercontent .Investors .inner .itempdf{
        width: 23%; margin-left: 2%; margin-right: 0px;
    }
    #middle .page_main .leftmenu ul li{line-height: 50px;}
    #middle .page_main .leftmenu ul li a{font-size: 15px;line-height: 50px;}

    #middle .page_main .right_content .innercontent .about_location .Adree .ite1 .icon{top:93px;}
}
@media only screen and (max-width: 1023px){
    
    #middle .page_main .right_content .innercontent .about_location .Adree .ite1 .icon{top:113px;}
}
@media only screen and (max-width: 960px){  
    #middle .page_main .right_content .innercontent .about_location .locatop .bottom .ite{width: 38%;}
    #middle .page_main .right_content .innercontent .about_location .Adree .ite{min-height: 310px;}
    #middle .index_page .index_new{width: 100%;}
    #middle .index_page .index_new .first_news .img{height: auto;}
    #middle .index_page .index_aboutus{width: 100%; margin-left: 0px;}
    #middle .index_page .index_aboutus .img{height: auto;}
    #middle .index_page .index_aboutus .img img{width: 100%;}
    #middle .index_page .index_aboutus .text{height: auto;}
    #middle .index_page .index_markets .innermarkets .item {width: 48%; margin-bottom: 2%;}
    #middle .index_page .index_markets .innermarkets .item h2{font-size: 14px;}
    #middle .page_main .right_content .innercontent .Media .mediafiv .item{width: 48%;}
    #middle .Investors .index_gupiao .innergup .gup{margin-left: 15.5%;}
    #middle .page_main .right_content .innercontent .Investors .inner .itempdf{width: 38%;margin-left: 12%; }
}
@media only screen and (max-width: 800px){
    #middle .page_main .right_content .innercontent .about_busin .busin_ite{width: 100%;}
    #middle .page_main .right_content .innercontent .about_busin .busin_ite .right{width: 70%;}
    #middle .page_main .right_content .innercontent .about_team .teaminner .item .img{width: 100%;}
    #middle .page_main .right_content .innercontent .about_team .teaminner .item .img .dingweinei{
        position: absolute; left: 50%; margin-left: -72.5px;
    }
    #middle .page_main .right_content .innercontent .about_team .teaminner .item .img .back{
        position: absolute; left: 50%; margin-left: -72.5px;
    }
    #middle .page_main .right_content .innercontent .about_team .teaminner .item .righttext{width: 100%; text-align: center; margin-left: 0px;}
    #middle .page_main .right_content .innercontent .about_team .teaminner .item{height: 305px;}
    #middle .page_main .right_content .innercontent .about_location .Adree .ite{min-height: 352px;}
    #middle .page_main .right_content .innercontent .about_team .teaminner .item .righttext{width: 100%; margin-left: 0px;}
}
@media only screen and (max-width: 779px){    
    #middle .page_main .right_content .innercontent .about_location .Adree .ite1 .icon{top:133px;}
}
@media only screen and (max-width: 750px){
    #footer .foot_menu .innermenu .item{width: 170px;}
    #middle .page_main .right_content .innercontent .about_profile .profileinner .item{
        width: 48%; margin-right: 0; margin-left: 2%; margin-bottom: 15px;
    }
    #middle .page_main .right_content .innercontent .about_profile .profileinner .item img{
        margin-bottom: 15px;
    }
    #middle .page_main .right_content .innercontent .about_location .Adree .ite{width: 100%; min-height: 200px;}
    #middle .Investors .index_gupiao .innergup .gup{margin-left:7.5%}
    #middle .page_main .right_content .innercontent .about_location .locatop .bottom{padding-bottom: 50px; width: 100%; margin-bottom: 0px;}
    #middle .page_main .right_content .innercontent .about_location .locatop h2{width: 93%; padding-left: 7%; text-indent: 0px;}

    #middle .page_main .leftmenu h2{font-size: 22px; padding-bottom: 20px;}
    #middle .index_page .index_new h1{font-size: 26px;}
    #middle .index_page .index_aboutus h1{font-size: 26px;}
    #middle .index_page .index_gupiao h1{font-size: 26px;}
    #middle .index_page .index_markets h1{font-size: 26px;}
    #middle .index_banner .innerbanner .item .text .daqiu p{font-size: 18px; line-height: 24px;}
    #middle .index_page .index_new .first_news .textright h2 a{font-size: 20px;}
    #middle .index_page .index_new .first_news .textright h3{font-size: 18px;}
    #middle .index_page .index_new .first_news .textright .content{font-size: 18px; height: auto; line-height: 24px;}
    #middle .index_page .index_aboutus .text h2{font-size: 20px; width: 100%; margin-top: 15px;}
    #middle .index_page .index_aboutus .text p{font-size: 18px; line-height: 24px;}
    #middle .index_page .index_gupiao .innergup .time{font-size: 14px; margin-left: 0px;}
    #middle .index_page .index_gupiao .innergup .gup{margin-left: 0px;}
    #middle .index_page .index_markets .innermarkets .item h2{font-size: 18px; }
    #middle .index_capabilities .innercapabilities .solid .item p{font-size: 16px;}
    #middle .index_capabilities .innercapabilities h1{font-size: 26px;}
    #middle .page_main .right_content .brade ul li{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_profile p{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_profile .profileinner .item h3{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_team h2{font-size: 20px;}
    #middle .page_main .right_content .innercontent .about_team p{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_team .teaminner .item .righttext h3{font-size: 20px;}
    #middle .page_main .right_content .innercontent .about_team .teaminner .item .righttext p{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_busin p{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_busin h2{font-size: 20px;}
    #middle .page_main .right_content .innercontent .about_colla p{font-size: 18px;}
    #middle .page_main .course_history .course_it .itemyear p{font-size: 18px;}
    #middle .page_main .course_history .course_it h2{font-size: 25px;  width: 102px;  left: -95px;}
    #middle .page_main .course_history .course_it .tup p{font-size: 16px;}
    #middle .page_main .right_content .innercontent .about_location .locatop h2{font-size: 20px;}
    #middle .page_main .right_content .innercontent .about_location .locatop .top p{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_location .locatop .bottom .ite{margin-bottom: 45px;}
    #middle .page_main .right_content .innercontent .about_location .locatop .bottom .ite h3{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_location .locatop .bottom .ite p{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_location .lianhetech .left h2{font-size: 20px;}
    #middle .page_main .right_content .innercontent .about_location .lianhetech .left p{font-size: 18px;}
    #middle .page_main .right_content .innercontent .about_location .Adree .ite h3{font-size: 20px;}
    #middle .page_main .right_content .innercontent .about_location .Adree .ite p{font-size: 18px;}
    #middle .page_main .leftmenu ul li{line-height: 70px;}
    #middle .page_main .leftmenu ul li a{font-size: 20px;line-height: 70px;}
    #middle .page_main .right_content .innercontent .pro_crop p{font-size: 18px;}
    #middle .page_main .right_content .innercontent .pro_crop h2{font-size: 20px;}
    #middle .page_main .right_content .innercontent .Media .mediafiv .item h2 a{font-size: 19px;}
    #middle .page_main .right_content .innercontent .Media .mediafiv .item p{font-size: 19px;}
    #middle .page_main .right_content .innercontent .Join_us ul li a.leve{font-size: 20px;}
    #middle .page_main .right_content .innercontent .Join_us ul li .yaoqiu table th{font-size: 18px;}
    #middle .page_main .right_content .innercontent .Join_us ul li .yaoqiu table td{font-size: 18px;}
    #middle .page_main .right_content .innercontent .Media p{font-size: 18px;}
    .sustainability p{font-size: 18px;}
    .sustainability h2{font-size: 20px;}
    #middle .Investors .index_gupiao .innergup .gup{margin-left: 1.5%;}
    #middle .Investors .index_gupiao .innergup .time{font-size: 16px; margin-left: 0px;}
    #middle .page_main .right_content .innercontent .Investors table tr td{font-size: 18px;}
    #middle .page_main .right_content .innercontent .Investors .inner .itempdf a.bqa{font-size: 19px; height: auto;}
    #middle .page_main .right_content .innercontent .Join_us p{font-size: 18px;}
    #middle .page_main .right_content .innercontent .Join_us p strong{font-size: 18px;}
    body.sideopen .grid .yuyan{font-size: 18px;}
    .grid .ul_phone li{font-size: 22px; height: 90px; line-height: 90px;}
    #footer .foot_top .search_inner .search .input input{font-size: 18px;}
    #footer .foot_top .search_inner .search .tijiao{font-size: 20px;}
    #footer .foot_menu .innermenu .item h2{font-size: 15px;}
    #footer .foot_menu .innermenu .item ul li{font-size: 15px;}
    #footer .foot_menu{  padding-bottom: 90px;}
    #middle .page_main .right_content .brade ul li.seact{max-width: 99px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    #middle .page_main .right_content .innercontent .media_detail h2{font-size: 22px;}
    #middle .page_main .right_content .innercontent .media_detail h3{font-size: 19px;}
    #middle .page_main .right_content .innercontent .media_detail .conten p{font-size: 18px;}
    .action--site-susta_promise #middle .page_main .right_content .brade ul li.seact{max-width: 42px;}
    .action--site-susta_culture #middle .page_main .right_content .brade ul li.seact{max-width: 42px;}
    #middle .page_main .right_content .innercontent p{line-height: 30px!important;}
    #middle .page_main .course_history .course_it .tup{min-height: 108px;}
    #middle .Investors .index_gupiao .innergup .gup .ycinfo p{line-height: 61px!important;}






}
@media only screen and (max-width: 640px){
    #middle .Investors .index_gupiao .innergup .gup{margin-left:2.5%}
    #middle .page_main .right_content .innercontent .about_location .Adree .ite1 .icon{top:142px;}
}