
.head-tel{background: #eb5e5e;color:#fff;border-radius:20px;padding:5px 15px;font-size:18px;height:42px}
.head-tel:before{content:'\e633';font-family: iconfont;;font-size:22px;margin-right:5px;vertical-align:-1px}
.home-banner .swiper-pagination{bottom:66px}
.home-banner .swiper-pagination-bullet{background: #fff;opacity: .5}
.home-banner .swiper-pagination-bullet-active{opacity: .9}
.home-banner .swiper-slide{height:400px;background-repeat:no-repeat;background-position:center 0}
.home-banner .inner{color:#fff;padding-top:80px;text-align: center;}
.home-banner .inner h2{font-size:39px}
.home-banner .inner p{font-size:16px;padding:25px 0 40px}
.home-banner .get-plan{width:350px;height:45px;background: #fff;border-radius:36px;position:relative; margin: 0 auto;}
.home-banner .get-plan input[type=text]{height:100%;border:0;border-radius:36px;padding-left:30px;width: calc(100% - 130px);display: block;}
.home-banner .get-plan input[type=submit]{height:100%;width:130px;font-size:14px;background: #eb5e5e;color:#fff;border-radius:36px;text-align: center;position:absolute;top:0;right:0}
.home-business{margin-top:-55px;position:relative;z-index:101}
.home-business .container{justify-content: space-between}
.home-business li{flex:0 0 24%;padding:20px 20px 20px 85px;background-color:#fff;background-repeat: no-repeat;background-position: 20px 30px;border-radius:9px;box-shadow:0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0,0,0,.04), 0 0 4px -1px rgba(0,0,0,.08);position:relative;transition: .4s}
.home-business li:hover{background-color: #fefefe;transform: translateY(-10px)}
.home-business li > a{position:absolute;top:0;right:0;bottom:0;left:0}
.home-business h5{font-size:16px;height:30px}
.home-business li:nth-child(1){background-image: url("../images/home-business1.png")}
.home-business li:nth-child(2){background-image: url("../images/home-business2.png")}
.home-business li:nth-child(3){background-image: url("../images/home-business3.png")}
.home-business li:nth-child(4){background-image: url("../images/home-business4.png")}
.home-business li:nth-child(1):hover{background-image: url("../images/home-business-1h.png")}
.home-business li:nth-child(2):hover{background-image: url("../images/home-business-2h.png")}
.home-business li:nth-child(3):hover{background-image: url("../images/home-business-3h.png")}
.home-business li:nth-child(4):hover{background-image: url("../images/home-business-4h.png")}
.home-business p{color:#999}
.main-title{text-align: center;padding:45px 0}
.main-title strong{font-size:30px;font-weight: 500;display: block;text-align: center;}
.main-title p{font-size:15px;color:#777;margin-top:12px;text-transform: uppercase;}
.main-title i{width: 50px; height: 2px; background: #d73434; display: inline-block}
.main-title.white strong,
.main-title.white p{color:#fff}
.title-wrapper{height:50px;margin-bottom:20px;}
.title-pull {background: #fff;padding-top:9px;}
.title-pull.fixed {width:100%;right:0;top:62px;position:fixed;z-index:200;border-top:solid 1px #eee;border-bottom:solid 1px #eee;box-shadow: 0 3px 9px 1px rgba(0,0,0,.03)}
.tab-title{justify-content: space-between;background: #fff;}
.tab-title li{font-size:20px;padding-left:50px;padding-bottom:10px;background:url("../images/tab-title.png") no-repeat 0 2px;cursor: pointer}
.tab-title li.cur{color:#eb5e5e;background-image: url("../images/tab-title-hover.png")}
.btn-show{cursor:pointer;transition:.5s;width:120px;padding:8px 0;font-size:15px;text-align:center;display:inline-block;background: #eb6262;border-radius:15px 0 15px 0;color:#fff; margin-top: 15px; margin-bottom: 10px;}
.btn-show:hover{background: #d73434}
.content-wrapper{position:relative;}
.tab-content{position:absolute;top:0;right:12px;left:12px;z-index:-1;opacity:0;display:flex;flex-wrap:wrap;justify-content: space-between;transition: opacity .4s;}
.tab-content.cur{position:static;top:auto;right:auto;z-index:1;opacity:1;transition: opacity .4s;}

.home-solution{}
.home-solution .item{background:#f2f5f8;border-radius:15px;margin-bottom:30px;padding:20px;position:relative;overflow: hidden;border:2px solid #636c7a}
.home-solution .item img{max-width:100%}
/*.home-solution .short{flex:0 0 32%}*/
/*.home-solution .half{flex:0 0 49%}*/
.home-solution .short{flex:0 0 49%}
.home-solution .half{flex:0 0 32%}
.home-solution .short h3,
.home-solution .half h3{font-size:22px;font-weight:500;height:68px;position:relative;transition:.3s;position: relative;z-index: 1}
.home-solution .short ul,
.home-solution .half ul{position: relative;z-index: 1}
.home-solution .short h3:before,
.home-solution .half h3:before{content:'';position:absolute;left:0;bottom:20px;height:2px;width:30px;background:#eb6262}
.home-solution .short li,
.home-solution .half li{margin-bottom:6px;font-size:15px;color: #787878;}
.home-solution .short li:before,
.home-solution .half li:before{content:'';display:inline-block;width:3px;height:3px;background:#eb6262;vertical-align:4px;margin-right:9px}
.home-solution .short dl{margin:10px 0}
.home-solution .half dl{margin:20px 0 40px}
.home-solution .short dd,
.home-solution .half dd{background: #fff;border-radius:19px;display:inline-block;margin-right:9px;padding:3px 15px;transition:.5s;color: #787878;}
.home-solution .short dd:hover,
.home-solution .half dd:hover{background: #eb6262;color:#fff;cursor: pointer}
.home-solution .short .picture{position:absolute;right:10px;bottom:20px;z-index: 0}
.home-solution .half .picture{position:absolute;right:10px;bottom:20px;z-index: 0}
.home-solution .short h4{ font-size:16px;font-weight:500;line-height:30px;position:relative;transition:.3s;margin-top: 20px;}
.home-solution .nums{ font-family: impact; font-size: 80px; color: #fbfcfd; right: -10px; top: 10px; position: absolute; font-style: normal; line-height: 1em;;z-index: 0}
.home-solution .short .btn-show{/* position: absolute; bottom: 32px; right: 20px; */}


.home-solution .item:hover{box-shadow:0 0 12px 1px rgba(0,0,0,.03);}
.home-solution .item:hover h3{color:#eb6262}
.home-solution .long{flex:0 0 100%;text-align: center}
.home-solution .new-long{flex:0 0 100%; padding: 40px 0 20px; background-position: center bottom; background-size: 100%; background-image: url(../images/form_bg.png); background-repeat: no-repeat;}
.home-solution .new-long .title{ margin-bottom: 10px; color: #394350; font-size: 26px; text-align: center; font-weight: 500;}
.home-solution .new-long .business-popup{ 
	position: static; 
	display: block;
	top: 0;
	left: 0;
	margin: 0;
	opacity: 1;
	width: 100%;
	box-shadow: none;
	background: transparent;
	padding: 30px;
}
.home-solution .new-long .business-popup .team{
	padding-left: 5px;
	margin-bottom: 20px;
	background-color: #fff;
}
.home-solution .new-long .business-popup .team label{
	padding: 0;
}
.home-solution .new-long .business-popup .team input[type=text]{
	width: calc(100% - 70px);
}
.home-solution .new-long .business-popup input[type=submit]{
	width: 310px;
	margin-top: 10px;
}


.home-solution .new-long2{flex:0 0 100%; padding: 30px 40px; margin: 20px 0 0; background-position: center bottom; background-size: 100%; background-image: url(../images/form_bg.png); background-repeat: no-repeat; display: flex;align-items:center;justify-content:space-between}
.home-solution .new-long2 .logos p{font-weight: 900;font-size: 22px;color: #000;margin-top: 12px}
.home-solution .new-long2 .phones p{font-weight: 900;font-size: 24px;color: #333;margin-bottom: 12px;display:flex;align-items:center}
.home-solution .new-long2 .phones h2{font-weight: 900;font-size: 36px;color: #eb5e5e;font-family: arial}
.home-solution .new-long2 .phones p img{width:30px;margin-right:10px}
.home-solution .new-long2 .wxcodes{display:flex;justify-content:center;align-items:center}
.home-solution .new-long2 .wxcodes p{width:15px;color:red;line-height:1.2em;margin:0 4px}
.home-solution .new-long2 .wxcodes span{border-radius:4px;overflow:hidden;border:2px solid red;display:block;margin-right: 10px}

.home-solution figure{flex:0 0 50%}
.home-solution figure img{}
.home-solution article{flex:0 0 50%}
.home-solution article h3{font-size:28px;font-weight:500;height:48px;margin-top:16px}
.home-solution article p{font-size:16px;color:#999}
.home-solution article .btn-show{display:block;margin:20px auto 0}
.home-solution .content-wrapper{}
.home-solution-title{padding: 0 0 30px;display: flex;justify-content: space-between;align-items: center;}
.home-solution-title span{color: #eb5e5e; font-size:20px;font-weight: 900;margin-right: auto; margin-left: 10px;}
.home-solution-title i{display: block;margin-left: 30px;height: 1px;background-color: #eee;flex: 1;display: block;}


.home-ad{position:relative;height:150px;background: url("../images/home-ad.jpg") no-repeat 0 center;text-align: center;margin-top:12px}
.home-ad h3{color:#fff;font-size:24px;padding:40px 0 15px}

.tab-title2{justify-content: space-between;margin-bottom:36px}
.tab-title2 li{cursor: pointer;font-size:20px;flex:0 0 190px;border-bottom:solid 2px #eee;text-align: center;padding-bottom:15px}
.tab-title2 li.cur{color:#eb5e5e;border-bottom:solid 2px}
/* .home-service .tab-content img{width:100%} */
.home-service{padding-top:10px;padding-bottom:50px;background: #fdfdfe;}
.home-service .container{position:relative;min-height: 450px;}
.home-technology{background: url("../images/home-technology.jpg") no-repeat 0 center;background-size: auto 100%;height:590px;padding:20px 0}
.home-technology .swiper-slide a{display:flex;justify-content: space-between;padding:0 20px}
.home-technology .comment{flex:0 0 38%;color:#fff;background: url("../images/quotes1.png") no-repeat;padding-top:50px;margin-top:15px}
.home-technology .comment p{line-height:2}
.home-technology .comment h2{ font-size: 22px; font-weight: 600; line-height: 1em; margin-bottom: 30px;}
.home-technology .comment strong{float:right;display:inline-block;position:relative;font-size:18px;font-weight:500; margin-top: 10px;}
.home-technology .comment strong:before{content:'';width:30px;height:1px;background: #fff;position:absolute;top:14px;left:-45px}
.home-technology .experience{flex:0 0 53%;height:300px;background: #fff;border-radius:15px;padding:40px 50px;margin-top:10px}
.home-technology .new-experience{flex:0 0 55%;margin-top:10px; overflow: hidden;}
.home-technology .new-experience img{ width: 100%;border-radius:15px;}
.home-technology .experience h3{font-size:30px;font-weight:600;height:60px;padding-left:40px;background: url("../images/icon-1.jpg") no-repeat 0 9px}
.home-technology .experience p{font-size:16px;line-height:2}
/* .home-technology .switch{position:absolute;top:240px;right:41%;z-index:1001} */
.home-technology .switch{position:absolute;top:260px;left:20px;z-index:1001}
.home-technology .prev,
.home-technology .next{background:#fff;display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border-radius:100%;box-shadow:0 4px 9px 5px rgba(0,0,0,.01)}
.home-technology .prev:before{content:'\e619';font-family: iconfont}
.home-technology .next:before{content:'\e618';font-family: iconfont}
.home-technology .prev:hover,
.home-technology .next:hover{background: #eb5e5e;color:#fff}
.pagination2{display:inline-block;width:auto;position:static; margin: 0 5px; color: #fff/* #cb0000 */}
.home-brand{justify-content: space-between}
.home-brand.about{margin:50px auto 50px}
.home-brand .box{margin-top:-80px;flex: 0 0 390px;height:360px;padding:40px 30px 30px;background: #eb5e5e;border-radius: 12px;color:#fff;  box-shadow:0 4px 5px 0 rgba(235,94,94,.06), 0 1px 10px 0 rgba(235,94,94,.04), 0 0 4px -1px rgba(235,94,94,.08)}
.home-brand.about .box{margin-top:-30px}
.home-brand .box .num{font-size:100px;text-align: center}
.home-brand .box sup{font-size:45px;vertical-align:60px}
.home-brand .box p{font-size:24px;line-height:2.3}
.home-brand .list{position:relative;flex:0 0 760px;margin-top:20px}
.home-brand .list li{position:absolute;background:#fff;border-radius:12px;box-shadow:0 0 22px 2px rgba(235,94,94,.06)}
.home-brand .list li img{max-width:190px;transition:.2s}
.home-brand .list li:hover img{transform: scale(1.1,1.1)}
.home-brand .b1{left:82px;top:35px;z-index:2;padding:30px 20px}
.home-brand .b2{left:296px;top:10px;padding:20px 30px}
.home-brand .b3{right:0;top:45px;padding:30px 20px}
.home-brand .b4{left:0;top:150px;padding:15px 20px}
.home-brand .b5{left:180px;top:136px;padding:20px}
.home-brand .b6{right:150px;top:110px;padding:20px 30px;z-index:2}
.home-brand .b7{right:10px;top:170px;padding:20px}
.brand-action{
	display: block; width: 310px; line-height: 46px; background:#eb5e5e; color: #fff; border-radius:5px; margin: 70px auto 0; text-align: center;
}
.tab-title3{justify-content: space-between;height:40px;width:250px;margin:0 auto 36px;background: #f8f9fb;border-radius:20px}
.tab-title3 li{cursor: pointer;font-size:16px;flex:0 0 120px;text-align: center;line-height:39px}
.tab-title3 li.cur{background: #eb5e5e;color:#fff;border-radius:20px}
/*.tab-content3{opacity: 0;height:0;overflow: hidden}*/
/*.tab-content3.cur{opacity: 1;height:auto}*/

.home-case-con .item{border-radius: 15px;overflow: hidden;position: relative;overflow: hidden;}
.home-case-con .item p{position: absolute; bottom: 0; left: 0;width: 100%; background-color: rgba(0,0,0,0.5);color: #fff;padding: 10px 15px;}
.home-case-con .item img{width: 100%;transition: all 0.3s;}
.home-case-con .item:hover img{transform: scale(1.05,1.05);}
.home-case .next,.home-case .prev{width: 50px;height: 50px;}
.home-case .next:after,.home-case .prev:after{display: none;}
.home-case .next{right: 0;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTE4Mzc0NjUxNzhGMTFFREI5RjVGMkRFQzExNTRBRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTE4Mzc0NjYxNzhGMTFFREI5RjVGMkRFQzExNTRBRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTgzNzQ2MzE3OEYxMUVEQjlGNUYyREVDMTE1NEFGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTgzNzQ2NDE3OEYxMUVEQjlGNUYyREVDMTE1NEFGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PptQ4dMAAAGaSURBVHja7NqxSgNBFAXQHW0DVnaWVoK1hYUyjY2KdQR7axv9Azs7/YH4DRaCvWJnY2EVQhpBiEUKQdb3YALDspPsvpk474ZcuJAigT1hCcmdmLIsi0XISrEgEUOMMT3qmNqlFikrCt9aklLe+eXUX+pJyndXdD0RkH3q2GF+qMeoEI6tYI5QIZwDhygdyqJCCndbJcPkhNRhdlEhnK77FOMnjKg7qBDOaSxGC4Rz5iDcL+o2KoRz7mE+22C0QeowW6gQzoWHGVA3USGcyzYYzRDOlYfpUzdQIZxrD/MRwiBAGmFQIJwbD/NGXUeF8M/AuxAGCRLCrCFCJpieh3mmdhAhnFXqvYe5RYVMMI8O8i25Hi27Fn/tf3WPO/89B6WMP2K8oN5a1SVmDxFi67YxNIgNDXxIEDttpUSB2FlTKwLE376Ce7F2SCOEdkhjhGZIK4RWSGuERogIoQ0iRmiCRCG0QKpnJKKjOG0HPeJTq+XRWyQkKSIXJDkiB2QuiByQ0TwQUkjMivJAHVIPqU+5Zxiz/L+WsvwJMABDvC847TyqHAAAAABJRU5ErkJggg==);margin-right: -50px;}
.home-case .prev{left: 0;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEE3ODQ3MEIxNzhGMTFFRDg3ODY5N0EwMTQ0NTEwRTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEE3ODQ3MEMxNzhGMTFFRDg3ODY5N0EwMTQ0NTEwRTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQTc4NDcwOTE3OEYxMUVEODc4Njk3QTAxNDQ1MTBFOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQTc4NDcwQTE3OEYxMUVEODc4Njk3QTAxNDQ1MTBFOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuK/lGUAAAGzSURBVHja7NqxSgNBEAbgnLaBVHYprQRrCwvlmjRJsE7A3trGvIGdnb5A8gwpAukjdmlSWInYBIRYpBDknIUtlvUw3uzszszhwk/a/cje7ezsZUVRNOow9ho1GWhIlmXUGUC2kDFqQmZpYUI8LiBfZjqQFWo+AiB9yKdFbCHnGiE9D5FjVwknJLeTLyymE7LcuSA+oh/63HJATn9DaIGcQDYWYd5SA6o3aUqIjxhSbgmpIMeQd4swuaTe21JADGLtIK5ibNKxIUdVERIhh5BXB3Eds2yKBfERN7HrvxiQNuTFQYxSFLLUEIN4dhC3qSpySggJghtyAFk6iLuQGoYL4iMezAFSG6RFjeCANCELBzGmQHBA7h3EBLJPdWxMDfmwiBklAgsJ6Ws17e+TLct5R8A/8ug3DbQurbOyDohGSFlPKtcKiYLhLFFIMdxFIxlGQhnvYkp7VpoOVsEYSUfdIIy05gMaI7EdhMJIbdBVxkhumVbCSG9i/xmj4Vqht+tuRNNFT16Hi55aXb3txGi8ni7FaP1g4AdGK8THbFJ3USjHHNKFvEGmqI98/r/XEja+BRgAvDUvOINMZwgAAAAASUVORK5CYII=);margin-left: -50px;}


.home-feedback{
	margin-bottom: 50px;
}
.home-feedback .row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.home-feedback input{
	width: calc((100% - 30px) / 2);
}
.home-feedback textarea{
	width: 100%;
}

.home-feedback input,
.home-feedback textarea{
	border-radius: 8px;
	background-color: #f9fafc;
	padding: 10px 15px;
	line-height: 30px;
	border: none;
}

.hx-home-case{
	background: url("../images/hx-home-case-bg.jpg") no-repeat center top;
	padding: 20px 0 10vh;
}
.hx-home-case .blank{
	display: flex;
	align-items: center;
	padding: 30px 0;
}
.hx-home-case .blank h1{
	font-weight: 900;
	font-size: 46px;
	color: #fff;
	line-height: 1.5em;
	padding: 0 0 0 4%;
}

.hx-home-box-con{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 10vh;
}
.hx-home-box-con .item{
	flex: 1;
	cursor: pointer;
	/* width: calc((100% - 90px) / 4); */
	border-radius: 10px;
	background-color: #fff;
	padding: 30px 30px 40px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.03);
	margin-right: 30px;
	transition: all 0.3s;
}
.hx-home-box-con .item:nth-last-child(1){
	margin-right: 0;
}
.hx-home-box-con .item .icon{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 75px;
	height: 75px;
	margin: 0 auto 30px;
	overflow: hidden;
	transition: all 0.3s;
}
.hx-home-box-con .item h2{
	line-height: 1em;
	margin-bottom: 20px;
	color: #333;
	transition: all 0.3s;
}
.hx-home-box-con .item p{
	font-size: 14px;
	color: #999;
	line-height: 1.8em;
	transition: all 0.3s;
}
.hx-home-box-con .item:hover{
	margin-top: -5px;
	margin-bottom: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.hx-home-box-con .item:hover h2{
	color: #000;
}
.hx-home-box-con .item:hover p{
	color: #333;
}
.hx-home-box-con .item:hover .icon{
	justify-content: flex-end;
}
.hx-home-box-con .item2{
	padding: 30px 20px;
	border: 1px solid #eee
}
.hx-home-box-con .item2 .icon{
	width: 80px;
	height: 80px;
}
.hx-home-box-con .item3{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: none;
	text-align: left;
	box-shadow: none !important;
	padding: 10px 0 15px;
	margin: 0 !important;
	/* flex: none; */
}
.hx-home-box-con .item3 .text{
	flex: 1;
	padding-left: 10px;
}
.hx-home-box-con .item3 .icon{
	width: auto;
	height: auto;
	margin-top: 4px;
}
.hx-home-box-con .item3 h2{
	margin-bottom: 0;
	font-size: 18px;
	line-height: 30px;
}
.swiper-pagination-bullet-active{background-color: #eb5e5e !important;}
.pages{text-align: center; margin-top: 30px;display: flex;align-items: center;justify-content: center;}
.pages a, .pages span{ display: inline-block; margin: 0 8px; border:1px solid #d9d9d9; color: #999; border-radius: 5px;padding: 0 10px; line-height: 30px; transition: all 0.5s}
.pages span, .pages a:hover, .pages .active a{color: #fff; background: #eb5e5e; border:1px solid #eb5e5e;}
.home-news{margin-bottom:60px}
.home-news .title{text-align:center;font-size:30px;font-weight: 500;padding:60px 0 20px}
.home-news .hot{flex:0 0 60%;width:60%;background: #f8f9fb;height:310px;display:flex}
.home-news .hot dt{flex:0 0 50%}
.home-news .hot dt img{height:100%}
.home-news .hot dd{flex:0 0 50%;padding: 20px 15px}
.home-news .hot .name{color:#eb5e5e;font-size:18px}
.home-news .hot .date{display:block;color:#999;padding:12px 0 20px}
.home-news .hot p{font-size:15px;line-height:2}
.home-news .list{flex:0 0 40%;width:40%;padding-left:18px}
.home-news .list li{display:flex;justify-content: space-between;line-height:44px}
.home-news .list a{flex:0 0 calc(100% - 115px);width:calc(100% - 115px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-news .list a:hover{color:#eb5e5e}
.home-news .list span{width:110px;color:#999}
.home-news .swiper-pagination{text-align: right;padding-right:10px}
.home-news .swiper-pagination-bullet-active{background: #eb5e5e}
.footer-ad{height:210px;padding-top:30px;background: url("../images/footer-ad.jpg") no-repeat 0 center;text-align: center}
.footer-ad p{color:#fff;font-size:20px;line-height:1.9;margin-bottom:20px}
.footer-ad p img{}
.footer-ad > a{display: inline-block; width:190px;line-height: 45px; font-size: 16px; background: transparent;border:solid 1px;border-radius:3px;text-align: center;color:#fff;transition:.5s;}
.footer-ad > a:hover{background: #f5f5f5;color:#eb5e5e}
.footer{background:#303030;border-bottom:solid 1px #3e3e3e}
.footer .advantage{padding-top:25px;padding-bottom:25px;justify-content: space-between}
.footer .advantage .item{flex:0 0 23%;color:#fff;display:flex}
.footer .advantage img{}
.footer .advantage dl{margin:4px 0 0 12px}
.footer .advantage dt{font-size:15px;color: #fff;}
.footer .advantage dd{color:#eee}
.footer .link{justify-content: space-between;padding-top:30px;padding-bottom:30px;display:none;}
.footer .link dl{}
.footer .link dt{color:#fff;font-size:17px;height:38px}
.footer .link dd{height:28px;color:#777}
.footer .link dd a:hover {color:#eee}
.footer .friend{padding-top:20px;padding-bottom:20px}
.footer .link dd a,
.footer .friend,
.footer .friend a,
.footer .contact,
.footer .copyright,
.footer .copyright a{color:#777}
.footer .copyright{padding-top:20px;padding-bottom:20px;text-align: center}
.footer .copyright p{display:inline-block}
.footer .copyright p:last-child{padding-left:30px}
.footer .contact{text-align: center;display:none;padding:20px 0}
.footer .friend a{ margin-right: 10px;}
.business-popup{padding:30px 80px;position:fixed;left:50%;top:25%;z-index:-10;opacity:0;background:#fff;width:820px;margin-left:-410px;border-radius:16px;box-shadow:0 0 11px 1px rgba(0,0,0,.1)}
.business-popup.visible{bottom:auto;z-index:950;opacity:1;transition:opacity .3s}
.business-popup .title{text-align: center;font-size:24px;height:60px}
.business-popup .row{justify-content: space-between}
.business-popup .team{flex:0 0 48%;display:flex;min-height:50px;border:solid 1px #ddd;background: #f7f8fa;margin-bottom:28px;padding-left: 12px}
.business-popup .team.cur{border:solid 1px #eb5e5e;}
.business-popup .team label{color:#333;padding-top:14px}
.business-popup .team input[type=text]{border:0;background: transparent;width:200px;}
.business-popup .team.long{flex:0 0 100%}
.business-popup .team.long input[type=text]{}
.business-popup .team textarea{flex-grow: 2;border:0;background: transparent;height:100px;margin-top:3px}
.business-popup .action{text-align: center}
.business-popup input[type=submit]{width:230px;height:46px;background: #eb5e5e;color:#fff;border-radius:5px}
.business-popup .close{position:absolute;right:20px;top:20px;cursor: pointer}
.business-popup .close:before{content:'\e61e';font-family: iconfont;font-size:20px}
.banner-page{height:400px;background-repeat:no-repeat;background-position:center 0;background-size:auto 100%;position:relative}
.banner-page .openPopup{height:100%;width:100%;display: block;opacity: 0}
.banner-page .text{text-align: center;color:#fff;padding-top:100px}
.banner-page .text h3{font-size:38px}
.banner-page .text p{font-size:17px;padding-top:15px}
.banner-page .formbox{
	width: 330px;
	height: 300px;
	background-color: #fff;
	border-radius: 15px;
	overflow: hidden;
	padding: 0 20px;
	margin-top: 40px;
}
.banner-page .formbox h2{
	color: #826b6b;
	font-size: 20px;
	line-height: 60px;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}
.banner-page .formbox h2 span{
	font-size: 16px;
	margin-left: 10px;
}
.banner-page .formbox input{
	border: 1px solid #ddd;
	line-height: 28px;
	width: 100%;
	display: block;
	height: 42px;
	padding: 6px 10px;
}
.banner-page .formbox input[type="submit"]{
	border: none;
	background-color: #fc5050;
	color: #fff;
	text-align: center;
	padding: 0;
	height: 40px;
	border-radius: 5px;
}
.banner-page .formbox textarea{
	border: 1px solid #ddd;
	line-height: 28px;
	width: 100%;
	display: block;
	height: 82px;
	margin: 15px 0;
	padding: 6px 10px;
	resize:none;
}
.contact-items{margin:80px auto;justify-content:space-between}
.contact-items .item{flex:0 0 31.5%;padding:30px 20px;border-radius:15px;background: #fff;box-shadow: 0 0 12px 2px rgba(0,0,0,.1)}
.contact-items .item figure{display:inline-block;vertical-align:13px}
.contact-items .item figure img{transition: .5s}
.contact-items .item dl{display:inline-block;margin-left:12px}
.contact-items .item dt{font-size:17px;height:30px}
.contact-items .item dd{color:#777}
.contact-items .item:hover{background:#fefefe;box-shadow: 0 0 15px 2px rgba(0,0,0,.1)}
.contact-items .item:hover figure img{transform: rotate(360deg);}
.page-title{text-align:center;position:relative;margin:40px 0 40px;padding-bottom:20px}
.page-title:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:2px;background: #333}
.page-title span{font-size:33px}
.page-title small{display:block;color:#999;font-size:16px;margin-top:9px}
.page-title.white{color:#fff}
.page-title.white:before{background: #fff;width:30px;margin-left:-15px}
.page-title.white small{color:#fff}
.common-title{text-align: center;margin:40px 0 40px;font-size:33px}
.feedback{}
.feedback .row{max-width:680px;margin:25px auto}
.feedback input[type=text]{width:100%;height:50px;padding-left:12px;border:solid 1px #ddd;background: #f7f8fa}
.feedback input[type=text].cur{border:solid 1px #eb5e5e;}
.feedback input[type=submit]{width:230px;height:46px;background: #eb5e5e;color:#fff;border-radius:5px}
.case-turns{position:relative}
.case-turns .bg{position:absolute;left:0;top:300px;z-index:-1;width:135px;height:155px;background: url("../images/bg-left.png") no-repeat}
.case-turns .swiper-slide{width: 580px;height:430px;margin-top:9px}
.case-box{margin-bottom:30px;background: #fff;padding:17px;border-radius:12px;box-shadow:0 0 12px 1px rgba(0,0,0,.1)}
.case-item a{display: block;}
.case-item figure{position:relative}
.case-item figure img{width:100%}
.case-item figure span{position:absolute;right:7px;bottom:7px;background: #fff;width:110px;height:36px;line-height:35px;opacity: .9;border-radius:3px;text-align: center}
.case-item figure span:after{content:'';width:16px;height:14px;display:inline-block;background: url("../images/show1.png");vertical-align: -2px;margin-left:5px}
.case-item figure:hover span{position:absolute;top:47%;left:50%;margin-left:-55px;background: #e44949;color:#fff;z-index:2}
.case-item figure:hover span:after{background: url("../images/show2.png")}
.case-item figure:hover:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background: #000;opacity: .5}
.case-item article{padding:12px 0}
.case-item article .name{font-size:22px}
.case-item article .name:hover{color:#eb5e5e}
.case-item article .desc{font-size:15px;color:#777;line-height:1.8;padding:9px 0;border-bottom:solid 1px #ddd;}
.case-item article .meta{padding-top:9px}
.case-all .list{justify-content: space-between}
.case-all .case-item{flex:0 0 48.5%}
.case-all .case-item a{display: block; width: 100%;}
.case-all .case-item.long{flex:0 0 100%;}
.case-all .case-item.long a{display:flex;justify-content: space-between}
.case-all .case-item.long figure{flex:0 0 49%}
.case-all .case-item.long article{flex:0 0 49%;padding-top:50px}
.about-info{margin-top:-120px;justify-content:space-between;position:relative;z-index:2;background: #fff;padding:30px;border-radius:12px;box-shadow:0 0 15px 1px rgba(0,0,0,.1)}
.about-info figure{flex:0 0 38%;overflow: hidden;}
.about-info figure img{width:100%;transition: .3s}
.about-info figure:hover img{transform: scale(1.05)}
.about-info article{flex:0 0 60%}
.about-info{font-size:16px;line-height:2}
.about-info .introduce{}
.about-info .introduce strong{font-size:30px}
.about-info .desc{margin-top:20px}
.about-info .desc strong{display:block;font-size:15px}
.about-info .desc strong:before{content: '';display: inline-block;width: 4px;height: 4px;background: #eb6262;vertical-align: 4px;margin-right: 9px}
.about-info .desc p{}
.about-num{justify-content: space-between;margin:50px auto;max-width:960px}
.about-num dl{}
.about-num dt{font-size:16px;color:#777}
.about-num dd{font-size:50px;font-weight:600}
.about-image{position:relative;height:800px}
.about-image figure{position:absolute;box-shadow:0 0 10px 1px rgba(0,0,0,.05);border-radius:15px}
.about-image figure img{width:100%;border-radius:15px;transition: .3s}
.about-image figure img:hover{transform: scale(1.05)}
.about-image .img1{top:30px;left:30px}
.about-image .img2{top:340px;left:0}
.about-image .img3{bottom:50px;right:40px}
.about-image article{width:60%;color:#fff;background: #ef6f6f;border-radius:15px;padding:50px;position:absolute;right:0;top:0}
.about-image article h2{font-size:30px;height:80px;position:relative}
.about-image article h2:before{content:'';position:absolute;bottom:20px;left:0;width:40px;height:1px;background: #fff}
.about-image article p{padding:10px 0}
.btn-contact{transition:.2s;margin-top:32px;width:150px;padding:15px 0;font-size:15px;text-align:center;display:inline-block;background: #fff;border-radius:15px 0 15px 0;color:#eb6262}
.btn-contact:hover{background: #eee}
.home-process{min-height:500px;margin:50px 0px;background-size: auto 100%}
.home-process{}
.home-process .inner{overflow:hidden;position:relative;min-height:660px;width:100%;}
.home-process .line{cursor: pointer;position:absolute;right:0;bottom:0;width:100%;user-select: none;}
.home-process .line:before{content:'';position:absolute;top:10px;right:50%;width:1px;height:100%;background: #fff}
.home-process .line .item{padding-bottom:30px;color:#fff;transition:.2s;}
.home-process .line .item.left dl:before,
.home-process .line .item.right dl:before{content:'';top:0;width:24px;height:24px;position:absolute;background:#fff;border-radius:100%;opacity: .3}
.home-process .line .item.left dl:after,
.home-process .line .item.right dl:after{content:'';top:7px;right:-5px;width:10px;height:10px;position:absolute;background:#fff;border-radius:100%;opacity: .9}
.home-process .line .item.left{padding-right:50%;text-align: right}
.home-process .line .item.left dl{padding-right:20px}
.home-process .line .item.left dl:before{right:-12px}
.home-process .line .item.left dl:after{right:-5px}
.home-process .line .item.right{padding-left:50%;text-align: left}
.home-process .line .item.right dl{padding-left:20px}
.home-process .line .item.right dl:before{left:-12px}
.home-process .line .item.right dl:after{left:-5px}
.home-process .line .item dl{;position:relative}
.home-process .line .item dt{font-size:18px;font-weight:600;min-height:30px}
.home-process .line .item dd{font-size:15px;line-height:1.8}
.home-process .line .item:hover {color:#259afc;}
.home-big{text-align: center;padding:60px 0}
.home-big img{max-width:90%}
.about-partner{height:658px;padding:20px 0 50px;margin-bottom:90px;background: url("../images/about-partner.jpg") no-repeat 0 center;background-size: auto 100%}
.about-partner .flex{justify-content: space-between}
.about-partner .big{flex:0 0 300px}
.about-partner .big img{width:100%}
.about-partner .info{flex:0 0 calc(100% - 350px);width:calc(100% - 350px)}
.about-partner .text{color:#fff;font-size:16px;line-height:1.8;padding-left:50px;padding-top:20px}
.about-partner .swiper{margin-top:110px;padding:0 60px;position:relative}
.about-partner .switch{width:50px;height:125px;line-height:120px;position:absolute;top:50px;text-align: center}
.about-partner .switch:before{content:'';border-radius:5px;background:#fff;opacity: .5;position:absolute;top:0;right:0;bottom:0;left:0}
.about-partner .swiper .prev{left:-20px}
.about-partner .swiper .next{right:0}


.newstab{ text-align: center; padding: 50px 0; border-bottom:1px dashed #eee; }
.newstab a{display: inline-block; padding: 0 30px; line-height: 40px; margin: 0 20px; background: #fcfcfc; border-radius: 10px; transition: all 0.5s; font-size: 16px}
.newstab a.active, .newstab a:hover{background: #eb5e5e; color: #fff}
.newsList{ padding-bottom: 60px; }
.newsList .fl{float: left;}
.newsList .fr{float: right;}
.newsList .item{ padding: 30px 0; border-bottom: 1px dashed #eee; }
.newsList .item a{display: block; overflow: hidden;}
.newsList .item a img{ transition: all 0.5s;max-width: 100%; }
.newsList .item a span.imgs{width: 320px; display: flex;overflow: hidden;align-items:center;justify-content:center;max-height: 180px;}
.newsList .item a .texts{width: 850px;}
.newsList .item a .texts h2{color: #000; line-height: 60px; font-size: 18px; transition: all .5s}
.newsList .item a .texts h3{ color: #bebebe; font-size: 13px; transition: all .5s }
.newsList .item a .texts p{ color: #8b8b8b; margin-top: 15px; line-height: 1.6em; transition: all .5s }
.newsList .item a:hover img{ transform: scale(1.05, 1.05); }
.newsList .item a:hover h2{color: #eb5e5e}
.newsList .item a:hover h3, .newsList .item a:hover p{color: #000}
.newsList .pages{ margin-top: 50px; }

.new_detail_box{ line-height: 2em; margin-top: 20px;}
.new_detail_box h2{ color: #000; font-size: 2em; line-height: 1.8em; margin-bottom: 20px;}
.new_detail_box h4{ color: #999; margin: 10px 0 20px;}
.new_detail_box img{ max-width: 100%;}
.page2{ margin:20px 0; padding-top:20px; border-top:1px solid #f5f5f5}
.page2 a{ color: #666; transition: all 0.3s; width: 100%; display: block;}
.page2 a:hover{ color: #eb5e5e}


.serviceCase{overflow:hidden;margin-bottom:50px}
.serviceCase .item{width: 370px; margin: 0 20px 20px; float: left}
.serviceCase .item:nth-child(3n){margin-right:0}
.serviceCase .item h2{ background: url('../images/servicecaseicon.png') #fff9f9 no-repeat 5px center; color: #000; font-size: 13px; line-height: 20px; padding: 5px 20px 5px 30px; margin-bottom: 6px; display: inline-block}
.serviceCase .item h3{ font-size: 16px; line-height: 45px; margin-top: 15px; border-top: 1px solid #eee; transition: all 0.5s; color: #010101; }
.serviceCase .item h3 b{max-width: 90%; display: inline-block;font-style:normal;font-weight:500;margin:0;padding:0}
.serviceCase .item h3 i{color: #979797; float: right; font-size: 13px; transition: all 0.5s;font-style:normal;font-weight:500;margin:0;padding:0}
.serviceCase .item img{ transition: all 0.5s }
.serviceCase .item:hover img{ transform: scale(1.05, 1.05); }
.serviceCase .item:hover h3, .serviceCase li:hover h3 i{color: #eb5e5e}
.serviceEnterprise{
	padding: 20px 0 100px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1920px;
}

@media (max-width:1366px){
  .home-banner .swiper-slide{background-size:auto 100%}
  .nav{padding-left:0}
  .nav li{padding:0 10px}
  .head-tel{padding:5px 9px}
  .home-brand .box{margin-top:-50px;flex: 0 0 320px;height:300px;padding:30px 20px 20px}
  .home-brand .box .num{font-size:70px}
  .home-brand .box sup{vertical-align:40px}
  .home-brand .list{transform: scale(.8,0.8)}
  .banner-page{height:30vw}
}
@media (max-width:1024px){
  .nav li > a{font-size:14px}
  .home-banner .swiper-slide{height:450px;background-size: auto 100%}
  .home-business li{padding:20px 15px 20px 75px;background-position: 15px 30px;border-radius:9px;position:relative}
  .footer .advantage .item{flex:0 0 48%;margin-bottom:20px}
}

@media (max-width:768px){
  .footer .advantage .item{flex:0 0 50%;margin-bottom:20px;text-align:center;display:block}
  .footer .advantage img{width:40px;height:40px;margin:12px auto}
  .footer .advantage dl{margin:0}
  .footer .advantage dt{font-size:14px}
  .footer .advantage dd{font-size:12px}
  .footer .link,
  .footer .friend{display:none}
  .footer .copyright{font-size:12px}
  .footer .copyright p{display:block}
  .footer .copyright p:last-child{padding-left:0}
  .footer .contact{display:block}
}
@media (max-width:414px){
  .footer .advantage img{width:30px;height:30px}
  .footer .advantage dt{font-size:14px}
  .footer .advantage dd{font-size:12px}
}
.service-tab{
	background: url(../images/service-bg.jpg) no-repeat center;
	margin-top: 20px;
}
.service-tab .service-text{
	padding: 20px 0 0 30px;
}
.service-tab .service-text h2{
	color: #eb5e5e;
	font-size: 24px;
}
.service-tab .service-text h3{
	color: #eb5e5e;
	font-family: arial;
	padding: 10px 0 15px;
}
.service-tab .service-text h4{
	margin: 20px 0;
}
.service-tab .service-text h4 span{
	display: inline-block;
	padding: 0 10px;
	line-height: 30px;
	background: #efefef;
	color: #9c9c9c;
	border-radius: 30px;
	margin-right: 10px;
}
.service-tab .service-text p{
	color: #475669;
	line-height: 1.8em;
	font-size: 14px;
}
.service-tab .service-text ul{
	margin-top: 20px;
	width: 100%;
	overflow: hidden;
}
.service-tab .service-text ul li{
	display: block;
	float: left;
	width: calc(100% / 5);
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	cursor: pointer;
	transition: all 0.3s;
}
.service-tab .service-text ul li:before{
	content: '';
	display: block;
	width: 65px;
	height: 65px;
	background-color: #fff;
	border-radius: 10px;
	margin: 5px auto;
	background-size: 100%;
	box-shadow: 0 0 10px #ddd;
	transition: all 0.3s;
}
.service-tab .service-text ul li:nth-child(1){
	margin-left: -24px;
}
.service-tab .service-text ul li:nth-child(1):before{
	background-image: url(../images/home-service-1.png);
}
.service-tab .service-text ul li:nth-child(2):before{
	background-image: url(../images/home-service-2.png);
}
.service-tab .service-text ul li:nth-child(3):before{
	background-image: url(../images/home-service-3.png);
}
.service-tab .service-text ul li:nth-child(4):before{
	background-image: url(../images/home-service-4.png);
}
.service-tab .service-text ul li:nth-child(5):before{
	background-image: url(../images/home-service-5.png);
}
.service-tab .service-text ul li:hover{
	color: #eb5e5e;
	margin-top: -5px;
}
.service-tab .service-text ul li:hover:before{
	background-color: #eb5e5e;
}
.service-tab .service-text ul li:hover:nth-child(1):before{
	background-image: url(../images/home-service-1h.png);
}
.service-tab .service-text ul li:hover:nth-child(2):before{
	background-image: url(../images/home-service-2h.png);
}
.service-tab .service-text ul li:hover:nth-child(3):before{
	background-image: url(../images/home-service-3h.png);
}
.service-tab .service-text ul li:hover:nth-child(4):before{
	background-image: url(../images/home-service-4h.png);
}
.service-tab .service-text ul li:hover:nth-child(5):before{
	background-image: url(../images/home-service-5h.png);
}

.serviceBanner{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1920px 100%;
	padding: 40px 0 70px;
	overflow: hidden;
}
.serviceBanner .left{
	padding: 35px 0;
	float: left;
}
.serviceBanner h2{
	color: #fff;
	font-size: 42px;
	line-height: 60px;
}
.serviceBanner p{
	color: #fff;
	line-height: 1em;
	margin-top: 15px;
	font-size: 18px;
}
.serviceBanner .right{
	border-radius: 10px;
	background-color: #fff;
	float: right;
	padding: 20px 30px;
}
.serviceBanner .right .itm{
	line-height: 35px;
	overflow: hidden;
	padding: 5px 0;
}
.serviceBanner .right .itm span,
.serviceBanner .right .itm img,
.serviceBanner .right .itm a,
.serviceBanner .right .itm i{
	float: left;
	display: block;
	font-style: normal;
}
.serviceBanner .right .itm span{
	font-size: 17px;
	color: #393939;
	margin: 0 5px 0 10px;
}
.serviceBanner .right .itm img{
	margin-top: 5px;
	float: left;
}
.serviceBanner .right .itm i{
	font-size: 17px;
	color: #e92937;
}
.serviceBanner .right .itm a{
	padding: 0 30px;
	background-color: #e92937;
	color: #fff;
	border-radius: 5px;
}
.serviceBox01{
	margin-top: -35px;
}
.serviceBox01con{
	border-radius: 15px;
	padding: 20px;
	display: flex;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	background: url(../../assets/img/serviceLine.png) #fff no-repeat center 152px;
}
.serviceBox01Bs{
	background: #fcfcfc;
	padding-bottom: 50px;
	margin-top: 30px;
}
.serviceBox01Bs .serviceBox01con{
	border-radius: 0;
	box-shadow: none;
	background-color: transparent
}
.serviceBox01con .item{
	flex: 1;
	text-align: center;
}
.serviceBox01con .item h2{
	font-size: 20px;
	color: #000;
	line-height: 1.8em;
}
.serviceBox01con .item p{
	color: #8f8e8e;
	font-size: 14px;
}
.serviceBox01con .item i{
	font-size: 14px;
	color: #e92937;
	display: inline-block;
	line-height: 35px;
	width: 35px;
	text-align: center;
	font-style: normal;
	font-family: arial;
	border-radius: 50%;
	background-color: #f6f8fa;
	margin-top: 15px;
}
.serviceBox01Bs .serviceBox01con .item i{
	color: #fff;
	background-color: #e92937;
}
.serviceTitle{
	padding: 50px 0;
	text-align: center;
}
.serviceTitle h2{
	color: #000;
	font-size: 38px;
	line-height: 1em;
	margin-bottom: 25px;
}
.serviceTitle p{
	color: #6a6a6a;
	font-size: 15px;
	line-height: 1em;
}
.serviceTitle.white h2,
.serviceTitle.white p{
	color: #fff;
}
.serviceBox02{
	max-width: 1260px;
	padding: 0 5px;
	display: flex;
	margin-bottom: 30px;
}
.serviceBox02 .item{
	flex: 1;
	padding: 10px 12px;
}
.serviceBox02 .item a{
	display: block;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(133,133,133,0.1);
	text-align: center;
	padding: 15px 0 50px;
	transition: all 0.3s;
}
.serviceBox02 .item h2{
	font-size: 24px;
	line-height: 1.5em;
	margin-top: 10px;
}
.serviceBox02 .item i{
	width: 30px;
	height: 1px;
	background-color: #e92937;
	display: inline-block;
	margin: 15px 0;
}
.serviceBox02 .item p{
	line-height: 2em;
	font-size: 15px;
}
.serviceBox02 .item span{
	margin-top: 30px;
	background-color: #eb5e5e;
	color: #fff;
	border-radius: 10px;
	padding: 0 30px;
	line-height: 40px;
	font-size: 16px;
	display: inline-block;
	transition: all 0.3s;
}
.serviceBox02 .item a:hover{
	margin-top: -5px;
	margin-bottom: 5px;
	box-shadow: 0 0 15px rgba(133,133,133,0.4);
}
.serviceBox02 .item span:hover{
	background-color: #e92937;
}
.serviceBox03{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1920px;
	overflow: hidden;
	padding-bottom: 20px;
}
.serviceBox03con01{
	display: flex;
	overflow: hidden;
	width: 100%;
	padding: 15px 0;
}
.serviceBox03con01 .itm{
	flex: 1;
	text-align: center;
}
.serviceBox03con01 .itm h2{
	font-size: 100px;
	color: #fff;
	font-family: arial;
}
.serviceBox03con01 .itm p{
	color: #fff;
	font-size: 16px;
}
.serviceBox03con02{
	border-radius: 15px;
	padding: 40px 20px 20px;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	background: #fff;
	margin-top: 50px;
	overflow: hidden;
}
.serviceBox03con02 .itm{
	float: left;
	width: calc(100% / 3);
	text-align: center;
	margin-bottom: 35px;
}
.serviceBox03con02 .itm h2{
	font-size: 22px;
	color: #000;
	margin-bottom: 15px;
	margin-top: 10px;
}
.serviceBox03con02 .itm p{
	color: #475669;
	font-size: 15px;
}
.serviceBox04{
	overflow: hidden;
	padding: 100px 0;
	position: relative;
}
.serviceBox04:before{
	content: '';
	display: block;
	height: calc(100% - 200px);
	width: 1px;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translateY(-50%);
	background-color: #eee;
}
.serviceBox04 .left{
	float: left;
	margin-left: 20px;
	text-align: center;
}
.serviceBox04 .left h2,
.serviceBox04 .right h2{
	color: #000;
	font-size: 38px;
	line-height: 1em;
	margin-bottom: 20px;
}
.serviceBox04 .left p,
.serviceBox04 .right p{
	color: #363636;
	font-size: 18px;
}
.serviceBox04 .left img{
	margin: 30px 0;
}
.serviceBox04 .right{
	float: right;
	width: 520px;
	text-align: center;
}
.serviceBox04 .right form{
	margin-top: 50px;
	width: 100%;
}
.serviceBox04 .right form input{
	width: 100%;
	display: block;
	height: 60px;
	line-height: 60px;
	background: #eee;
	border-radius: 5px;
	margin-bottom: 20px;
	border: none;
	padding: 0 20px;
}
.serviceBox04 .right form input[type="submit"]{
	margin-top: 50px;
	margin-bottom: 0;
	background-color: #eb5e5e;
	color: #fff;
	font-size: 18px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix{
	clear: both;
}
.specialpage1box1{
	background: #fafbfd;
	margin-top: 50px;
	padding-bottom: 50px;
	overflow: hidden;
}
.specialpage1box1 .text{
	width: 580px;
}
.specialpage1box1 .text p{
	line-height: 2em;
	margin-top: 5px;
}
.specialpage1box1 .text p span{
	color: #000;
	font-weight: 600;
	font-size: 16px;
	margin-right: 15px;
}
.specialpage1box1 .text ul{
	display: flex;
	margin-top: 20px;
}
.specialpage1box1 .text ul li{
	flex: 1;
	text-align: center;
}
.specialpage1box1 .text ul li span{
	display: inline-block;
	width: 65px;
	height: 65px;
	overflow: hidden;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 10px #eee;
}
.specialpage1box1 .text ul li p{
	color: #7b7b7b;
	margin: 0;
}
.specialpage1box1 .text ul li.mos{
	line-height: 50px;
	flex: none;
	width: 30px;
	color: #eb5e5e;
	font-size: 34px;
}
.specialpage1box1 .text ul li img,
.specialpage1box1 .text ul li span,
.specialpage1box1 .text ul li p{
	transition: all 0.3s;
}
.specialpage1box1 .text ul li:hover img{
	margin-top: -65px;
}
.specialpage1box1 .text ul li:hover span{
	background: #eb5e5e;
}
.specialpage1box1 .text ul li:hover p{
	color: #eb5e5e;
}
.specialpagemore{
	margin-top: 40px;
	text-align: center;
}
.specialpagemore a{
	display: inline-block;
	padding: 0 50px;
	color: #fff;
	background: #eb5e5e;
	border-radius: 5px;
	line-height: 45px;
	transition: all 0.3s;
}
.specialpagemore a:hover{
	background-color: #d13d3d;
}
.specialpage1box2{
	display: flex;
	margin-bottom: 50px;
}
.specialpage1box2 .item{
	padding: 5px;
	flex: 1;
}
.specialpage1box2 .item a{
	display: block;
	width: 100%;
	background-color: #fcfcfc;
	border-radius: 10px;
	padding: 40px 25px 300px;
	overflow: hidden;
	position: relative;
}
.specialpage1box2 .item.active{
	flex: none;
	width: 390px;
}
.specialpage1box2 .item a h2{
	font-size: 19px;
	font-weight: 600;
	line-height: 50px;
}
.specialpage1box2 .item a h3{
	text-transform: uppercase;
	color: #929292;
	line-height: 40x;
	font-size: 14px;
}
.specialpage1box2 .item a i{
	display: block;
	width: 50px;
	height: 2px;
	margin: 20px 0;
	background-color: #eb5e5e;
}
.specialpage1box2 .item a p{
	line-height: 2em;
	color: #666666;
	height: 60px;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;//当属性值为3，表示超出3行隐藏
}
.specialpage1box2 .item a h4{
	color: #eb5e5e;
	margin: 20px 0;
}
.specialpage1box2 .item a h4 span,
.specialpage1box2 .item a h4 img{
	vertical-align: middle;
}
.specialpage1box2 .item a > img{
	position: absolute;
	right: -35%;
	bottom: 0;
	transition: all 0.3s;
}
.specialpage1box2 .item.active a > img{
	right: 0;
}
.specialpage1box3{
	background: #fafbfd;
	padding-bottom: 80px;
}
.specialpage1box3 ul{
	display: flex;
}
.specialpage1box3 ul li{
	flex: 1;
	text-align: center;
	padding: 5px;
}
.specialpage1box3 ul li a{
	display: block;
	background: #fff;
	border-radius: 10px;
	padding: 70px 0;
	transition: all 0.3s;
}
.specialpage1box3 ul li a span{
	display: inline-block;
	height: 85px;
	width: 85px;
	border-radius: 50%;
	background-color: #fff;
	overflow: hidden;
	transition: all 0.3s;
	box-shadow: 0 0 10px rgba(255,208,208,0.6);
	margin-bottom: 20px;
}
.specialpage1box3 ul li a p{
	height: 90px;
	line-height: 2em;
}
.specialpage1box3 ul li a span img{
	transition: all 0.3s;
}
.specialpage1box3 ul li a:hover{
	margin-top: -15px;
	margin-bottom: 15px;
	box-shadow: 0 0 10px #ddd;
}
.specialpage1box3 ul li a:hover span{
	background: #eb5e5e;
}
.specialpage1box3 ul li a:hover span img{
	margin-top: -85px;
}
.specialpage1caselist{
	overflow: hidden;
}
.specialpage1caselist li{
	padding: 10px;
	width: 33.33%;
	float: left;
	margin-bottom: 30px;
}
.specialpage1caselist li a{
	display: block;
	position: relative;
	padding-bottom: 20px;
	overflow: hidden;
}
.specialpage1caselist li a img{
	width: 100%;
	transition: all 0.3s;
}
.specialpage1caselist li a p{
	position: absolute;
	bottom: 10px;
	left: 50%;
	line-height: 40px;
	padding: 0 30px;
	background: #fff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 10px;
	min-width: 190px;
	text-align: center;
	box-shadow: 0 0 10px rgba(243,107,86,0.4);
	transform: translate(-50%,0);
}
.specialpage1caselist li a:hover img{
	transform: scale(1.05,1.05);
}

.img{ width: 100%; }
.posX_center {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.posY_center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.posXY_center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	-webkit-transform: translate(-50% , -50%);
	-moz-transform: translate(-50% , -50%);
	-o-transform: translate(-50% , -50%);
	-ms-transform: translate(-50% , -50%);
}
.clearfix::before,.clearfix::after{
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	overflow: hidden;
}
.clearfix {
	zoom: 1;
}
.pos_re{
	position: relative;
}
.pos_ab{
	position: absolute;
}
.pos_fx{
	position: fixed;
}
.ellipsis{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box2List{width: 1240px;max-width:1240px; margin-bottom: 50px; overflow: hidden;}
.box2List .item{width: 210px; margin: 0 10px; box-sizing: border-box; padding: 10px 10px 20px; border:1px solid #f0f0f0; text-align: center; float: left; transition: all 0.5s;background: #fff}
.box2List .item span{ width: 75px; height: 75px; display: block; overflow: hidden; margin: 20px auto; }
.box2List .item h2{ line-height: 50px; font-weight: 900; color: #000; font-size: 20px; transition: all 0.5s }
.box2List .item h3{color:#979797; transition: all 0.5s}
.box2List .item h5{ margin-bottom: 10px; transition: all 0.5s}
.box2List .item p{ color: #989999; font-size: 14px; line-height: 1.8em; min-height: 55px }
.box2List .item img{transition: all 0.5s}
.box2List .item img.iconhov{width: 0; height: 0;}
.box2List .item img.icon{width: 75px; height: 75px;}
.box2List .item .line{width: 100%; height: 1px; background: #eee; margin: 20px 0;}
.box2List .item.active{background: #eb5e5e;width: 300px;}
.box2List .item.active h2, .box2List .item.active h3, .box2List .item.active h5{color: #fff}
.box2List .item.active .line{background: #f5afaf; transition: all 0.5s}
.box2List .item.active p{color: #ffd6d6}
.box2List .item.active img.icon{width: 0; height: 0;}
.box2List .item.active img.iconhov{width: 75px; height: 75px;}

.specialpage2box1{
	overflow: hidden;
	margin-bottom: 80px;
}
.specialpage2box1 .etxt{
	width: 50%;
	height: 290px;
	text-align: center;
}
.specialpage2box1 .imgs{
	width: 50%;
	height: 290px;
}
.specialpage2box1 .etxt .itm{
	width: 50%;
	padding: 80px 40px;
	height: 290px;
}
.specialpage2box1 .etxt .itm1{
	background: #f7f7f7;
}
.specialpage2box1 .etxt .itm2{
	background: #fcfcfc;
}
.specialpage2box1 .etxt h2{
	font-size: 30px;
	color: #000;
	line-height: 1em;
	margin-bottom: 30px;
}
.specialpage2box1 .etxt p{
	font-size: 14px;
	color: #7f7f7f;
	line-height: 1.8em;
}
.specialpage2box2{
	overflow: hidden;
	padding-top: 20px;
}
.specialpage2box2 .item{
	width: calc((100% - 50px) / 3);
	margin-right: 25px;
	border-radius: 10px;
	background: url(../../assets/newspecialimg/icon16.png) #fff no-repeat center;
	background-size: 100%;
	padding: 30px 30px 30px 80px;
	margin-bottom: 40px;
}
.specialpage2box2 .item:nth-child(3n){
	margin-right: 0;
}
.specialpage2box2 .item img{
	top: -20px;
	left: 10px;
}
.specialpage2box2 .item h2{
	color: #000;
	font-weight: 600;
	font-size: 18px;
	line-height: 1em;
	margin-bottom: 15px;
}
.specialpage2box2 .item p{
	color: #707070;
	line-height: 1em;
}
.specialpage3box1{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.specialpage3box1 li{
	width: 330px;
	padding: 45px;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(127,127,127,0.15);
	background-color: #fff;
	text-align: center;
	overflow: hidden;
	margin-bottom: 50px;
	transition: all 0.3s;
}
.specialpage3box1 li span{
	width: 75px;
	height: 75px;
	display: inline-block;
}
.specialpage3box1 li span img,
.specialpage3box1 li span h2,
.specialpage3box1 li span p{
	transition: all 0.3s;
}
.specialpage3box1 li span img.h{
	width: 75px;
	height: 75px;
}
.specialpage3box1 li span img.l{
	width: 0;
	height: 0;
}
.specialpage3box1 li h2{
	color: #121212;
	font-size: 22px;
	line-height: 1em;
	padding: 20px 0;
	font-weight: 600;
}
.specialpage3box1 li p{
	color: #787777;
	line-height: 2em;
	font-size: 14px;
}
.specialpage3box1 li:hover{
	background: #eb5e5e;
}
.specialpage3box1 li:hover h2,
.specialpage3box1 li:hover p{
	color: #fff;
}
.specialpage3box1 li:hover .h{
	width: 0;
	height: 0;
}
.specialpage3box1 li:hover .l{
	width: 75px;
	height: 75px;
}
.specialpage2box2 .item{
	width: calc((100% - 60px) / 2);
	margin-right: 60px !important;
}
.specialpage2box2 .item:nth-child(2n){
	margin-right: 0 !important;
}
.specialpage2box2 .item h2{
	font-size: 18px;
	color: #2e2e2e;
}
.specialpage2box2 .item p{
	font-size: 14px;
	line-height: 1.6em;
}
.specialpage3box3{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 50px;
}
.specialpage3box3 li{
	width: 330px;
	padding: 10px;
	border-radius: 15px;
	text-align: center;
	overflow: hidden;
}
.specialpage3box3 li h2{
	color: #121212;
	font-size: 22px;
	line-height: 1em;
	padding: 30px 0 20px;
	font-weight: 600;
}
.specialpage3box3 li p{
	font-size: 14px;
	line-height: 2em;
	color: #707070;
}
.specialpage3box4{
	background: url(../../assets/newspecialimg/img22.jpg) no-repeat center top;
	background-size: 100% 100%;
	padding-bottom: 50px;
}
.specialpage3box4ul{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;
	padding: 20px 0 30px;
}
.specialpage3box4ul li{
	width: 220px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background: #fff;
	overflow: hidden;
	text-align: center;
	padding-bottom: 25px;
}
.specialpage3box4ul li h2{
	font-size: 18px;
	color: #fff;
	line-height: 60px;
}
.specialpage3box4ul li:nth-child(1) h2{
	background-color: #eb5e5e;
}
.specialpage3box4ul li:nth-child(2) h2{
	background-color: #eb5e90;
}
.specialpage3box4ul li:nth-child(3) h2{
	background-color: #965eeb;
}
.specialpage3box4ul li:nth-child(4) h2{
	background-color: #5ea0eb;
}
.specialpage3box4ul li:nth-child(5) h2{
	background-color: #e37600;
}
.specialpage3box4ul li img{
	margin: 40px 0 30px;
}
.specialpage3box4ul li p{
	padding: 0 20px 0 35px;
	position: relative;
	text-align: left;
	margin-bottom: 5px;
	color: #707070;
	line-height: 1.8em;
	font-size: 13px;
}
.specialpage3box4ul li p:before{
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #eb5e5e;
	position: absolute;
	top: 10px;
	left: 20px;
}
.specialpage3box5{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;
	margin-bottom: 50px;
}
.specialpage3box5 li{
	width: 580px;
	background: #fafbfd;
	overflow: hidden;
}
.specialpage3box5 li span{
	display: block;
	height: 240px;
	width: 100%;
}
.specialpage3box5 li .text{
	padding: 30px 40px 20px 40px;
}
.specialpage3box5 li .text h2{
	color: #212121;
	font-size: 20px;
	font-weight: 600;
	line-height: 1em;
	margin-bottom: 25px;
}
.specialpage3box5 li p{
	padding-left: 15px;
	position: relative;
	margin-bottom: 10px;
	color: #707070;
	line-height: 1.8em;
	font-size: 14px;
}
.specialpage3box5 li p:before{
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #eb5e5e;
	position: absolute;
	top: 10px;
	left: 0;
}
.specialpage4box1{
	margin-bottom: 50px;
	text-align: center;
}
.specialpage4box2{
	background-color: #fafbfd;
}
.specialpage4box2con > h1{
	background-color: #eb5e5e;
	font-size: 22px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border-radius: 10px;
	line-height: 60px;
}
.specialpage4box2con ul{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;
	margin-top: 50px;
}
.specialpage4box2con ul li{
	text-align: center;
}
.specialpage4box2con ul li h2{
	font-weight: 600;
	text-align: center;
	line-height: 1em;
	margin-top: 15px;
}
.specialpage4box2con .imgs{
	text-align: center;
	padding-left: 70px;
}

.text_left{text-align: left;}
.text_right{text-align: right;}
.text_center{text-align: center;}

.home-services{padding-top:10px;padding-bottom:50px;background: #fdfdfe;}
.box2zero{ text-align: center; padding: 50px 0; margin: 0 0 50px }
.box2zero .zero{ display: inline-block; width: 340px; height: 340px; margin-top:11px;}
.box2zero .zero img{ top: 0; left: 0; }
.zeroText{width: 1200px; top: 40px; left: 0; z-index: 99}
.zeroText .textBoxs{ width: 400px; }
.zeroText .textBoxs li{ margin-bottom: 93px }
.zeroText .textBoxs li i{ display: block; width: 10px; height: 10px; background: #eb5e5e; border-radius: 50%;animation: zero3 0.3s linear 0s infinite normal; -moz-animation: zero3 0.3s linear 0s infinite normal; -o-animation: zero3 0.3s linear 0s infinite normal; -webkit-animation: zero3 0.3s linear 0s infinite normal; }
.zeroText .textBoxs li h2{ position: relative; color: #313131; font-size: 21px; line-height: 30px; margin-bottom: 5px;}
.zeroText .textBoxs li p{height: 50px;color: #787878;}
.zeroText .textBoxs li.lefts{ margin-right: 50px; }
.zeroText .textBoxs li.lefts i{ right: -20px }
.zeroText .textBoxs li.rights{ margin-left: 60px; }
.zeroText .textBoxs li.rights i{ left: -20px }

.zero_img1{animation: zero1 20s linear 0s infinite normal; -moz-animation: zero1 20s linear 0s infinite normal; -o-animation: zero1 20s linear 0s infinite normal; -webkit-animation: zero1 20s linear 0s infinite normal;}
.zero_img2{animation: zero3 1s linear 0s infinite normal; -moz-animation: zero3 1s linear 0s infinite normal; -o-animation: zero3 1s linear 0s infinite normal; -webkit-animation: zero3 1s linear 0s infinite normal;}
.zero_img3{animation: zero2 35s linear 0s infinite normal; -moz-animation: zero2 35s linear 0s infinite normal; -o-animation: zero2 35s linear 0s infinite normal; -webkit-animation: zero2 35s linear 0s infinite normal;}
.zero_img4{animation: zero7 2s linear 0s infinite normal; -moz-animation: zero7 2s linear 0s infinite normal; -o-animation: zero7 2s linear 0s infinite normal; -webkit-animation: zero7 2s linear 0s infinite normal;}
.zero_img5{animation: zero4 5s linear 0s infinite normal; -moz-animation: zero4 5s linear 0s infinite normal; -o-animation: zero4 5s linear 0s infinite normal; -webkit-animation: zero4 5s linear 0s infinite normal;}
.zero_img6{animation: zero3 1s linear 0s infinite normal; -moz-animation: zero3 1s linear 0s infinite normal; -o-animation: zero3 1s linear 0s infinite normal; -webkit-animation: zero3 1s linear 0s infinite normal;}
.zero_img7{animation: zero3 0.5s linear 0s infinite normal; -moz-animation: zero3 0.5s linear 0s infinite normal; -o-animation: zero3 0.5s linear 0s infinite normal; -webkit-animation: zero3 0.5s linear 0s infinite normal;}
.zero_img8{animation: zero3 2s linear 0s infinite normal; -moz-animation: zero3 2s linear 0s infinite normal; -o-animation: zero3 2s linear 0s infinite normal; -webkit-animation: zero3 2s linear 0s infinite normal;}
@keyframes zero1{
    0%{ transform:rotate(0); }
	33%{ transform:rotate(180deg); }
	66%{ transform:rotate(360deg); }
	100%{ transform:rotate(180deg); }
}
@keyframes zero2{
    0%{ transform:rotate(0); }
	33%{ transform:rotate(-180deg); }
	66%{ transform:rotate(-360deg); }
	100%{ transform:rotate(-180deg); }
}
@keyframes zero3{
    0%{ opacity: 1; }
	50%{ opacity: 0.5; }
	100%{ opacity: 1; }
}
@keyframes zero4{
    0%{ transform:rotate(0); }
	50%{ transform:rotate(180deg); }
	100%{ transform:rotate(360deg); }
}
.specialpage5box1{
	margin-bottom: 30px;
}
.specialpage5box1 .item{
	background-color: #fafbfd;
}
.specialpage5box2{
	background-color: #fafbfd;
	overflow: hidden;
}
.specialpage5box3{
	background: #fff;
}
.specialpage1box3 ul li{
	padding: 5px 10px;
}
.specialpage5box3 ul li a{
	border: 1px solid #e5e5e5;
}
.specialpage5box3 ul li a:hover{
	border-color: transparent;
}
.specialpage5box3 ul li a h2{
	margin: 5px 0  15px;
}
.specialpage5box3 ul li a p{
	color: #999;
}
.specialpage5box4{
	background-color: #fafbfd;
	padding-bottom: 10px;
}

@media(max-width:1280px){
    .home-process{
        min-height: 600px;
    }
    
    .home-process .inner{
        min-height: 600px;
        position: relative;
    }
    .home-process .line{
        position: relative;
    }
}


@media(max-width:768px){
    .main-title strong{
        font-size: 26px;
    }
}





















