html{height:100%}
body{background: linear-gradient(to right,#bb2207,#c52206);/*background:url(/public/assets/images/bj_dl.jpg) no-repeat bottom;background-size: cover;*/font-family: 'Microsoft YaHei';margin:0;}
input{border:none;background:none;outline: none; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px white inset}
input::-webkit-input-placeholder{color:#ddd;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.black_overlay{ display: none;position: fixed;top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.70;  filter: alpha(opacity=77); } 
.tip_msg{display:none;position:fixed; min-width:100px;height:auto;padding:10px 20px;left:45%;border:0 solid orange;background-color:#ffffff; z-index:1002; overflow: auto;border-radius:10px;top:40%;text-align: center;font-size: 18px;}
.register-box{width:800px;margin:15% auto 0 auto;background:#fff;padding:15px;border-radius: 10px;overflow: hidden;min-height:300px;box-shadow: rgb(52, 113, 166) 0px 1px 12px 0px;}
.register-box-left{width:400px;float:left;}
.register-box-left img{width:100%;display: block;}
.register-box-right{width:300px;float:left;padding:20px 0 0 40px;}
.register-box-right h2{color:#111111;font-size:25px;margin:0 0 40px 0;}
.register-box-right h2 p{display:block;color:#999;font-size:14px;font-weight: normal;margin:8px 0;}
.register-box-right .clearfix{width:100%;display: block;line-height: 35px;margin:15px 0;}
.register-box-right .clearfix  .input-icon-right{width:90%;display: block;line-height: 35px;border: 1px solid #ddd;padding: 0 5%;overflow: hidden;border-radius:3px;}
.input-icon-right i{color:#bdbdbd;font-size: 18px; float:left;margin: 10px 10px 0 0;}
.form-control{display: block;width:85%;line-height: 35px;float: left;}
.input-icon-verification{display: block;width:65%;float:left;margin-right: 3%;border: 1px solid #ddd;padding: 0 5%;border-radius:3px;}
.input-icon-verification i{color:#bdbdbd;font-size:15px;float: left;margin: 10px 10px 0 0;}
.btn-primary{display: block;width: 100%;line-height:42px;border:none;background:#c52206;color:#fff;font-size:16px;margin-top:40px;border: 1px solid #c52206;}
.btn-primary:active, .btn-primary:hover{background:#991802;cursor:pointer;display: block;border:5px solid #c52206;line-height:34px;}
.copyright{width:100%;text-align:center;background:#000;color:#ffffff;font-size: 14px;line-height: 45px;}
.copyright a{line-height:45px;color:#ffffff;text-decoration:none;font-size: 14px;}
.copyright a:hover{text-decoration:underline;}

/*Í·²¿*/
#header{padding:0px;margin:0;background:#fff;width: 100%;}
.headtop{background:#f2f2f2;height:40px;}
.div_line{width:1024px; margin:0 auto;line-height:40px;}
#homepage{float:right;color:#333;font-family:"Microsoft YaHei";line-height:40px;}
#homepage a{color:#333;padding: 0 15px;}
#homepage a:hover{color:#333;}
.div_top{width:1024px;height:120px;margin:0 auto;}
.div_top span{float:right;background:url(tel.png) no-repeat;height:95px;width: 340px;margin-top:15px;}
.div_top img{padding-top:40px;}
/*µ¼º½*/
.menu{margin:20px 50px 20px auto;}
.menu ul{ list-style-type:none;margin: 0;float: left;}
.menu li{float:left;background:none;}
.menu li a {display: block;height:40px;float: left;text-align:center;color:#000;line-height:40px;padding:0 18px;font-size:16px;}
.menu a:hover{ display:block;padding: 0 18px;height:40px;color:#000;}
.head-right{display: block;float: right;margin:20px 20px 0 0;font-size:30px;color:#428bca;}
.div_Button{display: block;float: right;margin:28px 0;text-align:center;font-size:14px;}
.div_Button a{color:#fff;padding:10px 20px;background:#c52206;border:1px solid #c52206;}
.div_Button a:hover{background:#b74635;color:#FFF;border:1px solid #b74635;}

/*ÂÖ²¥Í¼*/
.frame{width:100%;overflow:hidden;height:900px;}
.banners {width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden;background-color:rgba(200, 200, 200, .5)}
.banners:hover .click_left {display:block}
.banners:hover .click_right {display:block}
.click_left {width:45px;position:absolute;z-index:10;left:10px;display:none;top:15px;}
.click_right {width:45px;position:absolute;z-index:10;right:10px;display:none;top:15px;}
.click_left img, .click_right img {width:100%;height:100%}
.number {width:100%;height:1vw;line-height:1vw;position:absolute;z-index:10;text-align:center;bottom:10px}
.numbers {display:inline-block}
.numbers span {color:#fff;display:block;float:left;width:50px;height:3px;text-align:center;margin:0 5px;border:1px solid #fff}
.numbers span:hover {cursor:pointer}
.banner_img {width:100%;height:100%}
.banner_img img {width:100%;height:100%;position:absolute;break-inside:1}
/*µÇ¼ÐÞ¸Ä*/
.navbar-inverse{background: rgba(255, 255, 255 ,0.5);border:none;height: 80px;position: fixed; z-index: 9; width: 80%;left: 0;top: 0;padding: 0 10%;box-shadow: 0 2px 5px rgba(0,0,0,.15);}
.navbar-header{display: block;float: left;margin: 20px 0;}
#wxImg{display:none;width:120px;height:120px;background:#fff;position:absolute;top:60px;padding:10px;right:10%;}
#wxImg img{width:100%;}
.login_box_ll{width:1200px;position: absolute;top:0;right:15%;margin:14% 0 0 0;}
.login_box_ll h3{display: block;float: left;width:600px;color: #ffffff;font-size: 28px;line-height: 50px; text-shadow:1px 1px 2px #00182c;}
.register-box_ll{width:380px;margin:0;float:right;box-shadow: rgb(179, 179, 179) 0px 1px 12px 0px;}


@media screen and (min-width:320px) and (max-width:768px){
.navbar-inverse{display:none;}
.frame{display:none;}
.login_box_ll {width:100%;right: 0;}
.login_box_ll h3{display:none;}
.register-box_ll{width:80%;padding:5%;margin:5% 5% 0 5%;}
.copyright{line-height:22px;position: fixed; bottom: 0;padding-top:5%;}
.register-box-right{width:100%;padding:20px 0 0 0;}
.form-control{width:80%;}
.input-icon-verification{width:60%;}
.tip_msg{min-width:40%;left:22%;}
}
@media screen and (min-width:768px) and (max-width:992px){
body{background:#fff;}
.register-box-right h2{text-align:center;}
.register-box{width:80%;padding:5%;margin:5% 5% 0 5%;}
.register-box-left{display:none;}
.register-box-right{width:100%;padding:20px 0 0 0;}
.input-icon-verification{width:60%;}
.form-control{width:80%;}
.navbar-inverse{width:96%;padding: 0 2%;}
.frame{height:800px;}
.login_box_ll{width:80%;}
.register-box_ll{width:380px;padding:5%;margin:5% 5% 0 5%;right:0;}
#wxImg{right:3%;}
.login_box_ll h3{display:none;}
}
@media screen and (min-width: 992px){
body{background:#fff;}
.login_box_ll h3{display:none;}
.frame{height:650px;}
}
@media screen and (min-width: 1200px) {
.login_box_ll{width:1100px;}
.login_box_ll h3{display:block;}
.frame{height:800px;}
}
@media screen and (min-width:1920px) {
.login_box_ll{width:1200px;}
.frame{height:900px;}
}