@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333；}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #00a0e9;border-radius: 2px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
em{background-position: center center; background-size: cover; background-repeat: no-repeat;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*底部按钮通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .9;}
/*按钮hover动效1*/
.hover-btn{z-index: 1;position: relative;display: inline-block;padding: 0 2em;background-color: transparent;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.hover-btn:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #3da7ea;transform: scaleX(0);transition: 0.3s;}
.hover-btn:hover{color: #fff;}
.hover-btn:hover:after{transform: scaleX(1);}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-block;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="radio"] + em{position: relative;display: inline-block;width: 12px;height: 12px;margin: -2px 8px 0 0;;border: 1px solid #fff;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #009adc;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="checkbox"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 8px 0 0;background-color: #fff;border: 1px solid #ccc;vertical-align: middle;cursor: pointer;}
.custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #009adc;}
.custom-input input[type="checkbox"] + em:hover{border-color: #009adc;}
/*自定义表单通用样式*/
.custom-form{font-size: 0;}
.custom-form .title{margin-bottom: 30px;font-size: 18px;line-height: 20px;}
.custom-form .title span{display: inline-block;padding-left: 10px;border-left: 3px solid #ca0000;color: #ca0000;}
.custom-form .row{display: inline-block;width: 100%;margin-bottom: 20px;font-size: 14px;}
.custom-form .row.w50{width: 50%;}
.custom-form .row.w33{width: 33%;}
.custom-form .row .name{float: left;width: 5em;padding: 10px 1em 10px 0;line-height: 16px;text-align: right;}
.custom-form .row .info-content{margin-left: 5em;}
.custom-form input[type="text"]{width: 100%;height: 36px;padding-left: 10px;border: 1px solid #ddd;border-radius: 4px;}
.custom-form input[type="text"]:focus{border-color: #009adc;}
.custom-form textarea{width: 100%;height: 200px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;}
.custom-form textarea:focus{border-color: #009adc;}
.custom-form select{width: 100%;height: 36px;padding-left: 5px;border: 1px solid #ddd;outline: none;}
.custom-form select:focus{border-color: #009adc;}
.custom-form .upload-avatar{position: relative;display: block;width: 80px;height: 80px;border-radius: 50%;cursor: pointer;overflow: hidden;}
.custom-form .upload-avatar input[type="file"]{display: none;}
.custom-form .upload-avatar .avatar{height: 100%;}
.custom-form .upload-avatar .avatar img{width: 100%;height: 100%;}
.custom-form .upload-avatar .tips{position: absolute;left: 50%;top: 50%;width: 4em;height: 20px;background-color: rgba(0,0,0,.3);text-align: center;line-height: 20px;color: #fff;transform: translate(-50%,-50%);}
.custom-form .choice-area{padding: 10px 0;line-height: 16px;}
.custom-form .choice-area label{display: inline-block;margin: 0 10px 5px 0;cursor: pointer;}
.custom-form .choice-area label span{margin-left: 3px;}
.custom-form .yzm-area{position: relative;width: 300px;}
.custom-form .yzm-area input[type="text"]{width: 200px;}
.custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
.custom-form .yzm-area .btn img{width: 100%;height: 100%;}
.custom-form *::-webkit-input-placeholder{color: #ccc;}

body{position: relative;}
#page{ background: #fff;}
/*网页限定宽度*/
.w1366{max-width: 1366px; width: 96%; margin: 0 auto;}
.w1200{max-width: 1200px; width: 96%; margin: 0 auto;}
/*头部*/
.header{position: fixed; top: 0; left: 0; width: 100%; z-index: 100; -webkit-transition: all 1s ease; transition: all 1s ease;}
.header .logo{float: left; position: relative; display: inline-block; width: 170px; height: 160px; line-height: 160px; text-align: center; background: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden;}
.header .logo img{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.searchIcon{ float: right; margin-top: 64px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; cursor: pointer; background: url(../images/search-icon-white.png) no-repeat 0 0; width: 35px; height: 36px; background-size: cover;}
.oa{float: right; color: #fff; font-size: 28px; margin: 65px 0 0 20px; display: inline-block; width: 41px; height: 36px;  background: url(../images/OA-white.png) no-repeat 0 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; background-size: cover;}
.header .logo .logo2{ opacity: 0; background: none;}

/*导航*/
.header .nav{ float: left; padding: 0 14px; z-index: 0; margin-left: 140px; }
.header .nav .nLi h3{line-height: 160px; height: 160px; transition: 0.5s;}
.header .nav .nLi h3 a{display: block;padding: 0 26px;text-align: center;font-size: 20px;color: #ffffff; font-weight: normal; position: relative;}
.header .nav .nLi h3 a::before{content: ""; position: absolute; top: calc(50% + 2px); transform: translateY(-50%); -webkit-transform: translateY(-50%); left: -4px; width: 25px; height: 14px; background: url(../images/nav-icon.png) no-repeat 0 0; background-size: cover; opacity: 0; transition: 0.4s; filter: brightness(0) invert(100);}
.header .nav .nLi:hover h3 a{}
.header .nav .nLi:hover h3 a:before{opacity: 1;}
.header .nav .nLi.on h3 a{}
.header .nav .nLi.on h3 a:before{ opacity: 1;}

.header .nav .nLi .navSub{position: absolute;left: 0;top:160px;background: #f5f5f5;display: none;-webkit-box-shadow: 0px 6px 12px 0px rgba(55, 55, 55, 0.3);box-shadow: 0px 6px 12px 0px rgba(55, 55, 55, 0.3);overflow: hidden;width: 100%; border-bottom: 1px #eee solid;}
.header .nav .nLi .navSub .bg{width: 600px;height: 100%;position: absolute;right: 50%;margin-right: 366px;background-repeat: no-repeat;background-position: center top;background-size: cover;}
.header .nav .nLi .navSub .w1200{box-sizing:border-box;position: relative;z-index: 2;padding: 25px 306px 25px 282px; height: 100%; box-sizing: border-box;}
.header .nav .nLi .navSub .w1200 h3{position: relative; font-size: 30px;color: #ffffff;height: 74px; line-height: 74px;font-weight: normal;position: absolute;left: 0;top:50%;margin-top: -48px; letter-spacing: 2px;}
.header .nav .nLi .navSub .w1200 h3::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: #fff;}
.header .nav .nLi .navSub .w1200 .slogan{position: absolute;right: 0;top:50%;text-align: left; transform: translateY(-50%); -webkit-transform: translateY(-50%);  border-left: 1px #ededed solid; padding-left: 4%;}
.header .nav .nLi .navSub .w1200 .slogan h5{font-size: 22px;line-height: 42px;color: #0ca4ea;}
.header .nav .nLi .navSub .w1200 .slogan p{font-size: 18px;line-height: 31px;color: #0ca4ea;font-family: "Arial";}
.header .nav .nLi .navSub .w1200 .slogan a{ display: inline-block; font-size: 16px; color: #0ca4ea; height: 44px; line-height: 44px; border: 1px #0ca4ea solid; border-radius: 40px; padding: 0 30px; margin-top: 16px; transition: 0.4s;}
.header .nav .nLi .navSub .w1200 .slogan a:hover{ background: #0ca4ea; color: #fff;}
.header .nav .nLi .navSub .w1200 .ulBox{position: relative; width: 100%;min-height: 125px;}
.header .nav .nLi .navSub .w1200 .ulBox .ulBoxRight{ float: right; width: 50%; padding: 0 4%;box-sizing: border-box; }
.header .nav .nLi .navSub .w1200 .ulBox .ulBoxRight .txt{font-size: 14px; line-height: 30px; color: #666666;}
.header .nav .nLi .navSub .w1200 .nav-2nd{width:50%; float: left; padding-right: 4%; border-right: 1px #ededed solid; box-sizing: border-box;}
.header .nav .nLi .navSub .w1200 .nav-2nd li{margin: 6px 0;}
.header .nav .nLi .navSub .w1200 .nav-2nd li a:before{content: "";width: 100%;height: 100%;padding-left: 30px;position: absolute;top:0;left: -30px;background: #fff;
-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50% 0;transform-origin: 0 50% 0;
-webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; z-index: -1;}

.header .nav .nLi .navSub .w1200 .nav-2nd > li .nav-3nd{display: none; position: absolute; top: 0; right: 0; width: 44%;}
.header .nav .nLi:nth-child(3) .navSub .w1200 .ulBox >ul{min-height: 250px;}
.header .nav .nLi .navSub .w1200 .nav-2nd > li.on .nav-3nd{ display: block;}
.header .nav .nLi .navSub .w1200 .nav-2nd > li.on > a:before{-webkit-transform: scaleX(1);transform: scaleX(1);}
.header .nav .nLi .navSub .w1200 .nav-2nd > li.on > a{color: #0ca4ea;}
.header .nav .nLi .navSub .w1200 .nav-2nd > li.on > a::after{background-position: left bottom;}

.header .nav .nLi .navSub .w1200 ul li a{display: block;position: relative;z-index: 2;font-size: 16px;line-height: 42px;color: #333333;padding-right: 32px;}
.header .nav .nLi .navSub .w1200 ul li a::after{content: "";width: 7px;height: 9px;position: absolute;right: 20px;top:16px;background: url(../images/arrow5.png) no-repeat left top; transition: 0.3s; -webkit-transition: 0.3s; }
.header .nav .nLi .navSub .w1200 ul li a:hover:before{-webkit-transform: scaleX(1);transform: scaleX(1);}
.header .nav .nLi .navSub .w1200 ul li a:hover{color: #0ca4ea;}
.header .nav .nLi .navSub .w1200 ul li a:hover::after{background-position: left bottom;}



/*手机导航*/
.menu-btn{display: none; float: right; width: 24px;height: 24px;font-size: 0; margin-top: 5px; margin-left: 24px; cursor: pointer;}
.menu-btn span{display: block;width: 100%;height: 3px;background-color: #686868;transition: 0.5s ease-out;}
.menu-btn span:nth-child(2){margin: 7px 0;}


.headerHide{ height: 100px; background: #fff; box-shadow: 0 6px 10px rgba(0,0,0,0.2);}
.headerHide .nav .nLi h3{ height: 100px; line-height: 100px;}
.headerHide .nav .nLi .navSub{top: 100%;}

.headerHide .logo .logo2{opacity: 1; width: auto;}
.headerHide .logo .logo2 img{width: 190px; height: 70px;}
.headerHide .logo .logo1{ opacity: 0;}

.headerHide .nav .nLi h3 a{color: #333;}
.headerHide .nav .nLi h3 a::before{filter: initial;}
.headerHide .logo{ height: 100px; width: 190px;}
.headerHide .searchIcon{ margin-top: 34px;  background: url(../images/search-icon.png) no-repeat 0 0; background-size: cover;}
.headerHide .oa{margin-top: 35px;  background: url(../images/OA.png) no-repeat 0 0; background-size: cover;}

.header:hover{ background: #fff;}
.header:hover .nav .nLi h3 a{ color: #333;}
.header:hover .nav .nLi h3 a::before{filter: initial;}
.header:hover .searchIcon{ background: url(../images/search-icon.png) no-repeat 0 0; background-size: cover;}
.header:hover .oa{  background: url(../images/OA.png) no-repeat 0 0; background-size: cover;}

/*搜索弹窗*/
.searchTan{ display: none; border-radius: 8px; overflow: hidden;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 50px; margin: auto; }
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 50px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 16px; border-radius: 40px;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 52px; height: 52px; background:url(../images/search-icon.png) center no-repeat; background-size: 24px 24px; border: none;  border-radius: 50%;}
.maTan{ display: none;}
.maTan img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 260px;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 30px;text-align: center;line-height: 26px;font-weight: bold; color: #c4c4c4; font-weight: bold;}
/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden;   background-size: cover;}
.banner .banner-word img{position: absolute; top: 50%; left: 50%; z-index: 5; text-align: center; }
.banner .swiper-slide a{ display: block; height: 100vh; background-size: cover; background-position: center;}
.banner .banner-word img.word-one{margin-top: -58px; transform: translateX(-50%);}
.banner .swiper-slide.videoBox{height: 100vh; overflow: hidden;}
.banner .swiper-slide.videoBox video{width: 100%;height: 100%; object-fit: cover;}
.banner .swiper-slide.videoBox .moibleIng{ display: none;}
.banner .round{position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 0; z-index: 2;}
.banner .slide-wrapper{display: none;}
.banner .bg{position: absolute;left: 50%;top:0;width: 1920px;height: 100%;margin-left: -960px;overflow: hidden; z-index: 1;}
.banner .bg img{width: 100%;height: 100%;opacity: 0;}
.banner .bg canvas{position: absolute;left: 0 !important;top:0 !important;transform:translate( 0,  0) scale(1) !important;}
.banner .bg .box{width: 100%;height: 100%;}
.banner .map-img-li{position: absolute; top: 0; left: 50%; margin-left: -460px; z-index: 4; animation: opacitying 10s linear;}
.banner .map-img{position: absolute; bottom: 14px; left: 50%; margin-left: -460px; z-index: 3; 
animation: rotating 100s linear infinite;
 transform-origin: center;
}
@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes opacitying {
	from{
		opacity: 0.2;
	}
	to{
		opacity: 1;
	}
}
@keyframes opacitying {
	from{
		opacity: 0.2;
	}
	to{
		opacity: 1;
	}
}
.banner .banMouse{ position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 6;}
.banner .bannerNext{ right: -27px; transition: 0.5s; -webkit-transition: 0.5s;}
.banner:hover .bannerNext{ right: 16px;}
.banner .bannerPrev{ left: -27px; transition: 0.5s; -webkit-transition: 0.5s;}
.banner:hover .bannerPrev{ left: 16px;}
.banner .pageState{ position: absolute; bottom: 56px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 7;}
.banner .pageState span{float: left; color: rgba(255,255,255,0.7); font-size: 18px;}
.banner .pageState span em{ font-size: 30px; color: rgba(255,255,255,1);}
.banner .pageState span b{ font-weight: normal;}
.banner .pageState .line{position: relative; float: left; width: 348px; height: 2px; background: rgba(255,255,255,0.3); margin-top: 24px; margin-left: 18px;}
.banner .pageState .line b{ position: absolute; top: 0; left: 0; height: 100%; width: 100px; background: #fff;}
.banner .bannerBtn{position: absolute; right: 18.75%; top: calc(50% + 55px); background: url(../images/bannerBtn.png) no-repeat 0 0; width: 42px; height: 74px; filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.6));}
.banner .bannerBtn.banerPrev{ right: auto; left: 18.75%; transform: rotate(180deg);}
.banner .swiper-pagination{ height: 2px; font-size: 0; width: 100%;}
.banner .swiper-pagination span{ height: 2px; background: #fff; transition: 0.3s; margin: 0; border-radius: 0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ }

/*首页-解决方案*/
.partOne{ margin-top: 60px;}
.indexTitle{ overflow: hidden; height: 50px; line-height: 50px; margin-bottom: 40px;}
.indexTitle span{ font-size: 36px; color: #333333;}
.indexTitle span img{ margin-right: 10px;}
.indexTitle .more{ float: right; font-size: 16px; color: #666666; transition: 0.3s;}
.indexTitle .more:hover{ color: #009ee9;}
.partOne .list{ overflow: hidden; display: flex; justify-content: space-between;}
.partOne .list .item{ position: relative; width: 32%; overflow: hidden;}
.partOne .list .item em{ display: block; padding-bottom: 64%;}
.partOne .list .item .text{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; padding-top: 30px; background: url(../images/caseBg.png) no-repeat 0 0; text-align: center; font-size: 18px; color: #fff;}
.partOne .list .item:nth-child(2n){ float: right;}

.partTwo{position: relative; background: url(../images/typeBg.jpg) no-repeat center center; background-size: cover; padding-bottom: 41.6%; margin-top: 70px; overflow: hidden;}
.partTwo ul{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.partTwo li{ text-align: center; height: 100%; background: rgba(0,0,0,0.6); transition: 0.5s; -webkit-transition: 0.5s; border-right: 1px rgba(255,255,255,0.6) solid; box-sizing: border-box;}
.partTwo li a{ position: relative; display: block;height: 100%;}
.partTwo li a .text{ position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin-top: -70px; transition: 0.5s; -webkit-transition: 0.5s;}
.partTwo li a .text img{transition: 0.5s; -webkit-transition: 0.5s; border: 1px #fff solid; border-radius: 50%;}
.partTwo li a .text span{ display: block; font-size: 20px; color: #fff; transition: 0.5s; -webkit-transition: 0.5s; margin-top: 24px; padding: 0 12px;}
.partTwo li:hover{background: rgba(0,0,0,0);}
.partTwo li:hover a .text{ top: 40%;}
.partTwo li:hover a .text img{ transform: scale(1.2);}
.partTwo li:hover a .text span{ text-shadow: 0 0 10px rgba(0,0,0,1);}
.partTwo .swiper-pagination{ display: none;}

/*首页-项目案例*/
.partThree{ margin-top: 62px;}
.partThree{ margin-top: 70px;}
.partThree ul{ margin-top: 50px; overflow: hidden;}
.partThree ul li{position: relative; float: left; width: 33.1%; margin: 0 0.35% 4px 0; overflow: hidden;}
.partThree ul li a{ display: block;}
.partThree ul li em{ display: block; padding-bottom: 73%;}
.partThree ul li .p{ position: absolute; bottom: 0; left: 0; width: 100%; height: 46px; line-height: 46px; padding: 0 26px; box-sizing: border-box; color: #fff; font-size: 18px; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); transition: 0.1s;}
.partThree ul li:hover p{ opacity: 0;}
.partThree ul li .text{ width: 100% !important; height: 100%; overflow: hidden; background: linear-gradient(44deg,rgba(0,104,179,0.9),rgba(0,160,233,0.9));}
.partThree ul li .text .txt{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #c5e6fc; padding: 0 70px; box-sizing: border-box;}
.partThree ul li .text .txt h3{ font-size: 24px; font-weight: normal;}
.partThree ul li .text .txt h4{ font-size: 16px; font-weight: normal; padding: 14px 0 20px 0;}
.partThree ul li .text .txt p{position: relative; font-size: 16px; line-height: 30px; padding-left: 16px;}
.partThree ul li .text .txt p::before{ content: ""; position: absolute; top: 14px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #c5e6fc;}
.partThree ul li .text .water{ position: absolute; top: 0; left: 40px;}
.partThree ul li:nth-child(3n){ margin-right: 0;}

/*首页-新闻资讯*/
.partFour{ margin-top: 62px;}
.partFour .box{ overflow: hidden;}
.partFour .box .picBox{float: left; position: relative; float: left; width: 54%; overflow: hidden;}
.partFour .box .picBox ul li{width: 100%;}
.partFour .box .picBox ul li a{ display: block;}
.partFour .box .picBox ul li .pic{width: 100%; height: 420px; overflow: hidden;}
.partFour .box .picBox ul li .pic em{ display: block; height: 100%;}
.partFour .box .picBox ul li .text{position: relative; background: #f7f7f7; padding: 16px 26px;}
.partFour .box .picBox ul li .text h3{ font-size: 18px; color: #333333; font-weight: normal; height: 26px; line-height: 26px;}
.partFour .box .picBox ul li .text p{ font-size: 16px; color: #999999; margin: 8px 0 16px 0; height: 24px; line-height: 24px; padding-right: 196px;}
.partFour .box .picBox ul li .text .time{ font-size: 16px; color: #999999;}
.partFour .box .picBox ul li .text .more{position: absolute; bottom: 30px; right: 32px; display: block; width: 170px; height: 40px; text-align: center; line-height: 40px; border-radius: 40px; background: #a5d164; color: #fff; font-size: 16px; box-shadow: 0 4px 6px rgba(165,209,100,.3);}
.partFour .box .picBox ul li a:hover .text h3{color: #009ee9; text-indent: 0.5em;}
.btnS{ position: relative; overflow: hidden; z-index: 0;}
.btnS::before{ content: ""; position: absolute; top: 0; left: 50%; height: 100%; width: 0; background: #92c04e; transition: 0.4s; z-index: -1;}
.btnS:hover::before{ left: 0; width: 100%;}
.partFour .box .picBox .btn{ width: 42px; height: 66px; background: url(../images/next.png) no-repeat 0 0; right: 0; margin-top: 0; top: 34%;}
.partFour .box .picBox .btn.btnPrev{background: url(../images/prev.png) no-repeat 0 0; left: 0; background-size: cover;}
.partFour .list{ float: right; width: 41.7%;}
.partFour .list ul li{ padding-bottom: 24px; border-bottom: 1px #ededed solid; margin-bottom: 24px;}
.partFour .list ul li a{ display: block;}
.partFour .list ul li .time{ font-size: 16px; color: #999999;}
.partFour .list ul li h3{ font-size: 18px; color: #333333; font-weight: normal; height: 30px; line-height: 30px; margin: 8px 0 10px 0;}
.partFour .list ul li p{font-size: 16px; color: #999999; height: 24px; line-height: 24px;}
.partFour .list ul li a:hover h3{color: #009ee9; text-indent: 0.5em;}
.partFour .list ul li:last-child{ margin-bottom: 0;}

/*首页-关于我们*/
.partFive{ background: url(../images/aboutBg.jpg) no-repeat center center; background-size: cover; margin-top: 70px; padding-top: 70px;}
.partFive .indexTitle{ text-align: center; margin-bottom: 84px;}
.partFive .indexTitle span{ color: #fff;}
.partFive .indexTitle span img{ filter: brightness(100) invert(0);}
.partFive .box{ overflow: hidden;}
.partFive .box .item{ float: left; width: 33.33%; text-align: center;}
.partFive .box .item .num{ font-size: 16px; color: #fff;}
.partFive .box .item .num i{position: relative; top: -12px; font-size: 42px;}
.partFive .box .item .num b{ font-size: 68px;}
.partFive .box .item p{ font-size: 18px; color: #fff;}
.partFive .videoIcon{ padding: 64px 0 250px 0; text-align: center;}
.partFive .videoIcon .video{ position: relative; display: inline-block;cursor: pointer;}
.partFive .videoIcon .video::before{ content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255,255,255,0.2); border-radius: 50%; transition: 0.5s;}
.partFive .videoIcon .video:hover::before{left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px);}
.partFive .videoIcon img{display: block; position: relative; z-index: 1; }

.popup-video{display: none;z-index: 13;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 800px;transform: translate(-50%,-50%);}
.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: #009adc;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;}
.popup-video video{width: 100%;}
.video-js{position: static;width: 100%;height: auto;padding-top: 56.3%;}
.video-js .vjs-big-play-button{display: none;}

/*尾部*/
.footer{position: relative; background: #11161d; padding: 86px 0; z-index: 12;}
.footer .goTop{ position: absolute; top: -36px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); cursor: pointer; }
.footer .goTop:hover{ top: -46px;}
.footer .foot{ overflow: hidden;}
.footer .foot .footNav{ float: left; }
.footer .foot .footNav dl{ float: left; margin-right: 78px;}
.footer .foot .footNav dl dt{ padding-bottom: 8px;}
.footer .foot .footNav dl dt a{ font-size: 18px; color: #ffffff;}
.footer .foot .footNav dl dd{ margin-top: 12px;}
.footer .foot .footNav dl dd a{ font-size: 16px; color: rgba(255,255,255,0.7);}
.footer .foot .footNav dl a{position: relative;}
.footer .foot .footNav dl a::before{ content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background: #fff; transition: 0.3s; -webkit-transition: 0.3s;}
.footer .foot .footNav dl a:hover::before{left: 0; width: 100%;}
.footer .foot .footContact{ float: left; color: #fff; margin-left: 8%; width: 360px;}
.footer .foot .footContact h3{ font-size: 18px; font-weight: normal; padding-bottom: 18px;}
.footer .foot .footContact p{font-size: 16px; color: rgba(255,255,255,0.7); margin-top: 12px;}
.footer .foot .footContact h2{ font-size: 32px; font-weight: normal; padding-top: 12px;}
.footer .foot .ma{ float: right; width: 156px; padding: 8px 8px 0 0;}
.footer .foot .ma .pic{ width: 100%; height: 156px; text-align: center; border: 1px rgba(255,255,255,0.34) solid; border-radius: 8px;box-sizing: border-box; box-shadow: 0 0 8px rgba(255,255,255,0.2);}
.footer .foot .ma .pic img{ display: block; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border: 8px #fff solid; border-radius: 8px; box-shadow: 0 0 12px rgba(255,255,255,0.2);}
.footer .foot .ma p{ font-size: 16px; color:rgba(255,255,255,0.7); text-align: center; margin-top: 8px;}
.footBtn{background: #11161d; border-top: 1px rgba(255,255,255,0.1) solid; padding: 18px 0;}
.footBtn .text{ overflow: hidden; min-height: 42px; line-height: 42px;}
.footBtn .footLogo{float: left;}
.footBtn .footLogo img{ display: block;max-width: 300px;}
.footBtn p{ float: right; font-size: 16px; color: rgba(255,255,255,0.5);}
.footBtn p a{color: rgba(255,255,255,0.5);}

/*右侧漂浮*/
.fixedRight{ position: fixed; top: 50%; right: -104px; z-index: 100; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: 0.5s; z-index: 13;}
.fixedRight .close{ position: absolute; top: -30px; right: 0; width: 26px; height: 26px; cursor: pointer;}
.fixedRight ul{background: #09172a; }
.fixedRight ul li{ width: 104px; height: 104px; text-align: center; cursor: pointer; transition: 0.5s;}
.fixedRight ul li img{ padding-top: 14px;}
.fixedRight ul li span{ display: block; color: #fff;}
.fixedRight ul li{ display: block; position: relative;}
.fixedRight ul li .txt{ position: absolute; top: 0; left: 100%; width: 220px; line-height: 104px; background: url(../images/fixedBg.jpg) no-repeat center center; background-size: cover; transition: 0.5s;}
.fixedRight ul li:hover .txt{ left: -100%; }
.fixedRight ul li .txt img{position: relative; top: 14px; width: 40px; height: 40px; padding-top: 0; margin-right: 4px;}
.fixedRight ul li .txt i{ font-size: 18px; color: #fff;}
.fixedRight ul li .wei{ line-height: 24px;}
.fixedRight ul li:nth-child(3){ position: relative; z-index: 3;}
.fixedRight ul li:nth-child(4){ position: relative; z-index: 2;}
.fixedRight ul li .wei img{ width: 100px; height: 100px; border: 4px #fff solid; border-radius: 4px;}
.fixedRight ul li .wei p{ font-size: 15px; padding: 10px 0; color: #fff;}
.fixedRight ul li:last-child:hover{ background: #0678d5;}


/*内页公用*/
.nBan{position: relative; padding-bottom: 30%; background-size: cover; background-repeat: no-repeat; background-position: top left; background-attachment: fixed; width: 100%;}
.nBan .text{position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1);
    width: 100%;
    text-align: left;
    z-index: 10;}
.nBan .text h3{ font-size: 46px; color: #fff; letter-spacing: 2px; font-weight: normal;}
.nBan .text p{ font-size: 24px; color: #fff; margin-top: 16px;}
.nBan .nNav{ position: absolute; bottom: 0; left: 0; width: 100%; height: 84px; line-height: 84px;}
.nBan .nNav .box{ display: table; background: rgba(255,255,255,0.9); text-align: center; width: 100%; table-layout: fixed}
.nBan .nNav .box a{ position: relative; display: table-cell; font-size: 18px; color: #222222; border-left: 1px rgba(255,255,255,0.5) solid; box-sizing: border-box; transition: 0.4s; -webkit-transition: 0.4s;}
.nBan .nNav .box a::before{ content: ""; position: absolute; top: 0; left: 0; height: 3px; width: 0; transition: 0.4s; -webkit-transition: 0.4s; background: #63c3ef;}
.nBan .nNav .box a:first-child{ border-left: none;}
.nBan .nNav .box a.on{ background: rgba(255,255,255,1); color: #00a0e9;}
.nBan .nNav .box a.on::before{ width: 100%;}
.nBan .nNav .box a:hover{ color: #00a0e9; background: rgba(255,255,255,1);}
.nBan .nNav .box a:hover::before{width: 100%;}

.mouse{position: relative; width: 18px;height: 32px; background: url(../images/mouse.png) no-repeat center;z-index: 3; background-size: cover; margin-top: 80px;}
.mouse i{display: block;width: 2px;height: 10px;background: #fff;position: absolute;left: 50%;top:50%;margin:  -10px 0 0 -1px	;
 -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);
 -webkit-animation: scrolldown 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1); animation: scrolldown 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);}

@-webkit-keyframes scrolldown { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  55% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  70% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  85% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }
@keyframes scrolldown { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  55% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  70% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  85% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }

/*关于我们*/
.contentBox{background: #fff; padding-bottom: 106px;}
.aboutPart{ background-size: cover; background-position: center center; background-repeat: no-repeat;}
.aboutPart .aboutTitle{ text-align: center; font-size: 32px; color: #222222; padding: 88px 0 28px 0;}
.word{ font-size: 16px; color: #666666; line-height: 30px; text-align: justify;}
.word .tit{ font-size: 18px; color: #333333; margin: 14px 0 8px 0;}
.word .tit img{ float: left; margin-top: 4px; display: inline-block; margin-right: 12px;}
.aboutPart1{ padding-bottom: 58px;}
.aboutTop{ padding-top: 20px;}
.aboutPart1 .aboutNum ul{ overflow: hidden; margin-top: 46px;}
.aboutPart1 .aboutNum ul li{ float: left; width: 25%; padding-left: 100px; box-sizing: border-box;}
.aboutPart1 .aboutNum ul li .num{ font-size: 16px; color: #999999; margin: 4px 0;}
.aboutPart1 .aboutNum ul li .num b{ font-size: 48px; color: #00a0e9; letter-spacing: -2px; padding-right: 8px;}
.aboutPart1 .aboutNum ul li .num i{position: relative; top: -8px; font-size: 34px; color: #00a0e9; font-weight: bold; padding-right: 4px;}
.aboutPart1 .aboutNum ul li p{ font-size: 16px; color: #333333;}
/*我们的优势*/
.aboutPart2{ padding-bottom: 120px;}
.aboutPart2 .aboutTitle{text-align: left; color: #ffffff; }
.aboutPart2 .box{ overflow: hidden; padding-top: 20px;}
.aboutPart2 .box .text{ float: left; width: 60%; font-size: 16px; color: #ffffff;}
.aboutPart2 .box .text p{position: relative; margin-top: 20px; padding-left: 20px;}
.aboutPart2 .box .text p::before{content: ""; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #fff;}
.aboutPart2 .box .right{ float: right; width: 40%; text-align: center; margin-top: 82px;}
.aboutPart2 .box .right img{cursor: pointer;}
.aboutPart2 .box .video{ display: inline-block; position: relative; cursor: pointer;}
.aboutPart2 .box .video::before{ content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255,255,255,0.2); border-radius: 50%; transition: 0.5s;}
.aboutPart2 .box .video:hover::before{left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 16px);}
/*企业理念*/
.aboutPart3{ padding-bottom: 80px;}
.aboutPart3 .box{ overflow: hidden; background: #fff; margin-top: 30px;}
.aboutPart3 .box .item{ float: left; width: 33.33%; text-align: center; padding: 106px 0;}
.aboutPart3 .box .item img{ position: relative; top: 8px;}
.aboutPart3 .box .item .text{ display: inline-block; text-align: left; color: #222; font-size: 16px;  padding-left: 10px;}
.aboutPart3 .box .item .text h3{ font-size: 20px; margin-bottom: 6px;}
/*社会责任*/
.aboutPart4{position: relative; overflow: hidden; margin-top: 80px; }
.aboutPart4 .item{float: left; width: 50%; height: 100%; overflow: hidden; transition: 0.8s; -webkit-transition: 0.8s; z-index: 1;}
.aboutPart4 .item em{position: relative; display: block; width: 100%; z-index: 2; padding-bottom: 58%; transition: 0.8s; -webkit-transition: 0.8s; cursor: pointer;}
.aboutPart4 .item em .tit{ position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); cursor: pointer; font-size: 32px; color: #fff;}
.aboutPart4 .item .text{ position: absolute; top: 0; right: -100%; height: 100%; width: 815px; padding: 68px 86px 0 72px; box-sizing: border-box; background: #f7f7f7;z-index: 3; transition: 0.8s; -webkit-transition: 0.8s; opacity: 0; }
.aboutPart4 .item:nth-child(2) .text{right: auto; left: -100%;}
.aboutPart4 .item .text h3{ font-size: 32px; color: #333333; font-weight: normal;}
.aboutPart4 .item .text img{ margin: 30px 0;}
.aboutPart4 .item .text p{ font-size: 16px; color: #666666; line-height: 32px; max-height: 160px; overflow-y: auto;}

.aboutPart4 .item:hover{}
.aboutPart4 .item:hover .text{opacity: 1; right: 0;}
.aboutPart4 .item:nth-child(2):hover .text{opacity: 1; left: 0;}

/*新闻列表*/
.newTop{position: relative; margin-top: 100px; overflow: hidden;}
.newTop ul li a{ display: block; background: #f7f7f7; padding: 35px;}
.newTop ul li a .pic{position: relative; overflow: hidden;}
.newTop ul li a .pic em{ display: block; padding-bottom: 65.4%;}
.newTop ul li a .pic .time{ position: absolute; top: 0; right: 0; width: 66px; height: 68px; background: rgba(255,255,255,0.7); text-align: center;}
.newTop ul li a .pic .time b{ display: block; font-size: 30px; color: #333333; line-height: 46px;}
.newTop ul li a .pic .time span{display: block; font-size: 14px; color: #999999; margin-top: -2px;}
.newTop ul li a .text h3{ margin: 24px 0 8px 0; height: 26px; line-height: 26px; font-size: 18px; color: #333333; }
.newTop ul li a .text p{ font-size: 16px; color: #999999; line-height: 26px;}
.newTop ul li a .text span{display: inline-block; font-size: 14px; color: #999999; padding-top: 18px;}
.newTop ul li a:hover .text h3{color: #00a0e9;}
.newTop ul li a:hover .pic .time b{ color: #00a0e9;}
.newTop ul li a:hover .pic .time span{ color: #00a0e9;}
.newTop ul li a .text span:hover{color: #00a0e9;}
.newTop .swiper-pagination{ display: none;}

.newList ul{ padding-top: 30px;}
.newList ul li{ margin-top: 58px; border-bottom: 1px #ededed solid; padding-bottom: 50px;}
.newList ul li a{ display: block; overflow: hidden;}
.newList ul li a .text{ float: left; width: calc(100% - 250px);}
.newList ul li a .text .time{ font-size: 16px; color: #999999;}
.newList ul li a .text h3{ font-size: 18px; color: #333333; height: 28px; line-height: 28px; margin: 18px 0 14px 0;}
.newList ul li a .text p{ font-size: 16px; color: #666666; line-height: 30px; height: 60px;}
.newList ul li a .pic{float: right; width: 190px; height: 135px;}
.newList ul li a .pic em{ display: block; height: 100%;}
.newList ul li a:hover .text h3{ color: #00a0e9; text-indent: 0.5em;}

/*页码*/
.page{ text-align: center; font-size: 0; margin-top: 50px;}
.page a,.page input{display: inline-block; height: 40px; line-height: 40px; border: 1px #eaeaea solid; padding: 0 20px; border-radius: 30px; font-size: 14px; color: #3a3a3a; margin: 0 7px; transform: 0.4s;}
.page span{ font-size: 14px; color: #3a3a3a; margin: 0 7px;}
.page .num{ border-radius: 50%; padding: 0 16px;}
.page input.num{ width: 40px; padding: 0; text-align: center;}
.page .on{background: #00a0e9; border-color: #00a0e9; color: #fff;}
.page a:hover{ border-color: #00a0e9; color: #00a0e9;}

/*单页*/
.wordBox .wordTitle{ margin-bottom: 40px;}
.wordBox .wordTitle .tit{ font-size: 36px; color: #3a3a3a; padding: 82px 0 44px 0; border-bottom: 1px #ededed solid; font-weight: normal;}
.wordBox .share{padding: 42px 0; border-bottom: 1px #ededed solid;}
.wordBox .share .time{ color: #999999; font-size: 16px; }
/*最近新闻*/
.recentNews{ background: #f7f7f7; padding: 70px 0;}
.recentNews .tit{ font-size: 32px; color: #333333; padding-bottom: 26px; border-bottom: 1px #ededed solid;}
.recentNews .list{ display: flex;justify-content: space-between; margin-top: 36px;}
.recentNews .list li{position: relative; width: 27%;}
.recentNews .list li::before{ content: ""; position: absolute; top: 50%; right: -18%; width: 1px; height: 134px; background: #f1f1f1; transform: translateY(-50%);}
.recentNews .list li:last-child::before{ display: none;}
.recentNews .list li a{display: block; }
.recentNews .list li .time{ font-size: 16px; color: #999999;}
.recentNews .list li h3{ font-size: 18px; color: #333333; font-weight: normal; height: 30px; line-height: 30px; margin: 20px 0 10px 0;}
.recentNews .list li p{ font-size: 16px; color: #666666; line-height: 30px; height: 60px;}
.recentNews .list li:hover h3{color: #00a0e9;}

.wordBox .share .share-wrap{float: right;font-size: 0; margin-top: -7px;}
.wordBox .share .share-wrap:before{content: "分享";display: inline-block;vertical-align: bottom;margin-right: 10px;font-size: 14px;}
.wordBox .share .share-wrap .item{position: relative;display: inline-block;vertical-align: top;width: 28px;height: 28px;margin: 0 2px;border-radius: 4px;transition: 0.3s; top: 4px;}
.wordBox .share .share-wrap .item img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 20px;height: 20px;margin: auto; filter: brightness(0.7);}
/* .wordBox .share .share-wrap .weixin-btn{background-color: #22ac38;}
.wordBox .share .share-wrap .weibo-btn{background-color: #ff9b39;}
.wordBox .share .share-wrap .qq-btn{background-color: #ef5f47;} */
.wordBox .share .share-wrap .weixin-btn:hover{background-color: #22ac38; }
.wordBox .share .share-wrap .weixin-btn:hover img{filter: initial;}
.wordBox .share .share-wrap .weibo-btn:hover{background-color: #ff9b39; }
.wordBox .share .share-wrap .weibo-btn:hover img{filter: initial;}
.wordBox .share .share-wrap .qq-btn:hover{background-color: #ef5f47; }
.wordBox .share .share-wrap .qq-btn:hover img{filter: initial;}

/*招聘*/
.recruitTab{ text-align: center; padding: 94px 0 44px 0;}
.recruitTab a{display: inline-block; padding: 0 30px; font-size: 36px; color: #999999; transition: 0.4s;}
.recruitTab a img{ padding-right: 10px; opacity: 0; transition: 0.4s;}
.recruitTab a.on{ color: #00a0e9;}
.recruitTab a.on img{ opacity: 1;}
.recruitTab a:hover{ color: #00a0e9;}
.recruitTab a:hover img{ opacity: 1;}
.recruitTable table{ width: 100%; text-align: center; border: 1px #e8e8e8 solid; border-bottom: none;}
.recruitTable table td{padding: 34px 4px; font-size: 16px; color: #606060;}
.recruitTable table thead tr{ background: #00a0e9;}
.recruitTable table thead tr td{ font-size: 18px; color: #fff; font-weight: bold;}
.recruitTable table tbody tr td{ border-bottom: 1px #e8e8e8 solid;}
.recruitTable table tbody tr td a{position: relative; display: inline-block; width: 120px; text-align: center; height: 40px; line-height: 40px; border-radius: 40px; background: #00a0e9; color: #fff;}
.recruitTable table tbody tr td a i{ position: relative; z-index: 1;}
.recruitTable table tbody tr td a::before{ content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #a4d163; transition: 0.3s;}
.recruitTable table tbody tr td a:hover::before{ width: 100%; left: 0; border-radius: 40px;}
.recruitTable table tbody tr td a:hover{ color: #fff;}
.recruitTable table tbody tr:nth-child(2n) {background: #f7f7f7;}

/*联系我们*/
.contact{ overflow: hidden; margin-top: 96px;}
.contact li{ float: left; width: 25%; text-align: center; cursor: pointer;}
.contact li img{ filter: grayscale(100) brightness(0.2); transition: 0.4s;}
.contact li h3{ font-size: 18px; color: #222222; font-weight: normal; margin: 16px 0 10px 0; transition: 0.4s;}
.contact li p{ font-size: 16px; color: #666666; transition: 0.4s;}
.contact li:hover img{filter: initial; }
.contact li:hover h3{ color: #00a0e9;}
.contact li:hover p{ color: #00a0e9;}
.map iframe{ width: 100%; height: 650px; border: none;}

/*产品列表*/
.productList ul{ overflow: hidden; padding-top: 70px;}
.productList ul li{position: relative; float: left; width: 23.4%; border: 1px #ededed solid; margin: 30px 1.9% 0 0;}
.productList ul li a{ display: block; width: 100%;}
.productList ul li .pic{position: relative; text-align: center; width: 100%; padding-bottom: 87.5%; overflow: hidden;}
.productList ul li .pic img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.productList ul li p{ height: 58px; line-height: 58px; text-align: center; border-top: 1px #eeeeee solid; font-size: 18px; color: #333333; padding: 0 8px;}
.productList ul li:hover p{ color: #00a0e9;}
.productList ul li:nth-child(4n){ margin-right: 0;}
.productList ul li b{z-index: 2;position: absolute;background: #00a0e9;}
.productList ul li b.linetop{width: 0%;height: 2px;right: 0px;top: 0px;transition: 0.5s; transition-delay: 0s;}
.productList ul li b.lineright{width: 2px;height: 0%;bottom: -0;right: 0;transition: 0.5s;  transition-delay: 0.2s;}
.productList ul li b.linebottom{width: 0%;height: 2px;left: 0;bottom:0;transition: 0.5s; transition-delay: 0.4s;}
.productList ul li b.lineleft{width: 2px;height: 0%;left: 0;top:-0;transition: 0.5s; transition-delay: 0.6s; }
.productList ul li:hover b.linetop{width: 100%; transition-delay: 0.6s;}
.productList ul li:hover b.lineright{height: 100%; transition-delay: 0.4s;}
.productList ul li:hover b.linebottom{width: 100%;transition-delay: 0.2s;}
.productList ul li:hover b.lineleft{height: 100%;transition-delay: 0.8s;}

/*产品详情*/
.productTop{ overflow: hidden; padding: 88px 0 100px 0; background: #f7f7f7;}
.productTop .left{ float: left; width: 52%; overflow: hidden; height: 418px;}
.productTop .left .productImg{position: relative; float: left; width: 80.9%; height: 100%;}
.productTop .left .productImg img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.productTop .left .productImgTab{ position: relative; overflow: hidden; padding-bottom: 26px;}
.productTop .left .tabBox{ float: right; width: 80px; overflow: hidden; height: 366px; margin-top: 26px;}
.productTop .left .tabBox ul li{ position: relative; width: 80px; height: 80px; border: 1px #f7f7f7 solid; box-sizing: border-box; transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer; opacity: 0.6;}
.productTop .left .tabBox ul li img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.productTop .left .tabBox ul li:hover{ border-color: #00a0e9; opacity: 1;}
.productTop .left .tabBox ul li.on{ border-color: #00a0e9; opacity: 1;}
.productTop .left .productImgTab .btn{ width: 16px; height: 16px; background: url(../images/top.png) no-repeat 0 0; margin-top: 0; top: 0; outline: none;}
.productTop .left .productImgTab .swiper-button-next{ right: 32px;}
.productTop .left .productImgTab .swiper-button-prev{ top: auto; bottom: 0; left: auto; right: 32px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.productTop .right{ position: relative; float: right; width: 39.75%; padding-right: 14px; box-sizing: border-box; height: 418px}
.productTop .right .text{position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;}
.productTop .right .text h4{ font-size: 14px; color: #999999; font-weight: normal;}
.productTop .right .text h3{ font-size: 30px; color: #222222; font-weight: normal; margin-top: 12px; padding-bottom: 32px; border-bottom: 1px #ededed solid;}
.productTop .right .text p{border-top: 1px #ededed solid; margin-top: 3px; padding-top: 32px; font-size: 16px; color: #666666; line-height: 32px; max-height: 256px; overflow-y: auto;}

.proTitle{ margin-top: 54px; height: 86px; line-height: 86px; border-bottom: 1px #ededed solid; font-size: 32px; color: #333333; margin-bottom: 10px;}
.ledProbox{ position: relative;}
.ledProbox .ledPro{overflow: hidden; margin: 40px 60px 0 60px;}
.ledProbox .ledPro ul li a{ display: block;}
.ledProbox .ledPro ul li a .pic{ position: relative; width: 100%; padding-bottom: 76.78%; border: 1px #ededed solid; box-sizing: border-box;}
.ledProbox .ledPro ul li a .pic .proHover{ position: absolute; top: 50%; left: 50%; width: 0; height: 0;}
.ledProbox .ledPro ul li a .pic .img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.ledProbox .ledPro ul li a p{ margin-top: 16px; height: 40px; line-height: 40px; padding: 0 8px; box-sizing: border-box; font-size: 16px; color: #333333; text-align: center;}
.ledProbox .btn{ outline: none; background: url(../images/pro-right.png) no-repeat 0 0; width: 26px; height: 8px;}
.ledProbox .swiper-button-prev{ background: url(../images/pro-left.png) no-repeat 0 0;}
.ledProbox .ledPro ul li a:hover .pic .proHover{ top: 0; left: 0; width: 100%; height: 100%;}
.ledProbox .ledPro ul li a:hover p{ color: #00a0e9;}
/*解决方案*/
.solutionPart1{ background: url(../images/solutionBg1.jpg) no-repeat center center; background-size: cover; padding-bottom: 66px;}
.solutionTitle{ text-align: center; font-size: 32px; color: #222222; padding-top: 74px; margin-bottom: 40px;}
.solutionTitle img{ margin-right: 10px;}
.solutionPart1 .tit{ font-size: 32px; color: #a5d064; text-align: center; margin-bottom: 40px;}
.solutionPart1 .tit .biaoLeft{ margin-right: 10px; position: relative; top: -10px;}
.solutionPart1 .tit .biaoRight{ margin-left: 10px; position: relative; top: 10px; transform: rotate(180deg);}
.solutionPart1 .word{line-height: 36px;}
.solutionPart2{background: url(../images/solutionBg2.jpg) no-repeat center top;}
.solutionPart2Box{padding-top: 183px;}
.solutionPart2 .box{ background: #fff; border: 1px #ededed solid; box-sizing: border-box; overflow: hidden; height: 482px;}
.solutionPart2 .box .left{ position: relative; top: 50%; transform: translateY(-50%); float: left; width: 59%; padding: 0 40px; box-sizing: border-box; max-height: 92%; overflow-y: auto;}
.solutionPart2 .box .left .item{position: relative; font-size: 16px; color: #333333; line-height: 34px; padding: 12px 0; padding-left: 26px;}
.solutionPart2 .box .left .text{font-size: 16px; color: #333333; line-height: 34px; padding: 12px 0; padding-left: 26px;}
.solutionPart2 .box .left .item::before{content: ""; position: absolute; top: 25px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #00a0e9;}
.solutionPart2 .box .right{ float: right; width: 40.26%; text-align: center; padding: 40px 0; text-align: center; border-left: 2px #ededed solid; box-sizing: border-box;}
.solutionPart2 .box .right img{ display: inline-block; max-width: 100%; max-width: 100%;}
.solutionPart3{position: relative; background: url(../images/solutionBg3.jpg) no-repeat center center; background-size: cover; height: 500px; margin-top: 80px;}
.solutionPart3 .text{ position: absolute;top: 50%; right: 36px;width: 34%; font-size: 16px; color: #ffffff; line-height: 36px; transform: translateY(-50%); -webkit-transform: translateY(-50%); max-height: 86%; overflow-y: auto;}
.solutionPart4{background: url(../images/solutionBg4.jpg) no-repeat center center; background-size: cover;}

.solutionPart4 .solutionBox{position: relative; padding: 0 0 140px 0; margin-top: 109px; overflow: hidden;}
.solutionPart4 .solutionBox::before{ content: ""; position: absolute; top: 133px; left: 0; width: 100%; height: 2px; background: #ededed;}
.solutionPart4 .solutionBox ul li{ text-align: center; cursor: pointer;}
.solutionPart4 .solutionBox ul li .pic{display: inline-block; position: relative; width: 90px; height: 90px; box-sizing: border-box; border: 1px #9d9e9e solid; border-radius: 50%; background: #eef1f2; transition: 0.3s; -webkit-transition: 0.3s;}
.solutionPart4 .solutionBox ul li .pic img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); filter: grayscale(1); transition: 0.3s; -webkit-transition: 0.3s;} 
.solutionPart4 .solutionBox ul li i{position: relative; display: inline-block; width: 20px; height: 20px; background: #dfe0e0; border-radius: 50%; transition: 0.3s; -webkit-transition: 0.3s;}
.solutionPart4 .solutionBox ul li .spot{ margin: 30px 0;}
.solutionPart4 .solutionBox ul li i::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 8px; height: 8px; background: #999999; border-radius: 50%; transition: 0.3s; -webkit-transition: 0.3s;}
.solutionPart4 .solutionBox ul li p{ font-size: 16px; color: #333333; transition: 0.3s; -webkit-transition: 0.3s;}
.solutionPart4 .solutionBox .swiper-pagination{display: none;}
.solutionPart4 .solutionBox ul li:hover p{color: #00a0e9;}
.solutionPart4 .solutionBox ul li:hover .pic{ background: rgba(0,160,233,0.2); border-color: #00a0e9;}
.solutionPart4 .solutionBox ul li:hover .pic img{filter: grayscale(0);}
.solutionPart4 .solutionBox ul li:hover i{background: rgba(0,160,233,0.2);}
.solutionPart4 .solutionBox ul li:hover i::after{background: #00a0e9;}

/*项目案例*/
.caseList ul{ overflow: hidden; margin-top: 100px;}
.caseList ul li{ float: left; width: 31.2%; margin-right: 3.2%; margin-bottom: 12px;}
.caseList ul li:nth-child(3n){ margin-right: 0;}
.caseList ul li .pic{ overflow: hidden;}
.caseList ul li .pic em{display: block; padding-bottom: 64.7%;}
.caseList ul li p{ height: 80px; line-height: 80px; border-bottom: 1px #ededed solid; font-size: 20px; color: #262626;}
.caseList ul li .more{ font-size: 14px; color: #a3a3a3; height: 72px; line-height: 72px;}
.caseList ul li .more i{margin-left: 12px; position: relative; top: 2px; display: inline-block; width: 10px; height: 14px; background: url(../images/more-icon.png) no-repeat right top;}
.caseList ul li:hover p{ color: #00a0e9;}
.caseList ul li:hover .more{ color: #00a0e9;}
.caseList ul li:hover .more i{background-position: left top;}

/*治理理念*/
.manageBox{ margin-top: 100px;}
.manageBox .manageItem{ overflow: hidden; margin-bottom: 60px; height: 378px;}
.manageBox .manageItem .pic{width: 41.58%; float: left; height: 100%;}
.manageBox .manageItem .pic em{ display: block; padding-bottom: 66.5%;}
.manageBox .manageItem .text{position: relative; float: right; width: 53.4%; height: 100%;}
.manageBox .manageItem .text .textBox{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.manageBox .manageItem .text h3{position: relative; font-size: 48px; color: #ededed; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 50px;}
.manageBox .manageItem .text h3 i{position: absolute; top: 0px; left: 0; font-size: 36px; color: #3a3a3a; font-weight: normal;}
.manageBox .manageItem .text h3::before{content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 3px; background: #ededed; border-radius: 4px;}
.manageBox .manageItem .text h3::after{content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: #00a0e9; border-radius: 4px;}
.manageBox .manageItem .text .word{ line-height: 36px; max-height: 290px; overflow-y: auto; padding-right: 12px;}
.manageBox .manageItem .text .governance{max-height: 362px; }
.manageBox .manageItem:nth-child(2n) .pic{ float: right;}
.manageBox .manageItem:nth-child(2n) .text{ float: left;}

.manageBtn{ background: url(../images/product-area-bg.jpg) no-repeat center center; padding: 105px 0;}
.manageBtn ul{ display: flex; justify-content: space-between;}
.manageBtn ul li{ position: relative; width: 22%; text-align: center; height: 320px; }
.manageBtn ul li::before{ content: ""; position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: url(../images/manageBtnBg.png) no-repeat 0 0; transition: 0.5s; opacity: 0; z-index: 0; background-size: 98%;}
.manageBtn ul li .pic{position: relative; display: inline-block; width: 94px; height: 94px; border-radius: 50%; border: 1px dashed #c3c3c3; margin-top: 69px;}
.manageBtn ul li .pic img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); filter: brightness(0) invert(0.6); transition: 0.5s;}
.manageBtn ul li .txt{ margin: 20px 0; font-size: 20px; color: #333333; position: relative; z-index: 1; transition: 0.5s;}
.manageBtn ul li a{display: block;}
.manageBtn ul li i{ display: inline-block; width: 26px; height: 8px; background: url(../images/pro-right.png) no-repeat 0 0; position: relative; z-index: 1; transition: 0.5s;}
.manageBtn ul li:hover::before{ opacity: 1;}
.manageBtn ul li:hover .pic{ border-color: #fff;}
.manageBtn ul li:hover .pic img{filter: initial;}
.manageBtn ul li:hover .txt{color: #fff;}
.manageBtn ul li:hover i{filter: brightness(0) invert(100);}

/*项目案例频道页*/
.caseBox{ overflow: hidden; height: 597px; margin: 62px 0 125px 0;}
.caseBox .left{position: relative; float: left; width: 35.8%; height: 100%;}
.caseBox .left .text{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.caseBox .left .text h3{position: relative; font-size: 30px; color: #333333; font-weight: normal; padding-bottom: 42px; margin-bottom: 46px;}
.caseBox .left .text h3::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 114px; height: 2px; background: #a5d064;}
.caseBox .left .text p{ font-size: 16px; color: #666666; line-height: 30px; text-indent: 2em;}
.caseBox .right{position: relative; float: right; width: 810px; height: 100%;}
.caseBox .right .stop{position: absolute; width: 14px; height: 14px; background: #00a0e9; border-radius: 50%;}
.caseBox .right .stop .dot{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 500%;height: 500%;margin: auto;margin-left: -200%;}
.caseBox .right .stop .dot:before{content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #1875f0;opacity: 0;}
.caseBox .right .stop .dot::before{ content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #00a0e9;opacity: 0;}
.caseBox .right .stop .dot::before {-webkit-animation: ripple 4.5s ease-out 225ms infinite;animation: ripple 4.5s ease-out 225ms infinite;color: black;}
@-webkit-keyframes ripple {
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);}
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(1);}
}

@keyframes ripple {
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);transform: scale(0.1, 0.1);
    }
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
}
.caseBox .right .stop1{ top: 113px; right: 176px;}
.caseBox .right .stop2{ top: 222px; left: 278px;}
.caseBox .right .stop3{ top: 230px; right: 285px;}
.caseBox .right .stop4{ top: 248px; right: 265px;}
.caseBox .right .stop5{ top: 335px; left: 214px;}
.caseBox .right .stop6{ top: 330px; left: 317px;}
.caseBox .right .stop7{ top: 376px; left: 340px;}
.caseBox .right .stop8{ top: 444px; left: 413px;}
.caseBox .right .stop9{ top: 384px; left: 440px;}
.caseBox .right .stop10{ top: 386px; right: 306px;}
.caseBox .right .stop11{ top: 425px; right: 280px;}
.caseBox .right .stop12{ top: 356px; right: 226px;}
.caseBox .right .stop13{ top: 395px; right: 205px;}

.caseBox .right .stop2 .dot::before {animation-name: stop2;}
.caseBox .right .stop3 .dot::before {animation-name: stop3;}
.caseBox .right .stop4 .dot::before {animation-name: stop2;}
.caseBox .right .stop6 .dot::before {animation-name: stop6;}
.caseBox .right .stop12 .dot::before {animation-name: stop3;}
.caseBox .right .stop10 .dot::before {animation-name: stop10;}
.caseBox .right .stop8 .dot::before {animation-name: stop3;}
.caseBox .right .stop11 .dot::before {animation-name: stop11;}

@-webkit-keyframes stop2 {
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);}
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(0.8);}
}

@keyframes stop2 {
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);transform: scale(0.1, 0.1);
    }
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(0.8);transform: scale(0.8);}
}

@-webkit-keyframes stop3 {
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);}
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(1.5);}
}

@keyframes stop3{
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);transform: scale(0.1, 0.1);
    }
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(1.5);transform: scale(1.5);}
}
@-webkit-keyframes stop6 {
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);}
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(1.3);}
}

@keyframes stop6{
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);transform: scale(0.1, 0.1);
    }
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(1.3);transform: scale(1.3);}
}
@-webkit-keyframes stop10 {
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);}
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(2);}
}

@keyframes stop10{
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);transform: scale(0.1, 0.1);
    }
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(2);transform: scale(2);}
}
@-webkit-keyframes stop11 {
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);}
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(1.7);}
}

@keyframes stop11{
    0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);transform: scale(0.1, 0.1);
    }
    5% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: scale(1.7);transform: scale(1.7);}
}

.caseBtn{ position: relative; overflow: hidden;}
.caseBtn ul li a{position: relative; display: block;}
.caseBtn ul li a em{ display: block; padding-bottom: 117%;}
.caseBtn ul li a .text{ position: absolute;left: 60px; bottom: 43px; color: #ffffff; transition: 0.5s;}
.caseBtn ul li a .text h3{font-weight: normal; font-size: 20px; margin-bottom: 14px;}
.caseBtn ul li a i{ display: block; width: 26px; height: 8px; background: url(../images/pro-right.png); filter: brightness(0) invert(100);}
.caseBtn ul li a:hover .text{transform: translateX(14px); -webkit-transform: translateX(14px);}
.caseBtn .swiper-pagination{ display: none;}
/*搜索列表*/
.searchList{ margin-top: 60px;}
.searchList ul li{ border-bottom: 1px #eee solid;}
.searchList ul li a{ display: block; overflow: hidden; height: 60px; line-height: 60px;}
.searchList ul li a p{ float: left; width: calc(100% - 200px); font-size: 16px; color: #333;}
.searchList ul li a i{ float: right; color: #888;}
.searchList ul li a:hover p{ color: #00a0e9;  text-indent: 0.5em;}

/*校园招聘*/
.solutionTable .word{ margin-top: 20px; text-align: left;}
.solutionFoster{ margin-bottom: 80px;}
.solutionFoster .box{ padding: 40px 60px; height: auto;}

/*表单*/
.formBox{ overflow: hidden;}
.formBox .itemBox{ overflow: hidden;}
.formBox .item{ width: 100%; margin-bottom: 12px;}
.formBox .itemBox .item{ width: 32%; margin-left: 2%;}
.formBox .itemBox .item:first-child{ margin-left: 0;}
.formBox .item label{ display: block;color: #3a3a3a; line-height: 54px; font-size: 16px;}
.formBox .item label i{ padding-right: 4px;}
.formBox .item input[type=text] { width: 100%; border: none; text-indent: 20px; font-size: 16px; background: #f8f8f8; line-height: 60px; height: 60px;}
.formBox .item textarea{ width: 100%; background: #f8f8f8; height: 300px; border: none; font-size: 16px; text-indent: 20px; line-height: 60px;}
.formBox .item .yanBox{ overflow: hidden;}
.formBox .item .yanBox input[type=text]{float: left; width: 32%;}
.formBox .item .yanBox .yanImg{float: left; border: 1px solid #d2d2d2; width: 200px; height: 58px; cursor: pointer; margin-left: 5px;}
.formBox .item .yanBox .btnBox{ float: right;}
.formBox .item .yanBox .btnBox .btn{width: 168px;  height: 58px; line-height: 58px; font-size: 16px; color: #999; margin-left: 12px; cursor: pointer;}
.formBox .item .yanBox .btnBox .submit{background: #009ee9; border: 1px solid #009ee9; color: #fff;}

.saletit{ font-size: 24px; margin-bottom: 24px; margin-top: 50px; font-weight: bold;}
.saleForm{width: 600px; margin: 0 0 100px 0;}
.saleForm .item{ height: 52px; line-height: 52px; display: flex; justify-content: space-between; margin-bottom: 20px;}
.saleForm .item span{ font-size: 16px;}
.saleForm .item .text{width: calc(100% - 100px); font-size: 16px;}
.saleForm .item input{height: 100%; padding: 0 10px; box-sizing: border-box; border: 1px #ddd solid;}
.saleForm .item.yan .text{ display: flex; align-items: center;}
.saleForm .item.yan img{ height: 100%; width: 150px; margin-left: 20px; cursor: pointer;}
.saleForm .item.textarea{height: auto;} 
.saleForm .item.textarea .text{height: 160px; border: 1px #ddd solid; box-sizing: border-box; padding: 4px 10px;}
.saleForm .submit{display: block; width: 180px; height: 52px; line-height: 52px; text-align: center; background: #00a0e9; color: #fff; font-size: 16px; margin: 0 auto; margin-top: 30px; transition: 0.3s;}
.saleForm .submit:hover{ opacity: 0.8;}

@media screen and (max-width: 1460px){
	.fixedRight{top: 57%;}
	.fixedRight ul li{ height: 72px;}
	.fixedRight ul li img{ padding-top: 5px; width: 34px;}
	.fixedRight ul li span{ margin-top: -2px;}
	.fixedRight ul li .txt{line-height: 72px;}
	.fixedRight ul li .wei p{ height: 30px; line-height: 30px; padding: 0;}
}

@media screen and (max-width: 1420px){
	.header .nav .nLi h3 a{ padding: 0 23px;}
}

@media screen and (max-width: 1370px){
	.header .nav{ margin-left: 60px;}
	.header .nav .nLi h3 a{ padding: 0 26px;}
	/* .headerHide .oa{ margin-top: 15px;} */
	.banner .swiper-slide a{ height: 680px;}
	.banner .swiper-slide.videoBox{ height: 680px;}
	.nav-box .nav > li > a{padding: 62px 24px;}
	.headerHide .nav-box .nav > li > a{padding: 17px 24px;}
	.banner .map-img{width: 600px; height: 600px; margin-left: -300px;}
	.banner .banner-word img.word-one{ width: 740px; margin-top: -34px;}
	
	/*关于我们*/
	.nBan{padding-bottom: 30%;}
	.nBan .text{ width: 96%;}
	.nBan .text h3{ font-size: 34px;}
	.nBan .text p{ font-size: 18px; margin-top: 6px;}
	/*产品列表*/
	.productList ul li{ margin-right: 1.8%;}
	
	/*项目案例频道页*/
	.caseBox{ height: auto;}
	.caseBox .left{ width: 100%; height: auto;}
	.caseBox .left .text{ position: relative; top: auto; left: auto; transform: translate(0); -webkit-transform: translate(0);}
	
	
	.footer .foot .footContact{margin-left: 3%;}
	
}
@media screen and (max-width: 1320px){
	.header .nav .nLi h3 a{ padding: 0 15px;}
}
@media screen and (max-width: 1200px){
	.menu-btn{ display: block; margin: 24px 0 0 40px;}
	.header .nav{ display: none;}
	.header{ height: 70px; background: #fff; box-shadow: 0 6px 10px rgba(0,0,0,0.2);}
	.header .logo{height: 70px; width: 170px;}
	.header .logo .logo1{ opacity: 0;}
	.header .logo .logo2{opacity: 1;}
	.header .logo img{ height: 60px;}
	.header .searchIcon{ margin-top: 20px; filter: initial; }
	.header .searchIcon{ margin-top: 20px; filter: brightness(0.2);}
	.header .oa{ margin-top: 20px; filter: brightness(0.2);}
	.footer .foot .footContact{ margin-left: 2%;}
	.footer .foot .footNav dl{ margin-right: 20px;}
	
	/*治理理念*/
	.manageBox .manageItem .text h3{ font-size: 26px;}
	.manageBox .manageItem .text h3 i{ font-size: 22px;}
	
	.caseBtn .swiper-pagination{ display: block; bottom: 20px;}
}

@media screen and (max-width: 1023px){
	.banner{ padding-top: 70px;}
	.banner .swiper-slide a{ height: 420px;}
	.banner .swiper-slide.videoBox{ height: 420px;}
	.banner .mouse{ bottom: 4px;}
	.banner .pageState{ bottom: 20px;}
	.banner .pageState .line{ width: 200px;}
	.banner .map-img{ width: 400px; height: 400px; margin-left: -200px;}
	.banner .banner-word img.word-one{ width: 400px;}
	.banner .bannerNext{ right: 10px; width: 16px; height: 22px; background-size: cover; margin-top: 10px;}
	.banner .bannerPrev{ left: 10px;  width: 16px; height: 22px; background-size: cover; margin-top: 10px;}
	.banner .swiper-slide.videoBox .moibleIng{ display: block;}
	.banner .swiper-slide.videoBox video{ display: none;}
	/*首页*/
	.partOne{ margin-top: 30px;}
	.indexTitle span{ font-size: 22px;}
	.indexTitle span img{ width: 30px;}
	.indexTitle{ margin-bottom: 10px;}
	.partTwo{ margin-top: 30px;}
	.partTwo li a .text img{ width: 70px;}
	.partTwo li a .text span{ font-size: 15px;}
	.partThree{ margin-top: 30px;}
	.partThree ul{ margin-top: 0;}
	.partFour{ margin-top: 30px;}
	.partFour .box .picBox{ width: 100%;}
	.partFour .box .picBox ul li .pic{ height: auto;}
	.partFour .box .picBox ul li .pic em{ height: auto; padding-bottom:57%;}
	.partFour .list{ width: 100%; margin-top: 20px;}
	.partFive{ margin-top: 30px;}
	.partFive .videoIcon{ padding-bottom: 60px;}
	.partFive .indexTitle{ margin-bottom: 40px;}
	.footer .foot .footNav{ display: none;}
	.fixedRight{ display: none;}
	
	/*关于我们*/
	.contentBox{ padding-bottom: 70px;}
	.nBan{background-attachment: initial; padding-bottom: 42%; background-size: 150%;}
	.nBan .text{top: 54%;}
	.nBan .nNav{ height: 56px; line-height: 56px;}
	.nBan .nNav .box a{ font-size: 16px;}
	.aboutPart .aboutTitle{ padding: 40px 0 20px 0; font-size: 20px;}
	.aboutPart1 .aboutNum ul li{ padding-left: 20px;}
	.aboutPart1 .aboutNum ul li .num b{ font-size: 36px;}
	.aboutPart1 .aboutNum ul li .num i{  font-size: 22px;}
	.aboutPart2{ padding-bottom: 40px;}
	.aboutPart2 .box{ padding-top: 0; }
	.aboutPart3 .box{margin-top: 0;}
	.aboutPart3 .box .item{ padding: 40px 0;}
	.aboutPart3 .box .item .text{ display: block; text-align: center; margin-top: 12px; font-size: 14px;}
	.aboutPart4{ margin-top: 40px;}
	.aboutPart4 .item em .tit{ font-size: 20px;}
	.aboutPart4 .item{ position: relative; width: 100%;}
	.aboutPart4 .item em{ width: 50%; padding-bottom: 34%;}
	.aboutPart4 .item .text{ right: 0; opacity: 1; width: 50%; padding: 20px;}
	.aboutPart4 .item .text h3{ font-size: 20px;}
	.aboutPart4 .item .text img{ display: none;}
	.aboutPart4 .item .text p{ margin-top: 10px; font-size: 14px;}
	.aboutPart4 .item:nth-child(2) em{ float: right;}
	.aboutPart4 .item:nth-child(2) .text{left: 0;}
	/*单页*/
	.wordBox .wordTitle .tit{ font-size: 26px; padding: 30px 0;}
	.wordBox .share{ padding: 30px 0;}
	/*招聘*/
	.recruitTab{padding: 30px 0;}
	/*联系我们*/
	.contact{ margin-top: 36px;}
	/*产品列表*/
	.productList ul{ padding-top: 20px;}
	.productList ul li{ margin-right: 3.3%; width: 30%;}
	.productList ul li:nth-child(4n){ margin-right: 3.3%;}
	.productList ul li:nth-child(3n){ margin-right: 0;}
	/*产品详情*/
	.productTop{ padding: 30px 0;}
	.productTop .left{ width: 100%;}
	.productTop .right{ width: 100%; height: auto;}
	.productTop .right .text{ position: relative; top: auto; left: auto; transform: translate(0); -webkit-transform: translate(0);}
	.productTop .right .text p{padding-top: 16px;}
	.proTitle{ font-size: 26px; height: 50px; line-height: 50px;}
	/*治理理念*/
	.manageBox .manageItem{ height: 250px;}
	.manageBox .manageItem .text .word{ max-height: 120px;}
	.manageBtn{ padding: 20px 0 40px 0;}
	
}

@media screen and (max-width: 767px){
	.header{ height: 56px;}
	.header .logo{height: 56px; width: 140px;}
	.header .logo img{ height: 46px;}
	.header .oa{ margin-top: 17px; font-size: 18px; width: 29px; height: 26px;}
	.header .oa img{height: 26px;}
	.header .searchIcon{ margin-top: 17px; width: 24px; height: 24px;}
	.header .searchIcon img{ width: 22px;}
	.menu-btn{ margin-top: 16px; margin-left: 26px;}
	.banner{ padding-top: 56px;}
	.banner .swiper-slide a{ height: 230px;}
	.banner .swiper-slide.videoBox{height: 230px;}
	.banner .mouse{ display: none;}
	.banner .pageState span{ font-size: 14px;}
	.banner .pageState span em{ font-size: 24px;}
	.banner .pageState .line{ margin-top: 18px;}
	.banner .banMouse{ display: none;}
	/*首页*/
	.indexTitle{height: 36px; line-height: 36px;}
	.indexTitle span{ font-size: 18px;}
	.indexTitle span img{ width: 24px;}
	.indexTitle .more{ font-size: 14px;}
	.partOne{ margin-top: 10px;}
	.partOne .list{ display: block;}
	.partOne .list .item{ width: 100%;}
	.partOne .list .item:first-child{ margin-bottom: 16px;}
	.partOne .list .item:nth-child(2){ margin-bottom: 16px;}
	.banner .map-img{ width: 200px; height: 200px; margin-left: -100px;}
	.banner .banner-word img.word-one{ width: 300px; margin-top: -30px;}
	.partTwo{ padding-bottom: 60%;}
	.partTwo .swiper-pagination{ display: block;}
	.partTwo .swiper-pagination-bullet{ background: #fff; opacity: 0.5;}
	.partTwo .swiper-pagination-bullet-active{background: #009ee9;}
	.partThree{ margin-top: 10px;}
	.partThree ul li{ width: 49%; margin-right: 0;}
	.partThree ul li:nth-child(2n){ float: right;}
	.partThree ul li .text{ display: none;}
	.partThree ul li .p{ padding: 0 10px; font-size: 15px;}
	.partFour{ margin-top: 10px;}
	.partFour .box .picBox .btn{ width: 26px; height: 42px; background-size: cover; margin-top: -30px;}
	.partFour .box .picBox ul li .text{ padding: 10px 12px;}
	.partFour .box .picBox ul li .text .more{ width: 90px; font-size: 12px; right: 12px; height: 26px; line-height: 26px;  bottom: 6px;}
	.partFour .box .picBox ul li .text h3{ font-size: 16px;}
	.partFour .box .picBox ul li .text p{ font-size: 14px; padding-right: 120px; margin: 0 0 4px 0;}
	.partFour .box .picBox ul li .text .time{ font-size: 13px;}
	.partFour .list ul li{ padding-bottom: 6px; margin-bottom: 6px;}
	.partFour .list ul li .time{ font-size: 13px;}
	.partFour .list ul li h3{ font-size: 16px; margin: 0;}
	.partFour .list ul li p{ font-size: 14px;}
	.partFive{ margin-top: 20px; padding-top: 20px;}
	.partFive .indexTitle{ margin-bottom: 20px;}
	.partFive .box .item .num{ font-size: 14px;}
	.partFive .box .item .num b{ font-size: 30px;}
	.partFive .box .item p{ font-size: 14px;}
	.partFive .box .item .num i{top: -4px; font-size: 20px;}
	.partFive .videoIcon{ padding: 30px 0;}
	.partFive .videoIcon img{ width: 50px; height: 50px;}
	.footer{padding: 20px 0;}
	.footer .goTop{ width: 46px; top: -20px;}
	.footer .foot .footContact h3{font-size: 16px; padding-bottom: 6px;}
	.footer .foot .footContact p{ font-size: 14px; margin-top: 4px;}
	.footer .foot .footContact h2{ font-size: 18px; padding-top: 0; margin-bottom: 4px;}
	.footer .foot .ma{ display: none;}
	.footBtn p{ font-size: 14px; line-height: 24px; margin-top: 6px;}
	.footer .goTop:hover{ top: -20px;}
	
	/*关于我们*/
	.contentBox{ padding-bottom: 44px;}
	.nBanBox{ padding-top: 56px;}
	.nBan{ padding-bottom: 46%;}
	.nBan .text{ top: 36%;}
	.nBan .text h3{ font-size: 22px;}
	.nBan .text p{ font-size: 16px; margin-top: 0;}
	.nBan .nNav{ height: 50px; line-height: 50px;}
	.nBan .nNav .box{table-layout: auto;}
	.nBan .nNav .box a{ font-size: 14px;}
	.aboutPart .aboutTitle{ padding: 20px 0 10px 0; font-size: 18px;}
	.word{ font-size: 14px; line-height: 26px;}
	.word .tit{ font-size: 16px;}
	.word .tit img{ width: 18px;}
	.aboutPart1{ padding-bottom: 20px;}
	.aboutPart1 .aboutNum ul{ margin-top: 20px;}
	.aboutPart1 .aboutNum ul li{ width: 50%; margin-bottom: 20px;}
	.aboutPart1 .aboutNum ul li img{ width: 30px;}
	.aboutPart1 .aboutNum ul li .num b{ font-size: 28px;}
	.aboutPart1 .aboutNum ul li p{ font-size: 14px;}
	.aboutPart2 .box .text{ width: 100%;}
	.aboutPart2 .box .text p{ margin-top: 10px; font-size: 14px;}
	.aboutPart2 .box .right{ width: 100%; margin-top: 20px;}
	.aboutPart2 .box .right img{ width: 60px;}
	.aboutPart2{ padding-bottom: 30px;}
	.aboutPart3 .box .item img{ width: 30px;}
	.aboutPart3 .box .item{ padding: 20px 0;}
	.aboutPart3 .box .item .text h3{ font-size: 16px;}
	.aboutPart3{ padding-bottom: 20px;}
	.aboutPart4{ margin-top: 20px;}
	.aboutPart4 .item em{ width: 100%; padding-bottom: 42%;}
	.aboutPart4 .item .text{ position: relative; width: 100%;}
	.aboutPart4 .item .text p{ line-height: 26px;}
	.aboutPart4 .item:nth-child(2) em{ float: initial;}
	
	/*新闻列表*/
	.newTop{ margin-top: 20px;}
	.newTop .swiper-pagination{ display: block;}
	.newList ul li a .text{ width: 100%;}
	.newList ul li a .pic{ display: none;}
	.newList ul li{ margin-top: 20px; padding-bottom: 20px;}
	.newList ul li a .text h3{ font-size: 16px; margin: 10px 0 4px 0;}
	.newList ul li a .text p{ font-size: 14px; line-height: 26px; height: 52px;}
	
	/*页码*/
	.page{ margin-top: 30px;}
	.page a, .page input{ margin: 0 2px; margin-bottom: 10px;}
	.page .num{ display: none;}
	.page span{ display: none;}
	.page .go{ display: none;}
	
	/*单页*/
	.wordBox .wordTitle .tit{ font-size: 18px; padding: 20px 0;}
	.wordBox .share{ padding: 14px 0;}
	.wordBox .share .time{ font-size: 14px;}
	.wordBox .wordTitle{ margin-bottom: 20px;}
	.recentNews{ padding: 20px 0;}
	.recentNews .tit{ font-size: 18px; padding-bottom: 16px;}
	.recentNews .list{ display: block; margin-top: 20px;}
	.recentNews .list li{ width: 100%; border-bottom: 1px #eee solid; padding-bottom: 12px; margin-bottom: 12px;}
	.recentNews .list li:last-child{ padding-bottom: 0; border-bottom: none;}
	.recentNews .list li h3{ margin-top: 6px; margin-bottom: 4px; font-size: 16px;}
	.recentNews .list li p{ font-size: 14px; }
	/*招聘*/
	.recruitTab{padding: 20px 0;}
	.recruitTab a{font-size: 18px; padding: 0 6px;}
	.recruitTab a img{ width: 26px;}
	.recruitTable table td{ padding: 12px 4px; font-size: 12px;}
	.recruitTable table td:nth-child(3){ display: none;}
	.recruitTable table thead tr td{ font-size: 14px;}
	.recruitTable table tbody tr td a{ width: 70px; font-size: 12px; height: 30px; line-height: 30px;}
	/*联系我们*/
	.contact{vertical-align: top; margin-top: 20px;}
	.contact li{ width: 50%; }
	.contact li h3{ font-size: 16px;}
	.contact li p{ font-size: 14px;line-height: 26px; height: 52px;}
	.map iframe{ height: 300px; }
	/*产品列表*/
	.productList ul{ padding-top: 0;}
	.productList ul li{ box-sizing: border-box; width: 100%; margin-right: 0;}
	.productList ul li p{ font-size: 16px; height: 46px; line-height: 46px;}
	/*产品详情*/
	.productTop .left{ height: auto;}
	.productTop .left .productImg{ width: 100%; height: 310px;}
	.productTop .left .productImg img{ }
	.productTop .left .productImgTab{ width: 100%;}
	.productTop .left .tabBox{ float: initial; width: 88%; margin-left: 6%; height: 80px;}
	.productTop .left .productImgTab .swiper-button-next{ right: 0; top: 56px; transform: rotate(90deg);}
	.productTop .left .productImgTab .swiper-button-prev{ top: auto; right: auto; left: 0; top: 56px; transform: rotate(-90deg);}
	.productTop .right{ padding-right: 0;}
	.productTop .right .text h3{ font-size: 16px; padding-bottom: 16px;}
	.productTop .right .text p{ font-size: 14px; line-height: 26px; max-height: 156px;}
	.proTitle{ font-size: 16px; margin-top: 12px;}
	/*解决方案*/
	.solutionTitle{ font-size: 18px; padding-top: 20px; margin-bottom: 20px;}
	.solutionTitle img{ width: 26px;}
	.solutionPart1 .tit{ font-size: 16px; margin-bottom: 20px;}
	.solutionPart1 .tit img{ width: 20px;}
	.solutionPart1 .word{ line-height: 28px;}
	.solutionPart1{ padding-bottom: 20px;}
	.solutionPart2Box{ padding-top: 30px;}
	.solutionPart2 .box{height: auto;}
	.solutionPart2 .box .left{ width: 100%; position: initial; transform: translate(0); -webkit-transform: translate(0); padding: 0 10px;}
	.solutionPart2 .box .left .item{ font-size: 14px; line-height: 26px;}
	.solutionPart2 .box .left .text{ padding-left: 0; line-height: 26px; font-size: 14px;}
	.solutionPart2 .box .right{ width: 100%; border-left: none;}
	.solutionPart3{ margin-top: 20px; height: auto; background-position: right top; }
	.solutionPart3 .text{ width: 100%; position: relative; top: auto; right: auto; transform: translate(0); -webkit-transform: translate(0); padding: 12px; box-sizing: border-box; font-size: 14px;}
	.solutionPart4 .solutionBox{ padding-bottom: 60px; margin-top: 26px;}
	.solutionPart4 .solutionBox .swiper-pagination{display: block; bottom: 30px;}
	/*项目案例*/
	.caseList ul{ margin-top: 20px;}
	.caseList ul li{ width: 100%; margin-right: 0;}
	.caseList ul li p{ height: 46px; line-height: 46px; font-size: 16px;}
	.caseList ul li .more{ height: 40px; line-height: 40px;}
	/*治理理念*/
	.manageBox{ margin-top: 20px;}
	.manageBox .manageItem{ height: auto; margin-bottom: 20px;}
	.manageBox .manageItem .pic{ width: 100%;}
	.manageBox .manageItem .text{ width: 100%;}
	.manageBox .manageItem .text .textBox{ position: relative; top: auto; left: auto; transform: translate(0); margin-top: 10px;}
	.manageBox .manageItem .text .word{ max-height: none; line-height: 28px;}
	
	.manageBtn ul{ display: block; overflow: hidden; text-align: center; font-size: 0;}
	.manageBtn ul li{display: inline-block; width: 50%; padding-top: 20px; font-size: 14px;}
	.manageBtn ul li{ height: auto;}
	.manageBtn ul li .txt{ font-size: 16px; margin: 6px 0;}
	.manageBtn ul li .pic{ margin-top: 0;}
	.manageBtn ul li:hover::before{ display: none;}
	.manageBtn ul li:hover .pic{ border-color: #c3c3c3;}
	.manageBtn ul li:hover .pic img{filter: brightness(0) invert(0.6);}
	.manageBtn ul li:hover .txt{color: #333333;}
	.manageBtn ul li:hover i{filter: initial;}
	/*项目案例频道页*/
	.caseBox{ margin-top: 20px; margin-bottom: 20px;}
	.caseBox .left .text h3{ font-size: 18px; padding-bottom: 14px; margin-bottom: 14px;}
	.caseBox .left .text p{ font-size: 14px;}
	.caseBox .right{ display: none;}
	.caseBtn ul li a .text{ left: 14px;}
	.caseBtn ul li a .text h3{ font-size: 16px;}
	/*搜索列表*/
	.searchList{ margin-top: 10px;}
	.searchList ul li a{ height: 46px; line-height: 46px;}
	.searchList ul li a p{ width: calc(100% - 90px);  font-size: 14px;}
	/*校园招聘*/
	.solutionFoster .box{ padding: 12px;}
	.solutionFoster{ margin-bottom: 40px;}
	.solutionPart1 .recruitTable table td:nth-child(4){ display: none;}
	
	/*表单*/
	.formBox .itemBox .item{ width: 100%; margin-left: 0;}
	.formBox .item label{line-height: 36px; font-size: 14px;}
	.formBox .item input[type=text]{ font-size: 14px; height: 42px; line-height: 42px;}
	.formBox .item textarea{ height: 140px; font-size: 14px;}
	.formBox .item .yanBox input[type=text]{ width: calc(100% - 120px);}
	.formBox .item .yanBox .yanImg{ width: 100px; height: 42px;}
	.formBox .item .yanBox .btnBox{ width: 100%; margin-top: 18px; overflow: hidden;}
	.formBox .item .yanBox .btnBox .btn{ width: 160px; margin-left: 0; height: 42px; line-height: 42px; font-size: 14px;}
	.formBox .item .yanBox .btnBox .btn:nth-child(2){ float: right;}
	
	.saleForm{ width: 100%%; margin: 24px 0 36px 0;}
	.saleForm .item.yan input{ width: 120px;}
}