
@media screen and ( max-width:1440px ){

}

@media screen and ( max-width:1366px ){


}

@media screen and (min-width: 768px) and (max-width: 1179px){
body{overflow-x: hidden;}
.wal{ width:auto; padding: 0 20px;}
.headDiv .logo{ position:absolute; left:20px;}
.nav {position:absolute; right:10px;}
	
.banner1{ display:none;}
.banner1_1{position:relative; overflow:hidden; display:block;}
.banner1_1 .btnDiv{position:absolute; z-index:10; left:0px; bottom:10px; width:100%; text-align:center;}
.banner1_1 .btnDiv span{display:inline-block; width:10px; height:10px;background:url(../images/ico1.png) right top no-repeat; margin:0 5px;}
.banner1_1 .btnDiv span.on{background:url(../images/ico1on.png) left top no-repeat;}
.banner1_1 .list{position:relative; z-index:0;width:100%;}
.banner1_1 .list li{position:relative; text-align:center;}
.banner1_1 .list li img{width:100%;}
	
.indexPart2 .fl,.indexPart2 .fr{float: none;}
.indexPart2 .cont{width: auto; margin-bottom: 20px;} 
.indexPart2 .imgDiv img{width: 100%;}
/*底部*/
.footDiv{height: auto; background: #e8eaec; padding-bottom: 40px;}
.footDiv .logo2{margin-top: 90px; margin-right: 90px;}
.footDiv .list{width: 33.3%; margin-top: 40px;}
.footDiv .list h3{ padding-left: 50px;font-size: 14px; color: #2c2c2c; font-weight: normal; padding-bottom: 20px;}
.footDiv .list p{font-size: 14px; margin-bottom: 15px; color: #666;}
.footDiv .list .list_1{ padding-left: 50px;height: 120px; border-left: 1px solid #d5d5d5;}


/*关于我们*/
.aboutPart1 .list .fl,.aboutPart1 .list .fr{float: none;}
.aboutPart1 .list .list_1{width: auto; margin-bottom: 40px;}
.aboutPart1 .list img{width: 100%;}
.aboutPart2 .list li{border: none;}
.abus{margin: 0 20px;}
.aboutPart3{margin-top: 20px; padding-top: 30px;}
.aboutPart3 .list{ height: auto; background:#3e80a7; padding: 20px 20px 15px;}
.aboutPart3 .list li{padding-left: 0px;}
.aboutPart3 .list li span{position: relative; display:inline;}
.aboutPart3 .list li input{width: 100%;}
.aboutPart3 .list li em{ margin-left: 0px;}
.aboutPart3 .list li .edit{width: 100%; height: 100px;}
.aboutPart3 .list li .edit textarea{height: 100px;}
.aboutPart3 .list .li_yzm span{display: block; text-align: left;}
.aboutPart3 .list li .aDiv a{width: 100%;}
	
/*业务范围*/
.busiPart1{height: auto; position: relative; background-size:cover; padding-bottom: 30px;}
.arrow{display: none;}

.busiPart2{padding-top: 60px; padding-bottom: 30px;}
.busiPart2 .cont2{text-align:left; position: relative; margin: 30px 20px 0;}
.busiPart2 .listImg{width: 100%; margin: 0 auto 20px;}
.busiPart2 .listImg img{width: 100%;}
.busiPart2 .cont2 .list_1{position:inherit; top: auto; left: 0; margin-left: 0px;}
.busiPart2 .cont2 .list_2{position:inherit; top: auto; left: 0; margin-left: 00px;}
.busiPart2 .cont2 li{margin-bottom:20px; float: left; width: 50%;}
.busiPart2 .cont2 li i img{ width: 100%;}
.busiPart2 .cont2::after{content: ""; clear: both;}

.busiPart3{ padding-top: 50px; background-size:cover; padding-bottom: 30px;}
.busiPart3 .list li{ margin-bottom: 60px;}
	
.busiPart4{ padding-top: 40px; background-size:cover; padding-bottom: 30px;}
.busiPart4 .list .img{display: none;}
.busiPart4 .list li{ margin-left: 0px; width:33.33%; height: auto; margin-bottom: 20px;}
.busiPart4 .list li img{width: 100%;}
	
.busiPart6 .list ul{width: 100%;}
.busiPart6 .list li{margin: 0 20px 80px;}
	
.busiPart7{padding-top: 30px; padding-bottom: 30px; text-align: center;}
.busiPart7 .list{margin-top: 30px 20px 0; height: auto;}
.busiPart7 .list .cont{display:inline-block; width: 166px; height: 166px; padding-top: 100px; font-size: 14px; color: #666; position:inherit; margin: 0 10px;}
.busiPart7 .list .cont i{ display: block; text-align: center; width: 100%; position: absolute; top: 30px; left: 0px;}
.busiPart7 .list .cont1{ left: auto; top: auto; animation:none;}
.busiPart7 .list .cont2{ left: auto; top: auto; animation:none;}
.busiPart7 .list .cont3{ right: auto; top: auto; animation:none;}
.busiPart7 .list .cont4{ right: auto; top: auto; animation:none;}
.busiPart7 .list .cont5{ left: auto; bottom: auto; animation:none;}
.busiPart7 .list .cont6{ left: auto; bottom: auto; animation:none;}
.busiPart7 .list .cont7{ right: auto; bottom: auto; animation:none;}
	
.abFoot{position:relative; left: auto; bottom: auto;}
	
}
@media screen and ( max-width:900px ){
	.nav{right: 0; } 
	.logoImg{width: 80%; }

}	
@media screen and ( max-width:820px ){
	.nav{ width: 580px; }
	.nav li{right: 0;width: 65px;margin-left: 5px; } 
	.nav li a{font-size: 13px;}
	.logoImg{width: 80%; }

}
	
@media screen and (max-width: 767px){
body{overflow-x: hidden;}
.wal{ width:auto;}
.fr{float: right!important;}
.navbar-toggle{ margin-top:24px;}
.navbar-nav{ margin:5px 0;}
.navbar-collapse{ padding-left:0px; padding-right:0px;}
/*头部*/
.headDiv{ height:94px; background:#fff;}
.headDiv .logo{ position:absolute; left:10px; top:23px; width:150px;}
.headDiv .logo img{ width:100%;}
/*导航条*/

.nav {width:100%;height:auto;overflow:hidden;position:relative; right:0px; top:0px; z-index:20; background:#fff;}
.nav li{float:none;display:block;width:100%;height:40px; line-height:40px;text-align:left; margin-left: 0px;}
.nav li a{ font-size:14px; display:block; height:40px; line-height:40px; padding:0px 10px;}
.nav li a:hover,.nav .active a{text-decoration:none; color:#fff; background:#249ade;}
.navHover a{display:inline-block; color:#fff;}

.slide{ bottom: 150px; top: auto;}
	
/*banner*/
.banner1{ display:none;}
.banner1_1{position:relative; overflow:hidden; display:block;}
.banner1_1 .btnDiv{position:absolute; z-index:10; left:0px; bottom:10px; width:100%; text-align:center;}
.banner1_1 .btnDiv span{display:inline-block; width:10px; height:10px;background:url(../images/ico1.png) right top no-repeat; margin:0 5px;}
.banner1_1 .btnDiv span.on{background:url(../images/ico1on.png) left top no-repeat;}
.banner1_1 .list{position:relative; z-index:0;width:100%;}
.banner1_1 .list li{position:relative; text-align:center;}
.banner1_1 .list li img{width:100%;}

	
.indexPart1{padding: 35px 0;}
.indexPart1 h2{text-align: center; font-size: 24px;}
.indexPart1 .list{ text-align: center;}
.indexPart1 .list ul{width:auto; }
.indexPart1 .list li{float: left; width: 50%; height: 230px; background: #f6f6f6; margin-right: 0px; text-align: center; padding-top: 38px;}
	
.indexPart2 .fl,.indexPart2 .fr{float: none;}
.indexPart2{padding: 24px 20px;}
.indexPart2 .cont{width: 100%; margin-top: 22px; margin-bottom: 20px;}
.indexPart2 .cont h2{font-size: 24px; padding-bottom: 20px;}
.indexPart2 .imgDiv img{width: 100%;}
.indexPart3{ padding: 40px 0 50px;}
.indexPart3 h2{ font-size: 24px;}
.indexPart3 .cont{ margin-top: 30px;}
.indexPart3 .cont .list{width: 100%; height: auto; margin-bottom: 30px;}
.indexPart3 .cont .list .list_1{width: 20%; height:auto; padding-bottom: 30px;}
.indexPart3 .cont .list .list_1 img{width: 100%;}
.indexPart3 .cont .list .list_1 h3{font-size: 20px; padding-bottom: 50px;}
.indexPart3 .cont .list .list_2{ width: 80%; height: auto;}
.indexPart3 .cont .list .list_2 img{width: 100%;}
.indexPart2 .list ul { display: inline; }
/*底部*/
.footDiv{height: auto; background: #e8eaec; padding: 20px;}
.footDiv .fl,.footDiv .fr{float: none;}
.footDiv .logo2{margin-top: 0px; margin-right: 0px; text-align: center;}
.footDiv .list{width: auto; margin-top: 40px;}
.footDiv .list h3{ padding-left: 0px; padding-bottom: 10px;}
.footDiv .list .list_1{ padding-left: 0px;height: auto; border-left: none;}
	
	
/*关于我们*/
.banImg{height: 100px; background-size:cover;line-height: 100px;}
.banImg p{font-size: 16px; color: #fff; font-family: "思源黑体";}
.aboutPart1{padding: 40px 0 50px;}
.aboutPart1 .wal{margin: 0 20px;}
.aboutPart1 .list .fl,.aboutPart1 .list .fr{float: none;}
.aboutPart1 .list{margin-top: 20px;}
.aboutPart1 .list .list_1{width: auto; margin-bottom: 20px;}
.aboutPart1 .list img{width: 100%;}
	
.aboutPart2 .abouTitle{margin: 0 20px;}
.aboutPart2 .list{margin-top: 30px;}
.aboutPart2 .list li{ float:left; width:50%; border: none;}
.aboutPart2 .list li img{ width:100%;}
	
.abus{margin: 0 20px;}
.aboutPart3{margin-top: 20px; padding-top: 30px;}
.aboutPart3 .list{ height: auto; background:#3e80a7; padding: 20px 20px 15px;}
.aboutPart3 .list li{padding-left: 0px;}
.aboutPart3 .list li span{position: relative; display:inline;}
.aboutPart3 .list li input{width: 100%;}
.aboutPart3 .list li em{ margin-left: 0px;}
.aboutPart3 .list li .edit{width: 100%; height: 100px;}
.aboutPart3 .list li .edit textarea{height: 100px;}
.aboutPart3 .list .li_yzm span{display: block; text-align: left;}
.aboutPart3 .list li .aDiv a{width: 100%;}
	
/*业务范围*/
.busiPart1{height: auto; position: relative; background-size:cover; padding-bottom: 30px;}
.busiPart1 h1{font-size: 24px;  padding:36px 0 10px;}
.buH2_1{font-size: 20px;}
.buH2_2{font-size: 20px;}
.busiPart1 .list{margin-top: 30px;}
.busiPart1 .list ul{width: 100%;}
.busiPart1 .list li{float: left; width: 50%; margin-right: 0px;}
.busiPart1 .list li .imgDiv{ width: 100%; height: auto; overflow: hidden; position: relative; transition: all .3s;}
.busiPart1 .list li .imgDiv img{ width: 100%;}	
.busiPart1 .list li h3{ padding:15px 0; }
	
.arrow{display: none;}

.busiPart2{padding-top: 60px; padding-bottom: 30px;}
.busiPart2 .cont2{text-align:left; position: relative; margin: 30px 20px 0;}
.busiPart2 .listImg{width: 100%; margin: 0 auto 20px;}
.busiPart2 .listImg img{width: 100%;}
.busiPart2 .cont2 .list_1{position:inherit; top: auto; left: 0; margin-left: 0px;}
.busiPart2 .cont2 .list_2{position:inherit; top: auto; left: 0; margin-left: 00px;}
.busiPart2 .cont2 li{margin-bottom:20px; line-height: 45px; font-size: 16px; padding-left: 60px; float: left; margin-right: 20px;}
.busiPart2 .cont2 li i{position: absolute; left: 0px; top: 0px; display: inline-block; width: 45px; height: 45px;}
.busiPart2 .cont2 li i img{ width: 100%;}
.busiPart2 .cont2 li i:hover{animation: spinAround 2s linear infinite;}
.busiPart2 .cont2::after{content: ""; clear: both;}
	
.busiPart3{ padding-top: 50px; background-size:cover; padding-bottom: 30px;}
.busiPart3 .list{ margin: 50px 20px 0;}
.busiPart3 .list ul{width: 100%;}
.busiPart3 .list li{ margin-right: 0px; margin-bottom: 30px;}
.busiPart3 .list li h3{ padding-bottom: 10px;}
.busiPart3 .list li .vedioImg img{width: 100%;}
.busiPart3 .list li .vedioImg{position: relative;  width:100%; height: auto;}

.busiPart4{ padding-top: 40px; background-size:cover; padding-bottom: 30px;}
.busiPart4 .list{ margin: 40px 20px 0;}
.busiPart4 .list .list_1{margin-bottom: 20px;}
.busiPart4 .list .img{display: none;}
.busiPart4 .list li{float: none; margin-left: 0px; width:100%; height: auto; margin-bottom: 20px;}
.busiPart4 .list li img{width: 100%;}
	
.busiPart5{padding-top: 40px; background-size:cover; padding-bottom: 30px;}
.busiPart5 h1{font-size: 24px; padding-bottom: 30px;}
.h2_2 span::before{content: "";width: 35%;}
.h2_2 span::after{content: "";width: 35%;}
.busiPart5 .list{margin: 50px 20px 0;}
.busiPart5 .list ul{width: 100%;}
.busiPart5 .list li{float: none;  margin: 0 auto 20px; display: block;}
	
.busiPart6{ padding-top: 50px; background-size:cover; padding-bottom: 30px;}
.busiPart6 .list{margin: 80px 20px 0;}
.busiPart6 .list ul{width: 100%;}
.busiPart6 .list li{float: left; margin-right: 0px;  width: 50%; margin-bottom: 50px;}
.busiPart6 .list li i{ display: block; width: 60px; height: 60px;margin-left: -30px; top: -32px;}
.busiPart6 .list li i img{width: 100%;}
.busiPart6 .list .li_1{background: #2daffa; font-size: 14px; color: #fff;}
.busiPart6 .list .li_2{background: #e5e5e5; font-size: 14px; color: #2c2c2c;}
.busiPart6 .list li .liDiv{ width: 100%; height: 280px; display:block;padding-top: 100px;}
.busiPart6 .list li:hover{transform: translateY(-20px);}
	
.busiPart7{padding-top: 30px; padding-bottom: 30px; text-align: center;}
.busiPart7 .list{margin-top: 30px 20px 0; height: auto;}
.busiPart7 .list .cont{display:inline-block; width: 166px; height: 166px; padding-top: 100px; font-size: 14px; color: #666; position:inherit; margin: 0 10px;}
.busiPart7 .list .cont i{ display: block; text-align: center; width: 100%; position: absolute; top: 30px; left: 0px;}
.busiPart7 .list .cont1{ left: auto; top: auto; animation:none;}
.busiPart7 .list .cont2{ left: auto; top: auto; animation:none;}
.busiPart7 .list .cont3{ right: auto; top: auto; animation:none;}
.busiPart7 .list .cont4{ right: auto; top: auto; animation:none;}
.busiPart7 .list .cont5{ left: auto; bottom: auto; animation:none;}
.busiPart7 .list .cont6{ left: auto; bottom: auto; animation:none;}
.busiPart7 .list .cont7{ right: auto; bottom: auto; animation:none;}
	
.abFoot{position:relative; left: auto; bottom: auto;}
	
}	
	
	
	
	
	
