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

    .index_about, .index_service, .index_case, .company, .index_news{

        -webkit-transform: translate(-50%,-60%)!important;
        -ms-transform: translate(-50%,-60%)!important;
        transform: translate(-50%,-60%)!important;  }

    .caseli img, .classlc_ul li{ width: 275px; height: 170px; }
    .classlc_ul{ width: 828px; margin-bottom: 40px; }


}


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

    .flex-control-nav{ top: auto; bottom: 60px; }

    .flex-control-nav li{ margin:0 5px; }

    #fp-nav{ top: 40%!important; }

    #fp-nav ul li, .fp-slidesNav ul li{ margin:4px!important; }

    .index_about,.index_service,.index_case,.company,.index_news{ top: 50%!important; -webkit-transform:translate(-50%,-45%)!important;

    -ms-transform:translate(-50%,-45%)!important;

    transform:translate(-50%,-45%)!important;/* height: 460px;*/}

    .caseli img{ width: 255px!important; height: 170px!important; }

    .classlc_ul li{width: 255px!important;  height: 150px!important; overflow: hidden;}

    .classlc_ul{ width: 768px; }

    .text-desc h3{ padding-top: 30px!important; }

    .text-desc a{ width: 110px; height: 32px; line-height: 32px; }

    .all .index_foot .foot{ padding:10px 0;  }

    .index_case .case_more,.duce .about_see{ width: 200px; height: 40px; line-height: 40px; font-size: 20px; }

    .index_case .case_more:hover,.duce .about_see:hover{ width: 220px; }

    .foot_left{ margin-top: 2px; }

}
@media screen and (max-width:1024px){
.head_inner{ width:100%; padding:0 5px; box-sizing:border-box; height: 71px;}
.wrap {  width: 1000px;}
.details{ width:730px;}
.case_info img{ width:99%;}
}

