@media only screen and (max-width: 1250px){

    /*首页*/

    #header .topmen{width: 100%;}

    #footer .footinner{width: 100%;}

    #middle .indexpage .index_bottom .right .toptitle .year .text h2{margin-top: 10%;}

    #middle .indexpage .index_bottom .right .toptitle .year .text .dian{margin-top: 0px;}

    #middle .indexpage .index_bottom .right .toptitle .year .text .dian p{font-size: 12px;}

    #middle .indexpage .index_bottom .right .qiehuan .item h2.yongyou{margin-top: 4.8%;margin-bottom: -0.3%;}

    #header .topmen .topmeninner .logo{margin-left: 2%;}

    #header .topmen .topmeninner .menuico{right: 2%;}

    #footer .footinner .copyright{margin-right: 2%;}

    #footer .footinner .icoleft{margin-left: 2%;}

    #footer .footinner .icoleft a{color: #fff;}

    /*内页*/

    #middle{margin-bottom: 0px;}

    #middle .pageneiye .page_fenlan{width: 100%; float: left;}

    #middle .pageneiye .page_fenlan .breadul{width: 98%; padding-right: 2%;}

    #middle .pageneiye .page_fenlan .about_fl .aboutinner{width: 100%; float: left;}

    #middle .pageneiye .page_fenlan .about_fl .aboutinner .itfenlan{width: 30%; margin-left: 2.5%; margin-right: 0px;}

    #middle .pageneiye .page_fenlan .about_fl .aboutinner .itfenlan .img img{width: 100%;}

    #middle .pageneiye .page_fenlan .about_fl .aboutinner .itfenlan .conten{min-height: 105px;}

    #middle .pageneiye .about_bottom{width: 100%;}

    #middle .pageneiye .about_bottom .bottinner{width: 100%;}

    #middle .pageneiye .about_bottom .bottinner .itemat{width: 47%; margin-left: 2%; margin-right: 0px;}

    #middle .pageneiye .about_bottom .bottinner .itemat .img img{width: 100%;}

    #middle .pageneiye .qiyekei{width: 100%;}

    #middle .pageneiye .qiyekei h2{width: 96%; margin-left: 2%;}

    #middle .pageneiye .qiyekei .more{right: 2%;}

    #middle .pageneiye .qiyekei .qiyekehuinner{width: 100%;}

    #middle .pageneiye .qiyekei .qiyekehuinner .ite{width: 17.6%; margin-right: 0px; margin-left: 2%; height: auto;}

    #middle .page_rightcon{width: 100%; float: left;padding-bottom: 128px; overflow: hidden;}

    #middle .page_menu{width: 100%;}

    #middle .page_menu h2{width: 96%; padding: 0 2%;}

    /*#middle .page_menu .menu{padding-bottom: 128px;}*/

    #footer .footinner .icoleft .erweima{left: -1px;}

    #middle .page_menu .menu li a{width: 96%; padding: 0 2%;}

    #middle .page_menu .menu li.active a{ background: url(../images/menu_back.png) no-repeat 2% 15px;}

    #middle .page_menu .menu li a:hover{ background: url(../images/menu_back.png) no-repeat 2% 15px;}

    #middle .page_menu .menu li .levemenu{width: 100%;}

    #middle .page_menu .menu li .levemenu li a{width: 92%;padding: 0 4%;}

    #middle .page_menu .menu li .levemenu li.active a{ background: url(../images/menu_back.png) no-repeat 4% 15px;}

    #middle .page_menu .menu li .levemenu li a:hover{ background: url(../images/menu_back.png) no-repeat 4% 15px;}

    #middle .page_rightcon .summary{width: 96%; margin-left: 2%;}

    #middle .page_rightcon .summary .have{width: 100%; float: left;}

    #middle .page_rightcon .summary .have .imcv{width: 20%; margin-left: 1.5%; margin-right: 0px; padding-left: 3%;}

    #middle .page_rightcon .summary .hexin img{width: 100%;}

    #middle .page_rightcon .summary .yuanjing .left{padding-top: 90px;}

    #middle .page_rightcon .summary .yuanjing .right img{width: 100%;}

    #middle .page_rightcon .headqu{width: 96%; padding: 0 2%;}

    #middle .page_rightcon .headqu .region .regioninner .fenye{width: 100%;}

    #middle .page_rightcon .about_sunny .picturelist{width: 100%; text-align: center;}

    /*    #middle .page_rightcon .about_sunny .picturelist ul.isotope{display:inline-block; width: 85%; clear:both;

        margin: 0 auto; zoom: 1; }*/

    #middle .page_rightcon .about_sunny .picturelist ul.isotope li{width: 24.9%; margin: 0px 0.1% 0.1% 0px;}

    #middle .page_rightcon .about_sunny .picturelist ul.isotope li .img2 .pop{display: block; width: 100%; height: 100%; float: left;}

    #middle .page_rightcon .about_sunny .picturelist ul.isotope li .hover a img{width: 100%; float: left;}

    #middle .page_rightcon .field .fidit{width: 96%; padding: 0px 2%;}

    #middle .page_rightcon .field .fidit .item{width: 23%; margin-left: 1.8%; margin-right: 0px; margin-bottom: 1.8%;}

    #middle .page_rightcon .field .constituteit{width: 96%; padding: 0px 2%;}

    #middle .page_rightcon .field .constituteit .item{width: 23%; margin-left: 1.8%; margin-right: 0px; margin-bottom: 1.8%;}

    #middle .page_rightcon .field .constituteit .item .ico p{line-height: 283px;}

    #middle .page_rightcon .about_customer{width: 96%; padding: 0 2%;}

    #middle .page_rightcon .about_customer .pagination{right: 2%;}

    #middle .page_rightcon .about_customer .caroufredsel_wrapper{margin: 0 auto!important;}

    #middle .pageneiye .support_increment .supporlistinner{width: 96%; padding: 0 2%;}

    #middle .pageneiye .support_increment .supporlistinner .itemlst{width: 47%; margin-right: 0px; margin-left: 2%;}

    #middle .pageneiye .support_increment .supporlistinner .itemlst .da{width: 100%;float: left;}

    #middle .pageneiye .support_increment .supporlistinner .itemlst .back_ico a{width: 508px; height: 319px;}

    #middle .pageneiye .support_increment{width: 96%; padding: 26px 2%;}

    #middle .pageneiye .support_increment p img{max-width: 100%;} 

    #middle .pageneiye .support_cell{width: 96%; padding: 0 2%;}

    #middle .pageneiye .support_cell .cellinner{width: 100%; margin-left: -2%;}

    #middle .pageneiye .support_cell .cellinner .ite{width: 23%; margin-left: 2%; margin-right: 0px;}

    #middle .pageneiye .busuin_case .caseconten{width: 96%; padding: 0 2%;}

    #middle .pageneiye .busuin_case .caseconten .caseinner{width: 100%; margin-left: -1%;}

    #middle .pageneiye .busuin_case .caseconten .caseinner .item{width: 23%; margin-left: 2%; margin-right: 0px;}

    #middle .pageneiye .busuin_case .caseconten .caseinner .item h1{width: 96%;}

    #middle .pageneiye .busuin_case .caseconten .caseinner .item h3{width: 96%;}

    #middle .pageneiye .busuin_case .caseconten .caseinner .item p{width: 96%;}

    #middle .pageneiye .busuin_case .caseconten .region .regioninner{width: 100%;}

    #middle .pageneiye .busuin_case .caseconten .region .regioninner .itreg{width: 47%; margin-left: 2%; margin-right: 0px;}

    #middle .pageneiye .busuin_introduce{width: 96%;padding: 20px 2%;}

    #middle .pageneiye .busuin_introduce p img{width: 100%;}

    #middle .pageneiye .community_service{width: 96%;padding: 20px 2%;}

    #middle .pageneiye .community_service .jidi{width: 100%; margin-left: -1%;}

    #middle .pageneiye .community_service .jidi .jd{width: 23%; margin-left: 2%; margin-right: 0px; height: auto;}

    #middle .pageneiye .community_service .jidi .jd img{width: 100%;}

    #middle .pageneiye .system_deliver {width: 96%;padding: 20px 2%;}

    #middle .pageneiye .system_deliver img{width: 100%;}

    #middle .pageneiye .job ul li .yaoqiu{  width: 96%;

                                            padding: 1% 2%;}

    #middle .pageneiye .contact{width: 96%; margin-left: 2%; margin-right: 2%;}

    #middle .pageneiye .contact .lefttile{width: 50%;}

    #middle .pageneiye .contact .rightmap{width: 49%;}

    #middle .pageneiye .contact .addre{width: 100%;}

    #middle .pageneiye .contact .addre .item{width: 30%; margin-right: 0px; margin-left: 2.5%;}

    .sunny_mall img{ width: 100%;}

    #middle .page_rightcon .headqu .region .regioninner{width: 100%;}

    #middle .page_rightcon .headqu .region .regioninner .itreg{width: 47%; margin-left: 2%; margin-right: 0px; min-height: 385px;}

    #middle .page_rightcon .headqu .region .regioninner .itreg .img img{width: 100%;}

    #middle .pageneiye .News{width: 96%; padding: 0 2%;}

    .fanyeqi{width: 96%; padding: 0 2%;}

} 

