@import url("swiper.min.css");
@import url("owl.carousel.min.css");
@import url("iconfont.css");
/*项目介绍*/
#main{min-width: 320px;max-width: 100%; margin:0 auto;display:grid;}
#lmbt{ width:100%; float:left; text-align:center; overflow:hidden; padding-top: 3.5rem;background: #f1f1f1; height: 18rem}
#lmbt dd{	
 position:relative;display:inline-block;line-height:1.5; padding-left:30%; padding-right:30%;margin-bottom:1%;

}
#lmbt dd em{
	position:absolute;
	top:0px;
	width:40%; max-width:340px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;background-size:100% auto;
}
#lmbt dd em.lb{	left:0px;
	background-image: url(../images/bl.png);
	background-repeat: no-repeat;
	background-position: left;
}
#lmbt dd em.rb{right:0px;
	background-image: url(../images/br.png);
	background-repeat: no-repeat;
	background-position: right;}
#lmbt  span{ color:#000000;font-size:28px; letter-spacing:5px;}
#lmbt p{ text-transform:capitalize; color:#1f1f1f; letter-spacing:5px; font-size:32px; }

#scxq {
	width:100%; 
	FLOAT: left;
	margin-top: -9rem;
	position: relative;
	height: 44rem;
}

#scxq .pro{width: 60%; height: 650px; float: right;}
#scxq .xmdetail{ width:40%; height:300px; float:left; margin-top:5rem; }
#scxq .xmdetail .xmtitle{font-size: 28px; color: #ff6a00; width: 55%; float: right; line-height: 50px}
#scxq .xmdetail .xmxian{border-bottom: 3px #ff6a00 solid; width: 200px;display: block;}
#scxq .xmdetail .xmdec{float: right; width: 55%; margin-top: 1rem}
#scxq .xmdetail .xmdec p{font-size: 18px;letter-spacing: 4px;text-indent:2em;line-height: 30px; width:90%;float:left; }
#scxq .xmchati{background: linear-gradient(to left bottom,#ffab3f,#ffab3f,#ff6b00,#ff6b00,#ff8348,#ff8348); width: 60%; height: 45%; position: absolute; ;left: 0; bottom: 0; margin: auto;display: flex;align-items: center;}
#scxq .xmchati p{color: #fff; font-size: 18px;letter-spacing: 4px;text-indent:2em; width: 80%;line-height: 30px; left: 0;top: 50% ;margin:auto;}
#scxq .xmchati span{ color:#fff;font-size:3rem ;position: absolute;bottom: 15%; right: 10%;}

/*项目定位*/
#main2{min-width: 320px;display:grid;}
#lmbt2{ width: 1300px; margin:0 auto; float:left; text-align:center; overflow:hidden; padding-top: 3.5rem;height: 20rem}
#lmbt2 dd{	
 position:relative;display:inline-block;line-height:1.5; padding-left:30%; padding-right:30%;margin-bottom:1%;

}
#lmbt2 dd em{
	position:absolute;
	top:0px;
	width:40%; max-width:340px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;background-size:100% auto;
}
#lmbt2 dd em.lb{	left:0px;
	background-image: url(../images/bl.png);
	background-repeat: no-repeat;
	background-position: left;
}
#lmbt2 dd em.rb{right:0px;
	background-image: url(../images/br.png);
	background-repeat: no-repeat;
	background-position: right;}
#lmbt2 dd span{ color:#000000;font-size:28px; letter-spacing:5px;}
#lmbt2 p{ text-transform:capitalize; color:#1f1f1f; letter-spacing:5px; font-size:32px; }
#lmbt2 span{color:#000000;font-size:18px; letter-spacing:5px;line-height: 35px;}
#fwlist{
	 width: 1300px; 
	 margin: 0 auto;
	FLOAT: left;margin-top:.5%;  
}
#fwlist li{ list-style-type:none;}
#fwlist LI{  text-align:center; overflow:hidden;   transition:all 0.4s ease-in-out 0s;cursor:pointer; margin:10px; background-color:#fff;box-shadow:2px 2px 8px #aaa;-webkit-box-shadow:2px 2px 8px #aaa;-moz-box-shadow:2px 2px 8px #aaa; border-radius:8px; padding:1.2rem 0; background: #f1f1f1;position: relative;}
/*#fwlist  LI:hover{ background-color:#05C0AB;}*/
#fwlist  LI .nr{ width:100%; padding:4%; float:left;z-index: 1; }
#fwlist  LI .nr dd{ width:100%; float:left; overflow:hidden; position:relative;transition:all 0.5s ease-in-out 0s;}
#fwlist  LI .nr dd span{font-size: 5rem}
#fwlist  LI .nr dd p{ position:absolute;filter: Alpha(Opacity=0);
-moz-opacity:0; 		opacity:0; z-index:1; left:0px; top:0px; width:100%; height:100%;}
#fwlist  LI .nr dd  img{ max-width:90%; margin-left:auto; margin-right:auto; display:block;transition:all 0.5s ease-in-out 0s;}
#fwlist  LI:hover{
	border-bottom: 3px solid #ff8348;
	border-left: 3px solid;
	border-right: 3px solid;
	border-image:linear-gradient(0deg,#ff6b03,#ff6b03e0,#ff6b0340,#ff6b0305,#ffffff) 100;
}
#fwlist  LI:hover .nr dd  .img1{filter: Alpha(Opacity=0);
-moz-opacity:0; 		opacity:0}
#fwlist  LI:hover .nr dd  p{filter: Alpha(Opacity=100);
-moz-opacity:1; 		opacity:1}
#fwlist  LI .nr h5{ width:100%; float:left; color:#101010; font-size:22px; text-align:center; line-height:46px; height:46px; margin-top:10px;}
#fwlist  LI .nr h6{ width:85%; margin:0 auto; color:#101010; font-size: 18px; text-align:center; font-weight:normal; height:120px; margin-top:5px; line-height:30px; overflow:hidden;}
#fwlist LI .bgr{position: absolute; bottom: -15%; right:-15%;z-index: 0;}
#fwlist LI .bgr span{font-size: 13rem;color: #c9c8c7}
#fwlist  LI:hover .bgr span{color: #f4e3cd;}
#fwlist  LI:hover .nr dd span,#fwlist  LI:hover .nr h5,#fwlist  LI:hover .nr h6 { color:#ff8315;}

