index.html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>欢迎访问中国建设银行网站</title>
<link href="style.css" type="text/css" rel="stylesheet">
<link href="image/favid.ico"  rel="icon">
</head>

<body>
<div class="header-top">
	<div class="top-center">
    	<div class="top-left">
        	<ul>
            	<li class="person">
                    <a>
                    	个人客户
                    </a>
                </li>
                <li>私人银行</li>
                <li>公司机构</li>
                <li>小微企业</li>
                <li class="shangwu">
                	<img src="image/sr_icon.png">
                	<div class="more">
                    	<a>个人商城</a>
                        <a>企业商城</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="top-right">
        	<ul>
            	<li style="padding:0 4px;">客服热线：95533</li>
                <li>
                	<img src="image/zx_icon.png">
                    <a>在线客服</a>
                </li>
                <li style="padding:0 4px;">|</li>
                <li><a>建行集团</a></li>
                <li><a>国内分行</a></li>
                <li><a>网点及ATM</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="header-nav">
	<div class="nav-center">
    	<div class="logo"></div>
        <div class="choose">
        	<select>
            	<option>杭州市</option>
                <option>宁波市</option>
                <option>温州市</option>
                <option>丽水市</option>
                <option>绍兴市</option>
                <option>金华市</option>
            </select>
        </div>
        <div class="nav">
        	<ul>
            	<li class="c1">
                	<a class="tit">信用卡</a>
                	<div class="more-nav">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>信用卡 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav1.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">投资理财</a>
                    <div class="more-nav">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>投资理财 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav2.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">存贷及银行卡</a>
                    <div class="more-nav">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>存贷及银行卡 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav3.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">电子银行</a>
                    <div class="more-nav">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>电子银行 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav4.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">悦享生活</a>
                    <div class="more-nav">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>悦享生活 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav5.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">优智规划</a>
                    <div class="more-nav">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>优智规划 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav6.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="search"></div>
        <div class="end" id="end">
        	<div class="select" id="select">
            	<span id="bian">个人网上银行</span>
                <div class="box" id="box">
                	<ul>
                    	<li class="c1" id="c1">个人网上银行</li>
                        <li class="c2" id="c2">商户服务平台</li>
                        <li class="c3" id="c3">网站</li>
                        <li class="c4" id="c4">善融商务</li>
                    </ul>
                </div>
            </div>
            <div class="login">登录</div>
            <div class="border" id="border">
                <div class="more" id="more" style="width:270px;height:59px;">
                    <div class="top" id="more-top">
                        <a>安全指引</a>
                        <a>下载中心</a>
                        <a>功能演示</a>
                        <a style="padding:0;">注册开通</a>
                    </div>
                    <div class="bottom" id="more-bottom">
                        <ul>
                            <li>
                                <a>进入我的.com</a>
                            </li>
                            <li style="padding-left:48px; width:50px;">
                                <a>善融商务</a>
                            </li>
                        </ul>
                    </div>
                </div>
           </div>
        </div>
    </div>
</div>

