<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="baidu-site-verification" content="codeva-KtUM22FmVP" />
    <meta name="baidu-site-verification" content="codeva-J7YqCgAvgU" />
    <title>优易测——心理咨询机构、医院、中小学校，大学等有心理，职业，能力，成长测评的在线测评系统平台，30天免费试用。</title>
    
    <meta name="description" content="优易测是一款应用于企业机构团体测评和个人心理健康，职业素质，岗位能力，个体成长测评的测评系统平台，分为PC端和优易测小程序，团体测评系统操作简单好上手，企业可在线自定义添加量表，并支持测评结果导出和打印成册。 " />
    
        <meta name="keywords" content="职业测评 , 中小学心理测试, 心理测试软件, 心理测评系统, 大学生心理健康测试" />
    
    
        
            <link rel="stylesheet" href="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/ac16617e1be14c6486404e0a1257ced9.css" />
        
            <link rel="stylesheet" href="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/21d7533bfeda4d2f9493c8521649b2c0.css" />
        
    
    
        
            <script type="text/javascript" src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/8956abde6b264faf96ce485f483d3f02.js" charset="utf-8"></script>
        
            <script type="text/javascript" src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/2bce5338a7ca45ad9ef7f76cd1d1fbca.js" charset="utf-8"></script>
        
    
    <script type="text/javascript">
        function bodyScale() {
            var devicewidth = document.documentElement.clientWidth;
            var scale = devicewidth / 1920;
            document.body.style.zoom = scale;
        }
        window.onresize = function() {
            bodyScale();
        };
        window.onload = function() {
            bodyScale();
            var obtn = document.getElementById('return_top');
            var clientHeight = document.documentElement.clientHeight;
            var timer = null;
            var isTop = true;
            window.onscroll = function(){
                var osTop = document.documentElement.scrollTop || document.body.scrollTop;
                // if(osTop >= clientHeight){
                //     obtn.style.display = 'block';
                // }else{
                //     obtn.style.display = 'none';
                // }
                if(!isTop){
                    clearInterval(timer);
                }
                isTop = false;
            };
            obtn.onclick = function(){
                timer = setInterval(function(){
                    var osTop = document.documentElement.scrollTop || document.body.scrollTop;
                    var speed = Math.floor(-osTop / 6);
                    document.documentElement.scrollTop = document.body.scrollTop = osTop + speed;
                    isTop =true;
                    if(osTop == 0){
                        clearInterval(timer);
                    }
                },30);
            }
        };
        function initChat(config) {
            if(!window._AIHECONG){
                // (function(d, w, c) {
                //     let s = d.createElement('script');
                //     w[c] = w[c] || function() {
                //         (w[c].z = w[c].z || []).push(arguments);
                //     };
                //     s.async = true;
                //     s.src = 'https://static.ahc.ink/hecong.js';
                //     if (d.head) d.head.appendChild(s);
                // })(document, window, '_AIHECONG');
                // _AIHECONG('ini',{ channelId : 'z5d8CG',history: true,button:false,...config });
                (function(d, w, c) {
                    if (w[c]) return;
                    var s = d.createElement("script");
                    w[c] = function() {
                        (w[c].z = w[c].z || []).push(arguments);
                    };
                    s.async = true;
                    s.src = "https://static.ahc.ink/hecong.js";
                    if (d.head) d.head.appendChild(s);
                })(document, window, "_AIHECONG");
                _AIHECONG("ini",{ channelId : "4HpE7m" });
            }
        }
        function openChat() {
            initChat();
            if(window._AIHECONG){
                _AIHECONG('showChat');
            }
        }
        function change(order) {
            [0,1,2,3,4].map(item=> {
                if((item+1) == order) {
                    document.getElementById('yyc' + (item+1)).style.backgroundColor = '#FDB55B';
                    document.getElementById('yyc' + (item+1)).style.color = '#ffffff';
                    document.getElementById('yyce' + (item+1)).style.color = '#ffffff';
                    document.getElementById('yycd' + (item+1)).style.display = 'block';
                } else {
                    document.getElementById('yyc' + (item+1)).style.background = '#ECF4F9';
                    document.getElementById('yyc' + (item+1)).style.color = '#628DFE';
                    document.getElementById('yyce' + (item+1)).style.color = '#151515';
                    document.getElementById('yycd' + (item+1)).style.display = 'none';
                }
            })
        }
        function changeIcon(order) {
            [0,1,2,3,4].map(item=> {
                if((item+1) == order) {
                    document.getElementById('iocnDiv' + (item+1)).style.flex = '2';
                    document.getElementById('icon' + (item+1)).style.display = 'none';
                    document.getElementById('iconCont' + (item+1)).style.background = '#267dff';
                    document.getElementById('iconCont' + (item+1)).style.color = '#ffffff';
                    document.getElementById('iconp' + (item+1)).style.display = 'initial';
                    document.getElementById('conp' + (item+1)).style.height = '75px';
                    document.getElementById('imgDiv' + (item+1)).style.height = '153px';
                    document.getElementById('img' + (item+1)).style.width = '60%';
                    document.getElementById('jump' + (item+1)).style.display = 'block';
                } else {
                    document.getElementById('iocnDiv' + (item+1)).style.flex = '1';
                    document.getElementById('icon' + (item+1)).style.display = 'block';
                    document.getElementById('iconCont' + (item+1)).style.background = '#ffffff';
                    document.getElementById('iconCont' + (item+1)).style.color = '#151515';
                    document.getElementById('iconp' + (item+1)).style.display = 'none';
                    document.getElementById('conp' + (item+1)).style.height = '100px';
                    document.getElementById('imgDiv' + (item+1)).style.height = '100px';
                    document.getElementById('img' + (item+1)).style.width = '50%';
                    document.getElementById('jump' + (item+1)).style.display = 'none';
                }
            })
        }
    </script>
