*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:100%;margin:0 auto;max-width:1280px;overflow:hidden}img{display:block;width:100%;height:100%;border:none}.title{text-align:center;margin-bottom:30px}.title .text-b{font-weight:700;font-size:25px;color:#444;line-height:2}.title .text-s{font-size:12px;color:#b8b8c6;line-height:2}@media screen and (max-width:1040px){.title{margin-bottom:25px}.title .text-b{font-size:20px}}@media screen and (max-width:768px){.title{margin-bottom:20px}.title .text-b{font-size:16px}}.header{width:100%;height:100px;background:rgba(0,0,0,0);position:fixed;top:0;left:0;overflow:hidden;padding-top:30px;z-index:100}.header .logo{width:395px;height:auto;float:left}.header .logo a{display:block;height:100%}.header .nav{text-align:right;width:100%}.header .nav ul{overflow:hidden;display:inline-block}.header .nav ul li{float:left;padding:20px 15px;height:70px;color:#fff;line-height:1.5;font-size:16px}.header .nav ul li a{display:block}.header .nav ul li.active a,.header .nav ul li:hover a{border-bottom:1px solid #fff}.header.active{background:rgba(43,55,73,.8);-webkit-box-shadow:0 0 3px #2b3749;box-shadow:0 0 3px #2b3749}.header-ph{width:100%;height:60px;display:none;background:rgba(0,0,0,.7);position:fixed;left:0;top:0;padding:5px 10px;z-index:100}.header-ph .logo{height:50px;width:auto;float:left}.header-ph .logo img{width:auto}.header-ph .logo a{display:block;height:100%}.header-ph .menu-btn{padding:5px;width:40px;height:40px;float:right;margin-top:10px}.header-ph .menu-btn .menu{display:block}.header-ph .menu-btn .close{display:none}.header-ph .menu-btn.open .menu{display:none}.header-ph .menu-btn.open .close{display:block}.menu-ph{display:none;width:100%;height:auto;background:#002c45;z-index:99;position:fixed;left:0;padding:20px;top:60px}.menu-ph .menu-li{width:100%;height:30px;line-height:30px;font-size:14px;text-align:center;border-bottom:1px dotted #eee;color:#fff}.menu-ph .menu-li a{display:block;height:100%}.menu-ph .menu-li:hover{background:#175e46}.menu-ph.active{display:block}@media screen and (max-width:1050px){.header{display:none}.header-ph{display:block}}.banner{overflow:hidden;width:100%;height:570px;background-size:cover}.banner .text-b{font-size:38px;font-family: Arial,'Microsoft YaHei';color:#fff;font-style: italic;margin-left:10%;line-height:1.5;margin-top:280px;text-shadow:3px 3px 3px #333}.banner .text-s{font-size:20px;color:#fff;margin-left:15%;line-height:1.5;margin-top:40px}@media screen and (max-width:1050px){.banner{height:460px}.banner .text-b{font-size:24px;margin-top:200px}.banner .text-s{font-size:16px;margin-top:25px}}@media screen and (max-width:768px){.banner{height:380px;padding:0 20px}.banner .text-b{font-size:20px;margin-top:130px;text-align:center;margin-left:0}.banner .text-s{font-size:14px;margin-top:20px;margin-left:0;text-align:center}}.footer{width:100%;height:auto;background:#777;padding:50px 0}.footer .footer-msg{float:left;margin-left:40px}.footer .footer-msg .foot-tit{font-size:20px;line-height:2;color:#fff}.footer .footer-msg .foot-in{margin-top:20px}.footer .footer-msg .foot-in .foot-p{font-size:14px;line-height:2;color:#fff}.footer .footer-msg .foot-in .foot-p span{margin-right:10px;display:inline-block}.footer .footer-qr{float:right;height:auto;overflow:hidden}.footer .footer-qr .qrbox{width:110px;float:right;margin:0 10px 0 35px}.footer .footer-qr .qrbox p{font-size:12px;color:#ddd;line-height:2;margin-top:5px;text-align:center}.footer .footer-qr .qrbox img{height:auto}@media screen and (max-width:1040px){.footer{padding:40px 20px}.footer .footer-msg{float:none;text-align:center;margin-left:0}.footer .footer-msg .foot-tit{font-size:16px}.footer .footer-qr{float:none;margin-top:20px;text-align:center}.footer .footer-qr .qrbox{display:inline-block;margin:0 15px;float:none}}@media screen and (max-width:768px){.footer{padding:20px}.footer .footer-msg .foot-in{margin-top:0}}.copyright{background:#3a3a3a;color:#ccc;font-size:14px;text-align:center;padding:12px 0 16px 0;line-height:2}.rb-block{width:100%;height:auto;padding:20px 0}@media screen and (max-width:1040px){.rb-block{padding:40px 10px}}@media screen and (max-width:768px){.rb-block{padding:20px}}