<div class="header-move" id="header-move" style="height:0px; transition: linear 0.5s; overflow:hidden;">
	<div class="move-center">
    	<div class="logo"></div>
        <div class="nav">
        	<ul>
            	<li class="c1">
                	<a class="tit">信用卡</a>
                	<div class="more-nav" id="more-nav1" style="display:none;">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>信用卡 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav1.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">投资理财</a>
                    <div class="more-nav" id="more-nav2" style="display:none;">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>信用卡 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav2.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">存贷及银行卡</a>
                    <div class="more-nav" id="more-nav3" style="display:none;">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>信用卡 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav3.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">电子银行</a>
                    <div class="more-nav" id="more-nav4" style="display:none;">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>信用卡 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav4.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">悦享生活</a>
                    <div class="more-nav" id="more-nav5" style="display:none;">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>信用卡 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav5.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="c1">
                	<a class="tit">优智规划</a>
                    <div class="more-nav" id="more-nav6" style="display:none;">
                    	<div class="more-box">
                        	<div class="left">
                            	<div class="top">
                                	<ul>
                                    	<li>
                                        	<img src="image/m1.png">
                                            <p>业务办理</p>
                                        </li>
                                        <li>
                                        	<img src="image/m2.png" style="margin-top:7px;">
                                            <p>人气产品</p>
                                        </li>
                                        <li style="width:108px;">
                                        	<img src="image/m3.png">
                                            <p>热门推荐</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title">
                                	<a>信用卡 ></a>
                                </div>
                                <div class="box1">
                                	<p><a>信用卡申请</a><a>办卡进度查询</a></p>
                                    <p><a>在线开卡<span><img src="image/hot.png"></span></a><a>积分商城<span><img src="image/hot.png"></span></a></p>
                                    <p><a>账单查询</a><a>分期理财</a></p>
                                    <p><a>额度调整</a><a>在线挂失</a></p>
                                </div>
                                <div class="box2">
                                	<p><a>龙卡热购卡<span><img src="image/hot.png"></span></a><a>全球支付信用卡</a></p>
                                    <p><a>欧洲旅行信用卡</a><a>EMV信用卡<span><img src="image/new.png"></span></a></p>
                                    <p><a>日本旅行信用卡</a><a>更多</a></p>
                                </div>
                                <div class="box3">
                                	<p><a>龙卡星期六<span><img src="image/new.png"></span></a></p>
                                    <p><a>家庭挚爱 月...</a></p>
                                    <p><a>海底捞200减60</a></p>
                                    <p><a>更多特惠活动</a></p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="right">
                            	<img src="image/nav6.jpg">
                            </div>
                            <div class="clear"></div>
                            <div class="bottom">
                            	<ul>
                                	<li>
                                    	<img src="image/b1.png">
                                        <a>信用卡章程</a>
                                    </li>
                                    <li>
                                    	<img src="image/b2.png">
                                        <a>还款方式</a>
                                    </li>
                                    <li>
                                    	<img src="image/b3.png">
                                        <a>常见问题</a>
                                    </li>
                                    <li>
                                    	<img src="image/b4.png">
                                        <a>收费标准 </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="search"></div>
    </div>
</div>

<div class="banner">
	<div class="img">
    	<a></a>
    </div>
	<div class="tiao">
    	<ul>
        	<li style="background:#1693f1"></li>
            <li class="c1"></li>
            <li class="c1"></li>
            <li class="c1"></li>
            <li class="c1"></li>
            <li class="c1"></li>
        </ul>
    </div>
</div>

<div class="right-move">
	<ul>
    	<li class="c1">我的.com</li>
        <li class="c2">优惠直通</li>
        <li class="c3">分行推荐</li>
        <li class="c4">快速帮助</li>
    </ul>
</div>

