.symain{
	width: 100%;
}	
/*.lunbotu{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.lunbotu .swiper-slide{
	text-align: center;
}
.lunbotu .swiper-slide a img{
	display: block;
	margin: 0 auto; 
}
.lunbotu>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 50px;
    left: 0;
    width: 100%;
   
}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	 margin: 0px 8px;
}
.lunbotu .swiper-pagination-bullet {
  	width: 45px;
  	height: 3px;
  	text-align: center;
  	background-color: #707070;
  	border-radius: 0;
}
.lunbotu .swiper-pagination-bullet-active {
  	background-color: #FFFFFF;
}*/

.apple-banner {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.apple-banner .swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
}

.apple-banner .swiper-slide .title>img{
	width: 100%;
}
.lunbotext{
	position: absolute;
	top: 50%;
	left: 16%;
	margin-top: -78px;
}

.lunbotext .h1{
	font-size: 64px;
	color: #fefffd;
	margin-bottom: 40px;
}

.lunbotext .words{
	font-size: 24px;
	color: #fefffd;
}

.combanner{
	position: relative;
	text-align: center;
}
.combanner .btext {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -100px;
    width: 100%;
    text-align: center;
    color: #fefffd;
}
.btext .h1 {
    font-size: 40px;
    color: #fefffd;
    margin-bottom: 30px;
}

.btext .icon {
    display: inline-block;
    width: 60px;
    height: 3px;
    background: #008ae5;
    vertical-align: top;
}

.combanner>a{
	display: inline-block;
	width: 100%;
}
.combanner>a>img{
	width:100%;
}

.pro_msg .label {
    font-size: 14px;
    color: #878787;
    display: inline-block;
    width: 50px;
    float: left;
    line-height: 32px;
}

.btext .words {
    font-size: 24px;
    line-height: 48px;
}
.swiper-button-prev{
	left:0;
}	
.swiper-button-next{
	right:0;
}	
/*.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: #fff url(../images/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: #fff url(../images/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: 1;
}*/
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:15px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 45px;
	height: 30px;
	margin: 0 8px !important;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 45px;
	height: 3px;
	display: block;
	background: #707070;
	margin-top: 14px;
}
.apple-banner .swiper-pagination-bullet-active span{
    background:#fff;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: #707070;
}
.apple-banner  .swiper-pagination-bullet i{
	background: #fff;
	height: 3px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:#fff;
}

/*优势*/
.syyoushi{
	width: 100%;
	margin: 80px auto 0px;
	overflow: hidden;
}
.syyoushicon{
	width:1300px;
	margin: 0 auto;
}
.syyoushicon ul{
}
.syyoushicon ul li{
	float: left;
	width: 33.33%;
	overflow: hidden;
}
.syyoushicon ul li:nth-of-type(1){
	text-align: left;
}
.syyoushicon ul li:nth-of-type(2){
	text-align: center;
}
.syyoushicon ul li:nth-of-type(3){
	text-align: right;
}

