/* css files for compression */
@import url('yhcss.css');
@import url('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: 35px;}
	.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 (max-width: 516px) {	
	
	.rongyu_list li{width:48% !important;margin-bottom:2%;}/*518 ÐÂÌí¼Ó*/
}

@media only screen and (min-width: 375px) {
	.swiper-slide p {font-size: 12px;line-height: 35px;}
}
@media only screen and (min-width: 414px) {
	.container{ width:300px}
}
@media only screen and (min-width: 550px) {
	/**/.proItem,.proItem2{width:47%; margin:5px 0px;}
	.proItem_news2{margin-left:15px;margin-top:0;}
}
@media only screen and (max-width: 600px) {
	.adiv_font{width:100%;margin-bottom:20px}
.js_img img{width:100%;} 
}
@media only screen and (max-width: 640px) {
	
	.huanhang i{display:block;}
}
@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: 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:98%}
	.busitem:first-child::before,.busitem:last-child::before{width:70%;}
	.proItem2{ width:46%; margin:10px 8px;float:left;margin-bottom:0;margin-left:1%}/**/
	/*.adiv_font{width:100%}*/
}




@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:98%}
	.busitem:first-child::before,.busitem:last-child::before{width:70%;}
	.proItem2{ width:21%;margin:0 14px; }/**/
	.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:1100px}
}
@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 (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 9px 0;}
	.proItem2{width:24%;margin: 0px 0px 15px 0;border-top:none;/*background:#eee;padding:0 15px;*/}
}
@media only screen and (min-width: 1366px) {
	.slide-bg {height: 518px;}
}
@media only screen and (min-width: 1440px) {
	.container{ width:1100px}
}
@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) {.adiv_font{width:95%}
	.pagination-slider {bottom: 30px;}
}

@media only screen and (max-width: 1280px) {
	.adiv_font{width:95%}
}

@media only screen and (max-width: 1095px) {
	.peixun_left{width:100%}/**/
	.px_list_img{width:35%;}
	.px_list_font{width:60%;}
	.kec_img {}
	/*.kec_img>span{width:45% !important}*/
	.peixun_right{float:left;width:100%;margin-top:20px;}
	.kecheng,.nei_liuyan_bg{width:100%;}
	.kecheng{margin-bottom:20px;}
	.pxiangmu_div,.class_img {padding:0 1%;}
	.nei_liuyan_bg{height:auto;}
}
@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 only screen and (max-width: 1010px) {
	.szx_sev2{}
	.szx_sev2 li{width:22%}
}
@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;margin-top:10px;}
		.slide-content {margin-top: -100px;}
		.cust-con a{ width:163px}
		.nei_main,.nei_retu{padding:1% 2% !important;}
		/*.neifont_size{padding-top:30px !important;}*/
		.nei_rut {margin-top:4%}
		.yj_img {width:30% !important;}
		.yj_font{width:60% !important}
		.ju_bg span{margin:0 15px !important;padding:20px 0; text-align:left}
		.yanjiu_nav li{width:14%;margin-left:9%}
		.sanji{display:none !important}
		.news_list{}
		.news_list li .yj_font {width:100% !important}
		}
/**/@media(max-width:950px){
	.szx_sev2 li{width:30% !important;margin-left:3%}
	.szx_sev2 li a{min-height:90px;}
	.teacher li{width:48%;}
}	
	
@media(max-width:800px){
	.szx_sev2{}
	.szx_sev2 li{width:45% !important;margin-left:3%}
	.szx_sev2 li a{margin-bottom:0%;min-height:0}
	.szx_sev2 li span{margin:15% 0}
}