<div class="index">
	<div class="scroll-left">
    	<a onClick="yidongleft()" style="background:url(image/btn_left.png) no-repeat;" id="scroll-left"></a>
    </div>
    <div class="scroll-right">
    	<a onClick="yidongright()" style=" background:url(image/icon_right1.png) no-repeat;" id="scroll-right"></a>
    </div>
    <div class="box">
    	<ul id="yidong" style="left:0; transition:0.8s;">
        	<li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon1.png" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>账户查询</h2>
                        <p>快速查询各类账户信息</p>
                    </div>
                </div>
                <div class="box-btn">马上查询</div>
                <div class="more"></div>
            </li>
            <li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon2.png" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>悦生活</h2>
                        <p>生活缴费充值 信用卡</p>
                    </div>
                </div>
                <div class="box-btn">马上办理</div>
                <div class="more"></div>
            </li>
            <li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon3.png" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>业务申请</h2>
                        <p>信用卡、贷款快速申请</p>
                    </div>
                </div>
                <div class="box-btn">马上申请</div>
                <div class="more"></div>
            </li>
            <li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon4.gif" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>网点业务预约</h2>
                        <p>在线填单取号 网点办理</p>
                    </div>
                </div>
                <div class="box-btn">马上预约</div>
                <div class="more"></div>
            </li>
            <li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon5.gif" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>利率与行情</h2>
                        <p>存贷利率 外汇贵金属行情</p>
                    </div>
                </div>
                <div class="box-btn">快速链接</div>
                <div class="more"></div>
            </li>
            <li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon6.png" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>电子银行开通</h2>
                        <p>金融生活 e路随行</p>
                    </div>
                </div>
                <div class="box-btn">马上开通</div>
                <div class="more"></div>
            </li>
            <li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon7.gif" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>快搜快购</h2>
                        <p>理财产品 基金 保险 一键达</p>
                    </div>
                </div>
                <div class="box-btn">马上查询</div>
                <div class="more"></div>
            </li>
            <li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon8.png" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>常用下载</h2>
                        <p>客户端 E路护航 证书下载</p>
                    </div>
                </div>
                <div class="box-btn">查看更多</div>
                <div class="more"></div>
            </li>
            <li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon9.png" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>电话银行菜单定制</h2>
                        <p>彰显个性 定制电话菜单</p>
                    </div>
                </div>
                <div class="box-btn">马上定制</div>
                <div class="more"></div>
            </li>
            <li>
            	<div class="top">
                	<div class="img">
                    	<img src="image/icon10.png" width="55px" height="55px">
                    </div>
                    <div class="text">
                    	<h2>特约商户</h2>
                        <p>享受综合性商户服务</p>
                    </div>
                </div>
                <div class="box-btn">马上办理</div>
                <div class="more"></div>
            </li>
            
        </ul>
    </div>
</div>

<div class="ky">
	<div class="ky-center">
    	<span>快易金融</span>
        <div class="bg">集成资讯 产品 工具 服务，轻松选择 便捷交易</div>
    </div>
</div>

<div class="nav1">
	<div class="nav1-center">
    	<ul>
        	<li id="b1" style="color: #0066B3;border-bottom: 4px solid #0066b3;" ><a>信用卡</a></li>
            <li id="b2"><a>投资理财</a></li>
            <li id="b3"><a>个人贷款</a></li>
            <li id="b4"><a>电子银行</a></li>
        </ul>
    </div>
</div>