#fwlist .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#fwlist .owl-controls .owl-dots .owl-dot span{
width:20px;height:3px;margin:12px 5px; background-color:#C7C7C9;
}
#fwlist .owl-controls .owl-dots .owl-dot.active span,#fwlist .owl-theme .owl-dots .owl-dot:hover span{background-color:#05C0AB;}

/*超一流办公环境*/
#main3{min-width: 320px;max-width: 1300px; margin:0 auto;display:grid;}
#lmbt3{ width:100%; float:left; text-align:center; overflow:hidden; padding-top: 3.5rem;height: auto}
#lmbt3 dd{	
 position:relative;display:inline-block;line-height:1.5; padding-left:30%; padding-right:30%;margin-bottom:1%;

}
#lmbt3 dd em{
	position:absolute;
	top:0px;
	width:40%; max-width:340px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;background-size:100% auto;
}
#lmbt3 dd em.lb{	left:0px;
	background-image: url(../images/bl.png);
	background-repeat: no-repeat;
	background-position: left;
}
#lmbt3 dd em.rb{right:0px;
	background-image: url(../images/br.png);
	background-repeat: no-repeat;
	background-position: right;}
#lmbt3 dd span{ color:#000000;font-size:28px; letter-spacing:5px;}
#lmbt3 p{ text-transform:capitalize; color:#1f1f1f; letter-spacing:5px; font-size:32px; }

#lmbt3 .bangong .swiper-slide{width: 1300px;}
#lmbt3 .bangong .swiper-slide img{ min-width:1000px; }

.bangong .swiper-container {
	width: 1000px;
	
}
#lmbt3 .bangong2 .swiper-container{width: 1300px;}
#lmbt3 .bangong2 .swiper-slide{ width:250px; height:158px; padding:10px; }
#lmbt3 .bangong2 .swiper-slide img{width: 100%;}

/*合作共赢*/
#main4{min-width: 320px; margin:0 auto;display:grid;}
#lmbt4{ width:100%; float:left; text-align:center; overflow:hidden; padding-top: 3.5rem; padding-bottom: 3rem;height: auto; background: #f1f1f1;}
#lmbt4 dd{	
 position:relative;display:inline-block;line-height:1.5; padding-left:30%; padding-right:30%;margin-bottom:1%;

}
#lmbt4 dd em{
	position:absolute;
	top:0px;
	width:40%; max-width:340px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;background-size:100% auto;
}
#lmbt4 dd em.lb{	left:0px;
	background-image: url(../images/bl.png);
	background-repeat: no-repeat;
	background-position: left;
}
#lmbt4 dd em.rb{right:0px;
	background-image: url(../images/br.png);
	background-repeat: no-repeat;
	background-position: right;}
#lmbt4 dd span{ color:#000000;font-size:28px; letter-spacing:5px;}

