@charset "gb2312";
/* CSS Document */

/*

@media only screen and (min-width: 1025px) {
//.part2 .img-box img { height: 291px;  width: 100%;}
//.part2 .img-box {min-height: 297px;}
//.part2 .img-box:nth-child(4) img {margin-top: 43px;}
}
@media only screen and (width: 1024px) {
.top-nav { right: 5%;}
.part2 h1 {
    font-size: 49px;}

}



@media only screen and (min-width : 768px) and (max-width : 1023px){
	.nav-part{ display:none;}
	.nav-part li{ width:100%}
	.nav-icon{ display:block;top: -9px; height:auto;background: #fff; }
	header{ position:relative;}
	.banner {margin: -100px 0 0;}
	.logo img{ width:100%; line-height:0;}
	.top-nav{ position:relative;}
	nav {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    padding-top: 50px;
    position: fixed;
    right: 0;
    top: 18%;}
	.innerbody {  margin-top: 34px;}
	.part2 h1 {
    font-size: 40px;}
}



@media only screen and (min-width : 480px) and (max-width : 767px) {
	.nav-part{ display:none;}
	.nav-part li{ width:100%}
	.nav-icon{ display:block;top: -9px; height:auto;background: #fff; }
	header{ position:relative; }
	.banner {margin: -31px 0 0;}
	.logo img{ width:100%; line-height:0;}
	.top-nav{ position:relative;}
	nav {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    padding-top: 50px;
    position: fixed;
    right: 0;
    top: 18%;}
	.part4 .carousel-caption{ width:86%;}
	.part5 .carousel-caption{ width:86%;}
	.part6 .carousel-caption{ width:86%;}
	.part7 .carousel-caption{ width:86%;}
	.innerbody {  margin-top: 34px;}
	.part2 h1 {
    font-size: 40px;}
}


@media only screen and (min-width : 320px) and (max-width : 479px) {
	.nav-part{ display:none;}
	.nav-part li{ width:100%}
	.nav-icon{ display:block;top: -9px; height:auto;background: #fff; }
	header{ position:relative;}
	.banner {margin: -31px 0 0;}
	.logo img{ width:100%; line-height:0;}
	.top-nav{ position:relative;}
	nav {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    padding-top: 50px;
    position: fixed;
    right: 0;
    top: 18%;}
	.part4 .carousel-caption{ width:86%;}
	.part5 .carousel-caption{ width:86%;}
	.part6 .carousel-caption{ width:86%;}
	.part7 .carousel-caption{ width:86%;}
	.innerbody {  margin-top: 34px;}
	.part2 h1 {
    font-size: 40px;}

}

@media only screen and (min-width : 240px) and (max-width : 319px){
	.nav-part{ display:none;}
	.nav-part li{ width:100%}
	.nav-icon{ display:block;top: -9px; height:auto;background: #fff; }
	header{ position:relative;}
	.banner {margin: -31px 0 0;}
	.logo img{ width:100%; line-height:0;}
	.top-nav{ position:relative;}
	nav {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    padding-top: 50px;
    position: fixed;
    right: 0;
    top: 18%;}
	.part4 .carousel-caption{ width:86%;}
	.part5 .carousel-caption{ width:86%;}
	.part6 .carousel-caption{ width:86%;}
	.part7 .carousel-caption{ width:86%;}
	.innerbody {  margin-top: 34px;}
	.part2 h1 {
    font-size: 40px;}
	

}
*/