<div class="nav1-content">
	<div class="content1-center" id="content1-center" style="display:block;">
    	<div class="left">
        	<div class="top">
            	<ul>
                	<li>
                    	<h2>在线申请></h2>
                        <p>选卡种、填资料</p>
                        <p>3分钟完成</p>
                    </li>
                    <li>
                    	<h2>积分兑换></h2>
                        <p>海量商品</p>
                        <p>随心换</p>
                    </li>
                    <li>
                    	<h2>账单分期></h2>
                        <p>账单轻松分</p>
                        <p>还款更灵活</p>
                    </li>
                    <li>
                    	<h2>优惠活动></h2>
                        <p>精选优惠</p>
                        <p>乐享无限</p>
                    </li>
                </ul>
            </div>
            <div class="bottom">
            	<div class="bottom-left1"></div>
                <div class="bottom-right1"></div>
            </div>
        </div>
        <div class="right1"></div>
    </div>
    <div class="content1-center" id="content2-center" style="display:none;">
    	<div class="left">
        	<div class="top">
            	<ul>
                	<li>
                    	<h2>理财产品></h2>
                        <p>综合账户管理</p>
                        <p>专业金融服务</p>
                    </li>
                    <li>
                    	<h2>基金></h2>
                        <p>上千只产品</p>
                        <p>助您轻松选择</p>
                    </li>
                    <li>
                    	<h2>保险></h2>
                        <p>为生活添一份保障</p>
                        <p>为理财多一种选择</p>
                    </li>
                    <li>
                    	<h2>外汇投资></h2>
                        <p>实时外汇行情</p>
                        <p>个人外汇买卖</p>
                    </li>
                </ul>
            </div>
            <div class="bottom">
            	<div class="bottom-left2"></div>
                <div class="bottom-right2"></div>
            </div>
        </div>
        <div class="right2"></div>
    </div>
    <div class="content1-center" id="content3-center" style="display:none;">
    	<div class="left">
        	<div class="top">
            	<ul>
                	<li>
                    	<h2>住房贷款></h2>
                        <p>要买房 到建行</p>
                        <p>圆你住房梦</p>
                    </li>
                    <li>
                    	<h2>消费类贷款></h2>
                        <p>买车 装修 旅游 求学</p>
                        <p>生活梦想 早日实现</p>
                    </li>
                    <li>
                    	<h2>经营类贷款></h2>
                        <p>建行助业贷</p>
                        <p>您的事业推进器</p>
                    </li>
                    <li>
                    	<h2>建行"快贷"></h2>
                        <p>在线实时审批</p>
                        <p>贷款快人一步</p>
                    </li>
                </ul>
            </div>
            <div class="bottom">
            	<div class="bottom-left3"></div>
                <div class="bottom-right3"></div>
            </div>
        </div>
        <div class="right3"></div>
    </div>
    <div class="content1-center" id="content4-center" style="display:none;">
    	<div class="left">
        	<div class="top">
            	<ul>
                	<li>
                    	<h2>手机银行></h2>
                        <p>功能丰富、便捷安全</p>
                        <p>7×24小时的随身银行</p>
                    </li>
                    <li>
                    	<h2>网上银行></h2>
                        <p>综合账户管理</p>
                        <p>专业金融服务</p>
                    </li>
                    <li>
                    	<h2>微信银行></h2>
                        <p>查询、缴费、投资理财</p>
                        <p>智能微信客服陪伴您</p>
                    </li>
                    <li>
                    	<h2>电话银行></h2>
                        <p>随时随地号码统一</p>
                        <p>方便快捷功能强大</p>
                    </li>
                </ul>
            </div>
            <div class="bottom">
            	<div class="bottom-left4"></div>
                <div class="bottom-right4"></div>
            </div>
        </div>
        <div class="right4"></div>
    </div>
</div>

<div class="nav1-next">
	<div id="next1-center" class="next1-center" style="display:block">
    	<ul>
        	<li class="first">
            	<img src="image/next1.png">
            </li>
            <li>
            	<img src="image/next2.png" width="70px" width="70px">
                <span>轻松办理信用卡</span>
            </li>
            <li>
            	<img src="image/next3.png" width="70px" width="70px">
                <span>最新优惠、热门活动随心查</span>
            </li>
            <li>
            	<img src="image/next4.png" width="70px" width="70px">
                <span>账单查询、办理分期更便捷</span>
            </li>
        </ul>
    </div>
    <div id="next2-center" class="next1-center" style="display:none">
    	<ul>
        	<li class="first">
            	<img src="image/next1.png">
            </li>
            <li>
            	<img src="image/next5.png" width="70px" width="70px">
                <span>购买理财产品有哪几个步骤？</span>
            </li>
            <li>
            	<img src="image/next6.png" width="70px" width="70px">
                <span>如何为家庭选择保险产品？</span>
            </li>
            <li>
            	<img src="image/next7.png" width="70px" width="70px">
                <span>如何在线购买基金？</span>
            </li>
        </ul>
    </div>
    <div id="next3-center" class="next1-center" style="display:none">
    	<ul>
        	<li class="first">
            	<img src="image/next1.png">
            </li>
            <li>
            	<img src="image/next8.png" width="70px" width="70px">
                <span>"快贷"如何计算利息？</span>
            </li>
            <li>
            	<img src="image/next9.png" width="70px" width="70px">
                <span>申请住房贷款要哪些条件？</span>
            </li>
            <li>
            	<img src="image/next10.png" width="70px" width="70px">
                <span>在线贷款申请流程？</span>
            </li>
        </ul>
    </div>
    <div id="next4-center" class="next1-center" style="display:none">
    	<ul>
        	<li class="first">
            	<img src="image/next1.png">
            </li>
            <li>
            	<img src="image/next11.png" width="70px" width="70px">
                <span>如何挑选适合的电子银行渠道？</span>
            </li>
            <li>
            	<img src="image/next12.png" width="70px" width="70px">
                <span>常用服务比比看？</span>
            </li>
            <li>
            	<img src="image/next13.png" width="70px" width="70px">
                <span>账号支付怎么使用？</span>
            </li>
        </ul>
    </div>