@media(max-width: 1060px){
	footer a{color: #e0e0e0}
	#lmbt2{width: 100%}
	#fwlist{width: 100%;}
/*	.tab{display: none}*/
	.tab .container{width: 100%}
	#lmbt span{font-size: 1.2rem;}
	#lmbt p{font-size: 1rem;}
	#scxq .xmdetail{width: 100%;float: none;}
	#scxq .pro{display: none;}
	.news .newfen .newslist{width: 100%;}
	.news .newfen .newsimage{ width:100%;float:none; }
	#scxq .xmchati{width: 100%;position: static;}
	.tab-list.on h2{
		font-size: 0.8em;
	}
	.tab-list h2{
		font-size: 0.8em;
	}
	.tab-cont .pro{ width:100%; height:200px; }
	.tab-cont .intro{width: 100%}
	.video{vertical-align: middle; text-align: center;}
	.video figure{width: 50% !important;}
	.mobile-tab{display: block;padding: 2%;background: #f2f2f5;}
	.mobile-swiper-container{height: 100%;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;}
	.mobile-swiper-container .pro{width: 65px;height: 65px;margin:0 auto; }
	.mobile-swiper-container .swiper-slide:nth-child(1) .pro{background: url(../images/tab-1-c.png) no-repeat center;}
	.mobile-swiper-container .swiper-slide:nth-child(2) .pro{background: url(../images/tab-2-c.png) no-repeat center;}
	.mobile-swiper-container .swiper-slide:nth-child(3) .pro{background: url(../images/tab-3-c.png) no-repeat center;}
	.mobile-swiper-container .swiper-slide:nth-child(4) .pro{background: url(../images/tab-4-c.png) no-repeat center;}
	.mobile-swiper-container .swiper-slide:nth-child(5) .pro{background: url(../images/tab-5-c.png) no-repeat center;}

	.mobile-swiper-container .intro h2{text-align: center;color: #009fe8;font-size: 3em;padding: 10px}
	.mobile-swiper-container .intro h3{text-align: center;}
	.mobile-swiper-container .more{
		text-align: left;
		padding-top: 10px;
		line-height: 24px;
		margin-bottom: 30px;
		text-indent: 2em
	}
	.mobile-swiper-container .more a {
	    display: inline-block;
	    padding: 5px 20px;
	    color: #5d5d5d;
	    font-size: 1.4em;
	    border: 1px solid #bfbfbf;
	    transition: all .3s;
	    -moz-transition: all .3s;
	    -webkit-transition: all .3s;
	    -o-transition: all .3s;
	}
	.mobile-swiper-container .swiper-pagination-bullet-active{background: #009fe8}
	.tab{height: auto !important;}
	.tab-cont{height: auto !important;}
	.tab-cont .table-cell{width: 100% !important;}
	.tab-cont .bd li{width: 100% !important; position: revert !important;}

}

@media(max-width: 983px){
	.ani-slide .ani3-1{width: 35px;}
	.ani-slide .ani3-2{width: 250px;}
	.ani-slide .ani3-3{width: 300px;left: 80px;top: -38px;}
}

@media(max-width: 900px){
	.solution-item-list{width: 100%;margin-right:0 }
	.mobile-swiper-container .more{text-indent: 0;font-size: 12px;}
	.ani-container{display: none;}
}

@media(max-width: 768px){
	.banner{font-size: .8em;height:auto !important;}
	.banner img{width: 100%  !important;}
	.solution img{width: 100% !important;}
}

@media(max-width: 760px){
	.banner{font-size: .5em}
	.banner-list1 .ani-container{width: 85%;}
	.banner{height: 300px}
	.swiper-slide:nth-child(1) p, .swiper-slide:nth-child(2) p, .swiper-slide:nth-child(3) p{line-height: 18px}
	.swiper-slide:nth-child(1) strong, .swiper-slide:nth-child(2) strong, .swiper-slide:nth-child(3) strong{
		margin: 5px 0 5px 0;
	}
	.banner .more{margin-top: 2%;}
	.banner .more a{padding:3px 15px;font-size: 1.4em}

	.ani-slide .ani2-1{top: -65px;right: -99px;width: 80px;}
	.ani-slide .ani2-2{top: -30px;left: -53px;width: 150px;}
	.ani-slide .ani2-3{left: -102px;top: 0px;width: 200px;}
	.ani-slide .ani2-4{bottom: -63px;left: -152px;width: 250px;}
	.ani-slide .ani3-1 {width: 25px;top: -38px;right: 65px;}
	.ani-slide .ani3-2 {width: 150px;top: -35px;left: -70px;}
	.ani-slide .ani3-3{width: 200px;left: -92px;top: -10px;}
}

@media(max-width: 760px){
	.video-src{width: 100%}
	.video-src video{width: 100%;height: auto}

	.video-src iframe{width: 100%;height: 200px}
}

@media(max-width: 620px){
	.team{height: auto;padding:2.5%}
	.mobile-map{display: block;width: 100%}
	.location-container,
	.pc-map{display: none}
}

@media(max-width: 500px){
	.solution-item{width: 90%}
	.mobile-swiper-container,
	.three-steps,
	.video,
	.team .title{font-size: .8em}
	.solution-item{font-size: .9em}
	.three-steps .line{margin: 11px 0;}
	.solution-item-list>div{width: 165px;}
	.video{padding: 0 2.5%;padding-bottom: 3%}
	.video .title h2,
	.team .title h2,
	.three-steps h2{font-size: 3.2em}
	.video .title p{line-height: 24px;}
	.video .title .more a{padding: 5px 15px;}

	.team .title em{margin: 15px 0 15px 0;}
	.swiper-button-prev{left: 0px!important;}
	.swiper-button-next{right: 0px!important;}
}

@media(max-width: 330px){
	.video .title h2,
	.team .title h2,
	.three-steps h2{font-size: 2.8em}

	.mobile-swiper-container .intro h2{font-size: 2.8em}
	.mobile-swiper-container .intro h3{font-size: 16px}
}