@charset "UTF-8"; /* 动画 */ @-webkit-keyframes upDown { 100% { -webkit-transform: translateY(4px); transform: translateY(4px); } } @keyframes upDown { 100% { -webkit-transform: translateY(4px); transform: translateY(4px); } } /* 公共标题 */ .common_title { text-align: center; width:1200PX; margin:0 auto; } .common_title_t label { display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(132, 141, 173, 0.56); position: relative; top: -2px; } .common_title_t p { font-size: 28px; color: #323238; display: inline-block; margin: 4px 36px 0; } .common_title_t_l:after { content: ''; display: inline-block; width: 28px; height: 0; border-bottom: 1px solid rgba(132, 141, 173, 0.56); position: absolute; left: 9px; top: 4px; } .common_title_t_r:before { content: ''; display: inline-block; width: 28px; height: 0; border-bottom: 1px solid rgba(132, 141, 173, 0.56); position: absolute; left: -28px; top: 4px; } .common_title_b { font-size: 14px; color: #aeaeae; text-align: center; margin-top: 5px; } .common_title_b:after { content: ''; display: block; width: 27px; height: 1px; background: url(../images/icon21.png) no-repeat; margin: 12px auto 0; } .common_title.white .common_title_t p { color: #fff; } .common_title.white .common_title_b { opacity: 0.5; } .common_title.white .common_title_b:after { opacity: 0.3; } /*主内容*/ .container { background-color: #f6f6fa; padding-top: 180px; } .container * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* 1200宽度盒子 */ .box1200 { width: 1200px; margin: auto; } /*banner*/ .banner { width: 100%; height: 500px; padding-top: 12px; background: url(../images/banner.jpg) center no-repeat; /* 导航链接 */ /* 位置 */ /* 中部文字 */ /* 底部导航 */ } .banner_nav li { float: left; margin-right: 28px; position: relative; } .banner_nav li a span { font-size: 16px; color: #fff; line-height: 45px; } .banner_nav li a i { display: inline-block; width: 6px; height: 4px; background: url(../images/icon1.png) no-repeat; margin: 0 6px; position: relative; top: -3px; } .banner_nav li dl { width: 320px; background: #47518e; position: absolute; top: 45px; left: 0; display: none; z-index: 2; } .banner_nav li dl dd { height: 60px; font-size: 14px; line-height: 60px; border-top: 1px solid rgba(255, 255, 255, 0.1); position: relative; } .banner_nav li dl dd:after { content: ""; display: inline-block; width: 4px; height: 6px; background: url(../images/icon6.png); position: absolute; right: 30px; top: 33px; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .banner_nav li dl dd a { display: inline-block; width: 100%; height: 100%; padding-left: 30px; color: #8489af; -webkit-transition: all .3s; transition: all .3s; } .banner_nav li dl dd:hover a { color: #fff; } .banner_nav li dl dd:hover:after { opacity: 1; } .banner_nav li dl dd:first-child { border-top: none; } .banner_nav li:hover a span { color: #ff580e; } .banner_nav li:hover a i { background: url(../images/icon5.png) no-repeat; } .banner_loc { line-height: 45px; } .banner_loc label, .banner_loc a { font-size: 12px; color: rgba(255, 255, 255, 0.6); } .banner_loc a:hover { color: white; } .banner_loc i { display: inline-block; width: 7px; height: 5px; background: url(../images/icon2.png); vertical-align: middle; margin: 0 4px; } .banner_m { margin-top: 72px; float: left; } .banner_m_t { font-size: 40px; color: #fff; font-weight: bold; float: left; } .banner_m_d { margin-top: 2px; font-size: 16px; color: rgba(255, 255, 255, 0.6); float: left; } .banner_m_d a{ color:#ff7046; } .banner_m_d a:hover{color:#ff9500;} .banner_m_n{ height: 30px; margin-bottom: 36px; margin-top: 10px; } .banner_m_n > div{height: 30px;line-height: 28px;border: 1px solid #3f488c;margin-right: 5px;font-size: 12px;color: #fff;float: left;padding-right: 11px;} .banner_m_n > div i{font-size: 16px;} .banner_m_n > div span{display: inline-block;vertical-align: top;background: #3f488c;font-size: 12px;color: rgba(255,255,255,0.4);padding: 0 11px;position: relative;margin-right: 15px;} .banner_m_n > div span::after{content: "";display: inline-block;border-left: 4px solid #3f488c;border-top: 4px solid transparent;border-bottom: 4px solid transparent;position: absolute;right: -4px;top: 50%;margin-top: -4px;} .banner_m_p { margin-top: 30px; color: #fff; height: 37px; float: left; } .banner_m_p_n { position: relative; } .banner_m_p_n_y { font-size: 16px; vertical-align: top; } .banner_m_p_n label { font-family: Impact; font-size: 30px; line-height: 30px; } .banner_m_p_n_i { width: 41px; height: 19px; display: inline-block; background: url(../images/icon3.png); position: absolute; right: -42px; top: -24px; -webkit-animation: upDown 0.8s infinite forwards alternate; animation: upDown 0.8s infinite forwards alternate; } .banner_m_p_o { font-size: 14px; vertical-align: bottom; margin-left: 6px; display: inline-block; vertical-align: middle; margin-top: -4px; } .banner_m_s { margin: 12px 0 -10px; } .banner_m_s .selectCity .select_body { width: 505px; border: solid 1px #e3e3e3; display: none; position: absolute; z-index: 2; left: -1px; top: 35px; background: #fff; padding: 20px 12px 12px; } .banner_m_s .selectCity .select_body.espic {width: 1100px;} .banner_m_s .selectCity .select_body.espic .select_show{width: 1073px;} .banner_m_s .selectCity .select_body.espic .select_search{position: absolute;top: 0;right: -1px;} .banner_m_s .selectCity .select_body.espic .select_classify_detail li{margin-left: -10px;} .banner_m_s .selectCity .select_search { width: 350px; height: 30px; background-color: #ffffff; border: solid 1px #e3e3e3; position: relative; margin-bottom: 12px; } .banner_m_s .selectCity .select_search input { width: 280px; height: 100%; padding: 0 12px; } .banner_m_s .selectCity .select_search button { width: 64px; height: 30px; background-color: #787e90; font-size: 14px; color: #fff; font-weight: bold; position: absolute; top: -1px; right: 0; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; } .banner_m_s .selectCity .select_search button:hover { background-color: rgba(56, 58, 122, 0.8); } .banner_m_s .selectCity .select_search button:active { background-color: #383a7a; } .banner_m_s .selectCity .select_show { width: 482px; clear: both; position: relative; } .banner_m_s .selectCity .select_classify { border: 1px solid #e3e3e3; width: 100%; height: 100%; } .banner_m_s .selectCity .select_classify_nav { height: 30px; } .banner_m_s .selectCity .select_classify_nav li { float: left; width: 80px; height: 100%; line-height: 30px; background-color: #f4f4f4; text-align: center; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 14px; color: #636363; cursor: pointer; position: relative; } .banner_m_s .selectCity .select_classify_nav li:first-child { border-left: none; } .banner_m_s .selectCity .select_classify_nav li.on { background-color: #fff; border-bottom: none; } .banner_m_s .selectCity .select_classify_nav li.on:before { content: ""; width: 81px; height: 4px; background-color: #383a7a; display: block; position: absolute; top: -4px; left: -1px; } .banner_m_s .selectCity .select_classify_detail { position: relative; margin-left: 26px; margin-bottom: 10px; } .banner_m_s .selectCity .select_classify_detail li { width: 100%; display: none; } .banner_m_s .selectCity .select_classify_detail li.on { display: block; } .banner_m_s .selectCity .select_classify_detail dt, .banner_m_s .selectCity .select_classify_detail dd { font-size: 14px; color: #565656; } .banner_m_s .selectCity .select_classify_detail dt { line-height: 50px; } .banner_m_s .selectCity .select_classify_detail dd { line-height: 24px; float: left; margin-right: 20px; width: 70px; cursor: pointer; } .banner_m_s .selectCity .select_classify_detail dd:hover { color: #21235f; } .banner_m_s .selectCity .espic .select_classify_detail dd {height: 48px;display: table;margin: 0 10px;} .banner_m_s .selectCity .espic .select_classify_detail dd span {display: table-cell;vertical-align: middle;} .banner_m_s .selectCity .select_result { width: 100%; height: 100%; display: none; } .banner_m_s .selectCity .select_result dt, .banner_m_s .selectCity .select_result dd { font-size: 14px; color: #565656; } .banner_m_s .selectCity .select_result dt { line-height: 30px; } .banner_m_s .selectCity .select_result dd { line-height: 24px; float: left; margin-right: 20px; width: 70px; cursor: pointer; } .banner_m_s .selectCity .select_result dd:hover { color: #21235f; } .banner_m_s > li { float: left; width: 186px; height: 36px; border: solid 1px #616497; margin-right: 8px; padding: 0 12px; position: relative; } .banner_m_s > li.on > a i { background: url(../images/icon7_hover.png) center no-repeat; } .banner_m_s > li > a { display: inline-block; width: 100%; height: 100%; font-size: 14px; color: #e1e1ef; line-height: 34px; } .banner_m_s > li > a span { float: left; } .banner_m_s > li > a i { float: right; width: 9px; height: 100%; background: url(../images/icon7.png) center no-repeat; } .banner_m_s > li > dl { display: none; position: absolute; z-index: 2; width: 150px; left: -1px; top: 35px; } .banner_m_s > li > dl.choosed dt { display: inline-block; } .banner_m_s > li > dl dd { width: 100%; height: 34px; border: solid 1px #ededed; border-top: none; background-color: #fff; -webkit-transition: all .4s; transition: all .4s; } .banner_m_s > li > dl dd:first-child { border-top: solid 1px #ededed; } .banner_m_s > li > dl dd:hover { background-color: #f4f4f4; } .banner_m_s > li > dl dd a { font-size: 14px; display: inline-block; width: 100%; height: 100%; color: #7c7c7c; padding: 0 12px; line-height: 34px; } .banner_m_b { margin-top: 122px; } .banner_m_b_b { width: 211px; height: 60px; background-color: #5c79b7; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; } .banner_m_b_b:hover { background-color: #4077e5; } .banner_m_b_b_l { width: 70px; height: 56px; background-color: #334773; border-radius: 2px; margin: 2px; position: relative; } .banner_m_b_b_l input { width: 40px; height: 100%; padding: 0 4px; float: left; font-size: 18px; color: #fff; text-align: center; } .banner_m_b_b_l_r { width: 30px; height: 100%; float: right; border-left: 1px solid rgba(255, 255, 255, 0.1); } .banner_m_b_b_l_r button { width: 100%; height: 50%; font-size: 14px; color: #fff; font-weight: bold; opacity: 0.5; cursor: pointer; } .banner_m_b_b_l_r button:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .banner_m_b_b_l_r button.disabled{ color:opacity: 0.5 !important; cursor: not-allowed; } .banner_m_b_b_l_r button.disabled:active { color:opacity: 0.5 !important; background-color: rgba(255, 255, 255, 0) !important; } .banner_m_b_b_l_r button:hover { opacity: 1; } .banner_m_b_b_l_r button:active { opacity: 1; background-color: rgba(255, 255, 255, 0.1); } .banner_m_b_b_r { width: 136px; text-align: center; } .banner_m_b_b_r p { font-size: 0; } .banner_m_b_b_r p:first-child { padding: 10px 0 4px; font-size: 16px; color: #fff; font-weight: bold; } .banner_m_b_b_r p:first-child + p:before, .banner_m_b_b_r p:first-child + p:after { width: 12px; height: 0; content: ''; border-bottom: 1px dashed rgba(219, 219, 219, 0.4); display: inline-block; } .banner_m_b_b_r p:first-child + p label { display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 1px solid rgba(219, 219, 219, 0.4); line-height: 12px; } .banner_m_b_b_r p:first-child + p label i { width: 3px; height: 5px; display: inline-block; background: url(../images/icon4.png); vertical-align: middle; } .banner_m_b_c { width: 211px; height: 60px; margin-left: 6px; background-color: #ff7046; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 3px 15px; } .banner_m_b_c img { width: 48px; height: 48px; border: 3px solid rgba(255,255,255,0.3); border-radius: 100%; -webkit-border-radius: 100%; } .banner_m_b_c:hover { background-color: #ff9500; } .banner_m_b_c img { max-width: none; position: relative; top: -14px; } .banner_m_b_c_r { display: inline-block; margin-left: 4px; } .banner_m_b_c_r p:first-child { font-size: 16px; padding-top: 6px; font-weight: bold; color: #fff; } .banner_m_b_c_r p:first-child + p { font-size: 12px; color: rgba(255, 255, 255, 0.5); } .banner_b { width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; } .banner_b #containerNav { width: 100%; height: 60px; background-color: rgba(36, 49, 89, 0.6); position: absolute; top: 0; left: 0; } .banner_b ul { height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.15); } .banner_b li { float: left; text-align: center; line-height: 60px; font-size: 16px; color: #fff; width: 149px; height: 100%; border-right: 1px solid rgba(255, 255, 255, 0.15); cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .banner_b li.on { color: #ccdfff; } .banner_b li:hover { background-color: rgba(255, 255, 255, 0.1); } /* 必要性 */ .necessary { height: 485px; background-color: #f6f6fa; background-image: url(../images/necessity.png); background-position: center 170px; background-repeat: no-repeat; padding-top: 76px; } .necessary_t { width: 36px; height: 36px; border: 1px solid #fff; border-radius: 50%; color: #ffffff; font-size: 14px; font-family: Impact; font-weight: bold; text-align: center; margin: auto; margin-top: 26px; } .necessary_l { margin-top: 6px; text-align: center; } .necessary_l li { display: inline-block; width: 165px; height: 180px; position: relative; margin-left: 6px; text-align: center; background-image: linear-gradient(8deg, rgba(250, 250, 255, 0.83) 0%, rgba(255, 255, 255, 0.83) 82%), linear-gradient(#ffffff, #ffffff); border-radius: 4px; } .necessary_l li:first-child { margin-left: 0; } .necessary_l_i { display: inline-block; width: 47px; height: 47px; border-radius: 50%; line-height: 46px; background-color: #243159; margin: 28px 0 22px; } .necessary_l_d { font-size: 14px; color: #a5a6aa; width: 140px; margin: auto; height: 65px; overflow: hidden; } .necessary_l_b { width: 36px; height: 4px; position: absolute; bottom: 14px; left: 64px; background-image: -webkit-gradient(linear, left top, left bottom, from(#efeff5), to(#efeff5)), -webkit-gradient(linear, left top, left bottom, from(#ebebf3), to(#ebebf3)); background-image: linear-gradient(#efeff5, #efeff5), linear-gradient(#ebebf3, #ebebf3); background-blend-mode: normal, normal; -webkit-box-shadow: inset 1px 1px 2px 0px rgba(153, 153, 180, 0.2); box-shadow: inset 1px 1px 2px 0px rgba(153, 153, 180, 0.2); border-radius: 2px; opacity: 0.5; } /* 服务介绍 */ .intro { width: 100%; height: 460px; background-color: #ffffff; padding-top: 52px; } .intro .common_title { width: 439px; margin: auto; padding-top: 37px; background: url(../images/Service.png) center no-repeat; } .intro_l { margin-top: 65px; } .intro_l li { width: 240px; float: left; text-align: center; } .intro_l_i { width: 58px; height: 58px; margin: auto; line-height: 58px; } .intro_l_t { font-size: 18px; color: #232325; margin: 20px 0 5px; } .intro_l_t:after { content: ''; display: block; width: 14px; height: 1px; background: #edeef1; margin: 8px auto 0; } .intro_l_d { font-size: 14px; color: #909093; } /* 流程 */ .process_data { width: 100%; background: url(../images/process.jpg) center -1px no-repeat; height: 570px; margin-bottom: 154px; } .process { width: 100%; padding-top: 60px; } .process_l { margin-top: 50px; } .process_l li { float: left; width: 240px; text-align: center; position: relative; } .process_l li:first-child:before, .process_l li:first-child:after { display: none; } .process_l li:before { content: ''; display: inline-block; width: 178px; height: 0; border-bottom: 1px dashed rgba(255, 255, 255, 0.2); position: absolute; left: -89px; top: 31px; } .process_l li:after { content: ''; display: inline-block; width: 17px; height: 17px; border-radius: 50%; background: #ececf6 url(../images/icon24.png) center no-repeat; border: solid 1px rgba(255, 255, 255, 0.3); position: absolute; left: -8px; top: 23px; } .process_l_circle { width: 62px; height: 62px; margin: auto; border-radius: 50%; position: relative; overflow: hidden; } .process_l_c { width: 62px; height: 62px; border-radius: 50%; border: solid 1px rgba(255, 255, 255, 0.1); padding: 7px; animation: scaleCircle 2s ease-in infinite; position: absolute; top: 50%; left: 50%; margin: -31px 0 0 -31px; } .process_l_cc { width: 46px; height: 46px; border-radius: 50%; border: solid 1px rgba(255, 255, 255, 0.1); padding: 7px; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -23px; animation: scaleCircle 2s ease-in 1s infinite; } .process_l_ccc { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.23); font-size: 16px; color: #fff; font-weight: bold; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; } @keyframes scaleCircle { 0% { transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 50% { transform: scale(0.7); opacity: 1; filter: alpha(opacity=100); } 100% { transform: scale(1); opacity: 0; filter: alpha(opacity=0); } } .process_l_d { font-size: 14px; color: #fff; width: 220px; margin: auto; height: 50px; line-height: 25px; } .process_l_icon { display: block; width: 14px; height: 1px; background: url(../images/icon23.png) no-repeat; margin: 14px auto 0; } /* 资料 */ .data { width: 1200px; height: 324px; background-color: #ffffff; border-radius: 4px; margin: 66px auto 0; padding: 20px; } .data_t p { line-height: 24px; } .data_t p:first-child i { display: inline-block; width: 10px; height: 10px; background: url(../images/icon25.png); position: relative; top: -2px; } .data_t p:first-child span { font-size: 18px; color: #616161; margin-left: 8px; } .data_t p:first-child + p { font-size: 14px; color: #9c9c9c; } .data_b { margin-top: 14px; } .data_b_l, .data_b_r { width: 570px; height: 240px; background-color: #f6f6fa; border-radius: 4px; -webkit-transition: all .4s; transition: all .4s; } .data_b_l { background: url(../images/personal_pic.png); } .data_b_r { background: url(../images/enterprise_pic.png); } .data_b_left { width: 277px; height: 100%; text-align: center; } .data_b_left p { font-size: 12px; color: rgba(255, 255, 255, 0.2); } .data_b_left p:first-child { font-size: 22px; color: #fff; padding: 96px 0 6px; } .data_b_right { width: 260px; margin: 25px 0 25px 25px; } .data_b_right li { height: 40px; width: 100%; border-bottom: 1px dashed #e2e2e6; line-height: 40px; font-size: 14px; color: #8b8d91; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .data_b_right li:before { content: ''; display: inline-block; width: 10px; height: 10px; background-color: #d4d4d4; border-radius: 50%; margin-right: 10px; } /* 服务 */ .service { width: 100%; height: 430px; padding-top: 36px; } .service_l { height: 245px; background-color: #ffffff; border-radius: 4px; margin-top: 18px; padding-top: 12px; } .service_l li { float: left; width: 25%; height: 100%; border-left: 1px solid #eeeeee; } .service_l li:first-child { border-left: none; } .service_l li.on .service_l_b { display: none !important; } .service_l li.on .service_l_t span { color: #ff3c00; } .service_l_t { width: 100%; height: 54px; background: #f6f6fa; padding: 0 16px; line-height: 54px; } .service_l2 .service_l_t{ border-left:10px solid #fff;} .service_l5 .service_l_t{ border-right:10px solid #fff;} .service_l_t span { font-size: 16px; font-weight: bold; color: #4a4c5a; } .service_l_t img { margin-top: 15px; } .service_l_m, .service_l_m2 { height: 55px; border-bottom: 1px dashed #dcdcdc; line-height: 54px; text-indent: 16px; width: 300px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .service_l_m { font-size: 14px; color: #9e9e9e; } .service_l_m2 { font-size: 18px; color: #ff5a12; font-weight: bold; } .service_l_m2 span { font-weight: normal; font-size: 14px; margin-right: -3px; } .service_l_m2 label { font-weight: normal; font-size: 14px; margin-left: -3px; position: relative; top: -1px; } .service_l_b a { display: inline-block; width: 108px; height: 38px; background-color: #243159; border-radius: 4px; font-size: 14px; color: #fff; font-weight: bold; line-height: 38px; text-align: center; margin-left: 16px; margin-top: 16px; -webkit-transition: all 0.3s; transition: all 0.3s; } .service_l_b a:hover { opacity: 0.8; } .service_l1 .service_l_t, .service_l4 .service_l_t { width: 300px; } .service_l1 .service_l_t { margin-left: 12px; } .service_l1 .service_l_m, .service_l1 .service_l_m2 { text-indent: 24px; } .service_l1 .service_l_b { margin-left: 24px; } /* 知产 */ .ip { width: 100%; height: 488px; background: #fff; padding-top: 48px; } .ip_l { margin-top: 16px; } .ip_l_t { height: 66px; line-height: 66px; padding: 0 20px; } .ip_l_t span { font-size: 16px; font-weight: bold; vertical-align: middle; margin-left: 2px; } .ip_l_t label { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background-color: rgba(111, 111, 111, 0.45); vertical-align: middle; } .ip_l1 .ip_l_b { width: 100%; border-top: 1px dashed #dbdbdb; } .ip_l1 .ip_l_b_t { height: 50px; line-height: 50px; } .ip_l1 .ip_l_b_t span { font-size: 16px; color: #6a6a6a; vertical-align: middle; margin-left: 2px; } .ip_l1 .ip_l_b_b { -webkit-transition: all .4s; transition: all .4s; } .ip_l1 .ip_l_b_b img { max-width: 237px; max-height: 182px; } .ip_l1 .ip_l_b_b:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); } .ip_l1 .ip_l_b_l .ip_l_b_t { text-indent: 20px; } .ip_l1 .ip_l_b_r .ip_l_b_t { text-indent: 2px; } .ip_l2 .ip_l_b, .ip_l3 .ip_l_b { width: 350px; height: 233px; position: relative; overflow: hidden; } .ip_l2 .ip_l_b img, .ip_l3 .ip_l_b img { max-width: none; position: absolute; top: 50%; left: 50%; -webkit-transition: all .8s; transition: all .8s; } .ip_l2 .ip_l_b:hover img, .ip_l3 .ip_l_b:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .ip_l2 .ip_l_b img { margin-top: -120px; margin-left: -326px; } .ip_l3 .ip_l_b img { margin-top: -119px; margin-left: -180px; } .ip li { width: 350px; height: 300px; float: left; background-color: #f6f6fa; margin-left: 7px; } .ip li:first-child { width: 484px; margin-left: 0; } /* 顾问 */ .team { width: 100%; height: 614px; background: url(../images/team.jpg) center -1px no-repeat; padding-top: 50px; } .team_slide { margin-top: 16px; } .team_slide_hd ul { width: auto; text-align: center; font-size: 0; } .team_slide_hd ul li { display: inline-block; font-size: 14px; color: #fff; font-weight: bold; padding: 0 40px; height: 40px; line-height: 40px; border: 1px solid #8b90a2; border-left: none; cursor: pointer; } .team_slide_hd ul li:first-child { border-left: 1px solid #8b90a2; } .team_slide_hd ul li.on { border-top: 2px solid #ef561e; position: relative; } .team_slide_hd ul li.on:before { content: ''; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 4px 0 4px; border-top-color: #ef561e; position: absolute; top: 0; left: 50%; margin-left: -2px; } .team_slide_bd { margin-top: 50px; height: 320px; } .team_slide_bd .team_star { width: 320px; height: 320px; float: left; margin-right: 6px; background: url(../images/team_pic1.jpg) center no-repeat; text-align: center; padding-top: 22px; } .team_slide_bd .team_star_t { font-size: 18px; color: #fff; font-weight: bold; } .team_slide_bd .team_star_pic { margin: 10px auto 6px; width: 150px; height: 150px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); padding: 10px; overflow: hidden; } .team_slide_bd .team_star_pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .team_slide_bd .team_star_name { font-size: 16px; color: #fff; font-weight: bold; } .team_slide_bd .team_star_exp { font-size: 14px; color: #ffd3bf; margin: 8px 0 12px; } .team_slide_bd .team_star a { display: inline-block; width: 100px; height: 26px; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2b051), to(#f2b051)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); background-image: linear-gradient(#f2b051, #f2b051), linear-gradient(#ffffff, #ffffff); -webkit-box-shadow: 1px 1px 8px 0px rgba(129, 80, 59, 0.23); box-shadow: 1px 1px 8px 0px rgba(129, 80, 59, 0.23); border-radius: 13px; font-size: 14px; color: #fff; font-weight: bold; line-height: 26px; -webkit-transition: all 0.3s; transition: all 0.3s; } .team_slide_bd .team_star a:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .team_slide_bd .team_person { width: 141px; height: 158px; float: left; position: relative; margin:0 0 4px 4px; overflow: hidden; } .team_slide_bd .team_person:hover .team_person_contact { width: 100%; height: 100%; } .team_slide_bd .team_person_pic { width: 100%; height: 100%; background:#15181D; } .team_slide_bd .team_person_pic img { max-width: none; } .team_slide_bd .team_person_contact { width: 0; height: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0, 0, 0, 0.8); text-align: center; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .team_slide_bd .team_person_contact > div { width: 144px; height: 160px; position: absolute; top: 50%; left: 50%; margin-left: -72px; margin-top: -80px; } .team_slide_bd .team_person_contact i { display: inline-block; width: 10px; height: 10px; position: absolute; top: 4px; left: 4px; border-left: 2px solid #3d3d3d; border-top: 2px solid #3d3d3d; } .team_slide_bd .team_person_contact p { font-size: 16px; font-weight: bold; color: #fff; padding: 66px 0 24px; } .team_slide_bd .team_person_contact a { display: inline-block; width: 100px; height: 26px; background-color: #fa753c; -webkit-box-shadow: 1px 1px 8px 0px rgba(129, 80, 59, 0.23); box-shadow: 1px 1px 8px 0px rgba(129, 80, 59, 0.23); border-radius: 13px; font-size: 14px; color: #fff; line-height: 26px; -webkit-transition: box-shadow 0.2s; -webkit-transition: -webkit-box-shadow 0.2s; transition: -webkit-box-shadow 0.2s; transition: box-shadow 0.2s; transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; } /* 证书 */ .certificate { height: 596px; background-color: #fff; padding-top: 45px; } .certificate ul { margin-top: 24px; } .certificate li { float: left; margin: 0 0 10px 6px; } .certificate li:first-child { margin-left: 0; } /* 问题 */ .questions { height: 420px; padding-top: 44px; } .questions ul { margin-top: 20px; } .questions_l { width: 394px; height: 180px; float: left; background-color: #ffffff; border-radius: 4px; margin-left: 9px; transition: 0.3s; } .questions_l:hover { transform: translateY(-4px); } .questions_l:first-child { margin-left: 0; } .questions_l > a { display: inline-block; width: 100%; height: 100%; -webkit-transition: all .4s; transition: all .4s; } .questions_l_q { height: 52px; line-height: 52px; text-indent: 12px; border-bottom: 1px dashed #dbdde0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .questions_l_q span { font-size: 16px; font-weight: bold; color: #434343; vertical-align: middle; margin-left: 10px; } .questions_l_a { margin-left: 12px; margin-top: 10px; } .questions_l_a i { vertical-align: text-top; } .questions_l_a span { display: inline-block; font-size: 13px; color: #b4b4b4; margin-left: 10px; line-height: 24px; height: 48px; width: 326px; vertical-align: top; } .questions_l_a:after { content: ""; display: block; width: 29px; height: 1px; background: url(../images/icon37.png); margin: 10px 0 12px 34px; } .questions_l_d { transition: 0.3s; } .questions_l_d:hover span { color: #ff6031; margin-right: 20px; } .questions_l_d span { font-size: 13px; color: #858585; margin: 0 8px 0 42px; -webkit-transition: all .4s; transition: all .4s; } .questions_more { width: 159px; height: 34px; display: block; margin: 28px auto; background: #ffffff url(../images/icon39.png) center no-repeat; border-radius: 17px; text-align: center; line-height: 34px; font-size: 14px; color: #ff6031; font-weight: bold; -webkit-transition: all 0.3s; transition: all 0.3s; } .questions_more:hover { background: #ff6031 url(../images/icon40.png) center no-repeat; color: #fff; } /* 版权个性化修改 */ .copyright .banner_m_p_n_i { width: 69px; height: 21px; background: url(../images/icon3_2.png); right: -72px; } .copyright .data_b_right { width: 246px; } .copyright .ip { background: #f6f6fa; } .copyright .ip li { background-color: #fff; } .copyright .necessary { height: 520px; background: url(../images/necessity_2.png) center 146px no-repeat; } .copyright .necessary_ll { width: 800px; margin: auto; padding-top: 30px; } .copyright .necessary_ll li { margin-left: 40px; margin-bottom: 15px; } .copyright .necessary_ll i { display: inline-block; width: 32px; height: 28px; background: url(../images/icon41.png); font-size: 16px; color: #fff; font-family: 'Arial'; line-height: 28px; text-indent: 10px; margin-right: 20px; } .copyright .necessary_ll span { font-size: 14px; color: #a5a6aa; } /* 专利个性化修改 */ .patent .banner_m_p_n_y { vertical-align: bottom; } .patent .banner_m { margin-top: 50px; } .patent .necessary { background: url(../images/necessity_3.png) center 111px no-repeat; } .patent .necessary_ll { padding-top: 38px; } .patent .necessary_ll li { margin-left: 40px; margin-bottom: 15px; } .patent .necessary_ll i { display: inline-block; width: 32px; height: 28px; background: url(../images/icon41.png); font-size: 16px; color: #fff; font-family: 'Arial'; line-height: 28px; text-indent: 10px; margin-right: 20px; } .patent .necessary_ll span { font-size: 14px; color: #a5a6aa; width: 740px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; display: inline-block; } .patent .data_b_right { width: 240px; } .patent .process_ll { margin-top: 36px; } .patent .process_ll li { float: left; width: 150px; } .patent .process_ll_text { padding: 30px 16px 25px; width: 202px; height: 146px; } .patent .process_ll_text label { font-size: 14px; color: #fff; font-weight: bold; display: inline-block; width: 67px; height: 31px; text-align: center; line-height: 28px; background: url(../images/process_icon.png); margin-bottom: 12px; } .patent .process_ll_text p { font-size: 14px; color: #adb8d9; line-height: 24px; } .patent .process_ll_num { width: 150px; height: 50px; text-align: center; line-height: 50px; font-size: 22px; font-family: Arial; font-style: italic; } .patent .process_ll1 .process_ll_text { text-align: left; border-left: 1px solid rgba(236, 236, 246, 0.1); } .patent .process_ll1 .process_ll_num { background: url(../images/process_bg1.png); color: #5c6b99; } .patent .process_ll2 .process_ll_text { margin-left: -63px; text-align: right; border-right: 1px solid rgba(236, 236, 246, 0.1); } .patent .process_ll2 .process_ll_num { margin-top: 146px; background: url(../images/process_bg2.png); color: #8f9cc2; } .patent .process_ll3 .process_ll_text { text-align: left; border-left: 1px solid rgba(236, 236, 246, 0.1); } .patent .process_ll3 .process_ll_num { background: url(../images/process_bg3.png); color: #5c6b99; } .patent .process_ll4 .process_ll_text { margin-left: -63px; text-align: right; border-right: 1px solid rgba(236, 236, 246, 0.1); } .patent .process_ll4 .process_ll_num { margin-top: 146px; background: url(../images/process_bg2.png); color: #8f9cc2; } .patent .process_ll5 .process_ll_text { text-align: left; border-left: 1px solid rgba(236, 236, 246, 0.1); } .patent .process_ll5 .process_ll_num { background: url(../images/process_bg3.png); color: #5c6b99; } .patent .process_ll6 .process_ll_text { margin-left: -63px; text-align: right; border-right: 1px solid rgba(236, 236, 246, 0.1); } .patent .process_ll6 .process_ll_num { margin-top: 146px; background: url(../images/process_bg2.png); color: #8f9cc2; } .patent .process_ll7 .process_ll_text { text-align: left; border-left: 1px solid rgba(236, 236, 246, 0.1); } .patent .process_ll7 .process_ll_num { background: url(../images/process_bg3.png); color: #5c6b99; } .patent .process_ll8 .process_ll_text { margin-left: -63px; text-align: right; border-right: 1px solid rgba(236, 236, 246, 0.1); } .patent .process_ll8 .process_ll_num { margin-top: 146px; background: url(../images/process_bg2.png); color: #8f9cc2; } .patent .process_data { height: auto; margin-bottom: auto; } /* 流程新增样式 */ .noLine:after, .noLine:before { content: none !important; } .hasLine:before { content: ''; display: inline-block; width: 178px; height: 0; border-bottom: 1px dashed rgba(255, 255, 255, 0.2); position: absolute; left: -89px; top: 31px; } .hasLine:after { content: ''; display: inline-block; width: 17px; height: 17px; border-radius: 50%; background: #ececf6 url(../images/icon24.png) center no-repeat; border: solid 1px rgba(255, 255, 255, 0.3); position: absolute; left: -8px; top: 24px; } .process_l_ccc_hover { background-color: #5e86d6; } .new_block1 .label { width: 80px; height: 40px; text-align: right; font-weight: bold; float: left; display: table; } .new_block1 .label span { display: table-cell; vertical-align: middle; } .new_block1 .label span span { display: block; color: #9e9e9e; font-weight: normal; font-size: 12px; padding-top: 2px; } .new_block1 .label small { color: #ff7800; vertical-align: middle; } .new_block1 .item_text{ width: 115px; display: inline-block; height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .new_block1 .item_text span { vertical-align: middle; line-height: 34px; float: left; } .new_block1 .item_text .text_b { font-size: 12px; margin-right: 4px; } .new_block1 .item_r { width: 40px; height: 100%; float: right; position: relative; cursor: pointer; border-left: 1px solid #dfdfdf; } .new_block1 .item_r i { display: table; width: 100%; height: 100%; color: #979797; font-size: 12px; text-align: center; position: relative; } .new_block1 .item_r i:before { display: table-cell; vertical-align: middle; text-align: center; } .new_block1 .select .more_item { min-width: 275px; max-width: 480px; padding: 21px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; border: solid 1px #dfdfdf; } .new_block1 .item_ul { width: 100%; display: none; } .new_block1 .select:first-child .item_ul{ display: inline-block; } .new_block1 .item_li { float: left; width: 142px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #575757; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; cursor: pointer; margin-bottom: 20px; margin-right: 10px; } .new_block1 .item_li:hover, .new_block1 .item_li.active { color: #3c5791; } .new_block1 .more_radio .item_li i { width: 12px; height: 12px; border-radius: 50%; } .new_block1 .checkbox_item .item_li i { width: 14px; height: 14px; border-radius: 3px; } .new_block1 .item_li i { display: inline-block; vertical-align: middle; -webkit-box-shadow: inset 2px 3px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 2px 3px 3px 0px rgba(0, 0, 0, 0.1); border: solid 1px #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5px; } .new_block1 .item_li.active i { background: #3c5791; position: relative; border: none; } .new_block1 .more_radio .item_li.active i:after { content: ''; width: 4px; height: 4px; background-color: #ffffff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 50%; } .new_block1 .checkbox_item .item_li.active i:after { content: ''; display: block; width: 9px; height: 7px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url("../images/gou.png") no-repeat; } .new_block1 .more_item .active_item { display: none; } .new_block1 .more_item .active_item span { display: inline-block; padding: 6px 10px; font-size: 12px; color: #808080; background-color: #f5f5f5; border-radius: 3px; margin: 10px 10px 0 0; } .new_block1 .slide { width: 100%; height: 1px; background: #e5e5e5; margin: 20px 0; } .new_block1 .btns { display: inline-block; width: 100%; text-align: center; } .new_block1 .btns a { display: inline-block; width: 58px; height: 28px; line-height: 28px; border-radius: 3px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; top: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .new_block1 .btns a:hover { top: -2px; } .new_block1 .btns_l { margin-right: 10px; background-color: #3c5791; color: #fff; } .new_block1 .btns_r { background-color: #f9f9f9; border: solid 1px #dfdfdf; color: #9e9e9e; } .notAllow{ cursor: not-allowed!important; background-color: #dfdfdf!important; } .notAllow a{ cursor: not-allowed!important; color: #aaa!important; } .service.espic ul{width: auto;height: 292px;margin: 5px auto 0 auto;position: relative;display: table;} .service.espic li{position: relative;width: 224px;height: 262px;background: url(../../images/registerglobal/icon2.png) no-repeat;float: left;margin: 15px 0 0 20px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.02);text-align: center;} .service.espic li:first-child{margin-left: 0;} .service.espic li:hover{transform: translateY(-4px);-webkit-transform: translateY(-4px);transition: all 0.3s;-webkit-transition: all 0.3s;} .service.espic li .p1{margin: 25px auto 23px auto;padding: 3px 0;width: 136px; background: #f0eef8;box-shadow: 0 2px 5px rgba(59,66,118,0.1); -webkit-box-shadow: 0 2px 5px rgba(59,66,118,0.1);border-radius: 6px; -webkit-border-radius: 6px;} .service.espic li .p1 img{width: 130px; border-radius: 4px; -webkit-border-radius: 4px;} .service.espic li .p2{font-weight: bold;font-size: 18px;color: #3e4b73;margin-top: -4px;} .service.espic li .p3{font-weight: bold;font-size: 30px;color: #ff580e;} .service.espic li .p3 span{font-weight: normal;font-size: 16px;} .service.espic li .p4{border-top: 1px solid #ebebf3;height: 43px;width: 100%;position: absolute;left: 0;bottom: 0;} .service.espic li .p4 a{float: left;width: 100%;height: 42px;position: relative;line-height: 42px;font-size: 14px;color: #9e9fa6;} .service.espic li .p4 a:hover{color: #ff580e;}