</div>

<div class="yx">
	<div class="yx-center">
    	<span>悦享生活</span>
        <div class="bg">衣食住行 物有所值，在这里实现您的生活品质</div>
    </div>
</div>

<div class="yx-box">
	<div class="left"></div>
    <div class="right">
    	<ul>
        	<li class="b1">
            	<h2>善融商务 ></h2>
                <p>网购新方式 正品保障 灵活支付 引领品质生活</p>
            </li>
            <li class="b2">
            	<h2>悦生活 ></h2>
                <p>缴费服务覆盖全 吃喝玩乐优惠多 生活好帮手</p>
            </li>
            <li class="b3">
            	<h2>建行 "房e通"  ></h2>
                <p>现代生活 新购房主义 精品房源 全流程服务</p>
            </li>
        </ul>
    </div>
</div>

<div class="yx-next">
	<div class="yx-center">
    	<ul>
        	<li class="first">
            	<img src="image/zhs.png">
            </li>
            <li>
            	<img src="image/gg1.png" width="110px" width="110px">
                <span>今日团购</span>
            </li>
            <li>
            	<img src="image/gg2.png" width="110px" width="110px">
                <span>今日团购</span>
            </li>
            <li>
            	<img src="image/gg3.png" width="110px" width="110px">
                <span>今日团购</span>
            </li>
        </ul>
    </div>
</div>

<div class="yz">
	<div class="yz-center">
    	<span>优智规划</span>
        <div class="bg">助力人生 规划未来，为您提供综合财务建议</div>
    </div>
</div>

<div class="yz-box">
	<div class="left">
    	<div class="content">
        	<h2>闲钱也能增值</h2>
            <p>钱不能“闲”，短打理收益高，“巧”能生财，两千活出两万范</p>
            <div class="xq-btn">查看详情</div>
        </div>
        <div class="img"></div>
    </div>
    <div class="right">
    	<div class="img"></div>
    	<div class="content">
        	<h2>莘莘学子馆</h2>
            <p>我是学生，拒绝平庸，梦想成长如何规划象牙塔里的金融生活</p>
            <div class="xq-btn">查看详情</div>
        </div>
    </div>
</div>

<div class="end-index">
	<div class="title">“心”服务 新体验</div>
    <div class="leftbtn" id="leftbtn" style=" background:url(image/arrow.png) -42px 0 no-repeat;" onClick="leftbtn()"></div>
    <div class="rightbtn" id="rightbtn" style="background:url(image/arrow.png) -22px 0 no-repeat;" onClick="rightbtn()"></div>
    <div class="box">
    	<ul style="left:0;" id="yidong1">
        	<li>
            	<h2>理财频道全新改版啦！</h2>
                <p>
				支持在线购买理财产品，打理财富，规划人生，新版理财频道给您不一样的体验！
			</p>
            </li>
            <li>
            	<h2>建行官网全新改版上线啦！</h2>
                <p>
				不一样的设计，不一样的风格，不一样的体验，始终不变的依然是为您提供更优质产品和服务的信念！
			</p>
            </li>
            <li>
            	<h2>建设银行新版个人网上银行华丽登场啦！</h2>
                <p>
				千呼万唤，巧思装扮，六大亮点，一见倾心，特别的心意只为遇见特别的您。
			</p>
            </li>
        </ul>
    </div>
