.index-box{max-width: 750px;padding:0.4rem}
h1{font-size: 24px;font-weight: bold;color:#000}
.laiyuan{margin-top:0.4rem;}
.laiyuan span{margin-right:0.2rem;color:#999;font-size: 0.36rem;}
.ewm{cursor: pointer;}
.blue{color:#3d5f9b!important}
.laiyuan .ly{background: #eee;padding:2px 5px;border-radius: 5px;}
.click-txt{margin-top:0.4rem;background-size:auto 24px;text-align: center;}
.click-txt .txt{font-size: 14px;text-align: center;display: inline-block;background: #fff;padding:0 0.2rem}
.click-txt .txt .arrow-box{border:2px solid #3d5f9b;border-radius:50%;display:inline-block;width:18px;height:18px;margin:0 0.2rem 0 0.1rem;overflow: hidden;}
.click-txt .txt .arrow-box img{animation: move 2s infinite}
.logo-box{background: #fff;border-radius: 0.2rem;padding:0.4rem 0.2rem 0.4rem 0.4rem;box-shadow: 0 0 0.2rem #e1ecff;margin-top:0.4rem}
.logo-box .by{float:left;width:70%;font-size: 14px;}
.logo-box .by img{width:0.61rem}
.logo-box .yy{float:left;width:30%;text-align:center;border-left: 1px solid #eee;box-sizing: border-box;}
.logo-box .yy img{width: 80%;}
.logo-box .biaoyu{font-size: 0.34rem;margin-top:0.1rem}
.content-box {position: relative;}
.content-box::before{background-size: 100% 20px;width: 100%;position: absolute;left:0;bottom:0;height:20px;content: '';}
.content-box p{margin-top:0.6rem;color:#333;line-height:0.6rem}
.content-box img{width: auto;margin: auto;display: block;max-width: 100%;}
.key-box{border:1px solid #3d5f9b;border-radius: 0.2rem;padding:1rem 0.6rem 0.4rem 0.6rem;position: relative;background: #fff;z-index: 99;transform-style: preserve-3d;margin-top:0.7rem}
.key-box::before{position: absolute;background: url(../img/key_title.png)no-repeat left top;top:0.2rem;left:-0.22rem;width: 100%;height:50px;content: '';transform: translateZ(1px);background-size: 3.25rem auto;}
.key-box::after{position: absolute;border:1px solid #3d5f9b;border-radius: 0.2rem;background: #eaf0fb;bottom:-15px;left:-1px;width: 100%;height:30px;content: '';transform: translateZ(-1px);}
.key-box .key-title{position: absolute;top:0.2rem;left:-0.22rem;}
.key-box .key-title img{width:3.25rem}
.key-box p{padding:0.2rem 0;border-bottom: 1px solid #eee;color:#c00000;font-weight: bold;background: url(../img/arrow.png)no-repeat left 0.25rem;background-size: 0.36rem;padding-left:0.6rem;margin-top:0;}
.key-box p:last-child{border-bottom: 0;}

h2{background: #fff url(../img/arrow_r.png)no-repeat left center;background-size: 7px;
border-radius: 0.1rem;padding:0.2rem 0.2rem 0.2rem 0.4rem;border-left:5px solid #3d5f9b;box-shadow: 0 0 0.2rem #e1ecff;margin-top:0.8rem;font-size: 18px;color:#3d5f9b;font-weight: bold;}
h3{background: url(../img/dot.png)no-repeat left center;background-size: 0.4rem; padding-left:0.6rem;color: #3d5f9b;font-size: 16px;margin-top:0.6rem}
.arrow-down{overflow: hidden;height:0.8rem;text-align: center;}
.arrow-down img{width:0.4rem;animation: movedown 1s infinite}
.btn{text-align: center;cursor: pointer;}
.btn img{max-width: 100%;width: auto;}
.ewm-box{text-align: center;margin-top:0.4rem;color:#c00000}
.ewm-box img{width: 50%;margin-bottom: 0.2rem;}
.notice{margin-top:0.4rem}
.notice p{padding:0.2rem 0;font-size: 14px;color:#999}
.tuijian-box{background: #fff;box-shadow: 0 0 0.2rem #e1ecff;border-radius: 0.2rem;padding:0.4rem 0.3rem;margin-top:0.4rem}
.tuijian-box .title{float:left;font-size:0.6rem;color:#3d5f9b;font-weight:bold}
.tuijian-box .wx-logo{float:right;font-size:14px;padding-top:0.2rem}
.tuijian-box .wx-logo img{width:0.61rem}

.scroll-wrap {OVERFLOW: hidden; WIDTH: 9rem; POSITION: relative; HEIGHT: 150px}
.scroll_box_content {POSITION: absolute}
.content_list {FLOAT: left; WIDTH: 9rem; HEIGHT: 150px; }

.tuijian-box .menu-box{background:#eee;border-radius:0.1rem;margin-top: 0.4rem;}
.tuijian-box .menu-box li{float:left;width:25%;text-align: center;font-size: 0.32rem;padding:0.2rem 0}
.tuijian-box .menu-box .active{background:#426cb6;color:#fff;border-radius: 0.1rem;}
.tuijian-box .list-box ul{margin-top:0.2rem}
.tuijian-box .list-box li{padding:0.2rem 0;font-size: 14px;color:#426cb6}
.tuijian-box .list-box li a{color:#426cb6}
.page-box{text-align: center;margin-top:0.4rem}
.page-box span{text-align:center; display:inline-block; background: #eee;padding:0.1rem 0.25rem;border-radius: 0.1rem;margin:0 0.1rem}
.m-page{float:left;width:25%;text-align: center;font-size: 0.32rem;padding:0.2rem 0;border-radius: 0.1rem;}
.focus{background:#426cb6;color:#fff!important;}
.m-page1{display: inline-block;text-align: center;padding:0.1rem 0.25rem;border-radius: 0.1rem;background: #eee;border-radius: 0.1rem;margin:0 0.1rem}
.focus1{background:#426cb6;color:#fff!important;}

.tool-box{border:1px solid #3d5f9b;position: relative;margin-top:0.8rem;border-radius: 0.2rem;padding:1.2rem 0.2rem 0.6rem 0.2rem}
.tool-box .tool-title{position: absolute;width:3.4rem;left:50%;margin-left:-1.7rem;top:-0.2rem;}
.tool-box .tool-title img{width: 100%;}
.tool-box li{float:left;width:25%;text-align: center;padding:0 0.05rem;box-sizing: border-box;}
.tool-box li img{width: 80%;margin-bottom: 0.2rem;}
.tool-box h4{font-size: 0.36rem;color:#3d5f9b;}
.tool-box p{font-size: 0.3rem;color:#999}
.bottom-box{text-align: center;margin-top:0.4rem}
.bottom-box img{width: 0.61rem;}
.bottom-box .copyright{font-size: 13px;color:#999;margin-top:0.2rem}

@keyframes move{
	0%{transform: translateY(0);}
	50%{transform: translateY(-0.1rem);}
	100%{transform: translateY(-0.8rem);}
}
@keyframes movedown{
	0%{transform: translateY(0);}
	50%{transform: translateY(0.2rem);}
	100%{transform: translateY(0rem);}
}

@media (min-width:750px) {
	.laiyuan span{font-size: 14px;}
	.logo-box .yy img{width: 153px;}
	.logo-box .by{margin-top:10px;}
	.logo-box .biaoyu{font-size: 24px;margin-top:10px;}
	.key-box .key-title img{width:179px}
	.key-box li{font-size: 18px;}
	.title-box{font-size: 20px;}
	.ewm-box img{width: auto;}
	.tuijian-box{padding: 0.6rem;}
	.tuijian-box .title{font-size:36px;}
	.tuijian-box .list-box li{font-size: 16px;}
	.tool-box .tool-title img{width: 196px;}
	.tool-box li img{width: auto;}
	.tool-box h4{font-size: 18px;}
	.tool-box p{font-size: 14px}
	.scroll-wrap {WIDTH: 680px;HEIGHT: 180px }
	.content_list {WIDTH: 680px;HEIGHT: 180px}
	.tuijian-box .wx-logo{padding-top:10px;}
	.content-box p{margin-top:0.4rem;color:#333;line-height:0.5rem;font-size: 18px;}
	.key-box p{margin-top:0;color:#c00000}
}

.mask-box{position: fixed;left:0;top:0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);z-index: 999;display: none;}
.mask-box .window-box{position: absolute;width:9rem;height:9rem;background: #fff;border-radius: 0.2rem;padding:0.8rem 0;box-sizing: border-box;left:50%;margin-left:-4.5rem;top:50%;margin-top:-4.5rem;
box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2);text-align: center;font-size: 0.4rem;color:#c00000}
.mask-box .window-box img{width: 70%;margin-bottom: 0.2rem;}