@media only screen and (max-width: 1000px){

    #middle .indexpage .banner .innerbanner .item .textimg{width: 700px;height: 210px;

                                                           margin-top: -105px; margin-left: -350px;}

}



@media only screen and (max-width: 960px){

    #middle .indexpage .index_bottom .leftimg{width: 100%;}

    #middle .indexpage .index_bottom .right{width: 100%;}

    #middle .indexpage .index_bottom .right .toptitle .year .text h2{margin-top: 20%;}

    #middle .indexpage .index_bottom .right .toptitle .year .text .dian{margin-top: 7%;}

    #middle .indexpage .index_bottom .right .toptitle .year .text .dian p{font-size: 16px;} 

    #middle .indexpage .index_service .x_fuwu{width: 100%;}

    #middle .indexpage .sunshili .shiliinner{width: 90%; margin-left: 5%;left: 0%;}

    #middle .pageneiye .page_fenlan .about_fl .aboutinner .itfenlan .conten{min-height: 146px;}

    #middle .pageneiye .about_yangguang .yangguanginner{width: 90%; margin-left: 5%; left: 0px;}

    #middle .page_rightcon .summary .have .imcv{width: 26%;margin-left: 3.5%;}

    #middle .page_rightcon .course{width: 100%; padding-left: 15px;}

    #middle .page_rightcon .course .course_it{width: 90%;}

    #middle .page_rightcon .course .course_it .itemyear h3{min-height: 48px;}

    #middle .page_rightcon .course .course_it .itemyear{margin-left: 12px;}

    #middle .page_rightcon .headqu .heatop .left{width: 100%;}

    #middle .page_rightcon .headqu .heatop .right{width: 100%;}

    #middle .page_rightcon .headqu .heatop .right img{width: 100%;}

    #middle .page_rightcon .headqu .region .regioninner{width: 102%; margin-left: -2%;}

    #middle .page_rightcon .headqu .region .regioninner .itreg{width: 46%;margin-left: 3%; margin-right: 0px; margin-bottom: 2%;}

    #middle .page_rightcon .headqu .region .regioninner .itreg .img img{width: 100%;}

    #middle .page_rightcon .about_sunny .picturelist ul.isotope li{width: 33%; margin: 0px 0.1% 0.1% 0px;}

    #middle .page_rightcon .field .constituteit .item .ico p{line-height: 238px}

    #middle .page_rightcon .field h2{margin-top: 10px;}

    #middle .page_rightcon .about_customer .kehu{width:892px; height: 655px; }

    #middle .pageneiye .support_increment .supporlistinner .itemlst .back_ico a{height:249px;}    

    #middle .pageneiye .support_cell .cellinner{margin-left: -1%;}

    #middle .pageneiye .support_cell .cellinner .ite{width: 30%; margin-left: 3%;}

    #middle .pageneiye .busi_service .busi_servicenner{width: 90%; padding:0 2%;} 

    #middle .pageneiye .busuin_case .caseconten .caseinner{width: 100%; margin-left: -1%;}

    #middle .pageneiye .busuin_case .caseconten .caseinner .item{width: 30%; margin-left: 3%; }

    #middle .pageneiye .community_service .iteninner .itm{width: 100%; margin-top: 20px;}

    #middle .pageneiye .News .topnew .leftimg{width: 50%; float: left; height: auto;}

    #middle .pageneiye .News .topnew .right{width: 45%; float: right;}

}

