@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px; font-family:'微软雅黑'; font-size:16px; border:0px;}
html,body{width:100%; height:100%;}
body:before{content:''; display:block;}


header{display:block; background-color:#f1dadd; padding:15px 0;}
header:before{content:''; display:block;}

.logo{display:block; height:50px;}
.logo img{height:100%; width:auto;}

.reg{text-align:right; margin-top:8px;}
.reg a{color:#a22024; font-weight:bold;}

#title {
    width: 100%;
    height:auto;
    text-align: center;
    moz-box-shadow: rgba(0,0,0,0.3) 0px 4px 8px 0px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0px 4px 8px 0px;
    box-shadow: rgba(0,0,0,0.3) 0px 4px 8px 0px;
    z-index: 999;
    position: relative;
	padding:10px 0;
}
#title h1 {
    font-size: 36px;
    color: #a22024;
    font-weight: 400;
}
#title p {
    color: #a22024;
}

.banner-item:nth-child(1){background-image:url(images/banner1.jpg);}
.banner-item:nth-child(2){background-image:url(images/banner2.jpg);}
.banner-item:nth-child(3){background-image:url(images/banner3.jpg);}

.banner-item{background-repeat:no-repeat; background-position:center top; background-size:auto 100%;}

#banner{text-align:center;}
.regbox{width:400px; height:370px; position:absolute; z-index:999; left:0; right:0; top:0; bottom:0; margin:auto;}
.regbox .cover{width:100%; height:100%; position:absolute; top:0; left:0; background-color:#fff; opacity:0.5; z-index:1;}

.regbox h2 {
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    font-size: 20px;
    border-bottom: 1px #FFF solid;
    text-align: center;
}

.txt h3{color: #a22024;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 15px;}

.txt ol{margin-top:10px;}
.txt ol li{list-style:decimal inside; margin-bottom:10px;}
.txt p{line-height:24px;}

.mbox img{width:100%; height:auto;}

.down {
    width: 58px;
    height: 58px;
    background: url(images/down_ico.png) no-repeat top left;
    margin: -28px 0 0px -29px;
    position: absolute;
    left: 50%;
    z-index: 99999;
    cursor: pointer;
}

.pstitle p {
    margin-bottom: 20px;
}
.pstitle h2 {
    font-size: 26px;
    color: #a22024;
    margin: 0px 0px 15px 0px;
}
.pstitle{text-align:center;margin: 80px 0px 30px 0px;
    height: 98px}

section{display:block;background-color:#F0F0F0; margin-top:40px; overflow:hidden;}
section:before{content:''; display:block;}


.ico {
    display: block;
    width: 218px;
    height: 218px;
    background-color: #a22024;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0px auto;
}
section p {
    margin: 10px 10px 10px 10px;
    line-height: 24px;
	text-align:center;
}
section p b {
    display: block;
}
.gobtn {
    display: block;
    margin: 25px auto;
    width: 300px;
    height: 52px;
    text-align: center;
    color: #a22024;
    border: 2px #a22024 solid;
    border-radius: 5px;
    line-height: 52px;
    font-size: 20px;
    text-decoration: none;
}
.gobtn:hover {
    color: #FFF;
    background-color: #a22024;
}
footer {
	display:block;
    width: 100%;
    height:auto;
    border-top: 1px #C5C5C5 solid;
    color: #5d5d5d;
    margin-top: 0px;
	padding:50px 0 0 0;
    background: #F8F8F8 url(images/newbottom_bg.png) no-repeat center 1px;
    overflow: hidden;
}
footer p{font-size:14px; line-height:24px;}
footer p.btxt{font-size:20px;}

.bottom{background:#2F4056; height:auto; padding:10px; color:#aaa; margin-top:50px; font-size:14px;}

@media screen and (max-width: 1024px) {
.logo{text-align:center; margin-bottom:20px;}
.reg{text-align:center;}

#title h1{font-size:22px;}
.layui-carousel{height:300px !important;}
.regbox{width:95%; height:280px; margin:auto;}

.gobtn{width:auto; margin:25px 10px;}

}