.pc,.pc2,.pc3{display: block;}
.ta,.ta2,.mo{display: none;}

@media(max-width:1300px){
    .pc2{display: none;}
    .ta{display: block;}
}

@media(max-width:1100px){
    .pc3{display: none;}
    .ta2{display: block;}
}

@media(max-width:600px){
    .pc{display: none;}
    .mo{display: block;}
}

#wrap{overflow:hidden;width:100%;}


#header{position:absolute;top:0;left:0;width:100%;height:100px;z-index:1000;transition: all .3s;}
#header .header-wrap{position: relative;}
#header .header-wrap::after{content:'';display: block;clear: both;}
#header .header-wrap #logo{float:left;margin:20px 50px;text-align: center;}
#header .header-wrap #logo a{display: block;width:174px;height:83px;margin:0 auto;background: url('../image/logo.png') no-repeat;}
#header .header-wrap .menu-wrap{float:right;    margin-top: 0px;}
#header .header-wrap .menu{float: left;}
#header .header-wrap .menu .main-menu{display:table;position: relative;}
#header .header-wrap .menu .main-menu::after{content: '';display: block;clear:both;}
#header .header-wrap .menu .main-menu>li{display:table-cell;float:left;position:relative;}
#header .header-wrap .menu .main-menu>li>a{display:block;position:relative;margin:40px 35px;font-size:20px;color:#fff;text-align: center;font-weight: 400;}
#header .header-wrap .menu .main-menu>li .line{display:none;position: absolute;bottom:-1px;left:50%;transform: translateX(-50%); width:100%;height:6px;background: #034ea2;z-index:-1;}
#header .header-wrap .menu .main-menu>li:hover .line{display: block;}
#header .header-wrap .menu .main-menu>li:hover .sub-menu{display: block;}
#header .header-wrap .menu .main-menu>li .sub-menu{display: none;position:absolute;top:100px;left:50%;width:210px;transform: translateX(-50%); padding:30px 18px;background:#034ea2;}
#header .header-wrap .menu .main-menu>li .sub-menu::before{content:'';position: absolute;top:-7px;left:50%;transform: translateX(-50%);width:0;height: 0;border-bottom:7px solid #034ea2;border-right:7px solid transparent;border-left:7px solid transparent;}
#header .header-wrap .menu .main-menu>li .sub-menu li{margin-bottom:18px;line-height: 1.5;}
#header .header-wrap .menu .main-menu>li .sub-menu li:last-child{margin-bottom:0;}
#header .header-wrap .menu .main-menu>li .sub-menu li a{font-size:15px;color:#fff;}
#header .header-wrap .menu .main-menu>li .sub-menu li a:hover{text-decoration: underline;}

#header .header-wrap .right-menu{float:right; }
#header .header-wrap .right-menu li{float: left;margin:0 35px;}
#header .header-wrap .right-menu li .lang{position:relative;display: block;width:170px;height: 35px;margin:35px 0;padding:10px 15px;border:1px solid #fff;border-radius: 25px;color:#fff;}
#header .header-wrap .right-menu li .lang::after{content:'';position: absolute;top:13px;right:12px;width:12px;height:6px;background: url('../image/lang_t.png') no-repeat;}
#header .header-wrap .right-menu li .s-menu{display: block;width:55px;height:55px;margin:25px 0;padding:12px 10px;color:#fff;text-align: center;font-size:17px;word-break:break-all;letter-spacing:2px;font-weight:600;background: #034ea2;}

#header.on {height:350px;background: #09162d;}
#header.on .header-wrap .menu .main-menu>li .sub-menu{display: block;left:45px;transform: translateX(0);width:170px;padding:0;background:none;}
#header.on .header-wrap .menu .main-menu>li .sub-menu::before{display: none;}
#header.on .header-wrap .menu .main-menu>li .sub-menu li a{color:#bbb;}
#header.on .header-wrap .menu .main-menu>li .sub-menu li:hover a{color:#034ea2;}
#header.on .header-wrap .right-menu li .lang{color:#034ea2}
#header.on .header-wrap .right-menu li .lang::after{background: url('../image/lang.png') no-repeat;}
#header.on .header-wrap .right-menu li .s-menu{position: relative;color:transparent;}
#header.on .header-wrap .right-menu li .s-menu::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background: url('../image/close.png') no-repeat;background-size:contain;}