</head>
<body>

    <!--banner-->
    <div style="width: 100%; position: relative; margin: 0 auto" >
        <div style="background:url(https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/b816af642c1647388c4126c5a66632bf.png);background-size: cover; width: 100%; height: 675px" >
            <!--头部-->
            
                <div>
    <header class="rowpub">
        <a class="rowpub">
            <div style="margin-right: 15px;">
                <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/883157c4b69a4e9dafcda0a1a313bc10.png" loading="lazy" style="margin-left: 0px;" />
            </div>
            <div >
                <p style="font-size:28px;color: #151515"></p>
            </div>
        </a>
        <div style="width: 66%">
            <!--导航-->
            <nav class="rowpub">
                <ul class="rowpub">
                    
                        
                            <li><a href="/" class="sel">首页</a></li>
                            
                                
                                    <!--测评资讯、新闻动态-->
                                    <!--                                    <th:block th:if="${da.code == 'xgzx'|| da.code == 'xwdt'}">-->
                                    <!--                                        <th:block th:with="listChilds=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                                    <!--                                            <th:block th:each="daChild,daChildStat:${listChilds}">-->
                                    <!--                                                <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{daChild.code},30)}">-->
                                    <!--                                                    <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                        <li style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                    </th:block>-->
                                    <!--                                                    <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id}}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                </th:block>-->
                                    <!--                                            </th:block>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    <!--                                    <th:block th:if="${da.code != 'xgzx' && da.code != 'xwdt'}">-->
                                    <!--                                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{da.code},30)}">-->
                                    <!--                                            <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                <li style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                            </th:block>-->
                                    <!--                                            <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id}}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    
                                        
                                        <li style="position:relative" class="procenter" ><a href="/w510" >产品介绍</a></li>
                                    
                                
                                    <!--测评资讯、新闻动态-->
                                    <!--                                    <th:block th:if="${da.code == 'xgzx'|| da.code == 'xwdt'}">-->
                                    <!--                                        <th:block th:with="listChilds=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                                    <!--                                            <th:block th:each="daChild,daChildStat:${listChilds}">-->
                                    <!--                                                <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{daChild.code},30)}">-->
                                    <!--                                                    <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                        <li style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                    </th:block>-->
                                    <!--                                                    <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id}}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                </th:block>-->
                                    <!--                                            </th:block>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    <!--                                    <th:block th:if="${da.code != 'xgzx' && da.code != 'xwdt'}">-->
                                    <!--                                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{da.code},30)}">-->
                                    <!--                                            <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                <li style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                            </th:block>-->
                                    <!--                                            <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id}}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    
                                        
                                        <li style="position:relative" class="procenter" ><a href="/w511" >测评项目</a></li>
                                    
                                
                                    <!--测评资讯、新闻动态-->
                                    <!--                                    <th:block th:if="${da.code == 'xgzx'|| da.code == 'xwdt'}">-->
                                    <!--                                        <th:block th:with="listChilds=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                                    <!--                                            <th:block th:each="daChild,daChildStat:${listChilds}">-->
                                    <!--                                                <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{daChild.code},30)}">-->
                                    <!--                                                    <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                        <li style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                    </th:block>-->
                                    <!--                                                    <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id}}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                </th:block>-->
                                    <!--                                            </th:block>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    <!--                                    <th:block th:if="${da.code != 'xgzx' && da.code != 'xwdt'}">-->
                                    <!--                                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{da.code},30)}">-->
                                    <!--                                            <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                <li style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                            </th:block>-->
                                    <!--                                            <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id}}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    
                                        
                                            <li style="position:relative" class="procenter" ><a href="/w512/s733/1/10" >测评有感</a></li>
                                        
                                        
                                    
                                
                                    <!--测评资讯、新闻动态-->
                                    <!--                                    <th:block th:if="${da.code == 'xgzx'|| da.code == 'xwdt'}">-->
                                    <!--                                        <th:block th:with="listChilds=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                                    <!--                                            <th:block th:each="daChild,daChildStat:${listChilds}">-->
                                    <!--                                                <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{daChild.code},30)}">-->
                                    <!--                                                    <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                        <li style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                    </th:block>-->
                                    <!--                                                    <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id}}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                </th:block>-->
                                    <!--                                            </th:block>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    <!--                                    <th:block th:if="${da.code != 'xgzx' && da.code != 'xwdt'}">-->
                                    <!--                                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{da.code},30)}">-->
                                    <!--                                            <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                <li style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                            </th:block>-->
                                    <!--                                            <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id}}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    
                                        
                                            <li style="position:relative" class="procenter" ><a href="/w610/s293/1/10" >测评资讯</a></li>
                                        
                                        
                                    
                                
                                    <!--测评资讯、新闻动态-->
                                    <!--                                    <th:block th:if="${da.code == 'xgzx'|| da.code == 'xwdt'}">-->
                                    <!--                                        <th:block th:with="listChilds=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                                    <!--                                            <th:block th:each="daChild,daChildStat:${listChilds}">-->
                                    <!--                                                <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{daChild.code},30)}">-->
                                    <!--                                                    <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                        <li style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                    </th:block>-->
                                    <!--                                                    <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id}}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                </th:block>-->
                                    <!--                                            </th:block>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    <!--                                    <th:block th:if="${da.code != 'xgzx' && da.code != 'xwdt'}">-->
                                    <!--                                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{da.code},30)}">-->
                                    <!--                                            <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                <li style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                            </th:block>-->
                                    <!--                                            <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id}}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    
                                        
                                            <li style="position:relative" class="procenter" ><a href="/w1304/s728/1/10" >新闻动态</a></li>
                                        
                                        
                                    
                                
                                    <!--测评资讯、新闻动态-->
                                    <!--                                    <th:block th:if="${da.code == 'xgzx'|| da.code == 'xwdt'}">-->
                                    <!--                                        <th:block th:with="listChilds=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                                    <!--                                            <th:block th:each="daChild,daChildStat:${listChilds}">-->
                                    <!--                                                <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{daChild.code},30)}">-->
                                    <!--                                                    <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                        <li style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                    </th:block>-->
                                    <!--                                                    <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${daChild.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${daChild.id}}" th:text="${da.title}" th:attr="class=${daChild.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                                </th:block>-->
                                    <!--                                            </th:block>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    <!--                                    <th:block th:if="${da.code != 'xgzx' && da.code != 'xwdt'}">-->
                                    <!--                                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{da.code},30)}">-->
                                    <!--                                            <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                                    <!--                                                <li style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id} + '/s' + ${contentStruNav.id} + '/1/10'}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                            </th:block>-->
                                    <!--                                            <li th:if="${#lists.isEmpty(contentStruNavs)}" style="position:relative" th:attr="class=${da.id==curWebPage.id?'':'procenter'}" ><a th:href="@{'/w' + ${da.id}}" th:text="${da.title}" th:attr="class=${da.id==curWebPage.id?'sel':''}" ></a></li>-->
                                    <!--                                        </th:block>-->
                                    <!--                                    </th:block>-->
                                    
                                        
                                        <li style="position:relative" class="procenter" ><a href="/w513" >关于我们</a></li>
                                    
                                
                            
                        
                    
                    <!--                    <li style="position:relative;" class="procenter"><span style="border: 1px solid #FF9933; padding: 3px 15px; margin-left: 15px; background: #FF9933;"><a href="https://www.youyice.com/admin" target="_blank" style="color: #fff; text-decoration: none;font-size: 14px;">机构></a></span></li>-->
                    <!--                    <li style="position:relative;" class="procenter"><span style="border: 1px solid #1368BB; padding: 3px 15px; margin-left: 15px; background: #1368BB;"><a href="https://www.youyice.com/test" target="_blank" style="color: #fff; text-decoration: none;font-size: 14px;">个人></a></span></li>-->
                </ul>
            </nav>
        </div>
    </header>

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?23df338b30398ab57142447ed8056fa3";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</div>
            
        </div>
        <!--        <img th:if="${fileDatas['banner']}" th:src="${fileDatas['banner'].storeUrl}" loading="lazy" alt="" style="width: 100%" />-->
        <!--        <img th:if="${fileDatas['qrCode1']}" th:src="${fileDatas['qrCode1'].storeUrl}" loading="lazy" alt="" style="width: 130px; position: absolute; bottom: 28%; left: 19%;" />-->
        <!--        <img th:if="${fileDatas['qrCode2']}" th:src="${fileDatas['qrCode2'].storeUrl}" loading="lazy" alt="" style="width: 130px; position: absolute; bottom: 28%; left: 28%;" />-->
        <div style="background: #06BC7A;color: #fff; width: 120px; position: absolute; bottom: 35%; left: 19%; text-align: center; padding: 5px 0; border-radius: 15px;"><a href="https://www.youyice.com/test" target="_blank" style="font-size:18px;color: #fff;text-decoration: none;">立即测评</a></div>
        <div style="background: #FE7941;color: #fff; width: 120px; position: absolute; bottom: 35%; left: 27%; text-align: center; padding: 5px 0; border-radius: 15px; cursor: pointer;" onclick="openChat()"><a style="font-size:18px;color: #fff;text-decoration: none;">立即加盟</a></div>
        <div style="width: 100%; position: absolute;">
            <!--入口-->
            <div class="rowpub" style="width: 80%; max-width: 1200px; margin: -60px auto 50px; justify-content: space-between;">
                <div style="flex:1;text-align: left">
                    <div style="width:85%;background-color: #fff;box-shadow: -11px 0px 33.82px 1.21px rgba(231,237,239,0.60); text-align: center; padding: 30px 0px; cursor: pointer;" >
                        <div class="rowpub" style="align-items: center; justify-content: center;">
                            <div style="margin-right: 5px;">
                                <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/8064336c9389449cbe2715769d742753.png" loading="lazy" alt="" />
                            </div>
                            <p style="font-size: 20px; color: #0053FF; margin: 10px 0; position: relative;"><span style="font-size: 20px;font-weight: bold;">300</span> <span style="color: #0053FF; position: absolute; top: -10px; left: 34px; font-size: 20px;font-weight: bold;">+</span><span style="font-size: 16px; color: #151515; margin-left: 5px;">测评项目</span></p>
                        </div>
                    </div>
                </div>
                <div style="flex:1;text-align: center">
                    <div style="width:85%;background-color: #fff;box-shadow: -11px 0px 33.82px 1.21px rgba(231,237,239,0.60); text-align: center; padding: 30px 0px; cursor: pointer;" >
                        <div class="rowpub" style="align-items: center; justify-content: center;">
                            <div style="margin-right: 5px;">
                                <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/24fdc6cf0f8e4f71acc1574d304dd1e6.png" loading="lazy" alt="" />
                            </div>
                            <p style="font-size: 20px; color: #0053FF; margin: 10px 0; position: relative;"><span style="font-size: 20px;font-weight: bold;">1W</span> <span style="color: #0053FF; position: absolute; top: -10px; left: 33px; font-size: 20px;font-weight: bold;">+</span><span style="font-size: 16px; color: #151515; margin-left: 5px;">测评机构</span></p>
                        </div>
                    </div>
                </div>
                <div style="flex:1;text-align: right">
                    <div style="width:85%;background-color: #fff;box-shadow: -11px 0px 33.82px 1.21px rgba(231,237,239,0.60); text-align: center; padding: 30px 0px; cursor: pointer;" >
                        <div class="rowpub" style="align-items: center; justify-content: center;">
                            <div style="margin-right: 5px;">
                                <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/8873415828c1422daf1c35d3ac7a75ef.png" loading="lazy" alt="" />
                            </div>
                            <p style="font-size: 20px; color: #0053FF; margin: 10px 0; position: relative;"><span style="font-size: 20px;font-weight: bold;">100W</span> <span style="color: #0053FF; position: absolute; top: -10px; left: 58px; font-size: 20px;font-weight: bold;">+</span><span style="font-size: 16px; color: #151515; margin-left: 5px;">测评人次</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="background: #f7fbfe; padding: 70px 0 50px;">
        <!--内容-->
        <div style="width: 80%; max-width: 1200px; margin: 50px auto;">
            <div style="justify-content: space-between; align-items: center;">
                <div style="text-align: center; margin-bottom: 50px;">
                    <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/bbf1090d6d1c4198bcf405c669a0f650.png" loading="lazy" alt="" />
                </div>
                <div >
                    <p style="font-size: 20px; color: #404040; line-height: 40px">
                        <span style="font-size: 40px; color: #0341E0">优易测</span>是一款涵盖心理、素质、能力、成长多种类型测评的<span style="font-size: 20px; font-weight: bold; color: #151515">专业化智能化测评平台</span>。依托业内测评专家学者的支持,优易测汇集了150+科学严谨权威的测评量表,实现了全方位测评量表的系统性与完备性。在技术应用上,采用了人工智能与大数据技术,突破了传统测评的局限,实现智能测评、智能分析、生成专业测评报告等功能。平台支持云服务与本地部署两种形式,保障了数据安全与测评流程的灵活适用性。于上万客户,覆盖各类学校、企事业单位、医疗机构、专业的测评机构、部队军队等。帮助客户实现心理测评、人才选拔、员工发展、以及儿童成长测评等目标,提升测评效率与精准度,获得了良好口碑。面向未来,优易测将持续迭代与创新,致力于<span style="font-size: 20px; font-weight: bold; color: #151515">打造业内一流的智能化测评平台,为心理、能力、素质、成长提供专业化测评支持</span>。
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!--以客户为中心的定制服务-->
    <div style="width: 80%; max-width: 1200px; margin: 50px auto 0px;">
        <h3 style="font-size: 30px; color: #151515; font-weight: bold; text-align: center;">以客户为中心的定制服务</h3>
        <div style="text-align: center; margin: 50px 0;">
            <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/4387a73479cc485491e1817616101993.png" loading="lazy" alt="" />
        </div>
        <div class="rowpub" style="justify-content: space-between; align-items: center; margin-top: 40px; flex-wrap: wrap;">
            <div style="width: 25%; margin-bottom: 50px;">
                <div class="psychology" style="background-color: #fff; border-radius: 6px; width: 80%; padding: 10px; border: 1px solid #EDEDED;">
                    <img src="http://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/1c9efd1542b24f2c8f0583ed31f86399.png" loading="lazy" alt="" style="width: 100%" />
                    <p style="font-size: 20px; color: #151515; font-weight: bold; margin: 10px 0px;"><i class="iconfont" style="font-size: 18px;">&#xe6ea;</i> 心理咨询机构</p>
                    <div style="color: #888; line-height: 25px;">
                        使用云端服务或私有化部署，定制测评量表，定制测评报告
                    </div>
                </div>
            </div>
            <div style="width: 25%; margin-bottom: 50px;">
                <div class="psychology" style="background-color: #fff; border-radius: 6px; width: 80%; padding: 10px; border: 1px solid #EDEDED;">
                    <img src="http://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/257f7d9d2aa64fb9a4b1a27344707d7f.png" loading="lazy" alt="" style="width: 100%" />
                    <p style="font-size: 20px; color: #151515; font-weight: bold; margin: 10px 0px;"><i class="iconfont" style="font-size: 18px;">&#xe659;</i> 各类学校</p>
                    <div style="color: #888; line-height: 25px;">
                        使用云端服务或私有化部署，定制测评量表，定制测评报告
                    </div>
                </div>
            </div>
            <div style="width: 25%; margin-bottom: 50px;">
                <div class="psychology" style="background-color: #fff; border-radius: 6px; width: 80%; padding: 10px; border: 1px solid #EDEDED;">
                    <img src="http://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/b571b42e05b24716be62ecf869e0f7ef.png" loading="lazy" alt="" style="width: 100%" />
                    <p style="font-size: 20px; color: #151515; font-weight: bold; margin: 10px 0px;"><i class="iconfont" style="font-size: 18px;">&#xe751;</i> 企事业单位</p>
                    <div style="color: #888; line-height: 25px;">
                        使用云端服务或私有化部署，定制测评量表，定制测评报告
                    </div>
                </div>
            </div>
            <div style="width: 25%; margin-bottom: 50px;">
                <div class="psychology" style="background-color: #fff; border-radius: 6px; width: 80%; padding: 10px; border: 1px solid #EDEDED;">
                    <img src="http://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/6ba13702108246cfa850871e7f8c0306.png" loading="lazy" alt="" style="width: 100%" />
                    <p style="font-size: 20px; color: #151515; font-weight: bold; margin: 10px 0px;"><i class="iconfont" style="font-size: 18px;">&#xe6ca;</i> 医院</p>
                    <div style="color: #888; line-height: 25px;">
                        使用云端服务或私有化部署，定制测评量表，定制测评报告
                    </div>
                </div>
            </div>
            <div style="width: 25%; margin-bottom: 50px;">
                <div class="psychology" style="background-color: #fff; border-radius: 6px; width: 80%; padding: 10px; border: 1px solid #EDEDED;">
                    <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/75dbbc30f94e4ffe9a7724acf2ffe44a.png" loading="lazy" alt="" style="width: 100%;" />
                    <p style="font-size: 20px; color: #151515; font-weight: bold; margin: 10px 0px;"><i class="iconfont" style="font-size: 18px;">&#xe741;</i> 部队</p>
                    <div style="color: #888; line-height: 25px;">
                        使用云端服务或私有化部署，定制测评量表，定制测评报告
                    </div>
                </div>
            </div>
            <div style="width: 25%; margin-bottom: 50px;">
                <div class="psychology" style="background-color: #fff; border-radius: 6px; width: 80%; padding: 10px; border: 1px solid #EDEDED;">
                    <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/c8580cba7412438d92da76e5c18171e9.png" loading="lazy" alt="" style="width: 100%;" />
                    <p style="font-size: 20px; color: #151515; font-weight: bold; margin: 10px 0px;"><i class="iconfont" style="font-size: 18px;">&#xe661;</i> 早教机构</p>
                    <div style="color: #888; line-height: 25px;">
                        使用云端服务或私有化部署，定制测评量表，定制测评报告
                    </div>
                </div>
            </div>
            <div style="width: 25%; margin-bottom: 50px;">
                <div class="psychology" style="background-color: #fff; border-radius: 6px; width: 80%; padding: 10px; border: 1px solid #EDEDED;">
                    <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/6873e22dcff4451b8cdd28ba3c034aa7.png" loading="lazy" alt="" style="width: 100%;" />
                    <p style="font-size: 20px; color: #151515; font-weight: bold; margin: 10px 0px;"><i class="iconfont" style="font-size: 18px;">&#xe61b;</i> 心理咨询师</p>
                    <div style="color: #888; line-height: 25px;">
                        使用云端服务，定制测评量表，定制测评报告
                    </div>
                </div>
            </div>
            <div style="width: 25%; margin-bottom: 50px;">
                <div class="psychology" style="background-color: #fff; border-radius: 6px; width: 80%; padding: 10px; border: 1px solid #EDEDED;">
                    <img src="http://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/be930b3f418b474c931b5d52a62e03a7.png" loading="lazy" alt="" style="width: 100%;" />
                    <p style="font-size: 20px; color: #151515; font-weight: bold; margin: 10px 0px;"><i class="iconfont" style="font-size: 18px;">&#xe603;</i> 受测者</p>
                    <div style="color: #888; line-height: 25px;">
                        为个人提供心理、能力、素质、成长全方位测评服务
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 专业化，智能化测评报告 -->
    <div style="background: #E4F1FB;height: 606px; margin-top: 50px">
        <div style="width: 80%; max-width: 1200px; margin: 0px auto;">
            <div class="rowpub" style="justify-content: space-between; align-items: center; padding: 50px 0;">
                <div style="flex: 1">
                    <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/d468cda1f9424fdc93087d656503f6d9.png" loading="lazy" alt="" />
                </div>
                <div style="flex: 1">
                    <div style="margin-left: 30px;">
                        <h3 style="font-size: 32px; margin-bottom: 20px;">专业化，智能化测评报告</h3>
                        <div style="color: #404040; font-size: 20px; line-height: 40px;">
                            优易测测评报告通过人工智能技术,根据测评结果智能生成文字描述和解释,而不仅是简单的量化结果,更好地揭示被测试者的心理特点、能力优势、素质特征，成长趋势等,实现报告的专业化智能化生成。优易测测评报告结合大数据分析，在保障结果的科学性和标准化的同时,将被测试者的特征与人群基准进行对比,实现更精准的分析报告。
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--内容-->
    <div style="width: 80%; max-width: 1200px; margin: 50px auto;">
        <p style="color: #151515; margin-bottom: 50px; font-size: 30px; font-weight: bold; text-align: center;">为什么选择优易测</p>
        <div class="rowpub" style="justify-content: space-between; align-items: flex-start;">
            <div id="iocnDiv1" style="flex: 2; border: 1px solid #9CC4FF; border-radius: 10px;" onmouseover="changeIcon(1)">
                <p id="icon1" style="text-align: center; margin-top: 46px; display: none;"><i class="iconfont" style="font-size: 20px;">&#xe651;</i> </p>
                <p id="iconCont1" style="color: #fff; text-align: center; background: #267dff; padding: 10px 0; border-top-left-radius: 10px; border-top-right-radius: 10px;"><i id="iconp1" class="iconfont" style="font-size: 16px;">&#xe651;</i> 定制化测评量表</p>
                <div style="padding: 10px;">
                    <p id="conp1" style="color: #888; line-height: 25px; margin: 10px 0; height: 75px;">优易测允许用户根据自身需求,新编制或定制测评量表以及调整常模，提高了测评的针对性和实用性。</p>
                    <div id="imgDiv1" style="text-align: center; margin-bottom: 15px; height: 153px;">
                        <img id="img1" src="http://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/ce1d547bf944462c913fbf0e9fe00d65.png" loading="lazy" alt="" style="width: 60%" />
                    </div>
                    <div id="jump1" style="background-color: #FF9933; color: #fff; border-radius: 18px; width: 100px; padding: 10px; text-align: center; cursor: pointer; margin: 0 auto;">
                        <a href="https://www.youyice.com/admin/" target="_blank" style="color: #fff; text-decoration: none; text-align: center;">立即免费试用</a>
                    </div>
                </div>
            </div>
            <div id="iocnDiv2" style="flex: 1; border: 1px solid #9CC4FF; border-radius: 10px;" onmouseover="changeIcon(2)">
                <p id="icon2" style="text-align: center; margin-top: 46px;"><i class="iconfont" style="font-size: 20px;">&#xe618;</i> </p>
                <p id="iconCont2" style="color: #151515; text-align: center; background: #fff; padding: 10px 0; border-top-left-radius: 10px; border-top-right-radius: 10px;"><i id="iconp2" class="iconfont" style="font-size: 16px;display: none;">&#xe618;</i> 定制化测评报告</p>
                <div style="padding: 10px;">
                    <p id="conp2" style="color: #888; line-height: 25px; margin: 10px 0; height: 100px;">优易测通过智能分析技术,可以根据需求特征生成个性化的测评报告。</p>
                    <div id="imgDiv2" style="text-align: center; margin-bottom: 15px; height: 100px;">
                        <img id="img2" src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/8ebf1939d7cb46abbfcf05ddb8d8697c.png" loading="lazy" alt="" style="width: 50%" />
                    </div>
                    <div id="jump2" style="background-color: #FF9933; color: #fff; border-radius: 18px; width: 100px; padding: 10px; text-align: center; cursor: pointer; margin: 0 auto; display: none;">
                        <a href="https://www.youyice.com/admin/" target="_blank" style="color: #fff; text-decoration: none; text-align: center;">立即免费试用</a>
                    </div>
                </div>
            </div>
            <div id="iocnDiv3" style="flex: 1; border: 1px solid #9CC4FF; border-radius: 10px;" onmouseover="changeIcon(3)">
                <p id="icon3" style="text-align: center; margin-top: 46px;"><i class="iconfont" style="font-size: 20px;">&#xe64f;</i> </p>
                <p id="iconCont3" style="color: #151515; text-align: center; background: #fff; padding: 10px 0; border-top-left-radius: 10px; border-top-right-radius: 10px;"><i id="iconp3" class="iconfont" style="font-size: 16px;display: none;">&#xe64f;</i> 专业性</p>
                <div style="padding: 10px;">
                    <p id="conp3" style="color: #888; line-height: 25px; margin: 10px 0; height: 100px;">联合知名高校与科研院所的专家学者团队,开发出科学严谨的测评量表。</p>
                    <div id="imgDiv3" style="text-align: center; margin-bottom: 15px; height: 100px;">
                        <img id="img3" src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/7a661960571345cda169738d26cc9f53.png" loading="lazy" alt="" style="width: 50%" />
                    </div>
                    <div id="jump3" style="background-color: #FF9933; color: #fff; border-radius: 18px; width: 100px; padding: 10px; text-align: center; cursor: pointer; margin: 0 auto; display: none;">
                        <a href="https://www.youyice.com/admin/" target="_blank" style="color: #fff; text-decoration: none; text-align: center;">立即免费试用</a>
                    </div>
                </div>
            </div>
            <div id="iocnDiv4" style="flex: 1; border: 1px solid #9CC4FF; border-radius: 10px;" onmouseover="changeIcon(4)">
                <p id="icon4" style="text-align: center; margin-top: 46px;"><i class="iconfont" style="font-size: 20px;">&#xe6ac;</i> </p>
                <p id="iconCont4" style="color: #151515; text-align: center; background: #fff; padding: 10px 0; border-top-left-radius: 10px; border-top-right-radius: 10px;"><i id="iconp4" class="iconfont" style="font-size: 16px;display: none;">&#xe6ac;</i> 便捷性</p>
                <div style="padding: 10px;">
                    <p id="conp4" style="color: #888; line-height: 25px; margin: 10px 0; height: 100px;">优易测提供在线云服务以及本地化部署两种方式,使用灵活。整个测评流程智能化,简单易用。</p>
                    <div id="imgDiv4" style="text-align: center; margin-bottom: 15px; height: 100px;">
                        <img id="img4" src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/018bcf5896314302a1467c83a5988f31.png" loading="lazy" alt="" style="width: 50%" />
                    </div>
                    <div id="jump4" style="background-color: #FF9933; color: #fff; border-radius: 18px; width: 100px; padding: 10px; text-align: center; cursor: pointer; margin: 0 auto; display: none;">
                        <a href="https://www.youyice.com/admin/" target="_blank" style="color: #fff; text-decoration: none; text-align: center;">立即免费试用</a>
                    </div>
                </div>
            </div>
            <div id="iocnDiv5" style="flex: 1; border: 1px solid #9CC4FF; border-radius: 10px;" onmouseover="changeIcon(5)">
                <p id="icon5" style="text-align: center; margin-top: 46px;"><i class="iconfont" style="font-size: 20px;">&#xe708;</i> </p>
                <p id="iconCont5" style="color: #151515; text-align: center; background: #fff; padding: 10px 0; border-top-left-radius: 10px; border-top-right-radius: 10px;"><i id="iconp5" class="iconfont" style="font-size: 16px;display: none;">&#xe708;</i> 安全性</p>
                <div style="padding: 10px;">
                    <p id="conp5" style="color: #888; line-height: 25px; margin: 10px 0; height: 100px;">优易测重视用户隐私保护,提供数据加密和访问控制功能,保障测评信息的安全。</p>
                    <div id="imgDiv5" style="text-align: center; margin-bottom: 15px; height: 100px;">
                        <img id="img5" src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/ade117eeacd44becb39fd50508a0f33e.png" loading="lazy" alt="" style="width: 50%" />
                    </div>
                    <div id="jump5" style="background-color: #FF9933; color: #fff; border-radius: 18px; width: 100px; padding: 10px; text-align: center; cursor: pointer; margin: 0 auto; display: none;">
                        <a href="https://www.youyice.com/admin/" target="_blank" style="color: #fff; text-decoration: none; text-align: center;">立即免费试用</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--合作研究机构-->
    <div style="width: 80%; max-width: 1200px; margin: 50px auto; ">
        <p style="color: #151515; margin-bottom: 50px; font-size: 30px; font-weight: bold; text-align: center;">合作研究机构</p>
        <div class="rowpub" style="justify-content: flex-start; flex-wrap: wrap; min-height: 200px;">
            
                
                    <a style="width:16.5%; margin-bottom: 10px" href=" " target="_blank">
                        <div style="width: 95%; text-align: center;">
                            <img src="https://resfiles.bjcscn.com/7f9729f3c2bc4614985e97884aea3e17/afe06534d3c347f7ac5aadb27b3db094.png" alt="" style="width: 75%" />
                            <p style="color: #151515; margin-top: 15px;">中国心理学会</p>
                        </div>
                    </a>
                
                    <a style="width:16.5%; margin-bottom: 10px" href=" " target="_blank">
                        <div style="width: 95%; text-align: center;">
                            <img src="https://resfiles.bjcscn.com/4ff76ffc5bee41009ee50f99433b4337/3e12b444ec9246708393be75019547df.png" alt="" style="width: 75%" />
                            <p style="color: #151515; margin-top: 15px;">北京 Normal 大学心理学院 </p>
                        </div>
                    </a>
                
                    <a style="width:16.5%; margin-bottom: 10px" href=" " target="_blank">
                        <div style="width: 95%; text-align: center;">
                            <img src="https://resfiles.bjcscn.com/99b64230f5754c1e8ad4db36dac04123/ed37b1381249416a88e1c7f3c7b92470.png" alt="" style="width: 75%" />
                            <p style="color: #151515; margin-top: 15px;">北京大学教育学院 </p>
                        </div>
                    </a>
                
                    <a style="width:16.5%; margin-bottom: 10px" href=" " target="_blank">
                        <div style="width: 95%; text-align: center;">
                            <img src="https://resfiles.bjcscn.com/ca838c6148364426b55808dfecf2a93f/cef8e7e16d264acd9395d9c6136a93d4.png" alt="" style="width: 75%" />
                            <p style="color: #151515; margin-top: 15px;">上海师范大学教育科学学院</p>
                        </div>
                    </a>
                
                    <a style="width:16.5%; margin-bottom: 10px" href=" " target="_blank">
                        <div style="width: 95%; text-align: center;">
                            <img src="https://resfiles.bjcscn.com/2120d9f214b94494b71105330f5555a8/cfae8cca907d4584a9653f102a5088c5.png" alt="" style="width: 75%" />
                            <p style="color: #151515; margin-top: 15px;">中山大学心理研究中心</p>
                        </div>
                    </a>
                
                    <a style="width:16.5%; margin-bottom: 10px" href=" " target="_blank">
                        <div style="width: 95%; text-align: center;">
                            <img src="https://resfiles.bjcscn.com/3db5d4983d8941d580d7d063bf69d4ed/5c831568e9164b6387c8666ac862066a.png" alt="" style="width: 75%" />
                            <p style="color: #151515; margin-top: 15px;">中国人民大学</p>
                        </div>
                    </a>
                
            
        </div>
    </div>
    <div style="background:url(https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/a3cc16ff91cf4a5ba74ec3839393ec12.png); background-size: cover; height: 312px;" >
        <div style="width: 80%; max-width: 1200px; margin: 0px auto; padding: 50px 0;">
            <p style="font-size: 20px; color: #FFFFFF; text-align: center; margin-bottom: 20px;"><span style="font-size: 30px; color: #FF9933; font-weight: bold;">30</span><span style="font-size: 20px; color: #FFFFFF; font-weight: bold;">天免费试用</span>，让您无选择之忧</p>
            <p style="font-size: 20px; color: #FFFFFF; text-align: center; margin-bottom: 10px;">欢迎心理咨询机构，学校，企事业单位，医院，部队，早教机构，心理咨询师等试用优易测服务平台，</p>
            <p style="font-size: 20px; color: #FFFFFF; text-align: center; margin-bottom: 20px;">开启快速，高效的综合测评服务！</p>
            <div style="background-color: #FF9933; color: #fff; border-radius: 18px; width: 150px; padding: 10px; text-align: center; cursor: pointer; margin: 0 auto;">
                <a href="https://www.youyice.com/customer" target="_blank" style="color: #fff; text-decoration: none; text-align: center;">立即试用</a>
            </div>
        </div>
    </div>

