.top,.bottom{
    height: 75px;
    width: 100%;
    background-color: #fff;
}

/*头部*/
.top{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
}
.top .top_left{
    float: left;
    height: 51px;
    margin: 5px 0px 0px 84px;
}
.top .top_left img{
    height: 30px;
    margin-top: 10px;
    width: auto;
    float: left;
}
.top .top_left h1{
    margin: 0px 20px;
    padding: 0px;
    font-size: 20px;
    color: #333;
    float: left;
    font-weight: 400;
    height: 51px;
    line-height: 51px;
}

.top .top_right{
    float: right;
    margin-right: 70px;
    padding-top:14px ;
}
.top .top_right>ul>li{
    float: left;
    width: 78px;
    height: 32px;
    margin: 0px 14px;
    text-align: center;
    line-height: 32px;
}

.top .top_right>ul>li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid #fff;
}
.top .top_right>ul>.li_shou a{
    color: #1176f4;
    border-bottom: 2px solid #1176f1;
}

/*内容*/
.content{
    width: 100%;
    position: fixed;
    left: 0px;
    top: 60px;
    bottom: 60px;
    /*min-height: 600px;*/
    background-color: #79adf4;
    background-image: url("../../images/bg.jpg");
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.content>div{
    width: 100%;
    height: 100%;
    position: relative;
}
.content>div .div_img_list{
    width: 100%;
    height: 60%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.content>div .div_img_list>div{
    height: 100%;
    /*width: 50%;*/
    display: inline-block;
    position: relative;
    left: 35%;
    /*padding-right: 50%;*/
    transform: translateX(-50%);
}
.content>div .div_img_list ul{}
.content>div .div_img_list li{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}
.content>div .div_img_list #li_show{
    display: block;
}
.content>div .div_img_list li a{
    width: 100%;
    height: 100%;
    display: block;
}
.content>div .div_img_list li img{
    width: 100%;
    height: 100%;
}
.content>div .div_form{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 70%;
    width: 380px;
    height: 400px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 26px;
    margin-left: -263px;
}
.content>div .div_form h2{
    margin: 0px 0px 24px;
    padding: 0px;
    color: #fff;
    font-size: 20px;
    width: 100%;
    text-align: center;
    font-weight: 500;
}
.content>div .div_form .form_input{
background-color: #fff;
margin-bottom: 18px;
width: 100%;
height:40px;
border-radius: 10px;
}
.content>div .div_form .form_input span{
height: 40px;
font-size: 18px;
margin:0px 16px;
float: left;
line-height: 40px;
color: #c2c2c2;
}

.content>div .div_form .form_input input{
border: 0px;
height: 40px;
float: left;
font-size: 14px;
color: #333;
}
.content>div .div_form .form_input input::-webkit-input-placeholder{
color: #c2c2c2;
font-size: 14px;
}
.content>div .div_form .form_input input:focus {
outline: none;
background-color: transparent;
color: #c2c2c2;
}


.content>div .div_form #input_show span,input{
color: #1477f6;

}
.content>div .div_form .input_name input,.input_password input{
width: 270px;
}
.content>div .div_form #input_show input::-webkit-input-placeholder{
color: #1477f6;
}
.content>div .div_form #input_show input:focus {
color: #1477f6;
}

.content>div .div_form input:-webkit-autofill {
-webkit-text-fill-color: #ededed !important;
-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
background-color:transparent;
background-image: none;
transition: background-color 50000s ease-in-out 0s;
}






