@charset "utf-8";

/* reset */

*{

    margin:0;

    padding:0;

    list-style:none;

    box-sizing: border-box;

    outline: none;

}

html,body{

    width: 100%;

    font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Helvetica,Tahoma,Arial;

    font-size:14px;

    background-color:#fff;

    color: #000;

}



p{

    line-height: 1;

}

input{

    text-indent: 10px;

}

img{

    max-width: 100%;

}

a{

    text-decoration: none;

    display: inline-block;

    line-height: 1;

}

a:hover{

    text-decoration: none;

    display: inline-block;

    line-height: 1;

}

.pc{

	display: block;

}

.yd{

	display: none;

}

.container{

    position: relative;

}

.screen{

	width: 100%;

	margin:0 auto;

}

.visible{

    width: 1440px;

    margin: 0 auto;

    padding:0px 80px;

}

.header {

    position: fixed;

    top: 51px;

    width: 100%;

    z-index: 99;

    transition: all .4s;

}

.header .lashen {

    width: 1440px;

    height: 88px;

    margin: 0 auto;

    border-radius: 44px;

    overflow: hidden;

    background-color: rgba(255, 255, 255, 0.5);

    transition: all .8s;

    position: relative;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.1);

}

.header .lashen.active {

    height: 320px;

}

.header .lashen.act {

    position: relative;

    width: 100%;

    border-radius: 0px;

    top:-51px;

}

.header .lashen .warp {

    width: 100%;

    height: 88px;

    background-color: #FFFFFF;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0px 40px;

}

.header .logo img {

    width: 100%;

    max-height: 88px;

}

.header .nav {

    width: auto;

}

.header .nav li {

    width: auto;

    padding:0px 23px;

    float: left;

    position: relative;
    border-bottom:4px solid rgba(194, 224, 227, 0.5);

}

.header .nav li:hover {

    border-bottom:4px solid #0A3977;

}

.header .nav li.active {

    border-bottom:4px solid #0A3977;

}

.header .nav .nav_top a {

    font-size: 19px;

    color: #555656;

    line-height: 88px;

}

.header .nav li:hover a{

    color: #0A3977;

}

.header .nav .nav_top a:hover {

    color: #0A3977;

}

.header .nav .nav_hover {
    position: absolute;
    top: 90px;
    left:0px;
    width: 100%;
    text-align: center;
    z-index: 2;
    padding: 15px;
    border-radius: 0px 0px 5px 5px;
    display: none;
    background-color: rgba(194, 224, 227, 0.5);
}

.header .nav .nav_hover a {
    display: block;
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: 25px;
    margin-top: 10px;
}

.header .nav .nav_hover a:hover {
    color:#192B56;
    font-weight: 600;
    border-bottom: 2px solid #192B56;
}



.header .nav li:hover .nav_hover {

    display: block;

}



.header .nav li:hover .nav_hover a{

    color: #333333;

}
.header .nav li:hover .nav_hover a:hover{
    color: #192B56;
}



.navright {

    display: flex;

    display: -webkit-flex;

    display: -ms-flex;

    align-items: center;

}



.navright .navright_two {

    width: 152px;

    height: 43px;

    background-color: #0A3977;

    border-radius: 23px;

    color: #FFFFFF;

    font-size: 16px;

    display: flex;

    display: -webkit-flex;

    display: -ms-flex;

    align-items: center;

    justify-content: center;

}



.navright .navright_two .icon-dianhua{

    font-size: 20px;

    padding-right: 2px;

    position: relative;

    top:2px;

}

.navright .navright_one {

    font-size: 20px;

    padding:0px 3px 0px 12px;

    background-color: transparent;

}



.navright .navright_three {

  border: 0px;

  padding:0px 2px;

  background-color: transparent;

}

 

.navright .navright_three:hover {

  border: 0px;

}

 

.navright .navright_three:focus {

  border: 0px;

}

.navright .sousuo .iconfont{

    font-size: 25px;

    padding-left: 10px;

    cursor: pointer;

    color: #0a3977;

    font-weight: bold;

}

.sousuokuang {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 0%;

    height: 100%;

    background-color: #0a3977;

    transition: all .3s;

    padding: 0px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    overflow: hidden;

}

.sousuokuang.act{

    width:100%;

    padding: 0px 80px;

}

.sousuokuang .sskuang{

    display: flex;

    justify-content: flex-start;

}
.sousuokuang .sskuang form{

    display: flex;

    justify-content: flex-start;

}
.sousuokuang .sskuang .gjz {

    width: 500px;

    height: 38px;

    border-radius: 8px 0px 0px 8px;

    border: 0px;

}