#header.scroll{position: fixed;top:0;left:0;height:90px;border:1px solid #ebebeb;background:#fff;}
#header.scroll .header-wrap #logo{margin-top:18px;}
#header.scroll .header-wrap #logo a{width:174px;height:83px;background: url('../image/logo2.png') no-repeat;}
#header.scroll .header-wrap .menu .main-menu>li>a{margin:30px 45px;color:#000;font-size:18px;}
#header.scroll .header-wrap .menu .main-menu>li .sub-menu{top:80px;}
#header.scroll .header-wrap .right-menu li .lang{margin:20px 0;color:#034ea2;border:1px solid #999;}
#header.scroll .header-wrap .right-menu li .lang::after{background: url('../image/lang.png') no-repeat;}
#header.scroll .header-wrap .right-menu li .s-menu{margin:10px 0;}

#header.on.scroll {height:300px;background: #09162d;border:none;}
#header.on.scroll .header-wrap #logo a{width:110px;height:40px;margin:0 auto;background: url('../image/logo.png') no-repeat; ;}
#header.on.scroll .header-wrap .menu .main-menu>li>a{color:#fff;}
#header.on.scroll .header-wrap .menu .main-menu>li .sub-menu{display: block;left:45px;top:90px;transform: translateX(0);width:170px;padding:0;background:none;}
#header.on.scroll .header-wrap .menu .main-menu>li .sub-menu::before{display: none;}
#header.on.scroll .header-wrap .menu .main-menu>li .sub-menu li:hover a{color:#034ea2;}
#header.on.scroll .header-wrap .right-menu li .lang{color:#034ea2;}
#header.on.scroll .header-wrap .right-menu li .lang::after{background: url('../image/lang.png') no-repeat;}
#header.on.scroll .header-wrap .right-menu li .s-menu{position: relative;color:transparent;}
#header.on.scroll .header-wrap .right-menu li .s-menu::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background: url('../image/close.svg') no-repeat;background-size:contain;}


#header.on .header-wrap .menu .main-menu>li .sub-menu li a:hover{text-decoration: none;}

#header .mo-menu-wrap{display:none;}
#header .mo-menu-bak{display:none;}

@media(max-width:1400px){
    #header .header-wrap #logo{margin:20px;}
    #header.scroll .header-wrap .menu .main-menu>li>a{margin:20px 25px;}
    #header .header-wrap .menu .main-menu>li>a{margin:40px 25px;}
    #header .header-wrap .right-menu li{margin:0 20px;}
    #header.on .header-wrap .menu .main-menu>li .sub-menu{left:20px;width:130px;}
}

@media(max-width:1300px){
    #header .header-wrap #logo{margin:20px 10px;}
    #header.scroll .header-wrap .menu .main-menu>li>a{margin:20px 10px;}
    #header .header-wrap .menu .main-menu>li>a{margin:40px 10px;}
    #header.on.scroll .header-wrap .menu .main-menu>li .sub-menu{left:10px;width:130px;}
}

@media(max-width:1000px){
	#header.on{background: transparent;}
    #header.on.scroll{height:100px;background: transparent;}
	#header.on.scroll #logo{display:none;}
    #header .header-wrap #logo{margin:25px 20px;}
    #header .header-wrap #logo a{background: url('../image/logo.png') no-repeat;}
    #header .header-wrap .menu,
    #header .header-wrap .right-menu li .lang{display: none;}
    #header .header-wrap .right-menu li{margin:20px;}
    #header .header-wrap .right-menu li .s-menu{margin:0;}

    #header.scroll .header-wrap .right-menu li{margin-top:0;}
}

