*{padding: 0;margin: 0;}
.wrap{width: 1420px;margin: 0 auto;}
li{list-style:none}
a{text-decoration:none;color: #333;}
.c{clear: both;}
img{max-width: 100%;}
.dad{overflow: hidden;}
.dad img{display: block;transition: all .3s ease 0s;}
.dad:hover img {transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.right{float: right;}
.left{float: left;}

.nav{background: #1b4dc2;}
.nav li{float: left;width: 14.28%;line-height: 55px;}
.nav li a{color: #fff;display: block;text-align: center;font-size: 18px;}    
.logo{float: left;}
.tel{float: right;}
.logo_bot{
    float: left;
    width: 20%;
    text-align: center;
}
.bot_nav{
    float: left;
    width: 60%;

}
.bot_nav ul{
    border-bottom: 1px solid rgba(225,225, 225, 0.2);
    padding-bottom: 10px;
    margin-top: 15px;
}
.bot_nav li{
    float: left;
    width: 14.28%;
    text-align: center;
}
.bot_nav li a{
    display: block;
    line-height: 35px;
    color: #fff;
    font-size: 18px;
}
.bot_tel{
    float: left;
    text-align: center;
    width: 20%;
}
.bottom{
    background: #1b4dc2;
    padding:50px 0;
}
.bot_nav_p{
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
    padding-top: 20px;
}
.bot_nav_p i {
    color: #ec4f02;
}
i, em {
    font-style: normal;
}
.bq{
    background: #1b4dc2;
    border-top: #2458f3 solid 1px;
    line-height: 50px;
    color: #fff;
}
.bq a{
    margin: 0 10px;
    color: #fff;
}
.sp_header{height:50px;overflow:hidden;background:#1b4dc2;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.fdh {
    z-index: 11;
    left: 0;
    right: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.fdh li {
    float: left;
    width: 33.3%;
    text-align: center;
    background: #1b4dc2;
    line-height: 40px;
}
.red {
    background: red!important;
}
.fdh li a {
    color: #fff;
}
table {
    border: #fff;
    line-height: 32px;
    word-break: break-all;
}
table tr:nth-child(odd) {
    background: #eee;
}
table td, table th {
    border: 1px solid #eee;
}
table tr:hover, table tr:hover p {
    background: #0860c9;
    color: #fff;
}

@media screen and (max-width:1420px) {
    .wrap{width: 90%;}
    
}
@media screen and (max-width:1000px) {
    .tel{display: none;}
    .logo{text-align: center;width: 100%;}
    .bot_nav{display: none;}
    .bot_tel{float: right;}
}

@media screen and (min-width:800px) {
    .fdh{display: none;}
}
@media screen and (max-width:800px) {
    .nav{display: none;}
    .girl_friend{display: block!important;}
    .head{padding-top: 50px;}
    .bq{display:none;}
    .bottom{padding: 30px 0 70px;}
}
@media screen and (max-width:500px) {
    .bot_tel,.logo_bot{text-align: center;width: 100%;}
}