.sousuokuang .sskuang .tjkuang {

    width: 50px;

    height: 38px;

    border-radius: 0px 8px 8px 0px;

    background-color: #FFFFFF;

    margin-left: 1px;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.sousuokuang .sskuang .tjkuang .iconfont {

    font-size: 21px;

    color: #0a3977;

    font-weight: bold;

}

.sousuokuang .sskuang .sousuoanniu {

    width: 80px;

    height: 44px;

    border-radius: 0px 8px 8px 0px;

    text-align: center;

    line-height: 44px;

    background-color: #c5e5e8;

    font-size: 16px;

    font-weight: 800;

    color: #FFFFFF;

    cursor: pointer;

    position: relative;

    top: 2px;

    left: -5px;

}

.sousuokuang .caozuo .iconfont 

{

    font-size: 30px;

    color: #FFFFFF;

    cursor: pointer;

}

.m_nav, .m_img {

    display: none;

}



.foot1{

    width: 100%;

    padding: 60px 0px;

    background: #ECECEC;

}

.foot1_one{

    display: flex;

    justify-content: space-between;

}

.foot1_one_left{

    display: flex;

    justify-content:start;

    flex-direction: column;

    align-items: center;

}

.foot1_one_center{

   display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;

}
.foot1_one_center .foot1_one_center_dg{

        width: 33%;

}
.foot1_one_center .foot1_one_center_dg .title{

    font-weight: bold;

    font-size: 14px;

    color: #4D4D4D;

}

.foot1_one_center .foot1_one_center_dg .title a{

    color: #4D4D4D;

}

.foot1_one_center .foot1_one_center_dg .miaoshu{

    margin-top: 18px;

    font-weight: 400;

    font-size: 14px;

    color: #808080;
    padding-right: 5px;

}

.foot1_one_center .foot1_one_center_dg .miaoshu a{

    color: #808080;

}

.foot1_one_left_foot{

    margin-top: 10px;

    font-weight: 400;

    font-size: 14px;

    color: #808080;

}

.foot2{

    width: 100%;

    height: 46px;

    border-top: 1px solid #B3B3B3;

    background: #ECECEC;

}

.foot2_one{

    display: flex;

    justify-content: space-between;

}

.foot2_one .foot2_one_left{

    line-height: 46px;

    font-weight: 400;

    font-size: 14px;

    color: #808080;

}

.foot2_one .foot2_one_right{

    line-height: 46px;

    font-weight: 400;

    font-size: 14px;

    color: #808080;

}

.nrbanner

{

    position: relative;

    width: 100%;

    height: auto;

    overflow: hidden;

}

.nrbanner img

{

    width: 100%;

    height: auto;

    object-fit: cover;

    -webkit-animation:fa 5s linear 1;

}

.nrbanner .nrbannerms{

    position: absolute;

    top:40%;

    left:0px;

    width: 100%;

}

.nrbanner .nrbannerms .nrbannerwz{

    width:1280px;

    margin:0 auto;

}

.nrbanner .nrbannerms .nrbannerwz .title{

    font-weight: bold;

    font-size: 4vw;

    color: #FFFFFF;

    line-height: 5vw;

}

.nrbanner .nrbannerms .nrbannerwz .titles{

    font-weight: bold;

    font-size: 28px;

    color: #FFFFFF;

    line-height: 29px;

    text-align: center;

}

.nrbanner .nrbannerms .nrbannerwz .miaoshu{

    margin-top: 20px;

    font-weight: 400;

    font-size: 16px;

    color: #FFFFFF;

    line-height: 44px;

}

.yangpin{

    width: 100%;

}

.yangpin .dginput input{

    width: 100%;

    height: 40px;

    border-radius: 20px;

    padding-left: 10px;

    border: 1px solid #CCCCCC;

    margin-top:10px;

}

.yangpin .tijiao{

    width: 100px;

    height: 40px;

    border-radius: 20px;

    margin: 0 auto;

    margin-top:20px;

    text-align: center;

    font-size : 16px;

    color : #063A80;

    cursor: pointer;

    border:1px solid #063A80;

    display: flex;

    justify-content: center;

    align-items: center;

}

.yangpin .tijiao:hover{

    background-color: #063A80;

    color : #FFFFFF;

}

.nrbanner .nrbannerms .nrbannerwz .zhaomingbannerms {

    font-weight: bold;

    font-size: 45px;

    color: #063A80;

    line-height: 80px;

}
.gumingjiao{
    position: relative;
}
.guerji{
    position: absolute;
    top: -25px;
    left: 126px;
    width: auto;
    padding: 15px 0px;
    display: flex;
    justify-content: flex-start;
}
.guerji .erji{
    width: auto;
    margin: 0px 10px;
    padding:0px 20px;
    text-align: center;
     white-space: nowrap;
}


@media only screen and (max-width: 1920px){

	.screen{

		width: 100%;

		margin:0 auto;

	}

    .visible{

        width: 1440px;

        margin: 0 auto;

    }





}



@media only screen and (max-width: 1680px){

   .visible{

        width: 1440px;

        margin: 0 auto;

    }

    .nrbanner .nrbannerms .nrbannerwz .title {

        font-size: 4vw;

    }

    .nrbanner .nrbannerms .nrbannerwz .miaoshu {

        margin-top: 40px;

        font-size: 26px;

    }
.header .nav .nav_top a {

    font-size: 17px;

    color: #555656;

    line-height: 88px;

}


}

@media only screen and (max-width: 1440px){

    .visible{

        width: 1366px;

        margin: 0 auto;

    }

    .header .lashen{

    width: 1366px;

    }



    .nrbanner .nrbannerms .nrbannerwz .title {

        font-size: 4vw;

    }

    .nrbanner .nrbannerms .nrbannerwz .miaoshu {

        margin-top: 35px;

        font-size: 23px;

    }

    .header .lashen .warp {

        padding: 0px 50px;

    }
.header .nav .nav_top a {

    font-size: 14px;

    color: #555656;

    line-height: 88px;

}


}

@media only screen and (max-width: 1366px){

   .visible{

        width: 1280px;

        margin: 0 auto;

    }

    .header .lashen{

    width: 1280px;

    }

    .nrbanner .nrbannerms .nrbannerwz .title {

        font-size: 4vw;

    }

    .nrbanner .nrbannerms .nrbannerwz .miaoshu {

        margin-top: 33px;

        font-size: 21px;

    }

    .nrbanner .nrbannerms .nrbannerwz {

        width: 1180px;

    }

    .header .lashen .warp {

        padding: 0px 35px;

    }



}

@media only screen and (max-width: 1280px){

    .visible{

        width: 1200px;

        margin: 0 auto;

    }

    .header .lashen{

        width: 1200px;

        padding: 0px 30px;

    }

    .nrbanner .nrbannerms .nrbannerwz{

        width: 1080px;

    }

    .nrbanner .nrbannerms .nrbannerwz .title {

        font-size: 4vw;

    }

    .nrbanner .nrbannerms .nrbannerwz .miaoshu {

        margin-top: 30px;

        font-size: 20px;

    }

    .header .lashen .warp {

        padding: 0px 15px;

    }







}

@media only screen and (max-width: 1200px){

    .pc{

        display: none;

    }

    .yd{

        display: block;

    }

    .header .lashen {

        display: none;

    }

    .m_nav, .m_img {

        display: block;

    }

    .m_img{

        float: left;
    margin-left: 15px;

    }

    .m_img img{

        width: 24px;

        position: relative;

        top: -20px;

        cursor: pointer;

    }

	.m_nav {

        display: block;

        position: fixed;

        top: 0px;

        left: 0px;

        width: 0%;

        height: 0%;

        overflow: hidden;

        z-index: 10000;

    }



    .m_nav .closecover {

        position: absolute;

        width: 100%;

        height: 100%;

        background: #000;

        filter: alpha(opacity=0);

        opacity: 0;

        left: 0px;

        top: 0px;

        z-index: 1;

    }



    .m_nav .m_navList {

        position: absolute;

        width: 80%;

        top: 0px;

        background: #fff;

        height: 100%;

        z-index: 100;

        left: -80%;

        padding-top: 66px;

        overflow-y: auto;

    }



    .m_nav .closeicon {

        position: absolute;

        width: auto;

        right: 16px;

        top: 22px;

        z-index: 105;

        text-align: center;

        filter: alpha(opacity=0);

        opacity: 0;

    }



    .m_nav .closeicon a {

        height: 22px;

        display: block;

    }



    .m_nav .m_navList ul li:first-child {

        border-top: 1px solid #f0f0f0;

    }



    .m_nav .m_navList ul li {

        border-bottom: 1px solid #f0f0f0;

    }



    .m_nav .m_navList ul li .m_f_a {

        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%;

    }



    .m_nav .m_navList ul li .m_s_nav {

        display: none;

        width: 100%;

        padding-bottom: 8px;

    }



    .m_nav .m_navList ul li .m_f_a a {

        flex: 1;

    }



    .m_nav .m_navList ul li .m_f_a i {

        width: 54px;

        height: 35px;

        box-sizing: border-box;

        padding: 0 5px;

        display: block;

    }



    .m_nav .icon {

        background: url(../images/plus.png) 100% no-repeat;

        background-position: 50% 50%;

        -webkit-transition: all 0s;

        -moz-transition: all 0s;

        transition: all 0s;

    }



    .m_nav .icon_on {

        background: url(../images/reduce.jpg) 50% no-repeat!important;

        background-position: 50% 50%;

        -webkit-transition: all 0s;

        -moz-transition: all 0s;

        transition: all 0s;

    }



    .m_nav .m_navList ul li .m_s_nav a {

        display: block;

        height: 36px;

        line-height: 36px;

        font-size: 14px;

        padding: 0 5%;

        overflow: hidden;

        white-space: nowrap;

        width: 100%;

        text-overflow: ellipsis;

    }



    .m_nav .m_navList ul li a {

        display: block;

        height: 45px;

        color: #333;

        line-height: 45px;

        padding-left: 4%;

        font-size: 15px;

    }



    .m_nav .m_navList ul li .m_f_a i {

        width: 54px;

        height: 35px;

        box-sizing: border-box;

        padding: 0 5px;

        display: block;

    }

    .iconfont {

        font-size: 12px;

    }

    .visible {

        width: 100%;

        padding: 0px 10px;

    }

    .foot1 {

        padding: 30px 0px;

    }

    .foot1_one {

        flex-wrap: wrap;

    }

    .foot1_one_left {

        display: none;

    }

    .foot2 {

        height: auto;

    }

    .foot2_one {

        flex-wrap: wrap;

    }

    .foot2_one .foot2_one_left {

        width: 100%;

        line-height: 35px;

    }

    .foot2_one .foot2_one_right {

        width: 100%;

        line-height: 35px;

    }

    .nrbanner {

        height: 250px;

    }

    .nrbanner img {

        height: 250px;

    }

    .nrbanner .nrbannerms {

        top: 80px;

    }

    .nrbanner .nrbannerms .nrbannerwz {

        width: 100%;

        padding-left: 20px;

    }

    .nrbanner .nrbannerms .nrbannerwz .title {

        font-size: 24px;

        line-height: 29px;

    }

    .nrbanner .nrbannerms .nrbannerwz .miaoshu {

        margin-top: 10px;

        font-size: 16px;

        line-height: 32px;

    }

    .nrbanner .nrbannerms .nrbannerwz .zhaomingbannerms {

        font-size: 18px;

        line-height: 36px;

    }
    .foot1_one_foot{
        margin-top: 30px;
    }



}



@-webkit-keyframes fa{

    0%{-webkit-transform:scale(1.1);}

    5%{-webkit-transform:scale(1.09);}

    10%{-webkit-transform:scale(1.08);}

    15%{-webkit-transform:scale(1.07);}

    20%{-webkit-transform:scale(1.06);}

    25%{-webkit-transform:scale(1.05);}

    30%{-webkit-transform:scale(1.04);}

    35%{-webkit-transform:scale(1.03);}

    40%{-webkit-transform:scale(1.02);}

    45%{-webkit-transform:scale(1.01);}

    50%{-webkit-transform:scale(1.0);}

    55%{-webkit-transform:scale(1.01);}

    60%{-webkit-transform:scale(1.02);}

    65%{-webkit-transform:scale(1.03);}

    70%{-webkit-transform:scale(1.04);}

    75%{-webkit-transform:scale(1.05);}

    80%{-webkit-transform:scale(1.06);}

    85%{-webkit-transform:scale(1.07);}

    90%{-webkit-transform:scale(1.08);}

    95%{-webkit-transform:scale(1.09);}

    100%{-webkit-transform:scale(1.1);}

}

@-webkit-keyframes fa1{

    0%{-webkit-transform:scale(1.1);}

    10%{-webkit-transform:scale(1.09);}

    20%{-webkit-transform:scale(1.08);}

    30%{-webkit-transform:scale(1.07);}

    40%{-webkit-transform:scale(1.06);}

    50%{-webkit-transform:scale(1.05);}

    60%{-webkit-transform:scale(1.04);}

    70%{-webkit-transform:scale(1.03);}

    80%{-webkit-transform:scale(1.02);}

    90%{-webkit-transform:scale(1.01);}

    100%{-webkit-transform:scale(1.0);}

}

@-webkit-keyframes fa2{

    0%{-webkit-transform:scale(1.0);}

    10%{-webkit-transform:scale(1.0);}

    20%{-webkit-transform:scale(1.0);}

    30%{-webkit-transform:scale(1.0);}

    40%{-webkit-transform:scale(1.005);}

    50%{-webkit-transform:scale(1.01);}

    60%{-webkit-transform:scale(1.005);}

    70%{-webkit-transform:scale(1.00);}

    80%{-webkit-transform:scale(1.00);}

    90%{-webkit-transform:scale(1.00);}

    100%{-webkit-transform:scale(1.0);}

}