.content>div .div_form .input_yzm input{
width: 188px;
}
.content>div .div_form .input_yzm .div_yzm{
float: right;
height: 22px;
width: 90px;
margin-top: 9px;
border-left: 2px solid #c2c2c2;
padding-left: 10px;
}
.content>div .div_form .input_yzm .div_yzm a{
display: block;
width: 100%;
height: 100%;
margin-left:-7%
}
.content>div .div_form .input_yzm .div_yzm img{
height: 100%;
width: 100%;
}
.content>div .div_form .div_checkbox{
width: 100%;
margin: 25px 0px 34px;
height: 20px;
line-height: 20px;
}
.content>div .div_form .div_checkbox .div_checkbox_left{
float: left;
color: #fff;
font-size: 14px;
}
.content>div .div_form .div_checkbox .div_checkbox_right{
float: right;
}
.content>div .div_form .div_checkbox .div_checkbox_right a{
color: #fff;
font-size: 14px;
text-decoration: none;
}
.content>div .div_form .div_buttom{
width: 100%;
height: 40px;
font-size: 20px;
line-height: 40px;
text-align: center;
color: #fff;
background-color: #1277f4;
border-radius: 10px;
margin-top:15%
}
.content>div .div_form .div_buttom a{
color: #fff;
font-size: 16px;
text-decoration: none;
}
.content>div  .div_rwm{
    width: 126px;
    position: absolute;
    top: 50%;
    height: 400px;
    transform: translateY(-50%);
    padding-top: 10px;
    left: 70%;
    margin-left: 130px;
}
.content>div  .div_rwm>div{
background-color: #fff;
height: 130px;
margin-bottom: 15px;
text-align: center;
padding-top: 10px;
border-radius: 8px;
}
.content>div  .div_rwm>div img{
width: auto;
height: 95px;
}
.content>div  .div_rwm>div>div {
font-size: 14px;
color: #333;
}





/*.content .content_div .content_div_form{*/
    /*width: 380px;*/
    /*height: 400px;*/
    /*margin-top: 80px;*/
    /*background-color: rgba(255, 255, 255, 0.1);*/
    /*border-radius: 12px;*/
    /*padding: 26px;*/
/*}*/
/*.content .content_div .content_div_form h2{*/
    /*margin: 0px 0px 24px;*/
    /*padding: 0px;*/
    /*color: #fff;*/
    /*font-size: 26px;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*font-weight: 500;*/
/*}*/
/*.content .content_div .content_div_form .form_input{*/
    /*background-color: #fff;*/
    /*margin-bottom: 18px;*/
    /*width: 100%;*/
    /*height:40px;*/
    /*border-radius: 10px;*/
/*}*/
/*.content .content_div .content_div_form .form_input span{*/
    /*height: 40px;*/
    /*font-size: 18px;*/
    /*margin:0px 16px;*/
    /*float: left;*/
    /*line-height: 40px;*/
    /*color: #c2c2c2;*/
/*}*/

/*.content .content_div .content_div_form .form_input input{*/
    /*border: 0px;*/
    /*height: 40px;*/
    /*float: left;*/
    /*font-size: 18px;*/
    /*color: #333;*/
/*}*/
/*.content .content_div .content_div_form .form_input input::-webkit-input-placeholder{*/
    /*color: #c2c2c2;*/
    /*font-size: 16px;*/
/*}*/
/*.content .content_div .content_div_form .form_input input:focus {*/
    /*outline: none;*/
    /*background-color: transparent;*/
    /*color: #c2c2c2;*/
/*}*/


/*.content .content_div .content_div_form #input_show span,input{*/
    /*color: #1477f6;*/

/*}*/
/*.content .content_div .content_div_form .input_name input,.input_password input{*/
    /*width: 270px;*/
/*}*/
/*.content .content_div .content_div_form #input_show input::-webkit-input-placeholder{*/
    /*color: #1477f6;*/
/*}*/
/*.content .content_div .content_div_form #input_show input:focus {*/
    /*color: #1477f6;*/
/*}*/

/*.content .content_div .content_div_form input:-webkit-autofill {*/
    /*-webkit-text-fill-color: #ededed !important;*/
    /*-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;*/
    /*background-color:transparent;*/
    /*background-image: none;*/
    /*transition: background-color 50000s ease-in-out 0s;*/
/*}*/






/*.content .content_div .content_div_form .input_yzm input{*/
    /*width: 188px;*/
/*}*/
/*.content .content_div .content_div_form .input_yzm .div_yzm{*/
    /*float: right;*/
    /*height: 22px;*/
    /*width: 90px;*/
    /*margin-top: 9px;*/
    /*border-left: 2px solid #c2c2c2;*/
    /*padding-left: 10px;*/