@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:112px;margin-left:10px}
	.Plate{ width:98%}
	.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}
	.footer {padding:10px 0;line-height:25px;}
	
}
@media only screen and (max-width: 768px) {}
@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}
	.yj_img {width:100% !important;}
	.yj_font{margin-left:0 !important;width:100% !important;margin-top:10px;}
	.luodi_bpm{width:100% }
	/*.cont_font,.cont_img{width:100% !important}*/
	.cont_img{margin-top:30px;}
	
}
@media only screen and (max-width: 736px) {
	/*.szx_sev2 {}
	.szx_sev2  li{width:100%}*/
}
@media only screen and (max-width: 723px) {
	/*.szx_sev2 {}
	.szx_sev2  li{width:48.5%}*/
}
@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;}
	.hezuo_logo{}
	.hezuo_logo li{width:29%}
	.contact ul{width:100% !important;}
	.case_Img{width:40% !important}
	.case_Font{width:50% !important}
	
}
@media only screen and (max-width: 615px) {
	.yanjiu_nav li{width:20%;margin-left:4%}
	.teacher li{width:98%;}
	
}
@media only screen and (max-width: 600px) {
	.px_list_img {width:100%;margin-bottom:20px;}
	.px_list_font {margin-left:0;width:100%}
	.yanjiu_tit{text-align:left;margin-top:15px;}
	.yanjiu_tit span{margin-bottom:10px;font-size:22px;}
	.nei_retu {padding-left:0 !important;}
	.neifont_size{margin-top:0 !important}
}
@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,.proItem2{width:90%; margin:20px 0px;padding:0 20px}*/
	.cust-con a{ width:135px}
	.proItem,.proItem2{width:90%; margin:5px 0px;padding:0 20px}
	.footer{text-align:left !important}
	.footer-bottom-left{}
	.footer-bottom-left p{text-align:left !important}
	.footer-bottom-left p i{margin-right:10px;;display:block !important;border:0px solid red}
}

@media only screen and (max-width: 516px) {
	/*ÐÂ*/
	.szx_sev2  li{width:95% !important;margin-bottom:1%}
	.szx_sev2 li span{margin:6.5% 0}
	.jiagou_show{display:block}
	.fen_img{display:none}
	.beizhu{display:none}
}
@media only screen and (max-width: 490px) {
	.kec_img>span{width:46% !important}
	.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}
	.hezuo_logo li{width:45%}
	.case_cont{}
	.case_cont li{padding:1%; overflow:hidden;width:97% !important}
	.case_Img{width:100% !important}
	.case_Font{margin-left:0% !important;width:100% !important}
	.page {margin-bottom:20px;margin-top:20px;}
}
@media only screen and (max-width: 445px) {
	.yanjiu_nav li{width:33%;margin-left:11%;margin-bottom:20px;}

	}
@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;}
	.szx_sev2  li span{margin:8.7% 0}
}
@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: 35px;}
	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}
	}



@media (max-width: 1920px) {	
  .banner{ height:568px !important}
	}
@media (max-width: 1440px) {	
  .banner{ height:450px !important}
  
	}
@media (max-width: 1340px) {	
  .banner{ height:397px !important}
	}
@media (max-width: 1280px) {	
  .banner{ height:378px !important}
	}

@media only screen and (max-width: 1200px) {
	
  .banner{ height:335px !important}
	}

@media only screen and (max-width: 1120px){
	
  .banner{ height:331px !important}
	}

@media only screen and (max-width: 1000px) {

    .banner{ height:295px !important}

	}
@media only screen and (max-width: 980px) {

    .banner{ height:290px !important}
	}
	
@media only screen and (max-width: 940px) {
	

  
	}
@media only screen and (max-width: 860px) {

  .banner{ height:254px !important}
	}

@media only screen and (max-width: 840px) {	
  .banner{ height:248px !important}
	}

@media only screen and (max-width: 800px) {

  .banner{ height:236px !important}

	}

@media only screen and (max-width: 768px) {

  .banner{ height:227px !important}
}

@media only screen and (max-width: 680px) {

  .banner{ height:201px !important}

}

@media only screen and (max-width: 620px) {

  .banner{ height:183px !important}
	}

@media only screen and (max-width: 500px) {

  .banner{ height:100px !important}
	 
	}