/*
Theme Name: wayne
Author: Aben
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wayne
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.


Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* pub */
html{height: 100%;}
body{background: #f4f4f4;height: 100%;color: #595959;position: relative;}
.bg{background: #fff;}
h1,h2,h3,h4,ol,ul,li,p,dd,dl,dt{list-style: none;padding: 0;margin: 0;}
h1,h2,h3,h4{font-weight: 100}
h1{font-size: 36px;}
a{text-decoration: none;color: #595959;}
a:hover,a:active,a:focus{text-decoration: none;color: #595959;}
.fl{float: left;}
.fr{float: right;}
.mtb30{margin-top: 30px;margin-bottom: 30px;}
.pt50{padding-top: 50px;}
.h100{height: 100%;}
.text-right{text-align: right;}
.table-box{display: table;width: 100%;height: 100%;margin: auto;}
.table-cell{display:table-cell;width:100%;height:100%;vertical-align:middle;align-self: center;}
.text-center{text-align: center;}
.clearfix { zoom:1; }
.clearfix:after { content:''; display:block; clear:both; }
.ptb140{padding-top: 100px;padding-bottom: 100px;}
.w1000{max-width: 1000px;}
/* header1 */
.header{width: 100%;z-index: 9999;position: relative;}
.header .nav .open-this{cursor: pointer;position: absolute;width: 40px;height: 40px;right: 0;top: 0;text-align: center;color: #fff;z-index: 999;line-height: 40px;}
.header .btnfff{width: 105px;height: 50px;line-height: 50px;text-align: center;color: #3d3430;background: rgba(225,225,225,.7);display: inline-block;border-radius: 10px;margin:0 15px;}
.header .header-con{margin-top: 11%;max-width: 530px;margin-left: auto;margin-right: auto;}
.header .site-logo{display: block;width: 100%;}
.header-line{position: relative;font-size: 18px;color: #fff;margin-top: 30px;margin-bottom: 30px;}
.header-line:before,
.header-line:after{content: "";border-bottom: 1px solid #fff;display: inline-block;position: absolute;width: 190px;bottom: 12px;}
.header-line:before{right: 0;}
.header-line:after{left: 0;}
body.home .header{position: absolute;top: 0;left: 0;}
body:not(.home) .header{background: url(img/header-bg.jpg) no-repeat;background-size: cover;}
body:not(.home) .header .navbg{background: rgba(0,0,0,0.5);}
body:not(.home) .header .site-logo{padding-top: 50px;padding-bottom: 50px;}
body:not(.home) .header .site-logo img{height: 80px;width: auto;}
.nav-btn{padding: 9px 10px;float: right;}
.icon-bar{background-color: #fff;height: 3px;margin:4px 0;display:block;width: 25px;border-radius: 1px;}
/* flexslider */
.flexslider {position: relative;height: 100%;}
.flexslider img{max-width: 100%;}
.flexslider .slides{padding: 0;margin: 0;height: 100%;}
.flexslider .slides li{height: 100%;width: 100%;background-size: cover;}
.flex-control-nav{width: 100%;text-align: center;position: absolute;bottom: 20px;z-index: 2}
.flex-control-nav li{display: inline-block;margin: 0 5px;}
.flex-control-nav a{display: inline-block;width: 15px;height: 15px;background-color: #fff;border-radius: 10px;text-indent: -9999px;}

.flex-control-nav a.flex-active{background-color: #ffa802;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {width: 34px;height: 34px;margin: -15px 0 0;position: absolute;top: 50%;z-index: 10;opacity: 0;cursor: pointer;border: 2px solid #eee;color: #fff;font-family: cursive;text-align: center;line-height: 30px;}
.flex-direction-nav a:hover{background: #000;}
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px;}
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;background-position:0 0}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;background-position:-132px 0}
.flexslider .slider-box{position: absolute;left: 15%;top: 32%;color: #fff;text-shadow: 0 0 5px #000000;}
.flexslider .slider-box h3{font-size: 28px;font-weight: bold;line-height: 2}
.flexslider .slider-box p{font-size: 23px;}

.home-yishu{margin-top: 55px;margin-bottom: 55px;font-weight: 100;color: #404040;}
.home-yishu h2{line-height: 120px;height: 120px;font-weight: 100;font-size: 36px;}
.home-yishu h3{font-size: 36px;margin-top: 20px;margin-bottom: 20px;display: inline-block;line-height: 36px;height: 36px;overflow: hidden;}
.home-yishu .box{padding: 0 0 50px 0;}
.home-yishu .box:hover{transition: all .4s cubic-bezier(.4,0,.2,1);margin-top: -15px;}
.home-yishu .box img{height: 190px;width: 100%;}
.home-yishu .box i{font-size: 45px;font-weight: 100;height: 45px;width: 45px;display: inline-block;border: 1px solid #000;border-radius: 50%;line-height: 45px;font-style: normal;font-family: monospace;color: #404040;}
.home-yishu .box .more{margin-top: 20px;display: inline-block;}
/* home-about */
.home-about{background: url(img/bg.jpg) no-repeat;width: 100%;color: #fff;background-size: cover; }
.home-about .one{padding-top: 80px;padding-bottom: 80px;text-align: right;}
.home-about .one h2{font-size: 35px;line-height: 2;}
.home-about .one p{line-height: 2;font-weight: 100;}
.home-about .cover{background: rgba(0,0,0,0.5);padding-top: 100px;padding-bottom: 100px;}
.home-about .cover h3{font-size: 36px;margin-bottom: 40px;}
.home-about .cover .box{max-width: 340px;margin-left: auto;margin-right: auto;padding: 50px;}
.home-about .cover .box a{color: #fff;}
.home-about .cover .box p{line-height: 2;color: #fff;}
.home-about .cover .box:hover{background: rgba(102, 102, 102, 0.27);}

/* home-news */
.home-news{padding-bottom: 30px;padding-top: 30px;}
.home-news h2{font-size: 22px;display: block;line-height: 50px;height: 50px;float: left;}
.home-news h3{color: #1b5082;font-size: 16px;line-height: 2;}
.home-news .cat-more{color: #1b5082;float: right;line-height: 50px;height: 50px;}
.home-news .cat-more i{padding-left: 5px;display: inline-block;}
.home-news p,.home-news time{color: #363636;font-size: 12px;line-height: 2;display: block;}
.home-news time{margin-bottom: 30px;}
.home-news .icon-arrright{color: #000;}
.home-news .tit{line-height: 2;}
.home-news .tit i{padding-right: 5px;}
.home-news .tit h4{width:calc(100% - 75px) ;float: left;line-height: 16px;height: 16px;overflow: hidden;}
.home-news .tit time{float: right;font-size: 12px;width: 70px;line-height: 16px;height: 16px;}
.home-news-more{border: 1px solid #4d4746;padding: 3px 10px;font-size: 12px;color:#363636;border-radius: 15px;display: inline-block;}

.post-body{margin: 25px 0;overflow-x: auto;}
.post-body .table-responsive{overflow-x: auto;width: 100%;text-align: center;}
.post-body img{max-width: 100%;height: auto;}
.post-head h1{margin-bottom: 50px;text-align: center;margin-top: 50px;}
.post-body h2{font-size: 20px;margin-bottom: 15px;  }
.post-body p{margin-bottom: 15px;line-height: 1.8}
.post-body ul{margin:0 0 15px 2em;}
.post-body ul li{list-style-type: disc;}
.post-body ol{margin:0 0 15px 2em;}
.post-body ol li{list-style-type: decimal;}
.post-body table{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;margin-bottom:0;}
.post-body tr,th,td{white-space: nowrap;border:1px solid #c4c4c4;padding: 5px;}
.post-body blockquote{border-left: 3px solid #23527c;background-color: #EFF6FE;padding: 10px 20px 3px 20px;margin:20px 0;}
.post-body blockquote p{text-indent: 0 !important;}

/* product-home */
.article h2{font-size: 24px;}
.article h3 a{font-size: 14px;font-weight: bold;margin-bottom: 15px;color:#595959;display: inline-block;}
.article p{line-height: 2;}
.article {line-height: 2;margin-bottom: 35px;}
.archive  .cat-more{border: 1px solid #494949;border-radius: 3px;width: 263px;height: 36px;display: inline-block;line-height: 36px;color: #484848;margin-top: 15px;margin-bottom: 50px;}
/* art-case */
.art-case{color: #595959;}
.art-case-box{margin-bottom: 80px;padding: 10px;}
.art-case-box time{font-size: 40px;font-weight: 100;line-height: 2;font-family: sans-serif;}
.art-case-box p{line-height: 2;font-size: 12px;display: block;height: 48px;overflow:hidden }


/* art-works */
.art-works-box h2{position: absolute;visibility: hidden;background: rgba(225,225,225,0.5);bottom: 0;left: 0;width: 100%;padding:5px;color:#595959;font-size: 14px;line-height: 28px;height: 66px;overflow: hidden;color: #fff; }
.art-works-box{position: relative;display: block;margin-bottom: 30px;    overflow: hidden;height:170px}
.art-works-box img{width: 100%;}
.art-works-box:hover h2{visibility: visible;}
/* page */
.page h1{padding-left: 10%}
.left-line{border-left: 1px solid #555;}



/* footer */


.footer {background: url(img/footerbg.jpg) center no-repeat;color: #f6f6f6;padding-top: 30px;padding-bottom: 30px;}
.footer .xxoo{float: right;}
.footer .xxoo li{line-height: 40px;height: 40px;margin-left: 10px;float: left;}
.footer .xxoo li a{display: block;}
.footer .xxoo li img{max-height: 40px;width: auto;}
.footer .xxoo li.vm{}
.footer-nav{margin-top: 15px;margin-bottom: 15px;}
.footer-nav li{display: inline-block;}
.footer-nav li a{color: #f6f6f6;padding-right:10px;}
.footer-nav li+li:before{content: "|";display: inline-block;color: #fff;padding-right:10px;}
.footer-share{text-align: right;margin-top: 20px;}
.footer-share i{width: 38px;height: 38px;display: inline-block;}
.footer-share .ico-weibo{background: url(img/weibo.png);}
.footer-share .ico-weixin{background: url(img/weixin.png);}
.footer-share .ico-qq{background: url(img/qq.png);}
.erweima-box{background: rgba(0,0,0,0.5);display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;text-align: center;line-height: 100%;z-index: 9999999}
body.cover-on .erweima-box{display: block;}
/* sidebar
.sidebar .searchform{position: relative;}
.sidebar .search-keyword{width: 100%;border: 1px solid #999;height: 38px;padding: 0 15px;border-radius: 2px;}
.sidebar .search-submit{position: absolute;right: 0;top: 0;background: none;border: 0;height: 38px;}
.sidebar .widget{padding-bottom:30px}
.sidebar .widget h3{margin-bottom: 15px;font-size: 20px;}
.sidebar .widget img{max-width: 100%;height: auto;}
.sidebar .widget-tit h3{margin-bottom: 20px;font-weight: 300}
.sidebar .widget li{font-size: 12px;border-top: 1px solid #e1e1e1;}
.sidebar .widget li a{position: relative;display: block;padding: 8px 0;}
.sidebar .widget ul li a:before{content: "\e600";display: inline-block;position: absolute;right: 0;color: #073190; font-family:"iconfont" !important;}
.sidebar .widget li a:hover:before,
.sidebar .widget li.current-menu-item a:before{color: #f39800;}
.sidebar .widget li li{padding-left: 15px;}
.sidebar .widget li.recentcomments a:before{display: none;}
.cat-nav{}
.cat-nav li{line-height: 2;}
.cat-nav li a{display: block;width: 100%;padding: 0 5px;}
.cat-nav li a:hover{background: #e8e8e8;}*/

/* single */
.post-header{height: 440px;background-size: cover !important;text-align: center;color: #fff;margin-top: 40px;}
.post-header .table-box{background: #00000059;}
.post-header h1{margin-bottom: 30px;}
.post-header p{color: #fff;}
.single .post-body{border-right: 1px solid #cbcbcb;margin-top: 40px;padding-right: 30px;}
.sidebar{margin-top: 40px;}

@media screen and (min-width: 760px){
.header .nav{height: 88px;padding-top: 20px;}
.header .nav ul{width: 100%;}
.header .nav>ul>li{display: inline-block;border-bottom: 4px solid #fff;margin-left: 22px;margin-right: 22px;width: 90px;position: relative;line-height: 44px;}
.header .nav>ul>li>a{color: #fff;font-size: 18px;}
.header .nav .sub-menu{display: none;position: absolute;background: rgba(225,225,225,.7);width: 100%;padding-top: 15px;padding-bottom: 15px;}
.header .nav .sub-menu li{height: 35px;line-height: 35px;;width: 100%;}
.header .nav .sub-menu a{color: #292131;font-size: 12px;display: inline-block;width: 100%;}
.page .post-body{padding-left: 10%;padding-right: 10%;}
.archive .post-body{padding-left: 25px;padding-right: 25px;}
.header .nav .open-this{display: none;}

}
@media screen and (max-width: 780px){


.ptb140{padding-top: 50px;padding-bottom: 50px;}
}
@media screen and (max-width: 760px){
 .home-news .tit h4,
 .home-news .tit time{line-height: 30px;height: 30px;}
 body:not(.home) .header .site-logo{padding-top: 15px;padding-bottom: 15px;}
 body:not(.home) .site-logo img{max-height: 60px;width: auto;}
 .header .header-con{}
 .nav li{width: 100%;margin:0;}
 .header .nav{display: none;position: absolute;margin-top: 43px;background: #000;width: 100%;padding-bottom: 20px;}
 .header .nav ul{width: 100%;}
 .header .nav li{position: relative;}
 .header .nav ul li a{width: 100%;display: block;height: 40px;color: #b6b6b6;line-height: 40px;border-bottom: 1px solid #1c1c1c;text-align: left;padding-left: 15px;}
 .header .nav .sub-menu{padding-left:8px;display: none;}
 .nav .sub-menu li a:before{content: '>';padding-right: 8px;display: inline-block;font-size: 6px;font-family: monospace;}
 .cat-nav li{display: inline-block;}
 .cat-nav{text-align: center;}
 .cat-nav li a{color: #fff;background:#424141;padding:0 10px;border-radius: 15px;font-size: 12px;display: inline-block;margin-bottom: 10px;}
 .footer img{max-width: 80px;height: auto;}
 .footer{text-align: center;font-size: 12px;}
 .footer-share{text-align: center;}
 .post-body{border: 0;padding-right: 0;}
 .footer .xxoo{float: none;text-align: center;width: 100%;}
 .footer .xxoo li{display: none;float: none;}
 .footer .xxoo li.v-m{display: inline-block;}
	.art-works-box{height: 100px;}
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: inline; margin-left: auto; margin-right: auto; }
.pagination{padding: 15px 0;text-align: center;margin-bottom: 30px;}
.pagination h2{display: none;}
.pagination a,.pagination span{padding:5px 10px;margin:0 5px;background-color: #595959;border-radius: 3px;color: #fff;}
.pagination .current{background-color:#424141;color:#fff;}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery{margin-bottom:1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;padding:15px;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery-caption{display:block;}