@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; outline:0 none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/1.5 "Arial","Hiragino Sans GB","Microsoft YaHei",'\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;background:#fff;color:#000;}
a{outline:0 none;cursor:pointer;text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
img{border:0 none;}
em,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.swiper-container { width: 100%; height:100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.container{ margin: 0 auto; width: 1468px; font-size: 18px; color: #3f3f40;}

.nav{ width: 100%; height: 124px; background: #fff;}
.logo{ margin-top: 24px; width: 72px; height: 73px; background: url(//png.pookcdn.net/puic-net/bk_foundation/website/logo.png) no-repeat;}
.navList{ line-height: 124px;}
.navList li{ display: inline-block; padding: 0 15px; letter-spacing: 3px; border-right: 2px #3F3F40 solid; line-height: 1;}
.navList li:last-child{ border-right: none;}
.navList li a:hover,
.navList li.active{ color: #1784dd; cursor: pointer;}
.nav-toggle{display:none;}

.title{ padding-left: 15px; font-size:37px; color: #1784dd; border-left:3px #1784DD solid; line-height: 1; letter-spacing: 2px;}

.join{height:142px;background:#2989db;}
.join .container{display:flex;display:-webkit-flex;height:100%; color: #fff; align-items:center;justify-content:space-between;}
.join .txtTitle{ font-size: 60px; letter-spacing: 2px; font-weight:700;}
.join .txtTitle .arrow{ display: inline-block; margin-right: 10px; margin-bottom: 5px; width: 24px; height: 24px;
 background: url(//png.pookcdn.net/puic-net/bk_foundation/website/arrow_title.png) no-repeat;background-size: 100% 100%;}
.join .txtJoin{ margin-left: 20px;font-size:30px; font-family: simhei; letter-spacing: 0;}
.join .btnJoin{display:block;width:306px;height:58px;border:2px solid #fff; color: #fff; text-align:center;line-height:58px;transition:all .3s ease-out 0s;}
.join .btnJoin:after{display:block;margin-top:-58px;width:0;height:58px;background:#fff;content:"";transition:all .6s ease 0s;}
.join .btnJoin:hover{color:#2989db;}
.join .btnJoin:hover:after{width:100%;color:#2989db;}

.footer{ height: 616px;background: -webkit-linear-gradient(#fff, #c8ecff); background: -o-linear-gradient(#fff, #c8ecff); background: -moz-linear-gradient(#fff, #c8ecff); 
background: linear-gradient(#fff, #c8ecff);}
.footer .container{ position: relative;}
.footer .company{ display: flex;}
.footer .company .code{ margin-top: 70px; font-size: 17px; color: #2d2d2d; text-align: center;}
.footer .company .code img{ display: block; margin-bottom: 5px; width: 177px;}
.footer .company .codeWx{ margin-left: 70px;}
.footer .company .codeWb{ margin-left: 10px;}
.footer .company .details{ margin: 70px 0 0 35px;}
.footer .company .details .name{ margin-bottom: 5px; width: 680px; font-size: 27px; line-height: 2; border-bottom: 1px #313131 solid;}
.footer .company .details .other{ line-height: 2;}
.footer .company .details .other span{ display: block; margin-left: 44px;}
.footer .index_bottom_loca{ margin-top: 100px; text-align: center; font-size: 14px; color: #2d2d2d;}
.footer .index_bottom_loca img { margin: 0 5px; vertical-align: middle;}
.top{ position: absolute; top: 40px; right: 0; width: 18px; height: 19px; background: url(//png.pookcdn.net/puic-net/bk_foundation/website/ico_top.png) no-repeat;}

@media all and (max-width:1785px){
.container{ width: 1200px;}	
}
@media all and (max-width:1550px){
}
@media all and (max-width:1400px){
}
@media all and (max-width:1290px){
.container{ width: 1000px;}		
}
@media all and (max-width:1035px){
.container{ width: 900px;}
.join .txtTitle{ font-size: 30px;}	
.join .txtJoin{ font-size: 20px;}	
.join .txtTitle .arrow{ width: 14px; height: 14px; margin-bottom: 0;}
.footer .company .details,
.footer .company .details .name{ width: 600px;}
.footer .company .details .other span{ margin-left: 0;}
.footer .container{ width: 900px;}
#nav-group{position:fixed;top:0;right:0;z-index:422;overflow-y:auto;margin:0;width:70%;height:100%;background:#1779c0;
transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transform:translate(100%,0);-ms-transform:translate(100%,0);}
#nav-group ul{display:table;margin-top:1em;width:100%;text-align:center;}
#navigation ul li{width:100%;height:100pt;border-bottom:1px solid #57a9e4;text-align:left;text-indent:36px;font-size:40px;line-height:100pt; color: #fff;}
#navigation ul li a{ color: #fff;}
#navigation li:last-child{border-bottom:none;}
.nav-toggle{display:block;width:2em;cursor:pointer;}
.nav-open{position:absolute;top:60px;right:0; font-size: 30px; margin-left:13.75px;transition:transform .25s ease-in-out;
transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transform:translate(0,-50%);-ms-transform:translate(0,-50%);}
.nav-open span,.nav-open:after,.nav-open:before{display:block;overflow:hidden;padding:.2em 0 0;width:100%;height:0;border-radius:0;background:#1784DD;content:"";}
.nav-open span{margin:.3em 0;}
.nav-on#nav-group{padding-top:0;transform:translate(0,0);-ms-transform:translate(0,0);}
.nav-close{position:relative; float: right; margin:1.6em 0 0;margin-right:13.75px;height:3.5em; font-size: 30px; transition:transform .25s ease-in-out;
transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transform:scale(0);-ms-transform:scale(0);}
.nav-on .nav-close{transform:scale(1);-ms-transform:scale(1);}
.nav-close:after,.nav-close:before{position:absolute;top:50%;left:0;display:block;overflow:hidden;margin:-.2em 0 0;padding:.3em 0 0;width:100%;height:0;border-radius:0;background:#fff;content:"";}
.nav-close:before{transform:rotate(45deg);transform-origin:50% 50%;-ms-transform:rotate(45deg);-ms-transform-origin:50% 50%;}
.nav-close:after{transform:rotate(-45deg);transform-origin:50% 50%;-ms-transform:rotate(-45deg);-ms-transform-origin:50% 50%;}
}
@media all and (max-width:780px){
.container{ width: 600px;}
.footer .company .details{ width: 400px;}
.footer .company .details .name{ width: auto;}
}
@media all and (max-width:550px){
.container{ width: 400px;}
.footer .company{ display: block;}
}
@media all and (max-width:500px){
.container{ width: 400px;}
}