/*4.2 360px   iphone4,iphone5320px*/
@media screen and (min-width:241px) and (max-width:1000px){
img {max-width: 100%;height:auto;width: auto9; /* ie8 */}
body{ font-size:13px;}
.box{ width:850px;}
.logo{ width:100%; margin-bottom:10px;}
.nav{ display:none;}
#phone_nav{ display:block; width:100%; height:28px; line-height:28px; padding:2px 0; float:left;}
.iProject a{ margin-right:15px;}
.search{ display:none;}
.main_image ul li span{ background-size:cover; height:50%;}
.main_visual,.main_image ul,.main_image,.main_image ul li,.main_image ul li span{ height:200px; }
#btn_prev, #btn_next{ top:40px; -webkit-transform:scale(0.5,0.5); transform:scale(50%,50%);}
.flicking_inner{ display:none;}
.shade{ display:none;}
.slide{ width:100%; margin-bottom:auto; height:80px;}
.slideimg li{ width:300px; margin:0; left:0; top:0; height:80px;}
.slideimg li img{ width:100%;}
.slidebtn{ left:29%;}

.iNews{ width:100%; margin-bottom:20px; float:none;}
.iNews-list li a{ width:275px;}
.iabout{ padding:0; width:100%; margin-bottom:20px; float:none;}
.outLinks{ margin:auto; float:none;}
.footer p,.tec{ width:100%; text-align:center;}

.map div{width:758px;height:350px;}
/*about*/
.banner,.caseShow{ display:none;}
.layout,.imgs1,.imgs2,.nNews,.nNotice,.party-img,.party,.form{ float:none!important; margin:0 auto 20px!important;}
.leftside,.main,.rbox,.group-intro,.article,.v-list,.nNews,.nNotice,.med li,.form,.imgArea img,.activity,.project-pics,.ptxt{ width:100%;}
.article { min-height:200px;}
.article img{ max-width:100%;}

.leftside{ margin-top:20px;}
.menus{ margin-bottom:20px; overflow:hidden;}
.menus li{ width:50%; float:left;}
.l-cloumn{ text-align:center;background-image: -moz-linear-gradient(top, #E3E3E3, #F6F6F6); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E3E3E3), color-stop(1, #F6F6F6)); line-height:53px; border-top:3px solid #2057A6;}
.l-cloumn span{ float:none; margin:0;}
.group-intro .intro{ height:auto;}
.lead-txt{ width:190px;}
.timeLine{ margin:0;}
.event-txt{ width:170px;}
.up{ background:none;}

.list{ width:100%;}
.h-list li{ width:49%; margin:0 0 20px 1px;}
.h-list li img{ height:auto;}
.v-list li{ width:50%; margin:0 0 20px 0;}

.top-news dd,.med li .medright{ width:210px;}
.pic{ margin:0 auto 10px;}
.top-news dd{ padding-left:10px;}
.tn dt{ width:110px; height:auto;}
.tn dt img{ width:100%; height:auto;}
.tn{ height:80px;}
.tn dd{ width:190px;}
.tn .intro{ height:48px;}
.nl li span{ display:none;}
.nl li a{text-overflow:ellipsis; max-width:94%; overflow:hidden; white-space: nowrap;}

.top-news dd h3,.party li,.bread{text-overflow:ellipsis; max-width:100%; overflow:hidden; white-space: nowrap;}

.party-img,.party{ float:none!important; margin:0 auto!important;}
.atitle .data{ height:auto; line-height:24px; padding:5px 0;}

.business-block a{ width:50%; margin:0 auto 20px;}
.tip{ display:none;}
.form .text{ width:295px;}
.cbg{ background:none;}
.way{ width:100%; padding:10px;}
.map div{width:100%;height:200px;}
.hide{ display:none;}

.tempWrap,#scroll_img{ width:215px;}
.scrollbox{ width:100%; margin:50px 0 0 0; left:0; top:0; padding:0; position:relative;}
.projectbox{ width:97%; padding:0 5px;}

.project-intro{ padding:20px 0; text-align:center; float:none;}
.pi{ height:410px;}
.pi img{ max-width:98%; float:none;}
.pi .intro{ top:232px; left:50%; margin-left:-150px;}

.imgArea{ height:auto; margin-bottom:20px;}
.imgArea,.ir{ width:100%!important; float:none!important;}
.function li{ height:auto;}
.activity li{ float:none; margin:auto;}
.project-pics,.project-pics img{ height:auto; width:100%;}
.projectbox .p-cloumn{ text-align:center; padding:30px 0;}
.fixFoot{ position:static;}

.idea{ display:none;}
.cont{ width:100%;}
.cont img{ height:150px;}
.slidesjs-navigation{ display:none;}
.slidesjs-control,.slidesjs-container{ height:150px!important;}
.layout, .imgs1, .imgs2, .nNews, .nNotice, .party-img, .party, .form{ float:left!important;}
#float{ display:none!important;}
}

@media screen and (min-width:241px) and (max-width:850px){
	.box{ width:700px;}
}
@media screen and (min-width:241px) and (max-width:700px){
	.box{ width:550px;}
}
@media screen and (min-width:241px) and (max-width:550px){
	.box{ width:400px;}
	.layout, .imgs1, .imgs2, .nNews, .nNotice, .party-img, .party, .form{ float:none!important;}
}
@media screen and (min-width:241px) and (max-width:400px){
	.box{ width:320px;}
}

/*@media only screen and (min-device-width:241px) and (max-device-width:360px){
}
@media only screen and (max-device-width:240px){
}*/

    /* For smartphones */
    /* For smaller displays like laptops */
    /* For larger displays */
@media screen and (min-width:1440px) and (max-width:1661px){
	.cont{ width:100%;}
}
@media screen and (min-width:1366px) and (max-width:1441px){
	.cont{ width:100%;}
}
@media screen and (min-width:1000px) and (max-width:1367px){
	.cont{ width:100%;}
}