<!--<div class="zx" style="position:fixed;right:0;bottom:25%;">-->
<!--    <div style="background: #1462B8; padding: 15px;;position: relative;cursor: pointer;" onclick="openChat()">-->
<!--        <a title="客服">-->
<!--            <p style="text-align: center" ><i class="iconfont" style="color: #ffffff; font-size: 30px">&#xe63f;</i></p>-->
<!--        </a>-->
<!--    </div>-->
<!--</div>-->
<!--<div class="zx" style="position:fixed;right:0;bottom:18.5%;">-->
<!--    <div style="background: #09C2E2; position: relative; cursor: pointer;" onmouseover="document.getElementById('lxdh').style.display='block'" onmouseout="document.getElementById('lxdh').style.display='none'">-->
<!--        <a class="rowpub" title="客服电话">-->
<!--            <p style="text-align: center; padding: 15px; border-right: 1px solid #fff"><i class="iconfont" style="color: #ffffff; font-size: 30px">&#xe633;</i></p>-->
<!--            <div id="lxdh" style="display: none; margin: 0px 15px;">-->
<!--                <p style="color: #fff; font-size: 14px;">客服电话</p>-->
<!--                <p style="color: #fff; font-size: 14px; margin-top: 5px">400-661-5896</p>-->
<!--            </div>-->
<!--        </a>-->
<!--    </div>-->
<!--</div>-->
<!--<div class="zx" style="position:fixed;right:0;bottom:12%;">-->
<!--    <div >-->
<!--        <a href="javascript:;" id="return_top" style="background-color: #DFDFDF; padding: 15px; display: block" title="回到顶部">-->
<!--            <p style="text-align: center"><i class="iconfont" style="color: #ffffff; font-size: 30px">&#xe64d;</i></p>-->
<!--            &lt;!&ndash; <p style="text-align: center; color: #ffffff; margin-top: 5px">返回顶部</p>&ndash;&gt;-->
<!--        </a>-->
<!--    </div>-->
<!--</div>-->
<!--底部-->

    <div><div class="zx" style="position:fixed;right:0;bottom:25%;">
    <div style="background: #1462B8; padding: 15px;;position: relative;cursor: pointer;" onclick="openChat()">
        <a title="客服">
            <p style="text-align: center" ><i class="iconfont" style="color: #ffffff; font-size: 30px">&#xe63f;</i></p>
        </a>
    </div>