@media screen and (max-width:1023px){
	.hang1{display:block;}
.head{ position:static; background:#0556ba;}

.head_inner{ width:100%; padding:0 5px; box-sizing:border-box; height: 71px;}
.head_inner h1{ margin:10px 0;}

.begin .head_inner h1{ margin-top: 16px; margin-left: -19px; }
.head_inner h1 img{ height:38px; width:auto;}

.nav_ul{ display:none!important;}

.language{ top:5px; right:5px;}

.nav{ display:block;}

.a_banner{ background-size:100% auto!important; height:234px!important;}

.wrap{ width:100%; padding:0 5px; box-sizing:border-box;}

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

.call{ display:none;}

.details{ float:none; margin-left:0; width:100%; height:auto; min-height:inherit;}

.deta_tit .home{ display:none;}

.atricle{ padding:20px 0 30px 0;}

.atricle img{ width:auto!important; height:auto!important; max-width:100%!important;}

.foot{ padding:30px 0;}

.foot_inner{width:100%; padding:0 5px; box-sizing:border-box;}

.foot_left{ margin:0 0 0px 0; float:none; width:100%; overflow:hidden; }

.foot_right{ width:100%; float:none; display:none;}

.begin .add{ height:auto; line-height:26px; padding:15px 0;}

.add_inner{width:100%; padding:0 5px; box-sizing:border-box;}

.add_inner .foot_tech{ margin-right:10px;}

.add_inner a{ margin-left:11px;}

.catalog a{ height:40px; line-height:40px;}

.catalog a:hover, .catalog a.for{background:#0556ba} 

.honor_ul{ margin:0;}
.honor_ul li{ margin-left:10px; max-width:88%; text-align:center;height:auto;  min-height:260px;}
.honor_ul li img{max-height:90%!important;}

.case_ul{ margin:0;}
.case_ul li{ margin-left:0; width:50%;/*width:33.3%;*/ padding:0 5px; box-sizing:border-box; height:auto;}
.case_ul li img{ width:100%; /*height:100%;*/ height:240px;}
.case_ul li .case_hover{ width:97.5%; left:5px;}
.case_info img{ width:auto!important; height:auto!important; max-width:100%!important;}

.service_ul li{ width:33.3%; margin:0 0 30px;}
.service_ul li .ser_div{ margin:0 auto 18px;}

.news_dl{ padding:20px 0;}
.news_dl dt{ float:none; width:100%; height:auto; border:none; text-align:center;}

.news_dl dt img{width:auto!important; height:auto!important; max-width:100%!important;}

.news_dl dd{ float:none; width:100%;}

.news_dl dd .news_tit{ overflow:hidden;}

.news_dl dd .news_infor{ height:auto;}

.news_cont dl dt{ float:none; margin:0 auto;}

.news_cont dd{ float:none; width:100%; height:auto;}

.news_cont dd .news_a{ height:auto;}

.news_cont dd .xinwen{ text-align:center; overflow:hidden;}

#show{ margin:30px 0;}

.news_info img{width:auto!important; height:auto!important; max-width:100%!important;}

.release{ padding:20px 0;}

.mode_left{ float:none; width:100%; margin:20px 0 20px 0;}

.mode_right{ float:none; width:100%; margin-bottom:20px; height:auto;}

.mode_right img{width:auto!important; height:auto!important; max-width:100%!important;}

.php{ display:block;}

.pc{ display:none;}



.index_head{ position:absolute; background:url(../images/headbj.png) left top;}



.index_about{ width:100%;padding:0 5px; box-sizing:border-box;}

.all .duce .about_see{ width:150px; margin-top:30px;}



.index_case{width:100%;padding:0 5px; box-sizing:border-box;}

.all .classlc_ul li{ width:50%; padding:0 1px; margin:0 0 1px 0; box-sizing:border-box; height:auto;}

.all .classlc_ul li img{ width:100%; height:auto;}

.classlc_ul{ height:378px; overflow:hidden;}

.all .index_tit{ padding-top:0;}

.all .index_case .case_more{ margin-top:20px;}

.all .index_case .case_more{ width:150px;}

.index_service{width:100%;padding:0 5px; box-sizing:border-box;}

.fuwu_ul li img{ width:50%; height:50%;}

.fuwu_ul li em{ font-size:14px;}



.company{width:100%;padding:0 5px; box-sizing:border-box;}

.comp_inner .comp_scroll{ width:744px;}

.comp_inner .comp_scroll {    left: 50%;    margin-left: -372px;}

.comp_inner .left {    left: 60px;}

.comp_inner .right {    right: 60px;}



.index_foot{ display:none;}

.news_srcoll{ width:320px; margin:0 auto;}

.news_div{ width:320px;}

.begin .index_news .index_tit{ padding-top:200px;}

.hang{ display:none!important;}

.focus{ display:none;}



.member{ width:300px; margin-left:-150px;}

.member_left{ display:none;}

.member_inner{ padding:20px 15px;}

.meber_div .meber_txt{ width:190px;}

.member_right{ width:276px;}

}





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

    /*cl*/
.news_div,.news_srcoll{ width: 320px; }
    .index_about, .index_service, .index_case, .company, .index_news{

        -webkit-transform: translate(-50%,-60%)!important;
        -ms-transform: translate(-50%,-60%)!important;
        transform: translate(-50%,-60%)!important;    }

    .index_tit{ padding-bottom:30px!important; }

    .ac{ top: -7px!important; }

    .fuwu_ul li{ width: 33.3%; }
    .fuwu_ul li img{ width: 42%; height: 42%; }

    .comp_inner{ margin:0; }

    .news_srcoll{ width: 640px; }
    .news_div{ width: 640px; margin:10px auto 0;  }
    .index_foot{ display: block; }

.inde_wenzi img{ width:90%!important; margin:10% auto;}
.case_ul li img{ width:100%; /*height:100%;*/ height:220px;}
.honor_ul li{ width:90%; margin-left:5%;}

}



@media screen and (max-width:768px){
.contact{ width:250px;}

.a_banner{ background-size:100% auto!important; height:118px!important;}

.honor_ul li{ width:99%!important; text-align:center;}
.honor_ul li a{ min-width:262px; width:100%; margin:0 auto;}
.honor_ul li span{min-width:262px; width:100%; margin:0 auto;}

.case_ul li .case_hover{ width:95.5%; left:5px;}
.case_ul li img{height:150px;}

.service_ul li{ width:99%;}
.introduce{ height:312px;}
.classlc_ul{ height:500px;}

.comp_inner{ width:486px; margin:0 auto;}
.comp_inner .comp_scroll{ width:486px;left: 50%;    margin-left: -243px;}
.comp_inner .left {    left: -60px;}
.comp_inner .right {   right: -60px;}

.comp_inner2{ width:486px; margin:0 auto;}
.comp_inner2 .comp_scroll2{ width:486px;left: 50%;   margin-left: -243px;}
.comp_inner2 .left {    left: -60px;}
.comp_inner2 .right {   right: -60px;}


.introduce{ height: 100%; }

.index_about, .index_service, .index_case, .company, .index_news {
    -webkit-transform: translate(-50%,-66%)!important;
    -ms-transform: translate(-50%,-66%)!important;
    transform: translate(-50%,-66%)!important;}

.introduce p img:nth-of-type(3){ display: none; }

}


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

.a_banner{ background-size:100% auto!important; height:90px!important;}

.honor_ul li{ width:100%; text-align:center; float:none;}

.case_ul li{ margin-left:0; width:50%; padding:0 5px; box-sizing:border-box; height:139px;}
.case_ul li .case_hover{ width:95%; left:5px;}

.service_ul li{ width:100%; float:none;}

.release h3{ font-size:14px;}

.introduce p{ font-size:14px; margin-bottom:9px;}

.all .classlc_ul li{ float:none; width:100%; height:auto;}

.classlc_ul { height:267px;}

.fuwu_ul li{ width:33.3%;}

.comp_inner{ width:320px;}
.comp_inner .comp_scroll{width:320px;}

.off_ul li{ width:33.3%;}

.comp_inner .comp_scroll {   margin-left: -160px;}

.comp_inner2{ width:320px;}
.comp_inner2 .comp_scroll2{width:320px;}
.comp_inner2 .comp_scroll2 { margin-left:-160px;}



.comp_inner .right {  right: 75px; top:460px;}
.comp_inner .left {   left: 75px; top:460px;}
.comp_inner2 .right {  right: 75px; top:460px;}


.fixs h1 img{ height: 36px; }
.fixs .head_inner h1{ margin:2px 0 0 14px; }

.all .index_tit{ padding-bottom: 15px!important; height: 50px; }

.introduce{ height: auto; }
.introduce p{ text-indent: 0; }



.index_about, .index_service, .index_case, .company, .index_news {

    -webkit-transform: translate(-50%,-50%)!important;

    -ms-transform: translate(-50%,-50%)!important;

    transform: translate(-50%,-50%)!important; }

    .all .classlc_ul li{ width: 50%!important; float: left;}

    .classlc_ul{ width: 100%; height: 306px; }

    .all .classlc_ul li:nth-of-type(5),.all .classlc_ul li:nth-of-type(6){ display: none; }

    .caseli img {  width: 220px!important;    height: 155px!important; }

    .fuwu_ul { margin:0 -5px; padding-top: 30px;}
    .fuwu_ul li{ padding:0 5px; box-sizing: border-box;}
    .fuwu_ul li img{ width: 80%; height: 80%; }

    #fp-nav.right{ right: 5px!important; }

    .case_div{ padding-top:15px; }



    .comp_inner{ margin-top: 15px; }
	
	
	.comp_inner2 .left{ left: 75px; top:460px;}

    .comp_inner2 .right{ right: 75px;  top:460px;}
	
	

    .comp_inner2{ margin-top: 15px; }

    .begin .index_news .index_tit{ padding-top: 0; }

    .news_div,.news_srcoll{ width: 320px; }

    .news_div{ margin-top: 20px; }

    .begin .index_foot .add, .begin .add{ height: auto; line-height: 24px; }

    .add_inner a{ margin-left: 4px; }

    .flex-control-nav{ left: 0; width: 100%; text-align: center; margin:0; float: none; bottom: 20px;}

    .flex-control-nav li{ display: inline-block; }

    .all .index_case .case_more,.all .duce .about_see{ width: 100px; height: 34px; line-height: 34px; font-size: 14px; }

    .all .index_case .case_more:hover,.all .duce .about_see:hover{ width: 100%; }

    #left{ left: 105px;  top: 265px; }

    #right{ right: 105px;  top: 265px;}

    .nav-item a{ font-size: 18px!important; }

    .nav-list{ top: 10%!important; }

    .introduce p img:nth-of-type(3),.introduce p img:nth-of-type(2){ display: none; }

}



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

