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

@media only screen and (min-width: 320px) {
	.slide-content {bottom: 50%;}
	.scroll-more {display: none;}
	.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) {
}
@media only screen and (min-width: 414px) {
	.container{ width:300px}
}
@media only screen and (min-width: 578px) {
	.proItem{width:40%;}
}
@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;}
.boxed{width: 700px;}
.container{ width:700px}
	}
@media only screen and (min-width: 768px) {
	.slide-content {bottom: 50%; margin-top:-120px}
	.swiper-slide p {font-size: 18px;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%;}
	.proItem{ width:40%;}
}
@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%;}
	.proItem{ width:22%; }
	.cust-con a{ width:183px}
}
@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{ width:1000px}
}
@media only screen and (min-width: 1152px) {
	.boxed {width: 1008px;}
	.boxm{ width:640px !important}
	.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 (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:23%;  }
}
@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; }
   .swiper-slide p{line-height: 32px;}
   .boxed {width: 1200px;}
}
@media only screen and (min-width: 1920px) {
	.slide-bg {height: 516px;}
	.container{ width:1820px}
	.slide-image > img{height:618px;overflow: hidden;}
	.slide-content {margin-top:-130px}
}
@media only screen and (min-width: 2560px) {
}
@media only screen and (max-width: 1599px) {
	.pagination-slider {bottom: 30px;}
}
@media only screen and (max-width: 1280px) {
	.pagination-slider {bottom: 30px;}
    .innerban{ height:400px}
	.innerboxed{bottom:30%;}
}
@media only screen and (max-width: 1050px) {
	.swiper-slide .slide-content {padding-right: 0px;padding-left: 0px;}
	.innerban{ height:328px}
}
@media only screen and (max-width: 1024px) {
	.swiper-slide p {padding-left: 60px;padding-right: 60px;}
	.Customer{ width:100%;}
    .innerban{ height:320px}
	.innerboxed{bottom:25%;}
.innerboxed h1{font-size: 42px;color: #fff;}
.innerboxed p{margin-top:20px}
.partUl li{ width:21%}
.client{ width:78%}
.client li{width:14%; margin-bottom:8px}
}
@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:#777; background:#fff}
		.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}
		.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:200px}
	  .Customer{ width:100%;}
	  .innerban{ height:312px}
	  .innerboxed{ bottom:22%}
	   .partUl li{ width:21%}
	   .client{ width:60%}
	.client li{width:15%; margin-bottom:8px}
		}
@media only screen and (max-width: 910px) {
	
	  .innerban{ height:283px}
	  .innerboxed{ bottom:22%}
	.client{ width:60%}
	.client li{width:15%; margin-bottom:12px}
	.c-case{ width:100%;}
	.c-case li{ margin:0 17px 30px}
	
	}
@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:180px;}
	.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}
	.Customer{ width:100%;}
	.innerban{ height:243px}
	.innerboxed{ bottom:22%}
	.client{ width:60%}
	.client li{width:15%; margin-bottom:9px}
	.c-case{ width:100%;}
	.c-case li{ margin:0 15px 30px}
}
@media only screen and (max-width: 768px) {
	.Customer{ width:100%;}
	.innerban{ height:240px}
	.advan-cont p{width:100%;}
    .pc-img{width:100%;}
	.client{ width:60%}
	.client li{width:15%; margin-bottom:15px}
	.map img{ width:80%}
	}
@media only screen and (max-width: 767px) {
	.pagination-slider { bottom: 30px;}
	.nav-collapse .nav { margin-top: 33px !important; }
	.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}
	.container{width:auto}
	.c-case{ width:100%;}
	.c-case li{ margin:0 15px 30px}
	.map img{ width:100%}

}
@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;}
	.map img{ width:100%}
}
@media only screen and (max-width: 667px) {
	.slide-content {margin-top:-100px;}
    .innerban{ height:184px}
	.innerboxed h1:after{ margin-top:10px}
	.innerboxed h1{font-size: 24px;}
    .innerboxed p{font-size:14px; margin-top:10px}
	.productUl ul li{ width:45%}
	.client{ width:60%}
	.client li{width:15%; margin-bottom:12px}
	.c-case{ width:100%;}
	.c-case li{ margin:0 12px 24px}
	.part-menu{ width:98%}
	.partner-con{ width:97%}
	.map img{ width:100%}
	.c-case li{ height:70px}
}
@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;}
	.proItem{ width:100%;}
	.cust-con a{ width:135px}
	.proItem{width:100%; margin:20px 0}
	.innerban{ height:146px}
	.innerboxed h1:after{ margin-top:10px}
	.innerboxed h1{font-size: 22px;}
    .innerboxed p{font-size:14px; margin-top:10px}
	.client{ width:100%}
	.client li{width:10%; margin-bottom:4px}
	.c-case{ width:100%;}
	.c-case li{ margin:0 10px 20px}
	.part-menu{ width:98%}
	.partner-con{ width:97%}
	.map img{ width:100%}
	.c-case li{ height:56px}
}
@media only screen and (max-width: 490px) {
	.slide-bg {height: 680px;}
	.boxed{ width: 90%;}
	.slide-content {margin-top:-100px;}
	.pagination-slider {display: none;}
	.nav-collapse{height:0; overflow:hidden}
	.innerban{ height:146px}
	.innerboxed h1:after{ margin-top:10px}
	.innerboxed h1{font-size: 20px;}
    .innerboxed p{font-size:14px; margin-top:10px}
	.productUl ul li{ width:45%}
	.case{ width:99%; }
	.menu2-inner{ margin:10px 0 30px}
	.client{ width:100%}
	.client li{width:15%; margin-bottom:12px}
	.c-case{ width:100%;}
	.c-case li{ margin:0 5px 10px 5px}
	.part-menu{ width:98%}
	.partner-con{ width:97%}
	.map img{ width:100%}
	.c-case li{ height:52px}
}
@media only screen and (max-width: 420px) {

	.part-menu{ width:98%}
	.partner-con{ width:97%}
	.map img{ width:100%}
	.c-case li{ height:45px}
	}
