*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
body {
    font-family: "Microsoft YaHei", "微软雅黑", "Source Han Sans CN", "PingFang SC", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", STXihei, "思源黑体", "苹果苹方", "华文细黑", Heiti, "黑体", SimSun, "宋体", sans-serif
}



.wrap{
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.header{
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 1000;
    transition: 800ms;
}
.header_active{
    background-color: rgba(255,255,255,1);
    transition: 800ms;
}

.header_actives{
    background-color: rgba(255,255,255,1);
    transition: 800ms;
}

.bar_box{
    width: 100%;
    height: 80px;
    position: absolute;
}
.logo_box{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.logo{
    width: 128px;
    height: 100%;
    position: relative;
    float: left;
}
.logo img{
    width: 240px;
    height: 80px;
    cursor: pointer;
}
.topbar{
    width: 770px;
    height: 100%;
    float: right;
}
.topbar_tb{
    width: 770px;
    height: 100%;
    margin: 0 auto;
}
.topbar_tb a:hover{
    cursor: pointer;
    color: #45a2ff;
}
.active{
    background-color: #45A2FF;
}

.active a:hover{
    cursor: pointer;
    color: inherit;
}

.topbar .topbar_tb .item{
    height: 100%;
    width: 128px;
    line-height: 80px;
    float: left;
    cursor: pointer;
}
.item a{
    text-align: center;
    display: block;
    color: inherit;
    line-height: 80px;
}



.secondMenucon{
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    background-color: rgba(255,255,255,0);
    margin: 0 auto;
}

.secondMenucon_box{
    width: 100px;
    height: 40px;
    float: left;
}

.secondMenucon_box a{
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}



.container{
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.container_box{
    width: 100%;
    height: 100%;
    position: relative;
}

*{padding: 0;margin: 0;list-style: none;}

a:link,a:visited{text-decoration:none}

.head-v3{position:fixed;z-index:1000;min-width: 100%; height: 80px; transition: 800ms;}

.head-v3 .navigation-inner{margin:0 auto;width:100%;position:relative; height: 80px;}

.navigation-up{height:80px;}

.navigation-up .navigation-v3{width: 1200px;height: 80px; margin: 0 auto; position: relative;}

.navigation-up .navigation-v3 ul{float:right;height: 80px;}

.navigation-up .navigation-v3 ul h2{font-size: 18px; font-family: STHupo;}

.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff; height: 80px; line-height: 80px;}

.navigation-up .navigation-v3 .nav-up-selected{background: rgba(149,203,221,1)}

.navigation-up .navigation-v3 .nav-up-selected-inpage a{line-height: 80px;display: block;width: 72px;}

.navigation-up .navigation-v3 li h2{font-weight:400;padding:0;margin:0}

.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:black;display:inline-block;height:80px;font-family:microsoft yahei}

.navigation-down{position:absolute;top:80px;left:0;width:100%;}

.navigation-down .nav-down-menu{width:100%;margin:0;background: rgba(149,203,221,1);position:absolute;top:0;}

.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative;}

.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}

.navigation-down .menu-1 dl{margin:20px 80px 25px 0}

.navigation-down .menu-1 dt{font:16px microsoft yahei;color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}

.navigation-down .menu-1 dd a{color:#000000;font:normal 14px/30px "microsoft yahei"}

.navigation-down .menu-1 dd a:hover{color:#FFFFFF}

.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#000000;font:16px microsoft yahei}




.footer{
    width: 100%;
    height: 210px;
    background-color: #ebebeb;
    margin-top: 50px;
    bottom: 0;
}

.footer .footer_container{
    width: 1200px;
    height: 230px;
    position: relative;
    margin: 0 auto;
}

.footer_number{
    width: 800px;
    height: 65px;
    padding-top: 50px;
    display: flex;
}
.footer_number .contact{
    width: 330px;
    height: 60px;
}

.footer_number .advice{
    width: 70px;
    height: 60px;
    line-height: 30px;
}

.footer_number .advice a{
    color: #222222;
}

.footer_number .advice a:hover{
    color: #45A2FF;
}

.footer_number .email{
    width: 70px;
    height: 60px;
    line-height: 30px;
    margin-left: 30px;
}

.footer_list .footer-list-item a{
    color: inherit;
}

.footer_number .email a{
    color: #222222;
}

.footer_number .email a:hover{
    color: #45A2FF;
}

.footer2_copyRight{
    font-weight: 300;
    margin-top: 8px;
    font-size: 14px;
    color: #A0A0A0;
}
.g-fw img{
    display: inline-block;
    vertical-align: sub;
}
.g-fw span{
    color: #A0A0A0;
}
.g-fw span:hover{
    color: #45A2FF;
}
.footer .footer_container .footer_right{
    width: 250px;
    height: 104px;
    position: absolute;
    top: 55px;
    right: 0;
    background-size: auto 100%;
}
.footer_right ul{
    width: 280px;
    height: 104px;
    float: left;
    display: none;
}
.footer_right ul li{
    width: 208px;
    height: 26px;
}
.footer_right img{
    width: 104px;
    height: 104px;
    display: block;
    float: left;
}
.footer_right .img_one{
    float: left;
    cursor: pointer;
}
.footer_right .img_two{
    float: right;
    cursor: pointer;
}



.bigpic {
    overflow: hidden; 
    width: 200px; 
    height: 200px; 
}

.bigimg img {
    width: 100%;  
    height: 100%;  
    transition: transform 0.4s ease;  
}

.bigpic:hover img{
    transform: scale(1.2);  
}