@charset "utf-8";
/* CSS Document */

.bannerBlock img{width: 100%;}
.companyData{}
.companyData li{width:17.5%;margin-left:3.1%; float: left;text-align: center;font-size: 14px;}
.companyData li:first-child{margin-left: 0;}
.companyData li img{display: block;margin:0 auto 10px;}
.companyData li span{color:#666666 }
.mindOne span{display: block;color:#1A1A1A;line-height: 26px;;}
.NumberDong{margin:0 auto}
.NumberDong strong{font-size: 35px;margin-bottom: 5px;}
.NumberDong i{font-style: normal;}
.redbianT{width: 100%;background: #F8F9FD;height: 30px;position: relative;}
.redbianT::before{width: 1360px;content: '';height: 100%;background: #F8F9FD;position: absolute;top: 0;left: 50%;margin-left: -680px;}
.fanganBj{width:100%;background:#F8F9FD}
.pubTitle{text-align: center;position: relative;}
.pubTitle strong{font-size: 40px;color:#EAEBEF;}
.pubTitle h3{font-size: 32px;color: #666666;position: absolute;width:100%;top: 15px;left: 0;}
.switchList{text-align: center;}
.switchList span{display: inline-block;margin: 0 5%;font-size: 20px;font-weight: bold;  cursor: default;}
.switchList span::after{content: '';display: block;width:100%;height: 7px;border-radius: 10px;background-image: linear-gradient(to right , #F8F9FD, #F8F9FD);}
.prodOn:after,.switchList span:hover::after{background-image: linear-gradient(to right , #D3E1FF, #4583FF)!important;}
.prountBlock{overflow:hidden;position:relative; width:1360px;height:420px;}
.prountList{width:100000px;position:absolute;left:0;height:420px;}
.prountList li{width:280px; float: left;display:block;box-shadow: 0 0 5px #e7e7e7;background: #fff;height: 420px;margin-left:30px;border-radius: 4px;cursor: default;position:relative;}
.prountList li:first-child{margin-left: 0;}
.prountList li img{display: block;margin:20px auto 0;}
.prountList li h3{text-align: center;font-size: 20px;font-weight: 400;color: #1A1A1A;border-bottom: 1px #D4D4D4 solid;width:75%;margin:10px auto 10px;padding-bottom:20px;}
.prountList li .inforText{font-size: 13px;color: #666666;width:75%;margin:10px auto 0 ;padding-bottom:20px;line-height: 25px;}
.caseoneTitle{display: none;}

  


.modeList dl{width:46%;float: left;height: 164px;margin-bottom: 47px;    box-shadow: 0 0 10px #e7e7e7;  animation: bianbigdao 0.8s;animation-fill-mode: forwards   }
.modeList dl:hover {animation: bianbig 0.8s;animation-fill-mode: forwards; }

@keyframes bianbig {
	from {
		transform: translateY(0px); 
	}

	to {
		transform: translateY(-10px); 
	}
}
@keyframes bianbigdao {
	from {
		transform: translateY(-10px); 
	}

	to {
		transform: translateY(0px); 
	}
}
.modeList dl:nth-child(even){margin-left: 7%;}
.modeList dl dt{width:30%;text-align: center;height: 100%;float: left;border-radius: 4px 0 0 4px;}
.modeList dl:nth-child(1) dt{background-color: #6FA1F5;}
.modeList dl:nth-child(2) dt{background-color: #54C2B2;}
.modeList dl:nth-child(3) dt{background-color: #38C88A;}
.modeList dl:nth-child(4) dt{background-color: #9F7BD0;}
.modeList dl dt img{display: block; margin: 30px auto 10px;}
.modeList dl dt h3{font-size: 18px;color: #fff;}
.modeList dl dd{width: 60%;height: 54%; float: left; padding: 7% 5%;font-size: 14px;color: #666666;line-height: 28px;border-radius: 0 4px 4px 0;}
.caseBlock{background: #548AD1;}
.poster-main{	width: 1000px;	height: 500px;	position: relative;	margin: 30px auto;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width: 1000px;height: 500px;}
.poster-main .poster-list .poster-item{ width: 200px;height: 500px;position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:0;z-index:10; cursor:pointer;  }
.poster-main .poster-prev-btn{left:0; }
.poster-main .poster-next-btn{right:0; }
	 
.AboutImg{width:48% ;float: left;}
.aboutText{width:48%;float: right;font-size: 16px;color: #666666;line-height: 40px;padding-top: 50px;}
.hezuoImg{display: block;margin: 0 auto;width: auto;max-width: 90%;}


/*幻灯片*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display:inline;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑","黑体"; color: #fff; text-align: center;}
.owl-pagination { position: absolute; left: 0; bottom: 10px; width: 100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width:25px; height:10px; margin: 0 3px; background:#666; *display: inline; *zoom: 1; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.owl-pagination .active { width:50px; background:#548AD1;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}
.caseImgTitle{text-align: center;color: #fff;font-size: 16px ;margin: 10px 0 20px;}
 





@media screen and ( max-width: 750px ){
.mainCentont{padding-top: 0;width:96% ;}
.companyData li img{width:35%;float: left;}
.NumberDong strong{font-size: 18px;}
.companyData li{width: 45.5%;display: inline-block;float: none;margin-left: 0;text-align: left;}
.companyData li:nth-child(1),.companyData li:nth-child(4){margin-left: 7%;}
.companyData li:nth-child(3){ position: absolute!important; top: 0;  left: 10%;    width: 100%;}
.NumberDong{float: left;width: 50%;}
.companyData li:nth-child(3) img{width: 80px;max-width: 27%;}

.companyData{width:100%; margin-left: 0;   position: relative;padding-top: 120px;    display: block; float: left;;}
.companyData li span{font-size: 14px; line-height: 29px;display: block; width: 60%;float: left;font-weight: 400;}
.mindOne span{line-height: 22px;font-weight: 400;}
.pubTitle strong{font-size: 27px;}
.pubTitle h3{font-size: 22px;top: 11px;}
.mt60{height: 30px;}
.mt40{height: 20px;}
.mt70{height: 50px;}
.redbianT{display: none;}
.switchList span{font-size: 15px;}
.switchList span::after{height: 4px;}
.prountBlock{width: 100%;}
.poster-main,.poster-list{max-width: 100%;}
body{overflow-x: hidden;}
.modeList dl,.modeList dl:nth-child(even){width: 94%;float: none;margin:0 auto 20px;}
.modeList dl dt img{margin: 40px auto 10px;width: 32%;}
.modeList dl dt h3{font-size: 16px;}
.modeList dl dt{width: 40%;}
.modeList dl dd{width: 50%;padding: 4% 5%;line-height: 26px;font-size: 12px;;}
.AboutImg{width:90%;float: none;margin:0 auto;display: block;}
.aboutText{width:90%;margin:0 auto;float: none;line-height: 30px; padding-top: 20px;font-size: 14px;}
.hezuoHb > .mt50{display: none;}
.poster-list{width: 80%!important;margin: 0 auto;height: auto!important}
.poster-main{width: 100%!important;height: auto!important;}
.poster-btn{display: none;}
.poster-main .poster-list .poster-item{width: 100%!important;height: auto!important;position: relative;left: 0!important;    opacity: 1!important;top:0!important;}
.caseImgTitle{display: none;}
.caseoneTitle{display: block;font-size: 15px;font-weight: 400;color: #fff;margin: 10px auto 25px;text-align: center;width: 80%;line-height: 25px;}
.prountList li{width: 100%;float: none;margin-left: 0;  min-height: 210px;padding-top: 20px; margin-bottom: 20px;height: auto;   padding-bottom: 10px;}
.prountBlock{height: auto;}
.prountList{width: 96%;margin: 0 auto;height: auto;position: relative;}
.prountList li img{float: left;    width: 20%;margin-left: 5%;}
.prountList li h3{float: left;border-bottom: 0;margin: 0;font-size: 18px;padding-bottom:10px;text-align: left;margin-left: 5%; width: 60%;}
.prountList li .inforText{float: left;width: 67%;margin-left: 5%; }








}