/* css files for compression */
@import url('../css/style.css');
@import url('../css/animation.css');

@media only screen and (min-width: 320px) {
	.slide-image > img {height: 100%;}
	.slide-content {bottom: 50%;}
	.scroll-more {display: none;}
	.swiper-slide p {font-size: 10px;line-height: 18px;}
	.pagination-slider {display: none;}
	a.arrow-left, a.arrow-right {bottom: 45%;}
	.first>.slide-content p>br:nth-child(1) {display: none;}
	.first>.slide-content p>br:nth-child(2) {display: none;}
}
@media only screen and (min-width: 375px) {
	.swiper-slide p {font-size: 12px;line-height: 28px;}
}
@media only screen and (min-width: 414px) {
	/*.container{ width:300px}*/
}
@media only screen and (min-width: 578px) {
	.proItem,.proItem2{width:95%; margin:20px 0px;}/**/
	.proItem_news2{margin-left:15px;margin-top:0;}
}
@media only screen and (min-width: 667px) {

	
}
@media only screen and (min-width: 736px) {
	.slide-bg {height: 550px;}
}
@media only screen and (min-width: 767px) {
::-webkit-scrollbar{ width: 5px;background: #252525;}
.swiper-slide p{ font-size: 16px;line-height: 30px;}
.boxed{width: 700px;}
/*.container{ width:700px}*/
	}
@media only screen and (min-width: 430px) {

	.proItem2{ width:45%; margin:10px 2%;float:left}/**/
}	
@media only screen and (min-width: 768px) {
	.slide-content {bottom: 50%; margin-top:-160px}
	.swiper-slide p {font-size: 16px;line-height: 30px;}
	.slide-bg {height: 550px;}
	a.arrow-left, a.arrow-right {bottom: 47%;}
	.Plate{ width:100%}
	.busitem:first-child::before,.busitem:last-child::before{width:70%;}
}
@media(min-width:930px){

	.proItem2{ width:22%;margin:0 1%; }/**/
}
@media(min-width:980px){
	.nav-collapse.collapse{height:auto!important;overflow:visible!important}
	.navbar { float:right; border:none;}
	.collapse.in li a, .collapse.in ul.dropdown-menu a, .collapse.in li a.dropdown-toggle { border:none;}
	/*.container{ width:900px}*/
	.Plate{ width:100%}
	.busitem:first-child::before,.busitem:last-child::before{width:70%;}
	.cust-con a{ width:164px}
}
@media only screen and (min-width: 1024px) {
	.first>.slide-content p>br:nth-child(1) {display: block;}
	.first>.slide-content p>br:nth-child(2) {display: none;}
	.scroll-more {display: none;}
	/*.first > .slide-content {margin-top: 0px;}
	.third > .slide-content {margin-top: 45px;}
	.four > .slide-content {margin-top: 25px;}
	.five > .slide-content {margin-top: 60px;}*/
	.slide-bg {height: 520px;}
	.pagination-slider {display: block;}
    .boxed {width: 974px;}
	.container,.Plate{max-width:1200px}
}
@media only screen and (min-width: 1152px) {
	.boxed {width: 1008px;}
	.swiper-slide .slide-content {padding-right: 0px;padding-left: 0px;}
	.swiper-slide p {padding-left: 100px;padding-right: 100px;}
	.slide-bg {height: 520px;}
	
}
@media only screen and (max-width: 1120px) {
	.nei_main_bg{padding:0 10px;}
	
}
@media only screen and (min-width: 1279px) {
    a.arrow-left,a.arrow-right{ bottom: 50%;margin-top: 15px;display: inherit;}
    .swiper-slide p{padding-left: 58px; padding-right: 58px;}
}
@media only screen and (min-width: 1280px) {
	.swiper-slide p {padding-left: 0px;padding-right: 0px;}
	.slide-bg {height: 518px;}
	/*.container{ width:1190px}*/
	.proItem{width:30%; margin:0 48px 20px 0;}
	.proItem2{width:22.5%;margin: 0px 33px 20px 0;border-top:none;background:#937658;/*padding:0 15px;*/}
}
@media only screen and (min-width: 1366px) {
	.slide-bg {height: 518px;}
}
@media only screen and (min-width: 1440px) {
	.container{ width:1200px}
}
@media only screen and (min-width: 1599px) {
    a.arrow-left,a.arrow-right{bottom: 50%; margin-top: 15px;display: inherit; }
    .slide-image > img {width: 100%;height: auto;}
   .swiper-slide p{line-height: 32px;}
   .boxed {width: 1200px;}
}
@media only screen and (min-width: 1920px) {
	.slide-image > img {height: 100%;	}
	.slide-bg {height: 516px;}
	.container{ width:1820px}
}
@media only screen and (min-width: 2560px) {
}
@media only screen and (max-width: 1599px) {
	.pagination-slider {bottom: 30px;}
}
@media only screen and (max-width: 1050px) {
	.swiper-slide .slide-content {padding-right: 0px;padding-left: 0px;}
}
@media only screen and (max-width: 1024px) {
	.swiper-slide p {padding-left: 60px;padding-right: 60px;}
}
@media(max-width:979px){
		.navbar .container{width:auto;padding:0}
		.nav-collapse{clear:both}
		.nav-collapse .nav{float:none;margin:33px 0 10px}
		.nav-collapse .nav>li{float:none}
		.nav-collapse .nav>li>a{margin-bottom:2px}
		.nav-collapse .nav .nav-header{color:#777;text-shadow:none}
		.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{font-weight:bold;color:#f2f2f2;}
		.nav-collapse ul{ background:url(../images/bg_imghover.png) repeat}
		.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}
		.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}
		.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
		.nav-collapse .open>.dropdown-menu{display:block;/*padding:0 20px*/}
		.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}
		.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}
        .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}
		.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}
		.navbar .btn-navbar{display:block; margin:0 20px; cursor:pointer}
		.slide-content {margin-top: -100px;}
		.cust-con a{ width:163px}
		}