.a_banner{ background-size:100% auto!important; height:90px!important;}

.contact{ width:237px;}

.case_ul li{ margin-left:0; width:100%; float:none; padding:0;}

.case_ul li .case_hover{ width:100%; left:0;}

.all .index_about .index_tit{ padding-top:20px;}

.introduce{ height:auto;}

.classlc_ul { height:242px;}

.news_div{ width:320px;}



.begin .index_news .index_tit{ top:200px;}



.introduce{ height: auto; margin-bottom: 30px;}

.all .duce .about_see{ margin-top: 0; }



.caseli img{ width: 180px!important; height: 125px!important; }

.all .classlc_ul li{ height: 125px!important; }

.classlc_ul{ height: 258px; margin-bottom: 30px; }

.fuwu_ul{ padding-top: 15px; }

.fuwu_ul li img{ width: 70%; height: 70%; }

.comp_scroll ul li a{ margin-bottom: 15px; }

.add_inner a{ margin:0 2px; }

}



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

.a_banner{ background-size:100% auto!important; height:86px!important;}

.foot_left .code{ margin-right:5px;}

.contact span{ height:24px; line-height:24px;}

.add_inner a{ margin-left:5px;}

.mode_left li em{ margin-left:7px; overflow:hidden;}



.off_ul li{ width:50%;}

.begin .index_foot .add, .begin .add{ line-height: 20px; }

.index_about, .index_service, .index_case, .company, .index_news{ -webkit-transform: translate(-50%,0)!important; 

    -ms-transform: translate(-50%,0)!important; 

    transform: translate(-50%,0)!important; top: 90px!important; }

.all .index_about .index_tit{ padding-top: 0; }

.introduce img{ max-width: 100%; height:auto!important  }

.language span{ margin-right: 8px!important; }

.all .index_tit img{ height: 52px; }

.all .index_tit{ height: 45px; }

.comp_inner,.news_div{ margin-top: 0; }

.fuwu_ul,.case_div{ padding-top: 0; }

.all .index_case .case_more, .all .duce .about_see{ height: 30px; line-height: 30px; margin-top: 0!important; }

.classlc_ul,.introduce{ margin-bottom: 15px; }

.contact span{ font-size: 16px; }

}



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

.a_banner{ background-size:100% auto!important; height:77px!important;}

.add_inner a{ margin:0!important;}

.introduce{ height:230px;}

.classlc_ul { height:205px;}

}



@media screen and (min-width:1201px){
	

	#drop_n{ display:none;}


}