@media(max-width:1000px){
    #header .mo-menu-wrap{display:block;}
    #header.on .mo-menu-wrap{display: block;}
    #header .mo-menu-wrap .mo-menu{position:fixed;top:0;right:-100%;z-index:1000;width:85%;height:100vh;background: #fff;transition: right .5s;}
    #header.on .mo-menu-wrap .mo-menu{right:0;}
    #header .mo-menu-wrap .mo-menu .mo-header{width: 100%;height:90px;background: #034ea2;}
    #header .mo-menu-wrap .mo-menu .mo-header .m-header{float:left;width:120px;height:45px;margin:20px;}
    #header .mo-menu-wrap .mo-menu .mo-header .mo-lang{display:inline-block;position:relative;width:170px;height:30px;margin:30px 0;padding:0 15px;border:1px solid #fff;border-radius: 25px;font-size:14px;color:#fff;line-height: 30px;}
    #header .mo-menu-wrap .mo-menu .mo-header .mo-lang::after{content:'';position: absolute;top:10px;right:15px;width:12px;height:6px;background: url('../image/lang_t.png') no-repeat;}
    #header .mo-menu-wrap .mo-menu .mo-header .m-close{display: block;float: right;margin:32px 30px;}
    #header .mo-menu-wrap .mo-list{width:100%;height:auto;background: #fff;}
    #header .mo-menu-wrap .mo-list .mo-main{}
    #header .mo-menu-wrap .mo-list .mo-main::after{content:'';display: block;clear: both;}
    #header .mo-menu-wrap .mo-list .mo-main>li{float:left;width:100%;}
    #header .mo-menu-wrap .mo-list .mo-main>li>a{position:relative;display:block;padding:25px 0 25px 35px;color:#333;font-size:18px;background: #fff;}
    #header .mo-menu-wrap .mo-list .mo-main>li>a::after{content:'';position: absolute;top:50%;right:25px;width:12px;height:2px;background: #034ea2;}
    #header .mo-menu-wrap .mo-list .mo-main>li>a::before{content:'';position: absolute;top:42%;right:30px;width:2px;height:12px;background: #034ea2;}
    #header .mo-menu-wrap .mo-list .mo-main>li:last-child a::after,
    #header .mo-menu-wrap .mo-list .mo-main>li:last-child a::before{display: none;}
    #header .mo-menu-wrap .mo-list .mo-main>li.on>a::after{background: #bbb;}
    #header .mo-menu-wrap .mo-list .mo-main>li.on>a::before{display: none;}
    #header .mo-menu-wrap .mo-list .mo-main .mo-sub{display:none;position:relative;width:100%;padding:35px 0 35px 45px;background: #f8f8f8;}
    #header .mo-menu-wrap .mo-list .mo-main .mo-sub::after{content:'';display: block;clear: both;}
    #header .mo-menu-wrap .mo-list .mo-main .mo-sub li{float:left;width:100%;height:50px;}
    #header .mo-menu-wrap .mo-list .mo-main .mo-sub li:last-child{margin-bottom:0;}
    #header .mo-menu-wrap .mo-list .mo-main .mo-sub li a{position:relative;display:block;padding:12px 0;font-size:16px;color:#666;}
    #header .mo-menu-wrap .mo-list .mo-main .mo-sub li a::before{content:'';position: absolute;top:50%;left:-10px;transform: translateY(-50%); width:3px;height:3px;border-radius: 50%;background: #666;}

    #header.on .mo-menu-bak{display:block;position:fixed;top:0;left:0;z-index:50;width:100%;height:100vh;background: rgba(0,0,0,.5);}
}

@media(max-width:360px){
    #header .mo-menu-wrap .mo-menu .mo-header .m-header{margin:20px 10px;}
    #header .mo-menu-wrap .mo-menu .mo-header .m-close{margin:32px 20px;}
}
	#header.on.scroll #logo{display:none;}
    #header .header-wrap #logo{margin:25px 20px;}
    #header .header-wrap #logo a{background: url('../image/logo22.png') no-repeat;}
#header.scroll .header-wrap #logo a{background: url('../image/logo222.png') no-repeat;}
#header.scroll .header-wrap .menu .main-menu>li>a{margin:30px 45px;color:#000;font-size:18px;}
#header.scroll .header-wrap .menu .main-menu>li .sub-menu{top:20px;}




#footer{padding-top:30px; background:#034ea2;    position: relative;}
#footer .top{position:fixed;bottom:2%;right:1%;display: block;z-index:100;width:60px;height:60px;border-radius:50%;background:#034ea2;}
#footer .top::after{content:'';position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:18px;height:9px;background: url('../image/top.svg') no-repeat;}
#footer .footer-wrap{position:relative;max-width:1100px;margin:0 auto;}
#footer .footer-wrap::after{content:'';position: absolute;bottom:0;right:0;width:563px;height:208px;background:url('');}
#footer .footer-wrap .footer-list li{position:relative;margin:25px 0;}
#footer .footer-wrap .footer-list li::after{content:'';display:block;clear:both;}
#footer .footer-wrap .footer-list li img{float: left;margin-right:35px;}
#footer .footer-wrap .footer-list li p{overflow:hidden;font-size:17px;font-weight: 300;line-height: 1.8;color:#fff;}
#footer .footer-wrap .copyright{margin-top:50px;font-size:17px;color:#fff;line-height: 1.3;}
#footer .footer-wrap .copyright span{color:#fff;text-transform: uppercase;}

@media(max-width:1400px){
    #footer .top{display: none;}
}

@media(max-width:600px){
	#footer .footer-wrap{margin:0 20px;}
	#footer .footer-wrap::after{display:none;}
}

@media(max-width:500px){
    #footer .footer-wrap .footer-list li img{margin-right:25px;}
    #footer .footer-wrap .footer-list li p{font-size: 15px;}
    #footer .footer-wrap .copyright{margin-top:30px;font-size: 15px;}
}