@media only screen and (max-width: 800px) {
   .LeftCont{width:30%}
   .RightCont{width:67%}
   .pro{}
   .pro li{width:47%;}
   #banner .point-btn-wrap{display:none}
}
@media only screen and (max-width: 780px) {
   .swiper-container {display: block;}
	.pagination-slider {bottom: 30px;}
	.nav-collapse .nav{ float:none !important; margin-top:33px; }
	#logo-header{width:255px;margin-left:10px;margin-top:-5px;}
	.Plate{ width:100%}
	.Business{position:static; overflow:hidden}
	.bus-title{ position:static; margin:10px 0}
	.busitem{ width:100%; border-bottom:1px solid #b1b1b1}
	.busitem:first-child::before,.busitem:last-child::before,.busitem:first-child::after,.busitem:last-child::after{ display:none}
	.cust-con a{width:160px; margin:30px 15px 0}
}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 767px) {
	.pagination-slider { bottom: 30px;}
	.nav-collapse .nav { margin-top: 27px !important; }
	.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}
	.container{width:auto}
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 675px) {
    .boxed{width: 80%;}
	.slide-bg {height: 550px;}
	a.arrow-right {right: 30px;}
	a.arrow-left {left: 30px;}
}
@media only screen and (max-width: 667px) {
	.slide-content {margin-top:-130px;}
	
}
@media only screen and (max-width: 575px) {
	.slide-bg {height: 670px;}
	.swiper-slide h1 {font-size: 36px;}
	.swiper-slide h1:after {width: 35px;}
	.pagination-slider {bottom: 30px;}
	.cust-con a{ width:135px}
	.LeftCont{width:100%}
	.erweima_left{display:none !important}
	.RightCont{float:left;width:100%;margin-top:20px;}
}
@media only screen and (max-width: 475px) {
	.proItem,.proItem2{width:100%; margin:20px 0px;padding:0 0px;height:350px;}
}
@media only screen and (max-width: 490px) {
	.slide-bg {height: 680px;}
	.boxed{ width: 90%;}
	.slide-content {margin-top:-130px;}
	.pagination-slider {display: none;}
	h6 {font-size: 36px;}
	span {font-size: 18px;}
	.nav-collapse{height:0; overflow:hidden}
}
@media only screen and (max-width: 420px) {

	}
@media only screen and (max-width: 400px) {
	h4 {font-size: 120%;}
	.slide-bg {height: 580px;}
	.scroll-more {display: none;}
	.pagination-slider { bottom: 30px; }
	.scroll-more {bottom: 250px;}
	.cust-con a{ width:140px; margin:30px 18px 0px}
	.Business{position:static; overflow:hidden}
	.bus-title{ position:static; margin:10px 0}
	.busitem{ width:100%; position:static; border-bottom:1px solid #b1b1b1}
	.busitem:first-child::before,.busitem:last-child::before,.busitem:first-child::after,.busitem:last-child::after{ display:none}
	.collapse.in ul{ width:88%; margin-left:20px; padding:0}
}
@media only screen and (max-width: 375px) {
	.slide-bg {height: 780px;}
}
@media only screen and (max-width: 350px) {
	.slide-bg {height: 700px;}
}
@media only screen and (max-width: 320px) {
	h6 {font-size: 30px;}
	.swiper-slide h1 {font-size: 30px;}
	.swiper-slide h1:after {width: 20px;margin-top: 10px;margin-bottom: 10px;height: 1px;}
	.swiper-slide p {font-size: 10px;line-height: 18px;}
	ul > li > span {font-size: 14px;}
	.slide-content{ margin-top:-130px}
	.proItem,.proItem2{ width:90%; margin:20px 0px;padding:0 20px}
	.cust-con a{width:122px}
	.Customer .title p{ letter-spacing:2px}
	.title h1{font-size:25px}
	.Business{position:static; overflow:hidden}
	.bus-title{ position:static; margin:10px 0}
	.busitem{ width:100%; position:static;  border-bottom:1px solid #b1b1b1}
	.busitem:first-child::before,.busitem:last-child::before,.busitem:first-child::after,.busitem:last-child::after{ display:none}
}

@media only screen and (max-width: 319px) {
	.slide-content{ margin-top:-470px}
	.cust-con a{width:100px}
	.slide-image > img{ height:100%}
	.swiper-wrapper{ height:500px !important}
	}