/* E1 */
.j-banner{
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.j-banner img{
    display: inline-block;
    height: 100%;
    position: absolute;
    top:0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.j-e1-con{
    width: 100%;
    height: auto;
    background: #ffffff;
}
.j-e1-con .j-top{
    font-family:Arial;
    font-weight: bold;
    font-size: 24px;
    color: #01274c;
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #01284E;
    position: relative;
    z-index: 2;
}
.j-e1-list{
    position: relative;
    z-index: 2;
}
.j-e1-list li{
    height: 60px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #D6D6D6;
}
@media (max-width: 767px){
    .j-e1-list li{
        padding-left: 0px;
        padding-right: 0px;
    }
}
.j-e1-list li .p1{
    font-size: 18px;
    color: #666666;
    width:calc(100% - 230px);
    float: left;
    display:block;
    padding-right: 10px;
    line-height: 60px;
    white-space:nowrap;
    overflow:hidden;

    text-overflow:ellipsis;
}
@media (max-width: 767px){
    .j-e1-list li .p1{
        width:calc(100% - 120px);
    }
}
.j-e1-list li:hover .p1{
    color: #095095;
}
.j-e1-list li .date{
    float: left;
    width: 200px;
    line-height: 60px;
    font-size: 14px;
    color: #666666;
}
@media (max-width: 767px){
    .j-e1-list li .date{
        width: 90px;
    }
}
.j-e1-list li:hover .date{
    color: #095095;
}
.j-e1-list li .img{
    float: right;
    line-height: 60px;
}
.j-e1-list li .img .hover-show{
    display: none;
}
.j-e1-list li:hover .img .hover-hide{
    display:none;
}
.j-e1-list li:hover .img .hover-show{
    display: inline-block;
}
.ys-fenye{
    padding: 60px 0;
    text-align: center;
}
.ys-fenye li{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 8px;
    text-align: center;
    line-height: 30px;
    color: #333333;
    font-size: 14px;
}
.ys-fenye li.ys-activepage{  /* 选中的样式  */
    color: #095095;
    border:1px solid #095095;
}
.ys-fenye a li:hover{ /* 鼠标滑过的样式  */
    color: #095095;
    border:1px solid #095095;
}
.ys-fenye button{ /* 手机端的样式  */
    width: 100px;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    line-height: 40px;
    border:1px solid #095095;
    font-size: 20px;
    color: #565656;
    border-radius: 10px;
    display: none;
}
@media screen and (max-width:767px){
    .ys-fenye ul{
        display: none;
    }
    .ys-fenye button{
        display: inline-block;
    }
}
/* F1 */
.f1-list{
    margin-top: 60px;
}
@media screen and (max-width:767px){
    .f1-list{
        margin-top: 30px;
    }
}
.f1-list li{
    cursor: pointer;
}
.f1-list li + li{
    margin-top: 25px;
}
.f1-list .top{
    width: 100%;
    height: auto;
    background: #D8D8D8;
    position: relative;
    padding-left: 30px;
    padding-bottom: 30px;
}
@media screen and (max-width:767px){
    .f1-list .top{
        padding-bottom: 15px;
    }
}
.f1-list .top .q{
    font-size: 32px;
    color: #0a5096;
    position: absolute;
    left: 30px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width:767px){
    .f1-list .top .q{
        left: 15px;
    }
}
.f1-list .top .tit{
    float: left;
    width:calc(100% - 135px) ;
    color: #666666;
    font-size: 18px;
    line-height: 24px;
    padding-top: 30px;
    padding-left: 60px;
}
@media screen and (max-width:767px){
    .f1-list .top .tit{
        width:calc(100% - 85px) ;
        padding-top: 15px;
        padding-left:30px;
    }
}
.f1-list .top .img{
   width: 103px;
    height: 100%;
    background: #E4E3DF;
    position:absolute;
    top:0;
    right:0;
}
@media screen and (max-width:767px){
    .f1-list .top .img{
        width: 53px;
    }
}
.f1-list li.on  .top .img .click-show{
    display: inline-block;
}
.f1-list li.on  .top .img .click-hide{
    display: none;
}
.f1-list .top .img .click-show{
    display: none;
}
.f1-list .top .img img{
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.f1-list li:first-child .borrom{
    display: block;
}
.f1-list .borrom{
    width: 100%;
    height: auto;
    padding-left: 30px;
    position: relative;
    padding-bottom: 30px;
    display: none;
}
.f1-list .borrom .a{
    font-size: 32px;
    color: #0a5096;
    position: absolute;
    left: 30px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width:767px){
    .f1-list .borrom .a{
        left: 15px;
    }
}
.f1-list .borrom .an{
    float: left;
    width:calc(100% - 35px) ;
    color: #666666;
    font-size: 18px;
    line-height: 24px;
    padding-top: 30px;
    padding-left: 60px;
}
@media screen and (max-width:767px){
    .f1-list .borrom .an{
        padding-left: 30px;
    }
}
.j-f1-input{
    width: 100%;
    height: 60px;
    background: #F4F4F4;
    margin-top: 50px;
}
.j-f1-input input{
    width: 100%;
    line-height: 60px;
    padding-left: 30px;
    background: transparent;
    font-size: 18px;
}
.j-f1-input input::-moz-placeholder { color:#333333; opacity: 1; }

.j-f1-input input:-moz-placeholder { color:#333333;opacity: 1; }

.j-f1-input input::-webkit-input-placeholder { color:#333333; }

.j-f1-input input:-ms-input-placeholder { color:#333333; }
.j-f1-te{
    width: 100%;
    height: 300px;
    background: #F4F4F4;
    margin-top: 50px;
}
.j-f1-te textarea{
    width: 100%;
    height: 100%;
    padding-top: 20px;
    text-indent: 2em;
    background: transparent;
    resize: none;
    font-size: 18px;
}
.j-f1-te textarea::-moz-placeholder { color:#333333;opacity: 1; }

.j-f1-te textarea:-moz-placeholder { color:#333333; opacity: 1;}

.j-f1-te textarea::-webkit-input-placeholder { color:#333333; }

.j-f1-te textarea:-ms-input-placeholder { color:#333333; }
.j-f1{
    margin-top: 50px;
    margin-bottom: 80px;
}
.j-btn{
    width: 360px;
    height: 60px;
    font-size: 20px;
    color: #ffffff;
    float: right;
    background: #095196;
}
@media screen and (max-width:600px){
    .j-btn{
        width: 200px;
        font-size: 16px;
    }
}
@media screen and (max-width:414px){
    .j-btn{
        width: 130px;
    }
}
.j-img{
   width: 130px;
    height: 60px;
    float: left;
}
.j-img img{
    display: inline-block;
    height: 100%;
}
.j-mima{
    float: left;
    width: calc(100% - 360px - 160px);
    background: #F4F4F4;
}
@media screen and (max-width:767px){
    .j-mima{
        float: left;
        width: 100%;
        margin-bottom: 20px;
        background: #F4F4F4;
    }
}
.j-mima input{
    width: 100%;
    line-height: 60px;
    padding-left: 30px;
    background: transparent;
    font-size: 18px;
}
@media (max-width: 1366px)
{
    .ys-fenye{
        padding: 20px 0;
    }
    .j-f1-input,
    .j-f1-te{
        margin-top: 30px;
    }
    .j-f1{
        margin: 30px 0;
    }
    .j-e1-con .j-top{

    }
}