/*
Theme Name: default theme
Theme URI: http://
Author: Leon
Version: 2.3.5
*/

html{-webkit-text-size-adjust: none; height:100%;}
body {margin:0; font-size:15px; color:#777; line-height:150%; font-family:Arial, Helvetica, sans-serif; height:100%;}
a {text-decoration:none; color:#111; transition: all .3s;}
a:hover{color:#ffb21e;}
a, img {border:none; outline:none;}
p,h1,h2,h3 {margin:0; padding:1em 0;}
h1 {font-size:30px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
.alignleft {float:left; padding:0 10px 10px 0;}
.alignright {float:right; padding:0 0 10px 10px;}
.aligncenter {display: block; margin:10px auto;}

.tcenter {text-align:center;}

.ci-icon{width: 23px; height: 23px; margin:0 auto;
    position:relative;
    color: #fff; text-align:center;
}
.ci-icon:before{ content: " ";
width: 100%; height: 100%; display: block;
position: absolute; top: 0; left: 0px;
background: #111;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.ci-icon i {font-size:14px; color:#fff; width:23px; line-height:23px; position:relative; z-index:9999; margin:0 auto;}

/* FRAME */
.wrap_1160 {width:1160px; margin:0 auto;}
@media screen and (max-width: 720px) { /*大于*/
.wrap_1160 {width:640px;}
}

/* HEADER */
#header {width:100%; height:55px; box-sizing:border-box; padding:0 2%; background:url(../image/opacity_black_80.png); position:fixed; top:0; left:0; z-index:9999}
	#header.idx_header {background:rgba(0,0,0,.8);}
	#header.inner_header {background:#fff; border-bottom:1px #f5f5f5 solid;}
#logo {display:inline-block; width:160px; height:55px; background-size:contain !important;}
	#header.idx_header #logo {background:url(../image/logo-white.png) center left no-repeat;}
	#header.inner_header #logo {background:url(../image/logo-dark.png) center left no-repeat;}
	
/*@media screen and (min-width: 650px) {} 大于*/
#nav, #nav_btn {display:none;}
#menu {display:block; float:right; margin:0; padding:0;}
	#menu li {display:inline-block; margin-left:30px; list-style:none;}
	#menu li a {line-height:55px; letter-spacing:2px;}
		#header.idx_header #menu li a {color:#ccc;}
		#header.idx_header #menu li a:hover {color:#fff;}
		#header.inner_header #menu li a {color:#999;}
		#header.inner_header #menu li a:hover {color:#111;}

@media screen and (min-width: 720px) { /*大于*/
#menu {display:block !important;}
}
@media screen and (max-width: 720px) { /*小于*/

#nav_btn {display:block; width:55px; height:55px; float:right; color:#eee; font-size:32px; line-height:55px; text-align:center; cursor:pointer;}
#menu {display:none; float:none; width:100%; margin:0; padding:0; position:fixed; top:55px; left:0%; padding-top:1px;}
	#menu li {display:block; margin:0; padding-bottom:1px; text-align:center;}
	#menu li a {line-height:50px; font-size:14px; display:block;}
	#menu li a:hover {color:#fff;}
	#menu-item-54 {display:none;}
		#header.idx_header #menu li {background:rgba(0,0,0,.5);}
		#header.idx_header #menu li a {color:#ccc; background:rgba(0,0,0,.5);}
		#header.idx_header #menu li a:hover {color:#fff;}
		#header.inner_header #menu li {background:#5e5e5e;}
		#header.inner_header #menu li a {color:#999; background:#fff;}
		#header.inner_header #menu li a:hover {color:#111;}
}

#banner {background:url(../image/section-bg-22.jpg) top center no-repeat;}
	  #banner.cat_banner {height:210px;}
	  #banner.post_banner {height:130px;}
#banner .inner {max-width:1160px; min-width:640px; height:100%; margin:0 auto; position:relative;}
#banner h1 {position:absolute; padding:0; font-size:30px; line-height:30px; color:#eee; letter-spacing:.2em; top:50%; margin-top:-15px; left:0;}
#bcn_widget-2 {position:absolute; font-size:12px; line-height:12px; color:#c0c0c0; letter-spacing:.5em; top:50%; margin-top:0px; right:0;}
	#bcn_widget-2 span {padding:0 6px;}
@media screen and (max-width: 680px) { /*小于xxx【item-width * 显示数】 */
#banner.cat_banner, #banner.post_banner {height:230px;}
#banner h1 {bottom:50%; top:auto; margin:0 0 10px 10px; left:0;}
#bcn_widget-2 {top:50%; margin:30px 0 0 10px; left:0; right:auto;}
}
/* INDEX */
#vis_wrap, .bx-wrapper, .bx-viewport, #vis, #vis div{height:100%; overflow:hidden;}
#vis div {height:100%; background-size:cover; background-position:center center;}
#vis_wrap .bx-wrapper .bx-pager {bottom:30px;}
#vis_wrap .bx-wrapper .bx-pager a {background:#fff;}
#vis_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, #vis_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {background:none; border:1px #fff solid; box-sizing:border-box;}

@media screen and (max-width: 680px) { /*小于xxx【item-width * 显示数】 */
#vis_wrap, #vis div {height:640px;}
}

.idx_h1 {font-size:18px; color:#333; font-weight:normal; letter-spacing:.2em; padding:50px 0 30px;}

#aboutus {padding-bottom:20px; border-bottom:1px #eee solid; line-height:180%;}
#aboutus:after {content:""; display:block; clear:both;}
#about_left {float:left; width:380px; font-size:24px;}
#about_right {float:left; width:700px;}
@media screen and (max-width: 680px) { /*小于xxx【item-width * 显示数】 */
#about_right {float:left; width:640px; padding-top:30px;}
}


#more_works {padding:10px 0 60px; margin:20px auto; background:#111; text-align:center;}
#more_works .idx_h1 {color:#eee; padding-bottom:30px; text-indent:1em;}
#more_works a {font-size:12px; color:#333; letter-spacing:.3em; display:inline-block; padding: 8px 37px; border-radius: 2px; background:#ccc; transition: all .33s;}
#more_works a:hover {background:#fff;}

#video {position:relative;}
#btb_more_video {position:absolute; right:0; top:60px; font-size:12px; letter-spacing:.5em;}

#contactus {padding:30px 0;}
#contact_box {width:810px; margin:0 auto;}
#contact_box:after {content:""; display:block; clear:both;}
#contact_box .contact_icon, #contact_box .contact_txt {}
#contact_box .contact_icon {float:left; width:60px;}
#contact_box .contact_txt {float:left; width:210px;}
@media screen and (max-width: 680px) { /*小于xxx【item-width * 显示数】 */
#contactus table {width:640px;}
#contact_box {width:640px;}
#contact_box .contact_icon {float:none; width:60px; margin:0 auto; padding-bottom:20px;}
#contact_box .contact_txt {float:none; width:600px; margin:0 auto; padding-bottom:20px; text-align:center;}

}

#clients13 {display:block;} #clients5 {display:none;}
@media screen and (max-width: 720px) { /*大于*/
#clients13 {display:none;} #clients5 {display:block;}
}



#form_wrap {width:780px; padding:50px 0 0 0; margin:0 auto;}
#form_wrap:after {content:""; display:block; clear:both;}
#form_wrap .f_l_wrap {float:left; width:50%; }
#form_wrap .f_l {padding:5px; box-sizing:border-box;}
#form_wrap .f_r {width:50%; padding:5px; box-sizing:border-box;}
#form_wrap .f_r {float:right;}
.wpcf7-text, .wpcf7-textarea {padding:5px; box-sizing:border-box; border:1px #ccc solid; color:#666; font-size:14px; line-height:30px;}
.wpcf7-text {width:100%; height:40px;}
.wpcf7-textarea {width:100%; height:90px;}
.wpcf7-submit {float:right; width:106px; outline:none; border:1px #333 solid; border-radius:2px; background:#333; color:#ccc; font-size:14px; line-height:36px; transition:all .5s;}
.wpcf7-submit:hover {background:#444; color:#ddd; transition:all .5s;}
.form_info {line-height:40px; font-size:11px;}
.wpcf7-not-valid-tip {display:none !important;}
@media screen and (max-width: 680px) { /*小于xxx【item-width * 显示数】 */
#form_wrap {width:600px;  padding:50px 20px;}
#form_wrap .f_l_wrap, #form_wrap .f_l, #form_wrap .f_r {width:100%;}
}

/* WORKS NAV */

.works_nav {list-style:none; padding:0; margin:0; text-align:center;}
.works_nav li {display:inline-block;}
.works_nav li a {display:block; color:#999; transition: all 0.33s;}
.works_nav li a:hover {color:#333; transition: all 0.5s;}
.works_nav li a i {display:block;}

#idx_works_nav #menu-item-2671, #idx_works_nav #menu-item-2672 {display:none;}
#idx_works_nav li {width:22%;}
#idx_works_nav li a {font-size:13px; letter-spacing:.3em; padding:10px 0 30px;}
#idx_works_nav li a i  {font-size:50px; padding:20px 10px;}

#cat_works_nav li {width:9%;}
#cat_works_nav li a {font-size:11px; letter-spacing:.2em; padding:10px 0 30px;}
#cat_works_nav li a i {font-size:28px; padding:20px 10px 10px;}

@media screen and (max-width: 850px) { /*小于xxx【item-width * 显示数】 */
#cat_works_nav li {width:19%;}
}

/* WORKS LIST */
.list_wrap {margin:0 auto; overflow:hidden;}

	.list_wrap.wrap_1160 {width:1160px;}
	.list_wrap.wrap_full {width:100%;}
	
	.list_wrap.onethird .list_item {width:33.3333%;}
	.list_wrap.quarter .list_item {width:25%;}
	
	.list_wrap.padding0 .works_list {margin:0;}
	.list_wrap.padding0 .list_item {padding:0;}
	.list_wrap.padding5 .works_list {margin:0 -5px;}
	.list_wrap.padding5 .list_item {padding:5px;}
	.list_wrap.padding10 .works_list {margin:0 -10px;}
	.list_wrap.padding10 .list_item {padding:10px;}

.works_list:after, .list_item:after {content:""; height:0; display:block; clear:both;}

.list_item {display:block; float:left; box-sizing:border-box; position:relative; overflow:hidden; font-size:0;}

.item_inner {width:100%; height:100%; overflow:hidden; position:relative;}
.item_inner img {width:100%; height:auto; font-size:0;}
.item_inner:after {content:""; width:100%; height:100%; background:rgba(250,250,250, 0); position:absolute; top:0; left:0; text-align:center; z-index:9998;}
.item_inner h2 {text-align:center; font-size:14px; font-weight:normal; color:#333; text-transform: uppercase; letter-spacing: 0.5em; padding:.5em 0; z-index:9999;}

.item_inner img, .item_inner:after, .item_inner h2 {transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.ani_list .item_inner h2 {position:absolute; width:100%; bottom:-2.5em; left:0;}
.ani_list .list_item:hover .item_inner h2 {bottom:20%;}
.ani_list .list_item:hover .item_inner img {transform: scale(1.1);}
.ani_list .list_item:hover .item_inner:after { background:rgba(250,250,250, .85);}
.list_item:hover .item_inner:after { background:rgba(250,250,250, .25);}

@media screen and (max-width: 850px) { /*小于xxx【item-width * 显示数】 */
	.list_wrap.wrap_1160 {width:640px;}
	.list_wrap.onethird .list_item {width:50%;}
	.list_wrap.quarter .list_item {width:50%;}
	.list_wrap.padding10 .works_list {margin:0 -5px;}
	.list_wrap.padding10 .list_item {padding:5px;}
}


/* PHOTO LIST */
#photo_list_wrap {background:#f8f8f8;}
#photo_list {margin:0 auto; padding:30px 0 80px;}
.item_photo {display:block; width:320px; padding:5px; box-sizing:border-box;}
.item_photo img {border-bottom:1px #f5f5f5 solid;}
.item_photo .inner {padding:10px; background:#fff; box-shadow:0 0 5px 2px rgba(222, 222, 222, 0.2);}
.item_photo .icon-expand {width:95%; padding:10px 0px 0; margin:0 auto; font-size:16px; color:#ccc; text-align:right;}

.btn_all_works {display:block; font-size:12px; padding:10px; text-align:center; background:#fff; border:2px #f5f5f5 solid; position:fixed; right:-5px; bottom:60px; z-index:999;}
.btn_all_works i {font-size:22px; padding:5px;}
.btn_all_works:hover {background:#eee; border:2px #fff solid;}


/* VIDEO */
#video_wrap {width:1000px;padding:10px 0; margin:0 auto;}
@media screen and (max-width: 850px) { /*小于xxx【item-width * 显示数】 */
#video_wrap {width:640px; height:auto; overflow:hidden;}
#video_wrap embed {width:640px; height:auto;}
}

/* FOOTER */
#footer {padding:30px 0 60px; background:#f8f8f8;}
#footer p {margin:0 auto 30px; padding:0; font-size:12px; text-align:center; line-height:100%;}
#footer p#logo_footer {width:120px; height:28px; background:url(../image/logo-footer.png) center center no-repeat; background-size:contain;}
#footer p#copyright {color:#666; letter-spacing:.0em;}

a.post-edit-link {display:block; padding:2px 6px; background:#000; color:#fff; border:1px #ccc dashed; position:fixed; right:30px; bottom:30px; z-index:9999;}

.bx-wrapper .bx-controls-direction a {
    margin-top: -48px !important;
    width: 48px !important;
    height: 97px !important;
	transition:all .3s;
}
.bx-wrapper .bx-prev {
    left:-50px !important;
    background:url(../image/arrow-t-left.png) no-repeat 0 0 !important;
}
#vis_wrap:hover .bx-wrapper .bx-prev {left:0 !important;}
.bx-wrapper .bx-next {
    right:-50px !important;
    background:url(../image/arrow-t-right.png) no-repeat 0 0 !important;
}
#vis_wrap:hover .bx-wrapper .bx-next {right:0 !important;}

.wp-pagenavi {text-align:center; padding:50px;}
.wp-pagenavi a, .wp-pagenavi span {padding:10px 15px; margin:5px; font-size:16px; border-radius:10px; border-color:#999; color:#999;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #044bcb; background:#044bcb; color:#fff;}


#infscr-loading {width:100%; position:absolute; bottom:5px; text-align:center;}

#cboxContent {position:relative;}
#cboxCurrent {left:0 !important;}
#cboxPrevious, #cboxNext {top:50%; margin-top: -48px !important; width: 48px !important; height: 97px !important; outline:none;}
#cboxPrevious {
    left:-5px !important;
    background:url(../image/arrow-b-left.png) no-repeat 0 0 !important;
}
#cboxNext {
    right:-5px !important; left:auto !important;
    background:url(../image/arrow-b-right.png) no-repeat 0 0 !important;
}

.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:4px 0px 4px 12px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:13px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:4px 10px 4px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}