@charset "UTF-8";
body, div, ul, h1, h2, h3, h4, i, p, th, td, dl, dd, form, input, option, option{margin: 0;padding: 0; }
body, div, button, input, select, textarea {font-family: "微软雅黑",arial;}
body{color: #666; background-color: #fff; overflow-x:hidden;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:none;}
input, a, a:link{color: #333; text-decoration:none;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
a:focus{outline: none;}
iframe, img {border: 0; }
img{-moz-user-select:-moz-none; -moz-user-select:none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
ul, ol, li {list-style: none; }
.clear{diplay: block!important; float:none!important; clear:both; overflow:hidden; width:auto!important; height:0!important; margin:0 auto!important; padding:0!important; font-size:0; line-height:0;}
::-webkit-scrollbar{width:10px; height:10px; background-color:#aaa;}  
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color:#bbb;}  
::-webkit-scrollbar-thumb{border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#666;} 

.banner{max-width: 1000px; margin: auto;}
.banner img{display: block;max-width: 100%;height: auto;}

.box1{max-width: 1000px; margin: auto; background-color: #e0f2fe; padding: 20px 0px;}
.box1 h1,.box2 h1{font-size: 18px; line-height: 36px;padding: 10px 3%; color: #338dcc; text-align: center;}
.box2 h1{color: #444;}
.box2 h1 a{color: #ff0000; text-decoration: underline;}
.box2 h1 a:hover{color: #338dcc;}
.box1 h2,.box2 h2{font-size: 16px; line-height: 32px;padding: 10px 3%; color: #338dcc;}
.box1 li{margin: 10px 3%; width: 15%; padding: 20px 2%; border-radius: 6px; font-size: 18px; line-height: 36px; text-align: center; float: left; background-color: #fff;}
.box1 p,.box2 p,.box3 p{font-size: 14px; line-height: 30px;padding: 10px 3%; color: #444;}

.box2{max-width: 1000px; margin: auto;padding: 20px 0px;}
.box2_h1{margin: 10px 3%;}
.box2_h1 img{display: block;max-width: 100%;height: auto; margin: auto;}
.box2 ul{padding: 20px 3%;}
.box2 li{margin: 10px 0%; color: #fff; width: 25%;float: left;}
.title{width: 70%; display: block; height: 108px; padding: 20px 5%; border-radius: 6px; font-size: 18px; line-height: 36px; text-align: center; float: left;}
.text{width: 20%;display: block; line-height: 108px; text-align: center; font-size: 18px; color: #444; float: right;}
.titleaaa{width: 90%; display: block; height: 108px; padding: 20px 5%; border-radius: 6px; font-size: 18px; line-height: 36px; text-align: center;}

.box3{max-width: 1000px; margin: auto; background-color: #e0f2fe; padding: 20px 0px;}
.left {
    width: 47%;
    margin: 0px auto;
    clear: both;
    float: left;
    margin-left: 3%;
}
.left div {
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    clear: both;
    margin-bottom: 20px;
    position: relative;
}
.left div span {
    width: 30%;
    text-align: right;
    font-size: 14px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #a5a08a;
}
.left div input {
    color: #999;
    height: 26px;
    line-height: 26px;
    border: 1px solid #e3e3e3;
    width: 70%;
    position: absolute;
    left: 30%;
    top: 0px;
    margin-right: 10px;
}

input[type="text"], input[type="password"], input[type="file"], textarea {
    -webkit-border-radius: 0;
    -webkit-appearance: normal;
}
.continue {
	position: absolute;
    display: block;
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #fff !important;
    font-size: 18px;
    text-align: center;
    background: #068ec8;
    border-radius: 6px;
    left: 50%;
    margin-left: -25%;
    text-align: center;
}

.right{width: 40%; padding-top: 30px; float: right;font-size: 14px; line-height: 30px;color: #444; text-align: center;}
.right img{display: block;max-width: 30%;height: auto; margin: auto;}
.box3 p{padding-bottom: 30px;}
.box4{max-width: 1000px; margin: auto;}
.box4 img{display: block;max-width: 100%;height: auto;}


@media (min-width: 320px){
.box1 h1,.box2 h1{font-size: 14px; line-height: 30px;padding: 10px 3%; color: #338dcc; text-align: center;}
.box1 h2,.box2 h2{font-size: 14px; line-height: 30px;padding: 10px 3%; color: #338dcc;}
.box1 li{margin: 10px 3%; width: 40%; padding: 20px 2%; border-radius: 6px; font-size: 14px; line-height: 24px; text-align: center; float: left; background-color: #fff;}
.box2 li{margin: 10px 0%; color: #fff; width: 100%;float: none;}
.title{width: 94%; display: block; height: auto; padding: 20px 3%; border-radius: 6px; font-size: 14px; line-height: 30px; text-align: center; float: none;}
.text{width: 100%;display: block; line-height: 30px; text-align: center; font-size: 14px; color: #444; float: none;}
.titleaaa{width: 94%; display: block; height: auto; padding: 20px 3%; border-radius: 6px; font-size: 14px; line-height: 30px; text-align: center;}
.left {width: 94%;float: none;margin-left: 3%;}
.right{width: 100%;padding-top: 30px; float: none;font-size: 14px; line-height: 30px;color: #444; text-align: center;}
.right img{display: block;max-width: 40%;height: auto; margin: auto;}
}

@media (min-width: 768px){
.box1 h1,.box2 h1{font-size: 18px; line-height: 36px;padding: 10px 3%; color: #338dcc; text-align: center;}
.box1 h2,.box2 h2{font-size: 16px; line-height: 32px;padding: 10px 3%; color: #338dcc;}
.box1 li{margin: 10px 3%; width: 15%; padding: 20px 2%; border-radius: 6px; font-size: 18px; line-height: 36px; text-align: center; float: left; background-color: #fff;}
.box2 li{margin: 10px 0%; color: #fff; width: 25%;float: left;}
.title{width: 70%; display: block; height: 108px; padding: 20px 5%; border-radius: 6px; font-size: 18px; line-height: 36px; text-align: center; float: left;}
.text{width: 20%;display: block; line-height: 108px; text-align: center; font-size: 18px; color: #444; float: right;}
.titleaaa{width: 90%; display: block; height: 108px; padding: 20px 5%; border-radius: 6px; font-size: 18px; line-height: 36px; text-align: center;}
.left {width: 47%;float: left;margin-left: 3%;}
.right{width: 40%;padding-top: 0px; float: right;font-size: 14px; line-height: 30px;color: #444; text-align: center;}
.right img{display: block;max-width: 30%;height: auto; margin: auto;}
}