</div>

<div class="gg">
	<div class="gg-center">
    	<div class="title">
        	<a>最新公告 ></a>
        </div>
        <div class="content">
        	<ul>
            	<li>
                	<div class="data">
                    	<div class="day">27</div>
                        <div class="month">06月</div>
                    </div>
                    <div class="text">
                    	<div class="text-tit">关于实施《非居民金融账户涉税信息尽...</div>
                        <div class="value">
                        	<span>尊敬的客户：为了履行金融账户涉税信息自动交换国际义务，规范金融机构对非居民金融账户涉税信息尽职调查行为，</span>
                        </div>
                    </div>
                </li>
                <li>
                	<div class="data">
                    	<div class="day">19</div>
                        <div class="month">06月</div>
                    </div>
                    <div class="text">
                    	<div class="text-tit">关于中国建设银行AC米兰足球信用卡（...</div>
                        <div class="value">
                        	<span>尊敬的客户：由于我行与意大利AC米兰足球俱乐部的商业合作即将到期，冠军足球信用卡——AC米兰足球信用卡（金卡、白金卡）将于2017年6月</span>
                        </div>
                    </div>
                </li>
                <li>
                	<div class="data">
                    	<div class="day">21</div>
                        <div class="month">04月</div>
                    </div>
                    <div class="text">
                    	<div class="text-tit">关于调整龙卡信用卡柜面渠道每卡每日...</div>
                        <div class="value">
                        	<span>尊敬的客户：2017年6月5日起，我行对龙卡信用卡境内柜面渠道每卡每日透支取现限额由人民币10000元提升至人民币20000元，其他取现</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="footer-link">
	<div class="link-center">
    	<div class="logo"></div>
        <ul>
        	<li>服务价目表</li>
            <li>诚聘英才</li>
            <li>积分圆梦微公益</li>
            <li>网站地图</li>
            <li>网站声明</li>
            <li>友情链接</li>
        </ul>
        <div class="language"><a>繁体</a>/<a>ENGLISH</a></div>
    </div>
</div>

<div class="footer">
	<div class="footer-center">
    	<div class="left">
        	<div class="img"></div>
            <div class="text">
            	<span>© 版权所有中国建设银行</span>
                <span>京ICP备13030780号</span>
                <span>京公网安备：110102000450</span>
                <br>
                <span>总行地址：中国北京西城区金融大街25号</span>
                <span>邮编：100033</span>
                <span>手机网站：m.ccb.com</span>
            </div>
        </div>
        <div class="right">
        	<ul>
            	<li>
                	<img src="image/mark1.jpg" width="57px" height="57px">
                    官方微博
                </li>
                <li>
                	<img src="image/mark2.jpg" width="57px" height="57px">
                    微信银行
                </li>
                <li>
                	<img src="image/mark3.jpg" width="57px" height="57px">
                    手机银行
                </li>
            </ul>
        </div>
    </div>
</div>
<script>
var a =0;
var n=0;
var m=0;
var z=0;
window.onscroll = function(){
		var thisScrollTop =   document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
		var a1 = document.getElementById("header-move");
		
		if(thisScrollTop >=350){
			a1.style.height="50px"
			a1.style.transition="linear 0.5s"
			document.getElementById("more-nav1").style.display="block"
			document.getElementById("more-nav2").style.display="block"
			document.getElementById("more-nav3").style.display="block"
			document.getElementById("more-nav4").style.display="block"
			document.getElementById("more-nav5").style.display="block"
			document.getElementById("more-nav6").style.display="block"
			}else{
			a1.style.height="0px"
			a1.style.transition="0.01s"
			document.getElementById("more-nav1").style.display="none"
			document.getElementById("more-nav2").style.display="none"
			document.getElementById("more-nav3").style.display="none"
			document.getElementById("more-nav4").style.display="none"
			document.getElementById("more-nav5").style.display="none"
			document.getElementById("more-nav6").style.display="none"
			}
}
document.getElementById("select").onclick=function(){
		if(a==0){
				document.getElementById("box").className="box1";
				a=1;
			}else{
				document.getElementById("box").className="box";
				a=0;
				}
	}
