/*
Theme Name: bj-cjglgjpx
Theme URI: http://xuui.net/themes/bj-cjglgjpx.html
Description:The 2018 theme for Xu.Design is stylish. This is the full version. Designed and created by Xu.hel. WordPress 4.6 or later is Version to use. Designed by Xu.hel in ChengDu.
Version: 1.3.6
Author: Xu.hel
Author URI: http://xuui.net/
Tags: blue, white, two-columns, left-sidebar, fixed-width, custom-background, custom-menu, editor-style, sticky-post, theme-options, threaded-comments, translation-ready, microformats, rtl-language-support
License: LICENSE
License URI: LICENSE.md
*/

@import url(bootstrap.css);
@import url(rotation.css);
@import url(jquery.fullpage.min.css);

html,body{}
body{background:#222;color:rgba(255,255,255,.64);font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei',SimSun,sans-serif;}
a{color:rgba(255,255,255,.8);-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out;}
a:hover,a:focus,a:active{color:#fff;}

.navbar-default{background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.12);margin:0;-webkit-transition:background .2s ease-out;-moz-transition:background .2s ease-out;transition:background .2s ease-out;}
.navbar-default .navbar-brand{padding:4px 12px;height:56px;}
.nav-brand{margin:0;}

.navbar-nav > li{padding:0 16px;}
.navbar-nav > li > a{padding:18px 8px;text-align:center;}
.navbar-default .navbar-nav > li > a{color:rgba(255,255,255,1);}
.navbar-default .navbar-nav:hover > li > a{color:rgba(255,255,255,.64);}
.navbar-default .navbar-nav:hover > li > a:hover,
.navbar-default .navbar-nav:hover > li > a:focus{color:rgba(255,255,255,1);}

/*.navbar .navbar-nav .current_page_parent a,*/
.navbar .navbar-nav .active a,
.navbar .navbar-nav .active a:hover,
.navbar .navbar-nav .active a:focus,
.navbar .navbar-nav .current-category-ancestor,
.navbar .navbar-nav:hover .active a, 
.navbar .navbar-nav:hover .active a:hover, 
.navbar .navbar-nav:hover .active a:focus{background-color:transparent;color:rgba(255,255,255,1);border-bottom:2px solid #fff;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{background-color:transparent;}

.navbar-default.nOpaque{background:#222;background:rgba(0,0,0,.56);-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);}

.navbar-brand .logo{width:240px;height:auto;}
.navbar-toggle{margin:11px 6px; position: relative;z-index:100;}
.navbar-toggle .icon-bar{width:18px;}
.navbar-default .navbar-toggle{border-color:rgba(255,255,255,.16)}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active,.navbar-default .navbar-toggle:focus{border-color:rgba(255,255,255,1);background-color:rgba(0,0,0,.54)}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:transparent;border-color:transparent;}
.navbar-default .navbar-toggle .icon-bar{background:rgba(255,255,255,1);}
.navbar-toggle .icon-bar{width:20px;transform:translate(0,6px) rotate(45deg);transition:width,transform .17s ease-out;}
.navbar-toggle .icon-bar+.icon-bar{width:0px;transform:rotate(0deg)}
.navbar-toggle .icon-bar+.icon-bar+.icon-bar{width:20px;transform:translate(0,-6px) rotate(-45deg)}
.navbar-toggle.collapsed .icon-bar{width:20px;-webkit-transform:rotate(0deg)}
.navbar-toggle.collapsed .icon-bar+.icon-bar{width:20px;-webkit-transform:rotate(0deg)}
.navbar-toggle.collapsed .icon-bar+.icon-bar+.icon-bar{width:20px;-webkit-transform:rotate(0deg);}

.navbar-fixed-top{background:transparent url(../image/navbg.png) repeat-x;
background:transparent -webkit-linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,0)) repeat-x;
background:transparent -moz-linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,0)) repeat-x;
background:transparent linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,0)) repeat-x;
-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);
}
.navbar-fixed-top .navbar-collapse{max-height:100%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-search{border-color:transparent}
.navbar-collapse{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90010;background:rgba(0,0,0,.76);padding-top:56px;}
.navbar-collapse .navbar-nav{margin:0;}

@media (min-width:768px){
.navbar-default .navbar-brand{height:72px;}
.navbar-nav > li{padding:0 8px;}
.navbar-nav > li > a{padding:26px 8px;}
.navbar-collapse{position:static;padding:0;background-color:transparent}
.navbar-brand .logo{width:auto;height:auto;}
}

.contwarp .row{padding-top:48px;padding-bottom:32px;}
.singlewarp .row{padding-bottom:80px;}
.post-list{height:380px;}
.post-list .thumb{display:block;height:225px;overflow:hidden;}
.post-list .thumb img{width:100%;height:225px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.post-list h3{font-size:16px;}
.post-list h3,.post-list h3 a{color:#fff;}
.post-list h3 a{color:#fff;}
.post-list p{color:rgba(255,255,255,.5)}
.post .title{margin-bottom:16px;}
.post .title h1,.page .title h1{color:rgba(255,255,255,1);}
.post .title small{}
.post .title small,.post .title small a{color:rgba(255,255,255,.4);}
.thumbnail_img{max-width:100%;height:auto;}
.post-meta{padding-top:24px;}
.post .related{margin:16px 0 8px;padding:8px 16px;background:#000;border-bottom:1px solid #000}
.post .related h3{margin:0;line-height:1.8;color:#666;font-size:1em;font-weight:400}
.post .related ul{margin:0;padding:0;list-style:none}
.post .related li,.post .related li a{color:#999}
.post .related li a:hover{color:#ccc;text-decoration:none;}
.post .related .thumbnail{display:inline-block;*display:inline;*zoom:1;background-color:#111;border-color:#111;width:100px;vertical-align:top;margin:6px 26px 6px 0}
.post .related .thumbnail img{width:100px;height:100px}
.page .title{margin-bottom:20px;}
.pager li > a,.pager li > span{background-color:#111;border-color:#333;border-radius:4px}
.pager li > a:hover{background-color:#333;border-color:#333;}

/* Front-page*/
.viewindow{height:auto;}
.vtitle{font-size:30px;font-weight:300;color:#fff;line-height:1;}
.vtitle span{display:block;margin-top:8px;padding-top:4px;border-top:1px solid rgba(255,255,255,.12);width:140px;font-size:14px;color:rgba(255,255,255,.4);}
.vtitle a{color:#fff;}
.vtitle a:hover,.vtitle a:focus,.vtitle a:active{text-decoration:none;}
.view2{background:transparent url(../image/fpline_bg00.jpg) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}
.viewindow.view2{height:auto;}
.about{background:transparent url(../image/fpline_bg01.jpg) no-repeat 0% 50%;}
.about .pagev{background:#2c2c2c;height:800px;}
.newsV{padding-top:64px;padding-bottom:48px;}
.newsV .item{margin-top:64px;height:240px;}
.newsV .item .thumb{display:block;}
.newsV .item .thumb img{width:100%;height:auto;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.newsV .item h3{font-size:16px;}
.newsV .item h3,.newsV .item h3 a{color:#fff;}
.newsV .item h3 a{color:#fff;}
.newsV .item p{color:rgba(255,255,255,.5)}

.pxview{border-left: 1px solid rgba(255,255,255,.12);padding-top:40px;padding-bottom:40px;height:400px;}
.pxview +.pxview  +.pxview{border-right:1px solid rgba(255,255,255,.12)}
.pxview img{display:block;margin:0 auto 24px;width:120px;height:auto;}
.pxview h3{font-size:32px;line-height:1;font-weight:300;margin-bottom:20px;color:#fff;}
.pxview p{display: block;margin:0 auto;width:300px;text-align:left;text-indent:2em;color:rgba(255,255,255,.7)}

.aboutV{padding-top:64px;}
.aboutV .vtitle{margin-bottom:56px;}
.aboutV p{text-indent:2em;font-size:16px;color:rgba(255,255,255,.6);margin-bottom:16px;line-height:28px;}

.teamv{padding-top:64px;background:#141414;}
.teamlist{margin-top:24px;}
.teamlist .media{clear:both;margin:0;padding:28px 0;}
.teamlist .media +.media{border-top:1px solid rgba(255,255,255,.12);}
.teamlist .media-left{position:absolute;}
.teamlist .media-left a{overflow:hidden;display:block;width:96px;height:96px;}
.teamlist .media-left .media-object{width:96px;}
.teamlist .media-body{padding-top:20px;width:auto;}
.teamlist .media-heading{margin-left:120px;margin-right:72px;margin-bottom:40px;padding-left:20px;border-left:1px solid rgba(255,255,255,.16);font-size:24px;font-weight:300;line-height:1;}
.teamlist .media-heading span{display:block;border-top: 1px solid rgba(255,255,255,.12);width:120px;margin-top:8px;padding-top:8px;font-size:16px;color:rgba(255,255,255,.4);}
.teamlist .media-heading.pull-left{width:150px;margin-bottom:64px;}
.teamlist .media-body p{clear:both;margin-bottom:12px;padding-top:12px;text-indent:2em;color:rgba(255,255,255,.8)}


.faqv{background:#000;}
.faqv .faqrow{padding-top:120px;}
.faqlist{margin-top:48px;}
.faqlist .media{margin:0;padding:24px 15px;}
.faqlist .media-heading{font-size:16px;color:rgba(255,255,255,1);margin-bottom:16px;}
.faqlist .media-body p{color:rgba(255,255,255,.6)}
.faqmore{padding-top:32px;padding-bottom:48px;}
.faqmore .btn{border:1px solid #fff;border-radius:0;padding:12px 48px;font-size:18px;color:#eee;}

.contactv .addmap{background:transparent url(../image/maps.png) 50% 50%;background-size:cover;height:600px;}
.contactv .container{margin-top:-200px;}
.contactv .container .row{background:#fff;}
.contactv .bwll{background:#fff;padding:56px 16px;color:#000;}
.contactv .bwll +.bwll{background:#2a2a2a;color:rgba(255,255,255,.6);}
.contactv .bwll h3{font-weight:300;line-height:1;margin-bottom:32px;}
.contactv .bwll +.bwll h3{color:rgba(255,255,255,.8);}
.contactv .bwll p{margin-bottom:8px;}
.contactv .bwll .control-label{font-weight:400;text-align:left;}
.contactv .bwll .form-control{background:transparent;border-width:0 0 1px;border-radius:0;outline:none;box-shadow:none;color:#fff;}
.contactv .bwll .form-control:hover,.contactv .bwll .form-control:focus{padding-bottom:5px;border-bottom-width:2px;border-bottom-color:#fff;}
.contactv .bwll .btn{background:#000;border:1px solid #fff;border-radius:0;margin-top:16px;padding:8px 32px;color:#fff;font-size:16px;}

.pqrcode{display:block;}
.pqrcode span{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:115px;text-align:center;}
.pqrcode span + span{margin-left:16px;}
.wxqrcode{display:block;margin-top:4px;width:115px;height:auto;}

@media (min-width:768px){
.viewindow{height:800px;}
.contactv{height:820px;}
.newsV{padding-top:160px;}
.newsV .item{height:auto;}
.pxview{padding-top:220px;height:800px;}
.pxview img{margin:0 auto 60px;width:160px;height:auto;}
.pxview h3{margin-bottom:32px;}
.view2{background-attachment:scroll;}
.aboutV{padding-top:200px;padding-left:84px;}
.aboutV p{width:486px;}

.teamv{padding-top:120px;height:900px;}
.page-template-page-teams .teamv,.single .teamv{padding-top:80px;height:auto;}
.page-template-page-teams .teamv{padding-bottom:80px;}
.teamlist .media-left{position:relative;padding-right:72px;}
.teamlist .media-left a{width:200px;height:200px;}
.teamlist .media-left .media-object{width:200px;}
.teamlist .media-body{padding-top:32px;width:10000px;}
.teamlist .media-heading{float:left;margin-left:0;margin-right:72px;margin-bottom:96px;}
.single-teamcrew .teamlist .media-heading{float:none;margin-bottom:24px;}
.teamlist .media-body p{clear:none;margin-left:213px;padding-top:0;}
.single-teamcrew .teamlist .media-body p{margin-left:0;}

.contactv .bwll{padding:56px 100px;height:420px;}
}

/* footer */
footer{background:#000;padding:32px 0;color:rgba(255,255,255,.7)}
footer .row{height:180px;text-align:center;}
footer .copyrt{text-align:center;}
footer .copyrt p{margin:0;}
footer .copyrt p+p{margin-top:8px;}
footer .ftlogo{margin-top:56px;max-width:100%;height:auto;}
footer a{color:rgba(255,255,255,.8)}
footer a:hover{color:#fff;}

/* Rotation */
#rotation{margin:0;background:#eee}
#rotation .slides{overflow:hidden}
#rotation .slides li{position:relative;background:#fff no-repeat 50% 0%;background-size:cover;width:100%;height:360px;}
#rotation .flex-caption{position:absolute;z-index:1;bottom:36%;left:0;right:0;background-color:transparent;margin:0 auto;padding:0 6.4%;text-align:left;text-shadow:0 2px 3px rgba(0,0,0,.54)}
#rotation .flex-caption .heading,#rotation .flex-caption .intro{display:block;margin-bottom:16px;font-style:normal;color:#fff;}
#rotation .flex-caption .heading{line-height:24px;font-size:20px;font-weight:300;text-shadow:0 1px 5px rgba(0,0,0,.72)}
#rotation .flex-caption .intro{font-size:16px;line-height:24px;}
#rotation .flex-caption .link{background:#fff;padding:8px 16px;border-radius:0;font-size:14px;line-height:1;color:#000;text-shadow:none;}
#rotation .flex-caption .link:hover{background-color:#000;color:#fff;}
#rotation .flex-control-nav{bottom:8px;}
#rotation .flex-direction-nav a{background:url(../image/direction_nav.png) no-repeat 0 50%}
#rotation .flex-direction-nav a.flex-next{background-position:-56px 50%;right:0}
#rotation .flex-direction-nav a.flex-prev{background-position:0 50%;left:0}

@media (min-width:768px){
  #rotation{-webkit-box-shadow:0 0 56px 0 rgba(0,0,0,.12);-moz-box-shadow:0 0 56px 0 rgba(0,0,0,.12);-ms-box-shadow:0 0 56px 0 rgba(0,0,0,.12);box-shadow:0 0 56px 0 rgba(0,0,0,.12);}
  #rotation .slides li{width:100%;height:700px;}
  #rotation .flex-caption .heading{line-height:48px;font-size:40px;}
  #rotation .flex-caption .link{padding:12px 24px;}
}
.wp-pagenavi{margin-top:32px;height:48px;text-align:center;}
.wp-pagenavi a,.wp-pagenavi span{border:1px solid rgba(255,255,255,.4)!important;border-radius:4px;color:rgba(255,255,255,.5);
padding:3px 8px 4px!important;
}
.wp-pagenavi .pages{border-color:transparent!important;}
.wp-pagenavi a:hover{border-color:rgba(255,255,255,.8)!important;color:rgba(255,255,255,1)!important;}
.wp-pagenavi span.current{background:#fff;border-color:rgba(255,255,255,1)!important;color:#000;}

.subcats-nav{margin-bottom:32px;}
.subcat-item{padding:20px 0 0;margin:0 -12px;}
.subcat-item li{display:inline-block;padding:4px 12px;}
.subcat-item li ul.children{display: none;}
.subcat-item li a{border-bottom:1px solid rgba(255,255,255,0);padding-bottom:5px;line-height:24px;color:rgba(255,255,255,1);}
.subcat-item li a:hover,.subcat-item li a:focus,.subcat-item li a:active{text-decoration:none;}
.subcat-item:hover a{color:rgba(255,255,255,.64);}
.subcat-item:hover a:hover{color:rgba(255,255,255,1);}
.subcat-item .current-cat a,
.subcat-item:hover .current-cat a{border-color:rgba(255,255,255,1);}

@media (min-width:768px){
.subcats-nav{position:relative;}
.subcat-item{position:absolute;top:0;right:0;padding:30px 0 0;}
.subcat-item li{padding:0 12px;}
}