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:1vw; color:#777; line-height:150%; font-family:Arial, Helvetica, sans-serif; height:100%;}
a {text-decoration:none; color:#999; transition: all .3s;}
a:hover{color:#111;}
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:0.9rem;}
.alignleft {float:left; padding:0 10px 10px 0;}
.alignright {float:right; padding:0 0 10px 10px;}
.aligncenter {display: block; margin:10px auto;}
div#header h1 {
    font-size: 18px;
    display: contents;
}
.tcenter {text-align:center;}

.ci-icon{width: 30px; height: 30px; 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;top: 5px;}

/* FRAME */
.wrap_1160 {width:1160px;margin:0 auto;border: 1px dashed #ccc;border-style: none dashed;}
@media screen and (max-width: 720px) { /*大于*/
.wrap_1160 {width:636px;}
}

/* HEADER */
#header {width:100%; height:55px; box-sizing:border-box; padding:0; background:url(images/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:88px; height:40px; background-size:contain !important; padding-top: 0px;text-indent: -999em;}
	#header.idx_header #logo {background:url(images/LOGO.png) center left no-repeat;    margin-left: 66px;
    display: inline-block;}
	#header.inner_header #logo {background:url(images/LOGO.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:25px; list-style:none;}
	#menu li a {line-height:2; letter-spacing:2px;}
		#header.idx_header #menu li a {color:#fff;}
		#header.idx_header #menu li a:hover {color:#ff5722;}
		#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;width: 83%;padding-top: 10px;}
}
@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:2.5; font-size:2rem; 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(14,14,14,14);letter-spacing: 0.5rem;}
		#header.idx_header #menu li a:hover {color:#fff;}
		#header.inner_header #menu li {background:#eee;}
		#header.inner_header #menu li a {color: #f7f2f2;background: #191818;}
		#header.inner_header #menu li a:hover {color:#111;}
}

#banner {background:url(images/section-bg-22.jpeg) top center no-repeat;}
	  #banner.cat_banner {height:210px;margin-top:56px;}
	  #banner.post_banner {height:210px;}
#banner .inner {max-width:1160px; min-width:640px; height:100%; margin:15px auto; position:relative;}
#banner h1 {position:absolute; padding:0; font-size:30px; line-height:30px; color:#eee; letter-spacing:.5em; top:50%; margin-top:-15px; left:0;}
#banner p{position:absolute; padding:0; font-size:12px; line-height:18px; color:#eee;  top:80%; margin-top:-15px; left:0;}
#bcn_widget-2 {position:absolute; font-size:12px; line-height:12px; color:#eee; 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: 25px;color:#035863;font-weight:normal;padding: 66px 0 65px;text-align:center;}

#aboutus {/*padding-bottom:80px; */border-bottom:1px #eee solid; /*line-height:180%;*/}
#aboutus:after {content:""; display:block; clear:both;}
#about_left {width: 100%;font-size:24px;text-align: center;}
#about_right {    
	width: 92%;
    margin: 43px;
}
@media screen and (max-width: 680px) { /*小于xxx【item-width * 显示数】 */
#about_right {    
	float: left;
    width: 545px;
    padding-top: 30px;
    font-size: 3vw;
    letter-spacing: 2px;
    line-height: 2;}
}


#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:1017px; 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;line-height: 2;font-size: 2rem;letter-spacing: 0.2rem;}

}

#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:#fff; 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%;}
}
div#datetime {
    display: inline-block;
}
/* WORKS NAV */