</div>
<div class="zx" style="position:fixed;right:0;bottom:18.5%;">
    <div style="background: #09C2E2; position: relative; cursor: pointer;" onmouseover="document.getElementById('lxdh').style.display='block'" onmouseout="document.getElementById('lxdh').style.display='none'">
        <a class="rowpub" title="客服电话">
            <p style="text-align: center; padding: 15px; border-right: 1px solid #fff"><i class="iconfont" style="color: #ffffff; font-size: 30px">&#xe633;</i></p>
            <div id="lxdh" style="display: none; margin: 0px 15px;">
                <p style="color: #fff; font-size: 14px;">客服电话</p>
                <p style="color: #fff; font-size: 14px; margin-top: 5px">400-661-5896</p>
            </div>
        </a>
    </div>
</div>
<div class="zx" style="position:fixed;right:0;bottom:12%;">
    <div >
        <a href="javascript:;" id="return_top" style="background-color: #DFDFDF; padding: 15px; display: block" title="回到顶部">
            <p style="text-align: center"><i class="iconfont" style="color: #ffffff; font-size: 30px">&#xe64d;</i></p>
            <!-- <p style="text-align: center; color: #ffffff; margin-top: 5px">返回顶部</p>-->
        </a>
    </div>
</div>
<footer style="background: #002434;">
    <div style="width: 80%; max-width: 1200px; margin: 0px auto;">
        <div class="rowpub" style="padding: 30px 0px; justify-content: space-between;">
            <div style="width:35%">
                <h3 style="font-size: 20px; color: #fff; margin-bottom: 20px">联系我们</h3>
                <div class="rowpub" style="justify-content: space-between; margin-bottom: 20px">
                    <p style="color: #fff;">客服电话：400-661-5896</p>
                </div>
                <div>
                    <p style="color: #fff;">邮箱咨询：bjcscn@126.com</p>
                </div>
            </div>
            <div style="width:30%">
                <h3 style="font-size: 20px; color: #fff; margin-bottom: 20px">企业服务</h3>
                
                    
                        
                            <div class="rowpub" style="justify-content: flex-start; flex-wrap: wrap;">
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                        
                                            
                                                
                                                    <p style="color: #fff; margin-bottom: 20px; width: 30%;"><a href="/w1306/s730/1/10" target="_blank" style="color: #fff; text-decoration: none;">文档服务</a></p>
                                                
                                                
                                            
                                        
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                        
                                            
                                                <p style="color: #fff; margin-bottom: 20px; width: 70%;"><a href="/w1307/s731/1/10" target="_blank" style="color: #fff; text-decoration: none;">更新日志</a></p>
                                            
                                        
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                        
                                            
                                                
                                                
                                                    <p style="color: #fff; width: 30%;"><a href="/w608/s291/1/10" target="_blank" style="color: #fff; text-decoration: none;">操作指南</a></p>
                                                
                                            
                                        
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                        
                                            
                                                
                                                
                                                    <p style="color: #fff; width: 30%;"><a href="/w1308/s732/1/10" target="_blank" style="color: #fff; text-decoration: none;">视频指南</a></p>
                                                
                                            
                                        
                                    
                                    
                                
                                    <!-- 文档服务、更新日志 -->
                                    
                                    <!-- 操作指南、视频教程 -->
                                    
                                    
                                        <p style="color: #fff; width: 30%;"><a href="/w607" target="_blank" style="color: #fff; text-decoration: none;">帮助中心</a></p>
                                    
                                
                            </div>
                        
                    
                
                <!--                <div class="rowpub" style="justify-content: space-between; margin-bottom: 20px">-->
                <!--                    <p style="color: #fff;">帮助中心</p>-->
                <!--                    <p style="color: #fff;">操作指南</p>-->
                <!--                </div>-->
                <!--                <div class="rowpub" style="justify-content: space-between;">-->
                <!--                    <p style="color: #fff;">视频教程</p>-->
                <!--                    <p style="color: #fff;">相关资讯</p>-->
                <!--                </div>-->
            </div>
            <div style="width:22%">
                <div class="rowpub" style="justify-content: space-between; margin-bottom: 20px">
                    
                        <div style="text-align: center;">
                            <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/938e8988fbe24948a609e879e10b52bc.png" loading="lazy" style="width: 120px; border-radius: 50%;" />
                            <p style="color: #fff;">扫一扫</p>
                            <p style="color: #fff;">立即测评</p>
                        </div>
                        <div style="text-align: center;">
                            <img src="https://resfiles.bjcscn.com/bdec3f936663428fbf3e04b103041194/d7191ca548dc4464b084bf00df963842.png" loading="lazy" style="width: 120px; border-radius: 50%;" />
                            <p style="color: #fff;">测评专家</p>
                            <p style="color: #fff;">专属利器</p>
                        </div>
                    
                </div>
                <!--                <div class="rowpub" style="justify-content: space-between; margin-bottom: 20px">-->
                <!--                    <p style="color: #fff;"><a href="https://www.youyice.com/admin" target="_blank" style="color: #fff; text-decoration: none;">机构测评平台</a></p>-->
                <!--                    <p style="color: #fff;"><a href="https://www.youyice.com/test" target="_blank" style="color: #fff; text-decoration: none;">个人测评平台</a></p>-->
                <!--                </div>-->
                <!--                <div class="rowpub" style="justify-content: space-between;">-->
                <!--                    <p style="color: #fff;"><a href="https://www.youyice.com/expert" target="_blank" style="color: #fff; text-decoration: none;">测评专家入口</a></p>-->
                <!--                    <p style="color: #fff;"><a href="https://www.youyice.com/customer" target="_blank" style="color: #fff; text-decoration: none;">受测团体入口</a></p>-->
                <!--                </div>-->
            </div>
        </div>
    </div>
    <div style="background: #002434; padding: 25px 0px;">
        <div style="width: 80%; max-width: 1200px; margin: 0px auto;">
            <p style="color: #fff; text-align: center;">
                <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" style="color: #fff;">版权声明：网站内容版权及量表著作权属于优易测，并受法律保护。 津ICP备19009437号-5</a>
                
                    
                        <a href="/w1340" target="_blank" style="margin-left: 15px; color: #fff;">百度百科</a>
                    
                
            </p>
        </div>
    </div>
</footer>
</div>

</body>
</html>