@media only screen and (max-width: 850px){

    #middle .page_rightcon .headqu .region .regioninner{width: 100%;}

    #middle .page_rightcon .headqu .region .regioninner .itreg{width: 100%; margin-left: 2%;}

    #middle .page_rightcon .field .fidit .item{width: 48%; margin-left: 1.5%;}

    #middle .page_rightcon .field .constituteit .item{width: 48%; margin-left: 1.5%;}

    #middle .page_rightcon .field .constituteit .item .ico p{line-height:445px}

    #middle .pageneiye .support_increment .supporlistinner .itemlst .back_ico a{height: 235px;}

    #middle .pageneiye .community_service .jidi .jd{width: 48%; margin-left: 2%;}

    #middle .pageneiye .contact .lefttile{width: 100%;}

    #middle .pageneiye .contact .rightmap{width: 99%; margin-top: 2%;}

    #middle .pageneiye .contact .addre .item{width: 48%; margin-left: 1.5%;}

    #middle .indexpage .banner .innerbanner .item .textimg{width: 628px;height: 188px;

                                                           margin-top: -94px; margin-left: -314px;}

    #middle .pageneiye .News .topnew .leftimg{width: 100%; float: left; height: auto; margin-bottom: 20px;}

    #middle .pageneiye .News .topnew .right{width: 100%; float: right; margin-bottom: -10px;}

}



