@media screen and (max-width: 1175px) {
    .advantage .box h1{font-size:28px;}
    .advantage .box h2{font-size:42px;}
    .advantage .box h3{font-size:18px;}
    .advantage .box h4{font-size:14px;}
} 
@media screen and (max-width: 1024px) { 
    body{margin-top:61px;}
    .about .col{width:33.3333%; }
    .about .col .box .icon{ margin:0 auto 10px;}
    .about .col .box .info .title{margin-bottom:10px;}

    .container .heading{font-size:26px;}
    .container .subheading{font-size:14px; display:table;  padding: 10px 0px 0; margin: 0 auto 30px; color:#797979; width:95%; margin-left:auto; margin-right:auto;}

    .services .col{width:47%;}
    .services .col span{ bottom:0px; top:auto; background-color:rgba(0,0,0,0.8);padding-top:0; height:25px}
    .services .col span h1{color:#fff; font-size:14px; line-height:25px; opacity:1; margin:0px;}
    .services .col span h2{color:#9e9e9e; font-size:14px; line-height:2em}
    .services .col span i{display:none}

    .advantage .box h1{font-size:24px;}
    .advantage .box h2{font-size:38px;}
    .advantage .box h3{font-size:16px;}
    .advantage .box h4{font-size:14px;width:90%;}

    .choice .col{width:50%;}

    .case .col{width:47%;}
    .case .col h1{ overflow:hidden;height:40px;}
    .subcase .col h1{ overflow:hidden;height:40px;}

    .news .col{width:47%;}
    .subnews .col{width:48%;}
    
    .contact .left a{ color:#797979;}

    .nav_box,.SubNav{position:fixed; top:0; height:60px; color:#ffffff; z-index:9999999}
    .nav_box .nav_content, .SubNav .nav_content{width:90%; max-width:1120px; margin:15px auto 0px; overflow:visible}
    .nav_box .nav_content .logo, .SubNav .nav_content .logo{width:15%; float:left}
    .nav_box .nav_content .logo img, .SubNav .nav_content .logo img{width:77px}
    .nav_box .nav_content .mNav, .SubNav .nav_content .mNav{float:right; display:block; padding-top:5px}
    .SubBanner,.CaseBanner{margin-top:0px; height:auto;}
    .SubBanner img, .CaseBanner img{width:100%;margin-top:61px; display:block}

    .nav_box .nav_content .nav,.SubNav .nav_content .nav{clear:both;width:100%; position:absolute; left:0px; top:61px; background-color:rgba(255,255,255,0.8); height:0px; overflow:hidden}
    .nav_box .nav_content .nav li, .SubNav .nav_content .nav li{clear:both;width:100%; padding:0px; line-height:40px; border-bottom:solid 1px #d3d3d3; color:#222;}
    .nav_box .nav_content .nav li a,.SubNav .nav_content .nav li a{ color:#222;display:block; margin:0 20px; background:url(../images/jiantou-1.png) center right no-repeat;}
    .nav_box .nav_content .nav .curr,.SubNav .nav_content .nav .curr{color:#e6012c;}
    .nav_box .nav_content .nav .curr a,.SubNav .nav_content .nav .curr a{color:#e6012c; background:url(../images/jiantou-2.png) center right no-repeat}

    .advantage{background-size:cover 100%; background-repeat:no-repeat; background-attachment:scroll;}

    .footer{background-color:#434343; margin-top:30px; padding-top:0px; border-bottom:4px solid #121212}
    .footer .box{display:none}
    .footer .foot{display:none}
    .footer .mFootBox{display:block; padding:20px 0;background-color:#434343;}
}
@media screen and (max-width: 920px) {
    
    .container .heading{padding: 0px 0px 0; font-size:24px; margin: 15px auto 0px;}
    .container .subheading{font-size:14px; display:table;  padding: 0px 0px 0; margin: 0 auto 15px; color:#797979}
	
	.container h2{ width:90%;font-size:35px;}
	.container h5{font-size:34px; line-height:2em; }
	.container b{width:90%;font-size:30px;}
	
	
	.container .fangfa ul li img{width:60%;}
	.container .fangfa ul li b{ font-size:16px; }
	
    .pc
    {
        display:none;
    }
	.wap
    {
        display:block;
    }
    
    .page{ display:none;}
    .page_phone{ display:inline-table;}
    
    .team .col{width:46%;}
    .honor .col{width:29.333%;}
    .subcase .col{width:47%;}

    .idea .col .con{padding-top:0px}
    .idea .col .con i{line-height:2em;}
    
    .subnews .col h1{font-size:16px; height:25px;}

    .contact .left{float:none;width:100%; text-align:center; margin-bottom:40px}
    .contact .right{display:none;width:100%}

    #contact1{display:none}
    #contact2{display:block}
    
    #linkMap{display:block;}
}
@media screen and (max-width: 640px) { 


    .about{padding-bottom: 20px; }
    .about .col{width:50%; }
    .about .col .box .info p{display:none}

    .services .col{width:47%;}
    .services .col:hover .layer{display:none}
    
    .choice{ padding-bottom: 20px;}
    .choice .col{width:100%;padding-bottom:20px}
    .choice .col .box{margin-top:0px; }
    .choice .col .box .info .title{font-size: 18px; margin-bottom:5px;}

	.container h2{ width:90%;text-align:center; font-size:22px;}
	
	.container .fangfa ul li{width:23%; margin-left:1%; margin-right:1%;}
	.container .fangfa ul li img{width:80%;}
	.container .fangfa ul li b{ font-size:16px; }
	.container .fangfa ul li span{font-size:14px; }

	.container h5{font-size:22px; line-height:1.5em; }
	.container p{font-size:16px; margin-left:auto; margin-right:auto; padding: 0px 10px 0;}

	.container b{width:90%;font-size:18px; text-align:center;}
	
    .case .col{width:100%;}
    .subcase .col{width:100%;}
    
    .advantage .box h1{font-size:24px;}
    .advantage .box h2{font-size:22px;}
    .advantage .box h3{font-size:16px;}
    .advantage .box h4{font-size:14px;width:90%;}
    
    .honor .col{width:46%;}

    .news .col{width:97%;}
    .subnews .col{width:98%; margin-bottom:10px}
    .subnews .col h1{font-size:16px; height:25px;}

    .PagesNext .left{display:none}

    .contact{width:90%;}
    .contact .left{float:none;width:100%; text-align:center; margin-bottom:20px}
    /*.contact .right .up .inpbox1{width:100%; float:none; text-align:left; margin-bottom:10px;}
    .contact .right .up .inpbox2{width:100%; float:none;text-align:left}
    .contact .right .up input{width:98%;}*/
    .team .col{width:99%;}

    .idea .col{ margin-bottom:20px; padding-bottom:0px; border-bottom:none }
    .idea .col .pic{width:100%; float:none}
    .idea .col .pic img{width:100%; max-width:100%;}
    .idea .col .con{width:100%;float:none;padding-left:0; padding-top:20px}
    .idea .col .con h1{font-size:18px; line-height:25px; height:25px; overflow:hidden; color:#5a5a5a}
    .idea .col .con i{display:none}
    .idea .col .con p{display:none}
    
    .hr .col{ margin-bottom:10px; padding-bottom:10px}
    .hr .col h1{font-size:26px; line-height:40px;}
    .hr .col p{font-size:16px; line-height:30px;}

    .ChildNav ul li{ color:#fff; font-size:14px;padding:0 15px; float:left; line-height:38px;}
    .position{  margin:20px auto; }
    .position h1{ font-size:22px}
    .content{font-size:16px;}

    div.flicking_con .flicking_inner {display:none}

    #l-map{margin-bottom:20px}


}