@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}
	.innerban{ height:125px}
	.innerboxed h1:after{ margin-top:10px}
	.innerboxed h1{font-size: 16px;}
    .innerboxed p{font-size:12px; margin-top:10px}
	.productUl ul li{ width:45%}
	.case{ width:99%; }
	.menu2-inner{ margin:10px 0 30px}
	.client{ width:100%}
	.client li{width:18%; margin-bottom:4px}
	.c-case{ width:100%;}
	.c-case li{ margin:0 5px 10px 5px}
	.part-menu{ width:98%}
	.partner-con{ width:97%}
	.map img{ width:100%}
	.c-case li{ height:42px}
}
@media only screen and (max-width: 375px) {
	.slide-bg {height: 780px;}
	.Customer{ width:100%;}
	.menu2-inner{ margin:10px 0 30px}
	.c-case{ width:100%;}
	.c-case li{ margin:0 5px 10px 5px}
	.part-menu{ width:98%}
	.partner-con{ width:97%}
	.map img{ width:100%}
	.c-case li{ height:40px}
}
@media only screen and (max-width: 360px) {
	.innerban{ height:112px}
	.innerboxed{ bottom:15%;}
	.innerboxed h1:after{ margin-top:10px}
	.innerboxed h1{font-size: 16px;}
    .innerboxed p{font-size:12px; margin-top:10px}
	.pro-txt,.pro-img{ width:100%; margin-top:4%}
	.productUl ul li{ width:96%}
	.case{ width:99%; }
	.part-menu{ width:98%}
	.partner-con{ width:97%}
	.partUl li{ width:45%}
	.page{ margin-right:0}
	.menu2-inner{ margin:10px 0 30px}
	.menu2-inner a{ padding:0 20px; font-size:13px}
	.menu-inner > ul > li > a{padding:0 20px;}
	.client{ width:100%}
	.client li{width:18%; margin-bottom:4px}
	.c-case{ width:100%;}
	.c-case li{ margin:0 5px 10px 5px}
	.map img{ width:100%}
	.c-case li{ height:38px}
	}
@media only screen and (max-width: 350px) {
	.slide-bg {height: 700px;}
	.c-case li{ height:38px}
}
@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: 14px;line-height: 20px;}
	ul > li > span {font-size: 14px;}
	.slide-content{ margin-top:-110px}
	.proItem{ width:100%; margin:20px 0}
	.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}
	.Customer{ width:100%;}
	.innerban{ height:100px}
	.innerboxed{ bottom:15%; }
	.innerboxed h1:after{ margin-top:10px}
	.innerboxed h1{font-size: 16px;}
    .innerboxed p{font-size:12px; margin-top:10px}
	.advan-cont p{width:100%;}
    .pc-img{width:100%;}
	.pro-txt,.pro-img{ width:100%; margin-top:4%}
	.productUl ul li{ width:96%}
	.case{ width:99%; }
	.part-menu{ width:98%}
	.partner-con{ width:97%}
	.partUl li{ width:90%}
	.page{ margin-right:0}
	.menu2-inner{ margin:10px 0 30px}
	.menu2-inner a{ padding:0 20px; font-size:12px}
	.menu-inner > ul > li > a{padding:0 20px; font-size:13px}
	.client{ width:100%}
	.client li{width:17%; margin-bottom:11px}
	.c-case{ width:100%;}
	.c-case li{ margin:0 5px 10px 5px}
	.map img{ width:100%}
	.c-case li{ height:35px}
}

@media only screen and (max-width: 319px) {
	.slide-content{ margin-top:-290px}
	.cust-con a{width:100px}
	.swiper-wrapper{ height:500px !important}
	.Customer{ width:100%;}
	.innerban{ height:100px}
	.innerboxed{ bottom:18%; }
	.innerboxed h1:after{ margin-top:6px}
	.innerboxed h1{font-size: 16px;}
    .innerboxed p{font-size:12px; margin-top:6px}
	.advan-cont p{width:100%;}
    .pc-img{width:100%;}
	.pro-txt,.pro-img{ width:100%; margin-top:4%}
	.productUl ul li{ width:96%}
	.case{ width:98%; }
	.part-menu{ width:98%}
	.partner-con{ width:97%}
	.partUl li{ width:90%}
	.page{ margin-right:0}
	.menu2-inner{ margin:10px 0 30px}
	.menu2-inner a{ padding:0 20px; font-size:12px}
	.menu-inner > ul > li > a{padding:0 20px ;font-size:13px}
	.client{ width:100%}
	.client li{}
	.c-case{ width:100%;}
	.map img{ width:100%}
	.c-case li{ height:33px}
	}