/* CSS Document */

@media (max-width:1200px) {
	.foot-copy li{white-space:nowrap; overflow:hidden; float:left; display:block;}
	.aside-contact{ display:none;}
}

@media( max-width:1024px){
	.pro-list{ width:33.3%;}
}

@media (max-width:991px) {
	.navbar-toggle{display:block;}
	.navbar-toggle .icon-bar{background:#0076da; width:45px; height:7px;}
	.top-head .sjdnav{ width:160px; position:absolute; right:15px; top:83px; z-index:5; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; background:#0078de; margin-bottom:3px;}
	.top-head .sjdnav li.active a{color:#fff; background:#01a1ea;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:16px;}
	
	.top-head-wrap{ border-bottom:3px solid #0076da;}
	.top-head{ padding-top:13px; padding-bottom:5px;}
	.top-logo .s-logo{ display:block;}
	.top-logo .b-logo{display:none;}
	.swiper-banner-img:before {padding-top: 38%;}
	.top-nav-wrap{ display:none !important;}
	.top-line{ display:none;}
	
	.banner .swiper-button-next, .banner .swiper-button-prev{ display:none;}
	.search-keyword{ display:none;}
	.search-form{ width:100%;}
	/*.bg1{ display:none;}*/
	.aside-contact{ display:none;}
	.intro-item img{ width:40px; height:40px;}
	.intro-item .intto-txt{ line-height:18px; margin-top:2px;}
	.intro-item .intto-txt strong{ font-size:16px;}
	.intro-item .intto-txt span{ font-size:14px;}
	.case-tab .case-item{ width:140px;}
	.bg3{ height:160px;}
	.bg3 .bg3c img{ height:200px;}
	.new-txt .nt-tit{ max-width:60%;}
	.new-img{ width:125px;}
	.new-txt{margin-left:135px; padding-right:10px;}
	.foot-left{ display:none;}
	.foot-right{ width:100%; margin-left:0;}
	.foot-call{ margin-left:10px;}
	.foot-contact-right{ margin-right:10px;}
	.foot-nav li{ padding-left:10px; padding-right:10px;}

}
 @media (max-width:900px) {
	 .adv-b{-webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);}
	 .adv-b .adv-box{ padding-left:42px; padding-right:42px;-webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);}
	.adv-hot1{ font-size:24px;}
	.adv-hot2{ font-size:44px;}
}
 @media (max-width:768px) {
	 .navbar-toggle{ margin-right:0; padding-left:20px;}
	 .navbar-toggle .icon-bar{ height:5px;}
	 .top-head .sjdnav{ top:77px;}
	.page-section-wrap{ width:100%; padding:0;}
	.page-aside-wrap{ width:100%; padding:0;}
	
	/*.aside-list .aside-sublist{ display:none;}*/
	.aside-title{ display:none;}
	.aside-btn{ display:block; cursor:pointer; color: #fff; height:50px;background:#0078de;font-size:18px;line-height:50px;margin-bottom: 5px; padding:0 20px;}
	.aside-list{ display:none;}
	.aside-list > li > a{pointer-events:auto;}
	.aside-btn span.glyphicon{ float: right; top: 0;line-height:50px; font-size:20px; -webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
	.aside-btn.nodrop { cursor: auto;text-align: center;}
	.aside-btn.act span.glyphicon {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
	
	.intro-item{ text-align:center;}
	.intro-item img{ float:none; margin:0 auto; width:50px; height:50px;}
	.intro-item .intto-txt{ width:100%; text-align:center; margin-left:0; margin-top:10px;}
	.intro-item .intto-txt span{ display:none;}
	
	.adv-image{ width:100%;}
	.adv-txt{ width:100%; padding-top:10px; padding-left:40px;}
	.adv-hotline{ width:100%; background:#0078de; padding:20px 0; padding-left:40px;}
	.adv-item2{ background:#fff;}
	.adv-b{ width:100%;border-left:0; border-right:0;-webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);}
	.adv-b .adv-box{ padding-top:20px; padding-left:40px; padding-right:10px; padding-bottom:10px;
	-webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);}
	.advantage-item{ margin-top:10px;}
	.adv-image2 img{ max-height:220px;}
	.adv-t1 span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.adv-t1{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.bg3{ height:140px;}
	.bg3 .bg3c{ top:-10px;}
	.bg3 .bg3c img{ height:160px;}
	.new-txt .nt-tit{ max-width:100%;}
	.new-txt .sj{ display:none;}
	.new-img{ width:110px;}
	.new-txt{ margin-left:120px;}
	.link-wrap{ padding:0 10px;}
	.foot2{ margin-bottom:56px;}
	.foot-copy li{ width:50%;}
	.foot-nav{ height:auto;}
	.foot-nav li{ padding:0 5px;}
	.foot-contact{ display:none;}
	.pro-title .tit1{ font-size:18px;}
	.pro-title .tit2{ margin-top:5px;}
	.case-a .ca-tu{ height:170px;}
	.case-a .ca-more{ bottom:5px;}
	.case-a .ca-txt .ca-t1{ margin-bottom:0;}
}

 @media (max-width:640px) {
	  .swiper-banner-img:before {padding-top: 38%;}
	  
	  .adv-hot2{ font-size:26px; margin:5px 0;}
	  .adv-hot1{ font-size:18px;}
	  .adv-hotline{ line-height:20px;}
	  .bg3{ height:130px;}
	  .bg3 .bg3c img{ height:150px;}
	  .new-item{ width:100%;}
	  .new-txt .nt-tit{ max-width:60%;}
	  .new-txt .sj{ display:block;}
	  .top-logo{ float:none;}
}

 @media (max-width:540px) {	 
 	.navbar-toggle{ padding-right:0;}
 	 .navbar-toggle .icon-bar{ width:40px;}
	.adv-txt{ padding-left:0;}
	.adv-b .adv-box{ padding-left:0;}
	.adv-hotline{ padding-left:10px;}
	.bg3{ height:110px;}
	.bg3 .bg3c{ width:300px;}
	.bg3 .bg3c img{ height:130px;}
	.foot-copy{ display:none;}
	.foot-nav{ border-bottom:0; margin-bottom:0; padding-bottom:0;}
	.foot-nav li{ font-size:14px; line-height:15px; margin:5px 0;}
	.foot{ padding:15px 0;}
	.case-a .ca-tu{ width:40%;}
	.case-a .ca-txt{ margin-left:42%;}
	.case-a .ca-more{ left:42%;}
}

 @media (max-width:450px) {
	 .top-head{ padding-top:10px;}
	 .top-head .sjdnav{ top:74px;}
	 .navbar-toggle .icon-bar{ width:35px;}
	 .intro-item img{ width:42px; height:42px;}
	.intro-item .intto-txt strong{ font-size:14px; font-weight:normal;}
	.case-tab .case-item{ width:48%; margin-right:1%;}
	.pro-list{ width:50%;}
}
 

 @media (max-width:415px) {
	 .top-head{ padding-top:5px;}
	 .top-head .sjdnav{ top:69px;}
	.bg3{ height:100px;}
	.bg3 .bg3c{ width:260px;}
	.bg3 .bg3c img{ height:120px;}
	.new-txt .nt-tit{ max-width:100%;}
	.new-txt .sj{ display:none;}
	.link{ width:120px; padding-top:12px;}
	.link-wrap{calc(100% - 120px)}
}
 @media (max-width:350px) {
	.bg3{ height:90px;}
	.bg3 .bg3c{ width:250px;}
	.bg3 .bg3c img{ height:110px;}
 }
 @media (max-width:320px) { 
	.case-a .ca-tu{ width:100%; float:left; height:135px;}
	.case-a .ca-txt{ margin-left:0; float:left;}
	.case-a .ca-more{ position:static; margin-top:10px;width: 100%;display: block;float: left;text-align: center;}
	

 }











