.mainTop{margin-top:80px;}
.hlwl-banner {
	width: 100%;
	height: 800px;
	overflow: hidden;
}
.hlwl-banner .swiper-container {
	width: 100%;
	height: 800px;
}
.swiper-slide {background-color: #000;background-size: cover;background-repeat: no-repeat;background-position: center}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0 !important;
	background:none;
	}
.swiper-button-prev{
	left:0;
}
.swiper-button-next{
	right:0;
}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 50px;
	height: 100px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-50px;
	background-image: url(../images/arrows.png);
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	cursor: pointer;
}
.swiper-button-next span{
	background-position: -50px center;
	left:auto;
	right:20px;
}
.hlwl-banner .swiper-container:hover .swiper-button-prev span,.hlwl-banner .swiper-container:hover .swiper-button-next span{
	opacity: .75;
}
/**/
.hlwl-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.hlwl-banner .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 10px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.hlwl-banner .swiper-pagination-bullet span {
	width: 50px;
	height: 2px;
	display: block;
	background: #fff;
}
.hlwl-banner .swiper-pagination-bullet-active span{
    background:#006acd;
}
.hlwl-banner .autoplay .swiper-pagination-bullet-active span{
    background: #fff;
}
.hlwl-banner .swiper-pagination-bullet i{
	background: #006acd;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.hlwl-banner .autoplay .firsrCurrent i{
	transition:transform 5s linear;
	transform:scaleX(1);
}
.hlwl-banner .autoplay .current i{
	transition:transform 6s linear;
	transform:scaleX(1);
}
/*.hlwl-banner  .autoplay .replace span{background:#006acd;}*/


/*屏幕小于1440px应用一下样式*/
@media (max-width:1440px) {
.index-page .app-home .slogan {height:120px;margin-top:-140px;}
.index-page .app-home .slogan img {height: 120px;}
.index-page2 .app-home .slogan {margin-top:-240px;}
.index-page2 .app-home .slogan img {height: auto;}
.index-page3 .app-home .slogan img {height: auto;}

.index-page2 .app-home .second-slogan {margin-top:-150px;}
.index-page2 .app-home .second-slogan2 img {height: 420px;}
.index-page3 .app-home .second-slogan {width: 100%;margin-left: -50%;text-align: center;}

.footer-mess .mess-right .form .ind_mess textarea {width:calc(66% - 20px);}
.footer-mess .mess-right .form .ind_mess .code {width:34%;}

}

/*屏幕小于1366px应用一下样式*/
@media (max-width:1366px) {
	.index-page2 .app-home .slogan {margin-top:-200px;}
	.index-page2 .app-home .slogan img {height: 60px;}
	.index-page2 .app-home .second-slogan {margin-top:-120px;}
	.index-page2 .app-home .second-slogan img {height: 45px;}
	.index-page2 .app-home .second-slogan2 img {height: 350px;}
}

@media (max-width:1200px) {
	.header .info {display: none;}

	.footer-mess .mess-right .form .ind_mess textarea {width: calc(50% - 9px);}
	.footer-mess .mess-right .form .ind_mess .code {width: calc(50% - 9px);}

	.full-inum-brief .inum-list {width: 100%;}
	.full-inum-brief .inum-list li {width: 33.3333333%}

	.index_about{width:100%;margin-top:60px;padding-top:180px;}
	.index_about .hellow img{transform:scale(0.8);}
	.index_about .hellow p img:nth-child(2n){margin-left:-210px;}
	.index_about .img img{width:360px;}
	.index_about .text{margin-top:80px;padding:0 3%;font-size:18px;line-height:36px;}
	.index_about .text h3{font-size:18px;}

	.index-back-box .sub-arrows{width:30%;}
}

@media (max-width:1110px){
	.mainTop{margin-top:50px;}
}

/*屏幕小于1024px应用一下样式*/
@media (max-width:1024px) {
	.case_wrap{width:99%;margin:0 auto;}

	.footer-mess .mess-left, .footer-mess .mess-right {width: 100%;}
	.footer-mess .mess-left .left_con .top p{font-size:2.5rem;}
	.footer-mess .mess-left .left_con .top span{font-size:1.9rem;}
	.footer-mess .mess-left .left_con b{font-size:2.5rem;}

	.scrollBar{height:426px;}
	.index-back-box .sub-arrows{line-height:60px;}
	.index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet{margin-right:10px;}
	.index-back-box{height:60px;}
	.index-waper-box{height:60px;}
	.index-back-box .sub-arrows i.icom:after{top:28px;}
}