@media only screen and (max-width: 750px){

    #middle .page_rightcon .about_customer .kehu{width: 540px; height: 828px;margin-right:200px;margin-left: 36px;}

    #middle .pageneiye .busuin_case .caseconten .region .regioninner .itreg{width: 100%; margin-left: 0px;}

}



@media only screen and (max-width: 700px){

    #middle .indexpage .index_bottom .right .toptitle .year .text .dian{margin-top: 2%;}

    #middle .indexpage .index_bottom .right .toptitle .year .text .dian p{font-size: 14px;}

    #footer .footinner .icoleft{width: 96%; margin-left: 2%;}

    #footer .footinner .copyright{width: 96%; float: left; margin-left: 2%;}

    #middle .pageneiye .page_fenlan .about_fl .aboutinner .itfenlan{width: 96%; margin-left: 2%; margin-right: 0px;}

    #middle .pageneiye .page_fenlan .about_fl .aboutinner .itfenlan .conten{min-height:25px;}

    #middle .pageneiye .about_bottom .bottinner .itemat{width: 96%; margin-left: 2%; margin-right: 0px;}

    #middle .page_rightcon .about_sunny .picturelist ul.isotope li{height: 178px;}

    #middle .page_rightcon .field .constituteit .item .ico p{line-height:375px}

    #middle .page_rightcon .about_customer .kehu{width: 540px; height: 828px;margin-right:200px;margin-left: 40px;}

    #middle .pageneiye .support_increment .supporlistinner .itemlst .back_ico a{height: 187px;}

    .sunny_mall img{margin-top: 70px;}



}