.syyoushicon ul li div{
	display: inline-block;
	position: relative;
}
.syyoushicon ul li div span{
	display: inline-block;
	width: 60px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
}
.syyoushicon ul li div span img{
	width: 37px;
	height: 43px;
	margin-left: 8px;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.syyoushicon ul li div h4{
	color: #333333;
	font-size: 24px;
	font-weight:bold;
	line-height: 45px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 60px;
}
.syyoushicon ul li div p{
	width: 375px;
	color: #666666;
	font-size: 14px;
	text-align: left;
	line-height: 24px;
	padding-left: 60px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.syyoushicon ul li:hover img{
	-webkit-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
}
/*产品中心*/
.chanpin{
	width: 100%;
	overflow: hidden;
	margin: 60px auto 0px;
	padding: 60px 0px 50px;
}
.chanpincon{
	width: 1300px;
	margin: 0 auto;
}
/**/
.cptab{
	width: 100%;
	margin: 60px auto 0px;
	overflow: hidden;
}
.cptab ul{
	text-align: center;
}
.cptab ul li{
	display: inline-block;
	margin: 0px 15px;
}
.cptab ul li a{
	display: inline-block;
	font-size: 20px;
	color: #333333;
	padding: 9px 40px;
	border-radius: 40px;
	border:#c4c4c4 solid 1px;
}
.cptab ul li a:hover, .cpact a{
	font-weight: bold;
	color: #FFFFFF !important;
	background-color: #008ae5;
	border:#008ae5 solid 1px !important;
}
.sycpbox{
	height: 665px;
	overflow: hidden;
}
.sycpbox>div{
	width: 1300px;
	overflow: hidden;
}
.sycphide{
	/*display: none;
	visibility: hidden;
	position: absolute;
	z-index: -1;
	height: 0;*/
}
/*产品轮播图*/
.cpdiv{
	width: 100%;
	position: relative;
	padding-bottom: 70px;
	margin-top: 55px;
}
.cpdivli{
	width: 400px;
	height: 540px;
	background-color: #FFFFFF;
	border: #d8d8d8 solid 1px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.cpdivlitu{
	width: 100%;
	height: 350px;
	line-height: 350px;
	vertical-align: middle;
}
.cpdivlitu img{
	width: 300px;
	height: 240px;
}
.cpdivli p{
	width: 300px;
	color: #666666;
	font-size: 16px;
	margin: 0px auto 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.cpdivli h5{
	width: 300px;
	color: #333333;
	font-size: 24px;
	font-weight: normal;
	margin: 0px auto 25px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.cpdivli>a{
	display:block;
	width: 97px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	color: #333333;
	font-size: 14px;
	border:#c4c4c4 solid 1px;
	border-radius:15px;
}
.cpdivli:hover>a{
	background-color: #008ae5;
	border:#008ae5 solid 1px;
	color: #FFFFFF;
}
.cpdiv .cpdian{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 10px auto;
}
.cpdiv .cpdian span{
	margin: 0px 12px;
}
.cpdiv>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px;
    left: 0;
    width: 100%;
   
}
.cpdiv.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0px 12px;
}
.cpdiv .swiper-pagination-bullet {
  	width: 15px;
  	height: 15px;
  	text-align: center;
  	background-color: #ffffff;
  	border-radius:50%;
  	box-shadow:3px 3px 6px rgba(0,0,0,0.5);
}
.cpdiv .swiper-pagination-bullet-active {
  background-color: #008ae5;
}
/*定制服务*/
.dingzhi{
	width: 100%;
	overflow: hidden;
	padding: 60px 0px;
}
.dingzhicon{
	width: 1300px;
	margin: 0 auto;
}
.dingzhicon ul{
	overflow: hidden;
	margin: 60px auto 0px;
}
.dingzhicon ul li{
	float: left;
	width: 400px;
	height: 335px;
	margin-right: 50px;
}
.dingzhicon ul li:nth-child(3n){
	margin-right: 0;
}
.dingzhicon ul li i{
	display: inline-block;
	width: 100%;
	height: 90px;
	margin-top: 55px;
	transition: all 0.4s;
	-webkit-transition:all 0.4s;
}
.dzicon1{
	background: url(../images/dzicon1.png) center no-repeat;
}
.dzicon2{
	background: url(../images/dzicon2.png) center no-repeat;
}
.dzicon3{
	background: url(../images/dzicon3.png) center no-repeat;
}
.dingzhicon ul li:hover i{
	margin-top: 17px;
	margin-bottom: 47px;
}
.dingzhicon ul li:hover .dzicon1{
	background: url(../images/dzicon11.png) center no-repeat;
}
.dingzhicon ul li:hover .dzicon2{
	background: url(../images/dzicon21.png) center no-repeat;
}
.dingzhicon ul li:hover .dzicon3{
	background: url(../images/dzicon31.png) center no-repeat;
}
.dzdiv{
	padding: 35px 0px;
}
.dzdiv span{
	display: inline-block;
	width: 100%;
	color: #333333;
	font-size: 28px;
	text-align: center;
}
.dzdiv p{
	padding: 0px 25px;
	color: #666666;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
}
.dingzhicon ul li:hover .dzdiv{
	background: #008ae5;
}
.dingzhicon ul li:hover .dzdiv p, .dingzhicon ul li:hover .dzdiv span{
	color: #fff;
}
/*工程案例*/
.case{
	width: 100%;
	overflow: hidden;
	padding: 60px 0px;
}
.casecon{
	width: 1300px;
	margin: 0 auto;
}
.casecon ul{
	margin: 75px auto 0px;
	overflow: hidden;
}
.casecon ul li{
	float: left;
	width: 400px;
	height: 560px;
	background-color: #FFFFFF;
	margin-right: 50px;
}
.casecon ul li:nth-child(3n){
	margin-right: 0;
}
.casetu{
	width: 100%;
	height: 356px;
	position: relative;
}
.casetu>a>img{
	width: 100%;
	height: 356px;
}
.casetudiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 356px;
	display: table;
	background:rgba(0,0,0,0.3);
}
.casetudiv div{
	display: table-cell;
	vertical-align: middle;
}
.casetudiv div i{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 27px;
}
.casetudiv div i img{
	width: 101px;
	height: 62px;
}
.casetudiv div p{
	color: #ffffff;
	font-size: 28px;
	text-align: center;
}
.casezi{
	padding: 30px 0px 15px;
	margin: 0px 12px;
	overflow: hidden;
	border-bottom: #f5f5f5 solid 1px;
	min-height:95px;
}
.casezi a{
	display:block;
	padding: 0px 18px;
	color: #333333;
	font-size: 16px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.casezi a span{
	color: #008ae5;
	margin-right: 10px;
}
.casecon-btn{
	display: inline-block;
	padding: 5px 20px;
	border: #c4c4c4 solid 1px;
	border-radius: 15px;
	color: #333333;
	font-size: 14px;
	margin-left: 30px;
	margin-top: 15px;
}
.casecon ul li:hover .casecon-btn{
	border: #008ae5 solid 1px;
	background-color: #008ae5;
	color: #FFFFFF;
}
/*资讯中心*/
.zixun{
	width: 100%;
	padding: 60px 0px;
	overflow: hidden;
}
.zixuncon{
	width: 1300px;
	margin: 0 auto;
}
#zxtab{
	text-align: center;
	margin: 60px auto 0px;
}
.tab_menu{
	display: inline-block;
	margin: 0 auto;
}
.tab_menu li{
	display: inline-block;
    font-size: 20px;
    color: #333333;
    padding: 9px 40px;
    margin: 0px 15px;
    border-radius: 40px;
    border: #c4c4c4 solid 1px;
}
.tab_menu li a{
	display: inline-block;
	width: 100%;
}
.selected{
	background-color: #008ae5;
    border: #008ae5 solid 1px !important;
}
.selected a{
	color: #008ae5;
    font-weight: bold;
    color: #FFFFFF !important;
}
.tab_box{
	margin-top: 70px;
}
.zxlidiv{
	width: 100%;
	overflow: hidden;
}
.hide{
	display: none;
}
.zxlileft{
	float: left;
	width: 600px;
	height: 580px;
	background-color: #f4f4f4;
	padding: 40px 40px 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
.zxlileft a{
	display: inline-block;
	width: 100%;
}
.zxlileft span{
	display: inline-block;
	/* margin-top: 10px; */
	color: #949494;
	float: left;
	font-size: 30px;
	margin-right: 10px;
	font-family: Arial;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.zxlileft h4{
	color: #333333;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 13px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.zxlileft p{
	color: #666666;
	font-size: 14px;
	/* float: right; */
	padding: 0px 0px 0px 20px;
	border-left: #c3c3c3 solid 1px;
	line-height: 24px;
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
/*.zxlileft img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 260px; 
}*/
/*9.29新增*/
.zinimg{
	width: 100%;
	padding-bottom: 40px;
	/* padding-top: 30px; */
	/* height: 351px; */
	/* overflow: hidden; */
}
.zinimg img{
	width: 100%;
}
.zxlibtn{
	display: inline-block;
	width: 97px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background: #008ae5;
	margin-top: 30px;
	margin-left: 5px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}
.zxliright{
	float: right;
	width: 660px;
}
.zxliright ul li{
	margin-top: 20px;
	border-top: #cccccc solid 1px;
	padding: 45px 0px 25px;
}
.zxliright ul li a{
	display: inline-block;
	width: 100%;
}
.rightzi{
	float: left;
	width: 560px;
	position: relative;
	text-align: left;
}
.rightzi i{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 10px;
	height: 4px;
	background-color: #b2b2b2;
}
.rightzi h4{
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	padding-left: 50px;
	margin-bottom: 25px;
}
.rightzi p{
	color: #333333;
	font-size: 14px;
	padding-left: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.riqi{
	float: right;
	width: 90px;
}
.riqi span{
	display: inline-block;
	width: 100%;
	text-align: right;
	color: #adadad;
	font-size:24px;
	margin-bottom: 25px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.riqi i{
	display: inline-block;
	opacity: 0;
	width: 100%;
	height: 30px;
	text-align: right;
	transition: all 0.4s; 
}
.riqi i img{
	width: 64px;
	height: 30px;
}
.zxliright ul li:hover{
	border-top: #008ae5 solid 1px;
}
.zxliright ul li:hover .rightzi i{
	background-color: #008ae5;
}
.zxliright ul li:hover .rightzi h4{
	color: #008ae5;
}
.zxliright ul li:hover .riqi i{
	opacity: 1;
}
.zxliright ul li:hover .riqi span{
	color: #6e6e6e;
}
/*关于我们*/
.aboutus{
	width:100%;
	padding: 60px 0px;
	overflow: hidden;
}
.aboutuscon{
	width: 1300px;
	margin: 0 auto;
}
.ab{
	width: 100%;
	overflow: hidden;
	margin-top: 80px;
}
.ableft{
	float: left;
	width: 645px;
}
.ableft h4{
	color: #333333;
	font-size: 32px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
}
.ableft span{
	display: inline-block;
	width: 100%;
	color: #333333;
	font-size: 24px;
}
.abp1{
	margin: 60px auto;
	color: #333333;
	font-size: 14px;
	line-height: 30px;
}
.ableft h5{
	color: #008ae5;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 5px;
}
.abp2{
	display: inline-block;
	width: 100%;
	color: #333333;
	font-size: 22px;
	margin-bottom: 20px;
}
.ableft i{
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.ableft i img{
	width: 100%;
}
.sbp3{
	width: 100%;
	height: 50px;
	font-size: 12px;
	color: #888888;
}
.ableft a{
	display: inline-block;
	width: 97px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #008ae5;
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 13px;
	margin-top: 20px;
}
.abright{
	float: right;
	width: 580px;
	text-align: right;
}
.abright img{
	max-width: 100%;
}
/*合作伙伴*/
.hezuo{
	width: 100%;
	padding: 60px 0px;
	overflow: hidden;
}
.hezuocon{
	width: 1300px;
	margin: 0 auto;
}
.hezuocon ul{
	margin-top: 30px;
	/*overflow: hidden;*/
}
.hezuocon ul li{
	float: left;
	display: table;
	text-align: center;
	width: 280px;
	height: 120px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 60px;
	border:#d8d8d8 solid 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.hezuocon ul li:nth-child(4n){
	margin-right: 0;
}
.hezuocon ul li a{
	display: table-cell;
	vertical-align: middle;
}
.hezuocon ul li a img{
	max-width: 100%;
}
.hezuocon ul li:hover{
	border: #fff solid 1px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}