@media (max-width:769px) {
	.index-page .app-home .slogan,
	.index-page .app-home .second-slogan {width: 100%;margin-left: -50%;text-align: center;height: auto;padding: 0 45px;box-sizing:border-box;}
	.index-page .app-home .slogan img,.index-page2 .app-home .slogan img,.index-page2 .app-home .second-slogan img,.index-page2 .app-home .second-slogan2 img  {height: auto;}

	.index-page .app-home .slogan {margin-top:-120px;}
	.index-page2 .app-home .slogan {margin-top: -90px;}
	.index-page3 .app-home .slogan {margin-top: -90px;}
	.index-page .app-home .second-slogan {margin-top: -10px;}

	/*共用元素*/
	.container {margin: 0 auto;}
	.section {padding: 30px 0px;}

	.iabout-us .intro {padding: 20px 250px 20px 0px;}
	.iabout-us .year {position: absolute; right: 0px; top: 0px; z-index: 3; }
	.iabout-us .year img {width: auto; height: 240px;}
}

/*屏幕小于768px应用一下样式*/
@media (max-width:768px) {
	/*banner图*/
	.section_head {padding: 0px 10px 30px;}
	.section_head .title p {font-size: 24px;}
	.section_head .title span {font-size: 14px;}

	.flex-direction-nav a {opacity: 1;width: 30px;height: 60px;background-size: 60px 60px;}
	.flex-direction-nav .flex-prev {left: 2%;background-position: 0px 0px;}
	.flex-direction-nav .flex-next {right: 2%;background-position: -30px 0px;}

	.hlwl-banner,.hlwl-banner .swiper-container {height: 450px;}

	.index-back-box .sub-arrows{padding-left:20px;}

	.scrollBar{height:320px;}

	
}


/*弹窗*/
.pop_ups{position:fixed;left:50%;margin-left:-340px;top:50%;margin-top:-165px;background:rgb(48, 65, 129);width:660px;height:310px;padding:10px;z-index:1000;display:none;}
.pop_ups .close{position:absolute;right:-18px;top:-18px;background:rgb(48, 65, 129);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;cursor:pointer;z-index:10;width:36px;height:36px;}
.pop_ups .close img{width:36px;}
.pop_ups .content{border:1px #fff solid;height:228px;padding:40px;display:block;}
.pop_ups .content .title{font-size:32px;font-weight:bold;color:#fff;text-align: center;}
.pop_ups .content .pop_ewm{float:left;width:50%;text-align:center;color:#fff;font-size:18px;}
.pop_ups .content .pop_ewm img{margin:25px 0 15px;}
.pop_ups .content .pop_info{float:left;width:50%;margin-top:30px;text-align:center;}
.pop_ups .content .pop_info a{display:inline-block;width:160px;height:38px;line-height:38px;border:1px #fff solid;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;color:#fff;text-align:center;font-size:18px;margin-bottom:15px;}
.pop_ups .content .pop_info a:hover{color:#006acd;background-color:#fff;}
.pop_ups .content .pop_info strong{font-size:28px;color:#fff;display:block;}



/*屏幕小于750px应用一下样式*/
@media (max-width:750px) {
	.iabout-us .intro {padding: 20px 0px 20px 0px;}
	.iabout-us .content,.iclients-wrapper {display: none;}
	.iabout-us .year {position: static; right: 0px; top: 0px; z-index: 3; }
	.iabout-us .year img {width: auto; height: 220px; display: block;margin: auto;}
	.case_wrap ul li {width: 100%;margin: 3px 0px}
}
/*屏幕小于540px应用一下样式*/
@media (max-width:540px) {
	.sub_mouses,.index-back-box .sub-arrows{display:none;}
	.mainTop,.scrollBar{height:160px;overflow: hidden;}

	

	.hlwl-banner,.hlwl-banner .swiper-container {height: 240px;}
	.hlwl-banner {margin-top: 50px}
	.hlwl-banner .swiper-pagination-bullet {width: 30px}
	.hlwl-banner .swiper-pagination-bullet span {width: 30px}
	.swiper-button-prev span, .swiper-button-next span {width: 25px;height: 50px;margin-top: -25px;background-size: 50px auto}
	.swiper-button-next span{background-position: -25px center;}
	
	.m-ichl-title .cn {font-size: 21px;}
	.iabout-us .intro {padding: 0px;}
	.iclients-list {padding: 0px;}
	.iclients-list ul li {width: 50%;}
	.iclients-list ul li:nth-child(15) {display: none}
}