@charset "utf-8"; /* -- Main structure -- */ .service-center{padding: 10px;box-sizing: border-box;} .service-img{height: 102px;background-color: #eee;} .service-img img{vertical-align: middle;width: 100%} .service-item{border-bottom: 1px dashed #CCD7E1;padding: 18px 0;} .service-item ul{overflow: hidden} .service-item ul li{cursor: pointer;float: left;width: 25%;text-align: center;} .service-item ul li a,.service-item ul li span,.service-item ul li div.font{display: inline-block;vertical-align: middle} .service-item ul li span{width: 44px;height: 44px;margin: 0 2px;} .service-item ul li span{background-image: url("../images_v3/service-icon-all.png");background-repeat: no-repeat} .service-item ul li span.icon-a{background-position: -2px -1px} .service-item ul li span.icon-b{background-position: -101px -1px} .service-item ul li span.icon-c{background-position: -184px -1px} .service-item ul li span.icon-d{background-position: -263px 0} .service-item ul li span.icon-e{background-position: -263px -75px} .service-item ul li span.icon-f{background-position: -2px -151px} .service-item ul li span.icon-g{background-position: -101px -151px} .service-item ul li span.icon-h{background-position: -183px -151px} .service-item ul li span.icon-i{background-position: -264px -151px} .service-item ul li span.icon-j{background-position: 0 -228px} .service-item ul li span.icon-k{background-position: -100px -229px} .service-item ul li span.icon-l{background-position: -184px -230px} .service-item ul li span.icon-x{background-image: url("../images_v3/icon-x.png");background-repeat: no-repeat} .service-item ul li span.icon-y{background-image: url("../images_v3/icon-y.png");background-repeat: no-repeat} .service-item ul li span.icon-z{background-image: url("../images_v3/icon-z.png");background-repeat: no-repeat} .service-item ul li div.font{font-size: 16px;color: #4c4c4c;width: 80px;margin: 0 2px;text-align: left;overflow: hidden;} .service-item ul li:hover div.font{color: #0066bf;font-weight: bold} .vip-items{overflow: hidden;box-sizing: border-box;margin: 16px -8px 0;} .vip-items .vip-col-3{width: 25%;padding: 0 8px!important;} .vip-item{cursor: pointer;background-color: #F4FAFF;height: 135px;width: 100%;text-align: center;display: flex;justify-content: center;align-items: center;} .vip-item span{display: block;height: 36px;width: 36px;background-image: url("../images_v3/vip-icon-all2.png");background-repeat: no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -18px;margin-left: -18px;} .vip-item span.icon-a{background-position: 0 0} .vip-item span.icon-b,.vip-item span.icon-c{background-position: -139px -1px} .vip-item span.icon-d{background-position: -280px -1px} .vip-item span.icon-e{background-position: -2px -64px} .vip-item span.icon-f{background-position: -138px -63px} .vip-item span.icon-g{background-position: -278px -66px} .vip-item p{color: #4c4c4c;font-size: 16px;margin-top: 12px;} .vip-item div.icon-box{height: 62px;width: 62px;background-color: #e0eeff;border-radius: 50%;position: relative;margin: 0 auto} .vip-item-first{height: 286px;} .vip-item-first div.icon-box{width: 70px;height: 70px} .vip-item:hover{background-image: linear-gradient(#0371C6, #03A5DB);} .vip-item:hover p{color: #fff} .vip-item:hover div.icon-box{background-color: #fff} /*闂嵎璋冩煡*/ .ques-invest{background: url("../images_v3/ques-banner.png") no-repeat center top #F0F2F5;background-size: 100% 196px;padding: 140px 0 100px;} .ques-invest-content{width: 1000px;margin: 0 auto;background-color: #fff;box-shadow: 0 0 10px rgba(51,51,51,0.2);box-sizing: border-box;padding: 30px 40px;} .ques-invest-content h1{color: #1f86e0;font-weight: bold;text-align: center;font-size: 24px;padding: 10px 0;} .ques-invest-content p.envi-subheading{color: #4c4c4c;font-size: 14px;line-height: 24px;text-indent: 2em;word-break: break-word;margin: 20px 0;} .ques-select-item{border-top: 1px dashed #EBEBEB;padding: 15px 0;} .ques-select-item p{font-size: 16px;} .ques-select-item ul{overflow: hidden;padding-top: 15px} .ques-select-item ul li{float: left;width: 25%;} .ques-select-item ul li label{display: inline-block;cursor: pointer} .ques-select-item ul li input[type=radio]{-moz-appearance: none;-ms-progress-appearance: none;-webkit-appearance: none;appearance: none;box-sizing: border-box;width: 18px;height: 18px;vertical-align: middle;margin: -2px 9px 0 0;position: relative;border-radius: 50%;outline: none;border: 1px solid #ddd;background-color: #F2F2F2;transition: ease-in-out .2s} .ques-select-item ul li input[type=radio]:checked:after{content: '';position: absolute;width: 10px;height: 10px;border-radius: 50%;top: 50%;left: 50%;margin-top: -5px;margin-left: -5px;background-color: #1f86e0;} .ques-select-item ul li input[type=radio]:checked{border: 1px solid #1f86e0;background-color: #fff} .ques-select-item ul li input[type=checkbox]{-moz-appearance: none;-ms-progress-appearance: none;-webkit-appearance: none;appearance: none;box-sizing: border-box;width: 16px;height: 16px;vertical-align: middle;margin: -2px 9px 0 0;position: relative;border-radius: 2px;outline: none;border: 1px solid #ddd;background-color: #F2F2F2;transition: ease-in-out .2s} .ques-select-item ul li input[type=checkbox]:checked:after{content: '鈭?;position: absolute;color: #fff;width: 100%;height: 100%;text-align: center;line-height: 16px;} .ques-select-item ul li input[type=checkbox]:checked{background-color: #1f86e0;border: 1px solid #1f86e0} .ques-select-item .ques-textarea{padding-top: 15px;} .ques-select-item .ques-textarea textarea{height: 90px;border: 1px solid #ebebeb;box-sizing: border-box;resize: none;padding: 8px 10px;width: 100%;border-radius: 2px} .ques-button{border-top: 1px dashed #EBEBEB;padding-top: 30px;text-align: center;} .ques-button button{display: inline-block;border: none;border-radius: 2px;background-color: #1f86e0;color: #fff;font-size: 16px;height: 36px;width: 140px;cursor: pointer;outline: none} .ques-button button:active,.pop-ques-form button:active{opacity: .75} .pop-ques{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 988} .pop-ques-content{position: absolute;top: 50%;left: 50%;width: 700px;margin-left: -350px;transform: translateY(-50%);background-color: #fff;border-radius: 2px;} .pop-ques-content h2{background: url("../images_v3/pop-title.png") no-repeat center #1F86E0;height: 40px;line-height: 40px;background-size: 100% 100%;color: #fff;text-align: center;font-size: 18px;font-weight: bold;} .pop-thanks-join{border-bottom: 1px solid #EBEBEB;padding: 175px 0 70px;background: url("../images_v3/join-in.png") no-repeat center 70px;} .pop-thanks-join p{font-weight: bold;font-size: 20px;color: #1f86e0;text-align: center} .pop-ques-form{padding: 20px 30px;} .pop-ques-form input{border: 1px solid #ebebeb;height: 37px;box-sizing: border-box;;padding: 0 10px;width: 560px;} .pop-ques-form label{display: block;overflow: hidden} .pop-ques-form label em{display: inline-block;width: 80px;color: #666;text-align: right} .pop-label-half{padding-bottom: 30px;} .pop-ques-form .pop-label-half label{float: left;width: 50%;} .pop-ques-form .pop-label-half label input{width: 240px} .pop-ques-form .pop-ques-button{margin: 40px auto 20px;text-align: center} .pop-ques-form button{cursor: pointer;display: inline-block;width: 120px;height: 36px;color: #fff;background-color: #1f86e0;border: none;border-radius: 2px;margin: 0 15px;} .floating-window{position: fixed;background: url("../images_v3/ques-bg.png") no-repeat center #6383FF;width: 250px;height: 130px;} .floating-window .close{background: url("../images_v3/icon-close.png") no-repeat center;width: 12px;height: 12px;position: absolute;top: 10px;right: 10px;font-size: 0;cursor: pointer;transition: ease-in-out .2s;} .floating-window .close:hover{transform: rotate(90deg)} .floating-window .font-message{font-size: 18px;color: #ffe224;position: absolute;top: 26px;right: 18px;line-height: 26px;width: 130px;} /*鍔炰簨澶у巺-浼佷笟瀹惰皥-涓撳瑙嗙偣*/ .ques-content{width: 1000px;margin: 0 auto} .service-hall{border: 1px solid #E1E6EB;box-sizing: border-box} .service-hall h2{height: 54px;line-height: 43px;background: url("../images_v3/service-hall.png") no-repeat center;background-size: 100% 100%;text-align: center;color: #fff;font-weight: bold;font-size: 24px;} .service-hall-list{padding: 0 20px;} .service-hall-list ul{overflow: hidden;margin: 0 -10px;} .service-hall-list ul li{float: left;width: 33.3%;padding: 0 10px;box-sizing: border-box;margin-top: 32px;} .service-hall-list ul li a{display: block;line-height: 40px;padding-left: 23px;font-size: 16px;background-color: #f3f3f3;color: #333;box-sizing: border-box} .service-hall-list ul li a:hover{background-color: #e5f3ff} .service-hall-list ul li a i{display: inline-block;vertical-align: middle;margin: -3px 8px 0 0;background-repeat: no-repeat;background-image: url("../images_v3/banshi-icon-all.png");width: 24px;height: 24px;} .service-hall-list ul li a i.icon-a,.service-hall-list ul li a i.icon-b{background-position: -2px 0;} .service-hall-list ul li a i.icon-c{background-position: -1px -62px;} .service-hall-list ul li a i.icon-d{background-position: -1px -127px;} .service-hall-list ul li a i.icon-e{background-position: -2px -187px;} .service-hall-list ul li a i.icon-f{background-position: -4px -250px;} .service-hall-list ul li a i.icon-g{background-position: -1px -313px;} .service-hall-list ul li a i.icon-h{background-position: -2px -375px;} .service-hall-list ul li a i.icon-i{background-position: -1px -438px;} .service-hall-list ul li a i.icon-j{background-position: -2px -500px;} .service-hall-list ul li a i.icon-k{background-position: -2px -563px;} .service-hall-list ul li a i.icon-l{background-position: 0 -627px;margin-top: 0} .ques-expert-left{float: left;width: 690px;box-sizing: border-box} .ques-expert-box{margin: 0 -8px;overflow: hidden} .ques-expert-items{float: left;width: 50%;padding: 0 8px;box-sizing: border-box} .ques-expert-img{text-align: center;height: 136px;overflow: hidden} .ques-expert-img img{vertical-align: middle;max-width: 100%} .ques-expert-list ul li{;position: relative;padding-left: 15px;} .ques-expert-list ul li a{color: #333;display: block;padding: 10px 0;border-bottom: 1px dashed #D2D2D2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ques-expert-list ul li:before{content: '';width: 6px;height: 6px;position: absolute;top: 50%;margin-top: -3px;left: 0;background-color: #0066BF;} .ques-expert-list ul li a:hover{color: #ff6d15} .ques-wond-video{float: right;width: 300px;} .ques-wond-video h2,.ques-item-title h2,.ques-expert-items h2{color: #0066bf;font-size: 16px;padding:5px 0 5px 15px;border-bottom: 1px solid #0066bf;position: relative;line-height: 1;margin-bottom: 10px;} .ques-wond-video h2 a,.ques-item-title h2 a,.ques-expert-items h2 a{float: right;color: #677d91;font-size: 14px;} .ques-wond-video h2:before,.ques-item-title h2:before,.ques-expert-items h2:before{content: '';position: absolute;width: 6px;height: 20px;margin-top: -10px;top: 50%;left: 0;background-color: #0066bf} .ques-wond-video .ques-expert-img{height: 180px;} .service-hall .service-hall-list ul li a{ text-decoration: none; } /*璧拌繘鍗忎細*/ .zjxh-center{padding: 20px;box-sizing: border-box;background: url("../images_v3/zjxh-bg.png") no-repeat center bottom;} .zjxh-left{float: left;width: 365px;} .zjxh-left ul{overflow: hidden;margin: 0 -8px;} .zjxh-left ul li{transition: ease-in-out .2s;float: left;width: 33.3%;padding: 0 8px;box-sizing: border-box;margin-top: 16px;cursor: pointer} .zjxh-left ul li div.zjxh-left-item{transition: ease-in-out .2s;padding-top: 12px;background-color: #F2FAFF;height: 111px;box-sizing: border-box} .zjxh-left ul li div.icon-img{width: 60px;height: 60px;border-radius: 50%;margin: 0 auto;position: relative;background-color: #e0eeff;} .zjxh-left ul li p{color: #4c4c4c;font-size: 14px;padding-top: 7px;text-align: center;} .zjxh-left ul li:nth-child(-n+3){margin-top: 0} .zjxh-left ul li.on div.zjxh-left-item{background-image: linear-gradient(#0066BF, #009BD6);box-shadow: 0 0 8px #0066BF} .zjxh-left ul li.on div.icon-img{background-color: #fff} .zjxh-left ul li.on p{color: #fff} .zjxh-right{float: right;width: 310px;height: 365px;border: 1px solid #EDEDED;padding: 0 12px 6px;box-sizing: border-box;box-shadow: 0 0 2px #EDEDED;overflow: hidden;} .zjxh-right h2{padding: 10px 0;font-size: 20px;font-weight: bold;text-align: center;background: url("../images_v3/title-bg.png") no-repeat center;} .zjxh-right p{line-height: 28px;text-indent: 2em;} .zjxh-right>div{display: none} .zjxh-right>div.con0{display: block} .zjxh-left ul li div.icon-img i{position: absolute;background-repeat: no-repeat;background-image: url("../images_v3/zjdt-icon-all.png");top: 50%;left: 50%;transform: translate(-50%,-50%)} .zjxh-left ul li div.icon-img i.icon-a{background-position: -1px 0;width: 32px;height: 32px;} .zjxh-left ul li div.icon-img i.icon-b{background-position: -74px 0;width: 33px;height: 32px;} .zjxh-left ul li div.icon-img i.icon-c{background-position: -155px 0;width: 28px;height: 32px;} .zjxh-left ul li div.icon-img i.icon-d{background-position: -2px -70px;width: 31px;height: 32px;} .zjxh-left ul li div.icon-img i.icon-e{background-position: -74px -74px;width: 32px;height: 27px;} .zjxh-left ul li div.icon-img i.icon-f{background-position: -152px -69px;width: 34px;height: 31px;} .zjxh-left ul li div.icon-img i.icon-g{background-position: 0 -139px;width: 34px;height: 32px;} .zjxh-left ul li div.icon-img i.icon-h{background-position: -77px -138px;width: 26px;height: 32px;} .zjxh-left ul li div.icon-img i.icon-i{background-position: -153px -138px;width: 32px;height: 33px;} /*浼佷笟鎺ㄨ崘*/ .company-tj ul{margin: 0 -5px;box-sizing: border-box} .company-tj ul li{float: left;width: 14.2857%;padding:0 5px;box-sizing: border-box;height: 35px;margin-top: 20px;} .company-tj ul li:nth-child(-n+7){margin-top: 0} .company-box{border: 1px solid #E1E4E9;box-sizing: border-box;position: relative;cursor: pointer} .company-box img{vertical-align: middle;max-width: 100%;} .company-message{display: none;position: absolute;top: -1px;left: -1px;border: 1px solid #0066BF;width: 279px;height: 167px;box-sizing: border-box;background-color: #fff;z-index: 3;overflow: hidden} .company-icon{height: 35px;border-bottom: 1px solid #EDEDED;} .company-message a{position: absolute;bottom: 0;right: 0;background-color: #0066bf;color: #fff;width: 70px;line-height: 20px;text-align: center;} .company-message h3{font-weight: bold;padding: 3px 8px;} .company-message p{color: #434343;font-size: 12px;line-height: 24px;padding: 0 8px;max-height: 93px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .company-tj ul li:nth-child(7n) .company-message{right: -1px;left: auto}