document.getElementById("select").onmouseout=function(){
	document.getElementById("box").className="box";
				a=0;
	}
document.getElementById("select").onmouseover=function(){
	if(a!=0){
	document.getElementById("box").className="box1";
	}
	}
document.getElementById("box").onmouseover=function(){
	if(a==0){
		document.getElementById("box").className="box1";
		}
					
	}
document.getElementById("c1").onclick=function(){
	document.getElementById("bian").innerHTML="个人网上银行";
	document.getElementById("box").className="box";
	a=1;
	}
document.getElementById("c2").onclick=function(){
	document.getElementById("bian").innerHTML="商户服务平台";
	document.getElementById("box").className="box";
	a=1;
	}
document.getElementById("c3").onclick=function(){
	document.getElementById("bian").innerHTML="网站";
	document.getElementById("box").className="box";
	a=1;
	}
document.getElementById("c4").onclick=function(){
	document.getElementById("bian").innerHTML="善融商务";
	document.getElementById("box").className="box";
	a=1;
	}
document.getElementById("border").onmouseover=function(){
	document.getElementById("end").className="end1";
	document.getElementById("border").className="border1";
	}
document.getElementById("border").onmouseout=function(){
	document.getElementById("end").className="end";
	document.getElementById("border").className="border";
	}
document.getElementById("b1").onmouseover=function(){
	document.getElementById("content1-center").style.display="block";
	document.getElementById("content2-center").style.display="none";
	document.getElementById("content3-center").style.display="none";
	document.getElementById("content4-center").style.display="none";
	document.getElementById("b1").style.color="#0066B3";
	document.getElementById("b1").style.borderBottom="4px solid #0066b3";
	document.getElementById("b2").style.color="#333";
	document.getElementById("b2").style.borderBottom="";
	document.getElementById("b3").style.color="#333";
	document.getElementById("b3").style.borderBottom="";
	document.getElementById("b4").style.color="#333";
	document.getElementById("b4").style.borderBottom="";
	document.getElementById("next1-center").style.display="block";
	document.getElementById("next2-center").style.display="none";
	document.getElementById("next3-center").style.display="none";
	document.getElementById("next4-center").style.display="none";
	}
document.getElementById("b2").onmouseover=function(){
	document.getElementById("content2-center").style.display="block";
	document.getElementById("content1-center").style.display="none";
	document.getElementById("content3-center").style.display="none";
	document.getElementById("content4-center").style.display="none";
	document.getElementById("b2").style.color="#0066B3";
	document.getElementById("b2").style.borderBottom="4px solid #0066b3";
	document.getElementById("b1").style.color="#333";
	document.getElementById("b1").style.borderBottom="";
	document.getElementById("b3").style.color="#333";
	document.getElementById("b3").style.borderBottom="";
	document.getElementById("b4").style.color="#333";
	document.getElementById("b4").style.borderBottom="";
	document.getElementById("next2-center").style.display="block";
	document.getElementById("next1-center").style.display="none";
	document.getElementById("next3-center").style.display="none";
	document.getElementById("next4-center").style.display="none";
	}