.works_nav {list-style:none; padding:0; margin:0; text-align:center;/*height:76px;*/overflow:hidden}
.works_nav li {display:inline-block;}
.works_nav li p {    display: block;color: #999;transition: all 0.33s;}
.works_nav li a {    display: block;color: #999;transition: all 0.33s;}
.works_nav li a:hover {color:#FF5722; transition: all 0.5s;}
.works_nav li p i {display:block;}
.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:9%;}
#idx_works_nav li p {font-size: 11px;letter-spacing: 0.3em;padding: 10px 0 0px;}
#idx_works_nav li p i  {font-size: 33px;padding: 15px 0px;}
#idx_works_nav li a {font-size: 16px;letter-spacing: 0.3em;padding: 18px 0 0px;}
#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:20px 0 15px;}
#cat_works_nav li a i {font-size:28px;}

@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%;background: #3333330a;}

	.list_wrap.onethird .list_item {width: 32.98%;}
	.list_wrap.quarter .list_item {width:32.99%;}

	.list_wrap.padding0 .works_list {margin:0;height: 100%;}
	.list_wrap.padding0 .list_item {padding:0.5% 0.5%;height: 45%;}
	.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;}

.tg_pages{ padding-top: 10px; padding-bottom: 10px; text-align: center; background: #f8f8f8;}

.tg_pages li{ display: inline; line-height: 22px; }
.tg_pages li a{ margin-right: 5px; padding-right: 5px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; border: 1px solid #CCC; background-color: #FFF; }
.thisclass { font-weight: bold; color: #C00; }

.list_item {display:inline-block; 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;height: 100%;}*/
.item_inner img {height:auto; font-size:0;width: 100%;height: 414px;
    object-fit: cover;}
.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:995;}
.item_inner h2 {text-align:center; font-size:14px; font-weight:normal; color:#333; text-transform: uppercase; letter-spacing: 0.2em; padding:.5em 0; z-index:999;}

.item_inner img, .item_inner:after, .item_inner h2, .item_inner p{transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.item_inner img, .item_inner:after, .item_inner h3, .item_inner p{transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.ani_list .item_inner h2 {position:absolute; width:100%; top:120%; left:0;}
.ani_list .item_inner h3 {position:absolute; width:100%; top:120%; left:0;}
.item_inner h3 {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding: .5em 0;
    z-index: 999;
}
.ani_list .list_item:hover .item_inner h3 {top:40%;}
.ani_list .list_item:hover .item_inner h2 {top:40%;}
.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:49.6%;}
	.list_wrap.quarter .list_item {width:49%;height: 20%;}
	.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;display: flex;
    flex-wrap: wrap;}
.item_photo {display:block; width:320px; padding:5px; box-sizing:border-box;float: left;}
.item_photo img {border-bottom:1px #f5f5f5 solid;object-fit: cover;}
.item_photo .inner {padding:10px; background:#fff; box-shadow:0 0 5px 2px rgba(222, 222, 222, 0.2);}
.item_photo .icon-camera {width:95%; padding:10px 0px 0; margin:0 auto; font-size:16px; color:#FF5722; 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:480px; overflow:hidden;}
#video_wrap embed {width:640px; height:480px;}
}

/* FOOTER */
#footer {padding:30px 0 1px; background:#f8f8f8;}
#footer p {

    font-size: 12px;
    text-align: center;
}
#footer p#logo_footer {    
    background: url(images/LOGO.png) center center no-repeat;
    background-size: contain;
    padding: 102px 0 0;
    display: block;
    margin: 0 auto;
    width: 100px;
}
.footer-0 {
    width: 60%;
    margin: 0 auto;
    font-size: 12px;
}
.zd {
    margin: 0 auto;
    width: 50%;
}

p#icp {
    float: left;
    text-indent: 3em;
}
.footer-0 ul {margin-right: 10%;display: inline-grid;}

.footer-0 ul:last-child {
    margin-right: 0%;
}
#footer span#copyright {
	color: #666;
    display: inline-block;
    text-align: center;
    margin: 0 2% 0 13%;
}

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(images/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(images/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(images/arrow-b-left.png) no-repeat 0 0 !important;
}
#cboxNext {
    right:-5px !important; left:auto !important;
    background:url(images/arrow-b-right.png) no-repeat 0 0 !important;
}

.h3_1{
	padding: 12px 0;
	background: #333;
    text-align: center;
    color: #fff;
}









.ani_list .item_inner p{
    position: absolute;
    top: 120%;
    width: 90%;
    text-align: center;
    color: #a1a1a1;
    font-size: 14px;
    z-index: 999;
    left:5%;
}
.ani_list .list_item:hover .item_inner p{
	top: 25%;

.tg_pages{
padding-top: 10px;
padding-bottom: 10px; text-align: center;
}

.tg_pages li{
display: inline;
line-height: 22px;
}
.tg_pages li a{
margin-right: 5px;
padding-right: 5px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #CCC;
background-color: #FFF;
}
.thisclass {
font-weight: bold;
color: #C00;

}