/* a style like this should never apply in IE. If it does, tests will fail */

@media (min-width: 1601px) {
.s_banner {height:450px;}
.f_banner {height:450px;}
.c_banner {height:450px !important;}
.e_banner {height:450px !important;}
}

@media (min-width: 1441px) and (max-width: 1600px) {
.banner {height:400px;}
.s_banner, .c_banner , .f_banner, .e_banner{height:400px;}
}

/* lg */ 
@media (min-width: 1200px) and (max-width: 1440px) {
.banner {height:350px;}
.s_banner, .c_banner , .f_banner, .e_banner{height:350px;}
}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.banner {height: 300px;}
.s_banner, .c_banner , .f_banner, .e_banner{height:300px;}
.banner .btn-slide {
	width: 175px;
	height: 38px;
	line-height: 38px;
	}
	
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.banner {height: 300px; background-position: 56% 50%;}
.s_banner, .f_banner{height:300px;}
.c_banner , .e_banner{height:300px !important;}
.slider-img {margin-top: 24%;}
.banner .btn-slide {
    width: 175px;
    height: 38px;
    line-height: 38px;
	}
.mian_contentbox_tbox{
	width: 100%;
    padding-left: 50px;
    padding-right: 0px;
}



/* INDEX */
.pg3_text h3, .pg1_text h3 {font-size: 16px;}


/* PROJECT */
.f_mian_contentbox_tbox{
	width: 100%;
	padding-right: 0px;
	}
}


/* xs */
@media (max-width: 767px) {
.banner {height: 250px;}
.s_banner, .f_banner{height:250px;}
.c_banner, .e_banner {height:250px !important;}
.banner .btn-slide {
	width: 175px;
	height: 38px;
	line-height: 38px;
	}
.mian_contentbox_tbox {
    width: 100%;
    padding-left: 20px;
    padding-right: 0px;
}
.mian_contentbox_t1 {
    padding: 10px 0px 10px 0px;
	}	
	
/*PROJECT*/
.f_mian_contentbox_tbox {
    padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	width: 100%;
}

}

/* XS Portrait */
@media (max-width: 480px) {
.banner .btn-slide {
    width: 145px;
    height: 38px;
    line-height: 38px;
	}

.pg1, .pg2, .pg3, .pg4 {
	padding-bottom: 20px;
	}	
.f_pg1,.f_pg4{
	padding-bottom: 0px;
}
.f_pg2,.f_pg3{
	padding-bottom: 30px;
}
.title_cterbox {
    padding-top: 32px;
    margin-bottom: 20px;
	}

/*TO TOP*/
#scroll {
    bottom: -15px;
    right: -30px;
	display: none;
}
.scrollItem {
    width: 50%;
}
.scrollItem {
    padding-top: 33px !important;
}

}

/*styles for 320px and up or styles for 460px and under-  */
@media (min-width: 320px) and (max-width:460px) {
.banner{height: 170px; background-position: 50% 50%;}
.s_banner, .f_banner{height:170px;}
.c_banner, .e_banner {height:170px !important;}
.mian_contentbox_tbox {
	padding-left: 0;
	padding-right: 0;
	}

.f_mian_contentbox_tbox {
	/* padding-left: 10px !important;
	padding-right: 10px;  */
	width: 100%;
}
.mian_contentbox_img {
/*    width: 100%;*/
    padding-top: 10px;
}

.skipmenu a {
    font-size: 16px;
}
/*INDEX*/
.pg3_text h3, .pg1_text h3 { font-size: 14px;}
/*INDEX./*/

.sectitle {
	text-align:left;
	}
}