document.getElementById("b3").onmouseover=function(){
	document.getElementById("content3-center").style.display="block";
	document.getElementById("content2-center").style.display="none";
	document.getElementById("content1-center").style.display="none";
	document.getElementById("content4-center").style.display="none";
	document.getElementById("b3").style.color="#0066B3";
	document.getElementById("b3").style.borderBottom="4px solid #0066b3";
	document.getElementById("b2").style.color="#333";
	document.getElementById("b2").style.borderBottom="";
	document.getElementById("b1").style.color="#333";
	document.getElementById("b1").style.borderBottom="";
	document.getElementById("b4").style.color="#333";
	document.getElementById("b4").style.borderBottom="";
	document.getElementById("next3-center").style.display="block";
	document.getElementById("next1-center").style.display="none";
	document.getElementById("next2-center").style.display="none";
	document.getElementById("next4-center").style.display="none";
	}
document.getElementById("b4").onmouseover=function(){
	document.getElementById("content4-center").style.display="block";
	document.getElementById("content2-center").style.display="none";
	document.getElementById("content3-center").style.display="none";
	document.getElementById("content1-center").style.display="none";
	document.getElementById("b4").style.color="#0066B3";
	document.getElementById("b4").style.borderBottom="4px solid #0066b3";
	document.getElementById("b2").style.color="#333";
	document.getElementById("b2").style.borderBottom="";
	document.getElementById("b3").style.color="#333";
	document.getElementById("b3").style.borderBottom="";
	document.getElementById("b1").style.color="#333";
	document.getElementById("b1").style.borderBottom="";
	document.getElementById("next4-center").style.display="block";
	document.getElementById("next1-center").style.display="none";
	document.getElementById("next3-center").style.display="none";
	document.getElementById("next2-center").style.display="none";
	}

function yidongleft(){
	n--;
	if(n==1){
			document.getElementById("yidong").style.left="-486px"
			document.getElementById("scroll-right").style.background="url(image/icon_right1.png) no-repeat"
			document.getElementById("scroll-left").style.background="url(image/icon_left1.png) no-repeat"
		}else if(n==0){
			document.getElementById("yidong").style.left="0px"
			document.getElementById("scroll-right").style.background="url(image/icon_right1.png) no-repeat"
			document.getElementById("scroll-left").style.background="url(image/btn_left.png) no-repeat"
		}else{
			n=0;	
		}
	
	}
function yidongright(){
	n++;
	if(n==1){
			document.getElementById("yidong").style.left="-972px"
			document.getElementById("scroll-right").style.background="url(image/icon_right1.png) no-repeat"
			document.getElementById("scroll-left").style.background="url(image/icon_left1.png) no-repeat"
		}else if(n==2){
			document.getElementById("yidong").style.left="-1458px"
			document.getElementById("scroll-right").style.background="url(image/btn_right.png) no-repeat"
			document.getElementById("scroll-left").style.background="url(image/icon_left1.png) no-repeat"
		}else{
			n=2;
		}
	}
function leftbtn(){
	m--;
	if(m==1){
			document.getElementById("yidong1").style.left="-470px"
			document.getElementById("rightbtn").style.background="url(image/arrow.png) -22px 0 no-repeat"
			document.getElementById("leftbtn").style.background="url(image/arrow.png) 0px 0 no-repeat"
		}else if(m==0){
			document.getElementById("yidong1").style.left="0px"
			document.getElementById("rightbtn").style.background="url(image/arrow.png) -22px 0 no-repeat"
			document.getElementById("leftbtn").style.background="url(image/arrow.png) -42px 0 no-repeat"
		}else{
			m=0;
			}
	
	}
function rightbtn(){
	m++;
	if(m==1){
			document.getElementById("yidong1").style.left="-470px"
			document.getElementById("rightbtn").style.background="url(image/arrow.png) -22px 0 no-repeat"
			document.getElementById("leftbtn").style.background="url(image/arrow.png) 0px 0 no-repeat"
		}else if(m==2){
			document.getElementById("yidong1").style.left="-940px"
			document.getElementById("rightbtn").style.background="url(image/arrow.png) -66px 0 no-repeat"
			document.getElementById("leftbtn").style.background="url(image/arrow.png) 0px 0 no-repeat"
		}else{
			m=2;
			}
	}
</script>
</body>
</html>