/*}*/
/*.content .content_div .content_div_form .input_yzm .div_yzm a{*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/
/*.content .content_div .content_div_form .input_yzm .div_yzm img{*/
    /*height: 100%;*/
    /*width: 100%;*/
/*}*/


/*.content .content_div .div_checkbox{*/
    /*width: 100%;*/
    /*margin: 25px 0px 34px;*/
    /*height: 20px;*/
    /*line-height: 20px;*/
/*}*/
/*.content .content_div .div_checkbox .div_checkbox_left{*/
    /*float: left;*/
    /*color: #fff;*/
    /*font-size: 18px;*/
/*}*/
/*.content .content_div .div_checkbox .div_checkbox_right{*/
    /*float: right;*/
/*}*/
/*.content .content_div .div_checkbox .div_checkbox_right a{*/
    /*color: #fff;*/
    /*font-size: 18px;*/
    /*text-decoration: none;*/
/*}*/
/*.content .content_div .div_buttom{*/
    /*width: 100%;*/
    /*height: 40px;*/
    /*font-size: 20px;*/
    /*line-height: 40px;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*background-color: #1277f4;*/
    /*border-radius: 10px;*/
/*}*/
/*.content .content_div .div_buttom a{*/
    /*color: #fff;*/
    /*font-size: 20px;*/
    /*text-decoration: none;*/
/*}*/
/*.content .content_div .div_rwm{*/
    /*width: 126px;*/
    /*height: 100%;*/
    /*float: right;*/
    /*margin-top: 88px;*/
/*}*/
/*.content .content_div .div_rwm>div{*/
    /*background-color: #fff;*/
    /*height: 130px;*/
    /*margin-bottom: 15px;*/
    /*text-align: center;*/
    /*padding-top: 10px;*/
    /*border-radius: 8px;*/
/*}*/
/*.content .content_div .div_rwm>div img{*/
    /*width: auto;*/
    /*height: 95px;*/
/*}*/
/*.content .content_div .div_rwm>div>div {*/
    /*font-size: 14px;*/
    /*color: #333;*/
/*}*/



/*.container{*/
    /*padding: 0px;*/
    /*overflow:hidden;*/
    /*width: 100%;*/
    /*margin-top: 30px;*/
    /*height: 100%;*/
/*}*/
/*.mySlideshow .animated{*/
    /*position:absolute;*/
/*}*/
/*.mySlideshow .animated li:nth-child(1){*/
    /*background:url("../img/photo1.png") center no-repeat;*/
/*}*/
/*.mySlideshow .animated li:nth-child(2){*/
    /*background:url("../img/photo2.png") center no-repeat;*/
/*}*/
/*.mySlideshow .animated li:nth-child(3){*/
    /*background:url("../img/photo3.png") center no-repeat;*/
/*}*/
/*.mySlideshow .animated li:nth-child(4){*/
    /*background:url("../img/photo4.png") center no-repeat;*/
/*}*/






/*#checkbox_input{*/
/*display: block;*/
/*width: 20px;*/
/*height: 20px;*/
/*cursor: pointer;*/
/**/
/*background: rgba(240, 84, 77, 1);*/
/*}*/






/*尾部*/
.bottom{
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    color: #333;
}
.bottom>div{
    width: 100%;
    height: 100%;
    position: relative;
}
.bottom .bottom_left{
    position: absolute;
    top: 50%;
    right: 50%;
    height: 8px;
    line-height: 8px;
    margin:-1px 250px 0px;
}
.bottom .bottom_left>div{
    float: left;
}
.bottom .bottom_right{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 8px;
    line-height: 8px;
    margin:-1px 250px 0px;
}
.bottom .bottom_right>div{
    float: left;
}
.bottom .div_2{
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #bcbcbc;
}
.bottom .div_1{
    width: 80px;
    height: 1px;
    background-color: #bcbcbc;
    margin-top: 3.5px;
}


.mySlideshow li img{
    width: 100%;
    height: 100%;
}