/*
Theme Name: 知也文化
Version: 1.1
Requires at least: 4.7
Description: 由一点优化制作
Author: 一点优化
Author URI: http://www.seoyh.net/
Theme URI: http://www.seoyh.net/
*/

/*默认统一*/

.cn{
    margin: 10px 0;
}
.cna{
    color: #7b7b7b;
}
.cnp{
    font-size: 12px;
    font-weight: 600;
    color: #585555;
    margin: 10px 0;
}


/*导航自适应*/

    navigation,
    section {
    	display: block;
    }
    
    navigation.vertical ul li {
    	display: block;
    }
    
    navigation.horizontal ul li {
    	display: inline-block;
    }
    
    #navigation .current a {
    	border-top: 1px solid #0FCF8C;
    }
    
    .togglej_navigation {
    	display: none;
    	padding: 4px 5px 0px 5px;
    	border-radius: 2em;
    	-webkit-border-radius: 2em;
    	-moz-border-radius: 2em;
    	-o-border-radius: 2em;
    }
    
    .navigation:before,
    .navigation:after {
    	content: " ";
    	display: table;
    }
    
    .navigation:after {
    	clear: both;
    }
    
    .navigation ul {
    	list-style: none;
    }
    
    
    .foop2{
        width: 65%;
        
    }
    
    .footer-img{
        width: 104px;
    }

    
    .j_nav_logo h3 a {
        color: #fff;
        text-decoration: none;
    }
    
    .j_wrap {
        width: 100%;
        height: auto;
    }
    
    .j_header_bgcolor {
        background: #232423;
        width: 100%;
    }
    
    
    .j_nav {
        /* height: 109px; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .j_nav_update {
        height: 80px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .j_nav .menu-item {
        list-style: none;
        display: inline-block;
    }
    
    .j_nav .menu-item,
    .j_nav .j_nav_logo {
        /* line-height: 109px; */
    }
    
    .j_nav .j_nav_logo {
        color: #fff;
        font-size: 18px;
    }
    
    .j_nav .menu-item {
        margin: 0 20px;
    }
    .j_nav .menu-item a:hover{
        /*background: red;*/
        border-bottom: 2px solid #fff;
        /*padding: 0 4px;*/
    }
    
    #menu-item-6 a:hover{
        background: #fff;
        color: #4e4e4e;
    }
    
    .menu-item:last-child a {
       
        padding: 6px 18px;
        border: 2px solid #FFF;
        border-radius: 7px;
    }
    
    .j_nav .menu-item a {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
    }

    
    /**banner模块**/
    
    .j_title_1 {
        text-align: center;
        max-width: 808px;
        margin: auto;
        color: #fff;
    }
    
    .j_banner_content {
        padding-bottom: 15.25rem;
        padding-top: 13rem;
    }
    
    .j_title_1 h3 {
        margin: 9px auto;
        font-weight: 300;
        font-size: 32px;
    }
    
    .j_title_1 p {
        line-height: 1.25;
        font-weight: 400;
        font-size: 18px;
    }
    
    .j_banner_bgurl {
        background: url("../img/about/about.a19bc362.jpg");
        background-repeat: no-repeat;
        background-position: 0;
        background-size: cover;
        position: relative;
    }
    
    .j_main_1 {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }
    
    /**模块2**/
    .far img {
        width: 50px;
    }
    
    /**模块3**/
    
    .j_padding {
        padding-top: 30px;
    }
    
    .j_header_title_2 {
        text-align: center;
    }
    
    .j_header_content_2 h3 {
        font-size: 26px;
        font-weight: 400;
    }
    
    .j_header_content_2 h3::after {
        content: "";
        display: block;
        width: 130px;
        border-bottom: 2px solid #000;
        margin: auto;
        padding: 9px 0;
    }
    
    
    /**头像模块**/
    
    .j_images_ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .j_images_ul .j_images_li {
        width: 24.8%;
        list-style: none;
        position: relative;
        height: 400px;
    }
    
    .j_images_ul .j_images_li .j_figure_1 {
        width: 139px;
        height: auto;
        border-radius: 50%;
        margin: auto;
        position: relative;
        z-index: 3;
    }
    
    .j_images_ul .j_images_li .j_figure_1 img {
        width: 100%;
        height: auto;
        max-width: 100%;
        border-radius: 50%;
        margin: auto;
    }
    
    .j_images_title {
        text-align: center;
        position: absolute;
        top: 76px;
        left: 0;
        z-index: 2;
        width: 100%;
    }
    
    .j_images_title_hover {
        border: 1px solid #000;
    }
    
    .j_images_content_title {
        display: block;
    }
    
    .j_images_content {
        margin: auto;
        display: none;
    }
    
    .j_images_title h3 {
        color: #0072a1;
        margin-top: 100px;
    }
    
    .j_images_content p {
        line-height: 2em;
    }
    
    .j_images_content p strong {
        color: #0072a1;
        font-size: 15px;
        display: block;
    }
    
    
    /**内容模块一**/
    
    .j_align h3 {
        text-align: center;
        font-weight: 400;
        font-size: 26px;
    }
    
    .j_align h3::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 230px;
        margin: 12px auto;
    }
    
    .j_align p {
        line-height: 2em;
        font-size: 18px;
    }
    
    .j_align p a {
        text-decoration: none;
        color: #3273dc;
    }
    
    .j_max_width {
        max-width: 960px;
    }
    
    
    
    /**内容模块2**/
    
    .j_article_content {
        display: flex;
        flex-direction: row;
    }
    
    .j_article_content {
        margin: 61px 0;
    }
    
    .j_margin {
        margin: auto;
    }
    
    .j_article_2_left,
    .j_article_2_right {
        width: 50%;
    }
    
    .j_award {
        padding: 0 0 16px;
        list-style: none;
        text-align: left;
    }
    
    .j_article_2_left_header h4::after,
    .j_article_2_right_header h4::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 106px;
        margin: 6px 0;
    }
    
    .j_article_2_list_header h4::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 175px;
        margin: 6px 0;
    }
    
    .j_article_2_list_header_3::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 109px;
        margin: 6px 0;
    }
    
    .j_article_2_list_header_4::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 239px;
        margin: 6px 0;
    }
    
    .j_article_2_list_header_5::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 151px;
        margin: 6px 0;
    }
    
    .j_article_2_list_header_6::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 134px;
        margin: 6px 0;
    }
    
    .j_article_2_list_header_7::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 192px;
        margin: 6px 0;
    }
    
    .j_article_2_list_header_8::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 301px;
        margin: 6px 0;
    }
    
    .j_article_2_list_header_9::after {
        content: "";
        display: block;
        border-bottom: 2px solid #000;
        width: 169px;
        margin: 6px 0;
    }
    
    .j_article_2_left_content,
    .j_article_2_right_content {
        margin: 30px 0;
    }
    
    .j_padding {
        padding: 99px 0;
    }
    
    .j_award p {
        font-size: 18px;
        line-height: 2em;
    }
    
    .j_award p span {
        color: #007aad;
    }
    
    .j_article_2_left_content_ul {
        max-width: 560px;
    }

    
    /*页脚*/
    
    .j_footer_1 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .j_footer_2 {
        color: #fff;
        display: flex;
        justify-content: center;
    }
    
    .j_footer_2_copy
    {
        text-align: center;
        margin: 45px 0 0 0;
    }

@media screen and (max-width:800px) {
	.ctive {
		display: block;
	}
	.j_box li a {
		text-align: left;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
	}
	.navigation {
		list-style: none;
		*zoom: 1;
		width: 150px;
		position: absolute;
		right: 10px;
		background: #fff0;
		top: 62px;
		z-index: 9999;
	}
	.j_box li a span.messages {
		text-align: center;
		top: 15px;
	}
	.navigation li ul {
		width: 100%;
	}
	.j_box ul {
		margin: 0;
		background: rgba(0,0,0,.7);;
		border-radius: 5px;
	}
	.nav1{
        height: 40px;
        position: absolute;
        top: 271px;
    }
	#cn{
    /*position: absolute;*/
    /*top: 209px;*/
}
	.navigation>li.hover>ul {
		width: 100%;
	}
	
	.navigation>li {
		float: none;
		width: 70%;
		margin: 8px 20px !important;
	}
	.navigation ul {
		display: block;
		width: 100%;
	}
	.navigation>li.hover>ul,
	.navigation li li.hover ul {
		position: static;
	}
	.navigation li a {
		border-top: 1px solid #fff0;
	}
	.navigation li:first-child a {
		border-top: none;
	}
	
	/*内容 12/17*/
	 .container{
	    width: 94% !important;
	    /*padding-right:0;*/
	    padding-left:0;
	}
	.j_content_section_1{
	    margin-top: 0;
	}
	.j_content_title {
        text-align: center;
        /*max-width: 380px;*/
        margin: 0 17px;
    }
    .j_content_list {
        /* margin: var(--j_margin_auto); */
       
         margin: 60px 17px 0 17px;
    }
	.j_content_list ul {
        display: block; 
    }
    .j_content_list ul li {
    list-style: var(--j_list_style);
     width: 100%; 
    text-align: center;
    margin: 20px 0;
    }
    .j_content_box_1 .j_content_title_1 {
        /*max-width: 380px;*/
        margin: 0;
        width: 100%;
    }
    .pc-video-body{
        width: 90%;
    }
    .pc-video-body .pc-video{
        width: 100%;
    }
    .j_content_img_title_1 {
       width: 100%;
        display: block;
    }
    .j_content_section{
        padding-top: 60px;
    }
    .col-md-6 {
    width: 100%;
    }
    .dmne-tab-inner ul li {
    margin: 5px 5px;
    display: block;
    
    }
    .j_blog_main-wrap{
        width: 100%;
    }
    .j_blog_main{
        width: 100%;
        display: block;
    }
    .j_wrap{
       width: 95%;
        margin: 100px 5px 0 5px;
    }
   .j_blog_list_right .j_blog_list_right_side{
       position: relative;
       margin: 0 0 20px 20px;
   }
   .j_content_register{
     margin-top: 0; 
     padding:  0; 
   }
   .j_article_register_input input{
       width: 90%;
   }
   .j_article_register_submit input{
       width: 100%;
   }
   .j_content_1_footer_button{
       padding: 30px 2px;
   }
   .j_video_mp4  video{
       width: 100%;
   }
   .j_video_title {
       top: 86px;
   }
   .j_video_title_content h3 {
    font-size: 18px;
    padding: 0 10px;
    }
    .j_video_title_icon{
        margin-top: 6px;
    }
    #xq{
        padding: 3px 26px;
    }
    .menu-item:last-child a{
        padding: 1px 4px;
    }
    .globle_t{
        padding: 0;
    }
    .w1200{
        max-width: 94% important;
    }
	
}
@media (min-width:1500px) {
    .j_video_title_content {
    max-width: 1200px;
}

 .thumb a img {
     height: 210px;
 }
 
 .j_video_title_content h3 {
    font-size: 73px;
    padding: 0 10px;
    }
}

@media (max-width:1500px) {
    .j_video_title{
        top: 34%;
    }
    
    .thumb a img {
     height: 210px;
 }
 
}

@media (max-width:1366px) {
	.j_box {
		width: 90%;
	}
	.j_video_title_content h3 {
    font-size: 51px;
    padding: 0 10px;
    }

    .j_content_img_title_1 {
    width: 32.28%;
    }
    
	.thumb a img {
     height: 210px;
    }
     
     .j_blog_main-wrap {
        width: 90%;
    }
}

@media (max-width:1280px) {
    .j_video_title{
        top: 18%;
    }
	.j_box {
		width: 90%;
	}
	.j_nav .menu-item {
    margin: 0 10px;
	}
	
    .j_content_img_title_1 {
    width: 32.28%;
    }
	
    .close-mask-btn-wrap {
    width: 83%;
    }
    
    .thumb a img {
     height: 210px;
    }
    
     .j_blog_main-wrap {
        width: 90%;
    }
}

@media (max-width:1024px) {
    
	.j_box {
		width: 90%;
	}
		.j_nav .menu-item {
    margin: 0 3px;
}

    .j_content_img_title_1 {
    width: 48.28%;
    }
    
    .close-mask-btn-wrap {
    width: 93%;
    top: 13%;
    }
    }

@media only screen and (min-width: 800px) and (max-width: 900px) {
     .j_video_title_content h3 {
    font-size: 45px;
    padding: 0 10px;
    }
    .j_video_title{
        top: 12%;
    }
    
	.j_content_list ul{
	    width: 750px;
	    min-width: 40%;
	}	
	.j_content_list{
	    margin: 20px;
	}
	.j_content_title{
	    margin: 10px 30px;
	}
	.j_content_section_1{
	    margin-top: 60px;
	}
	.j_content_box_1 .j_content_title_1{  
	    margin: 20px;
	}
	.j_content_img_title{
	    width: 750px;
	}
	.j_content_1_footer_button {
        padding: 60px 0;
	}
	.j_header_mian{
	    width: 800px;
	}
    .container{
	   width: 800px;
	}
	.navigation {
        list-style: none;
        zoom: 1;
        width: 112px;
        position: absolute;
        right: 10px;
        background: #fff0;
        top: 62px;
        z-index: 9999;
    }
    .j_nav{
        /*padding: 5px 40px;*/
    }
    .j_nav .menu-item {
        width: 70px;
        margin: 8px 20px;
        text-align: center;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        padding-bottom: 4px;
    }
    .menu-item:last-child a{
        padding: 0;
    }
    .j_box ul{
        margin: 0;
        background: rgba(0,0,0,.7);
        border-radius: 5px;
    }
    .nav1 {
        height: 40px;
        position: absolute;
        top: 271px;
    }
    #cn{
        text-align: center;
        padding: 8px 8px;
    }

    .j_content_img_title_1 {
    width: 100%;
    }
    
    .close-mask-btn-wrap {
    width: 81%;
    margin: 0 auto;
    top: 24%;
    }     
    
    #follow {
    margin-right: 0;
    margin-top: 24px;
    }
    }
    
@media only screen and (min-width: 900px) and (max-width: 1000px) {
    
    .container{
        width: 90%;
    }
    .col-md-6{
        width: 50%;
    }
    .j_top{
        width: 90%;
    }
    .j_blog_main-wrap{
        width: 100%;
    }
    .j_blog_main{
        width: 90%;
    }

    .j_content_img_title_1 {
    width: 100%;
    }
    
}

@media (max-width:798px) {
    .j_content_title .p-txt{
        font-size: 12px;
    }
    .j_content_list .j_content_list_title_1 p{
       font-size: 12px;
    }
    .j_video_title{
        top: 14%;
    }
    .j_video_title_content h3 {
    font-size: 22px;
    padding: 0 10px;
    line-height: 32px;
    }
    .j_video_title_icon {
        margin-top: 18px;
    }
	.j_box {
		width: 90%;
	}
	.j_nav .menu-item {
    
        border-bottom: 1px solid rgba(255,255,255,0.3);
        padding-bottom: 4px;
    }
    .j_nav{
        padding: 3px;
    }
    .j_header_mian h3{
        font-size: 23px;
    }
    #hz::after{
            width: 101px;
    }
    
    .j_content_img_title_1 {
    width: 100%;
    }
    
    .footer-img {
    width: 70px;
    }
    
    #follow {
    margin-right: 0;
    margin-top: 24px;
    }
    
    .foop2{
        width: 77%;
        
    }
}

@media (max-width:640px) {
	.j_box {
		width: 90%;
	}
	
    .j_video_title{
        top: 10%;
    }
    
    .j_video_title_icon {
    margin-top: 40px;
    }
    
    .j_video_title_content h3 {
    font-size: 22px;
    padding: 0 10px;
    line-height: 32px;
    }
}

@media (max-width:480px) {
	.j_box {
		width: 90%;
	}
	
    .j_video_title{
        top: 7%;
    }

    .j_video_title_icon {
    margin-top: 25px;
    }
    .j_video_title_icon {
    font-size: 16px;
    }
}

@media (max-width:450px) {
	.j_box {
		width: 90%;
	}
	
    .j_video_title{
        top: 7%;
    }
    
    .j_video_title_content h3 {
    font-size: 21px;
    padding: 0 10px;
    line-height: 32px;
    }
}

@media (max-width:320px) {
	.j_box {
		width: 90%;
	}
	
    .j_video_title{
        top: 6%;
    }
    
    .j_video_title_content h3 {
    font-size: 18px;
    padding: 0 10px;
    line-height: 32px;
    }
    
    .j_video_title_icon {
    font-size: 13px;
    }
    .j_video_title_icon {
        margin-top: 13px;
    }
}

.foop {
    color: #fff;
    display: block;
    padding-bottom: 17px;
    font-size: 18px;
}

.foop-1 a {
    color: #fff;
    display: block;
    font-size: 14px;
}

.foop a {
    color: #fff;
}

.gsjj {
    font-size: 30px
    
}

.foop a {
    color: #fff;
}

@media screen and (max-width:800px) {
 .gsjj {
    font-size: 20px
}
}
.b_btn{
    height: 50px;
}   


/*视频*/
.wp-video{
    width: 100% !important;
    
}

.wp-video-shortcode{
    width: 100% !important;
    height:100%;
}


@media (max-width: 321px){
 .j_video_title_content h3 {
    font-size: 16px;
    padding: 0 10px;
    line-height: 44px;
}
}

.b-title{
    color: #007aad;
    font-size: 18px;
}

.swiper-slide {
    border-radius: 6px;
    
}

.j_content_img_title_1 div img {
    box-shadow: 0 2px 5px 0 rgba(10, 10, 10, 0.5)
    
}

.case .case_ll {
    overflow: hidden;
}


.case .case_ul li img {
	max-width: 100%;
	max-height: 210px;
	border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(10, 10, 10, 0.5)
}

.case .case_ll li:not(:nth-child(3n+3)) {
	margin-right: 35px;
}

@media screen and (max-width: 800px){
.case .case_ll li:not(:nth-child(3n+3)) {
    margin-right: 0px;
}

	
	.foop {
    font-size: 12px;
    }
    
    .foop-1 {
    font-size: 12px;
    }
    
    .foop2 {
    position: absolute;
    top: 53px;
    left: 48px;
    }

    .j_footer_1 {
    /* display: flex; */
    display: block;
    }
    
    .icon {
        width: 18px;
    }
}

@media (max-width: 340px) {
.j_video_title {
    top: 7%;
}
}

.swiper-slide img {
    height: 210px;
}  

@media screen and (max-width: 800px){
    .swiper-slide img {
        height: 205px;
        
    }
    
    .thumb a img {
        height: 205px;
     }
}

@media screen and (max-width: 600px){
.swiper-slide img {
    height: 200px;
    }

    .thumb a img {
        height: 200px;
    }
    
    .case .case_ul li:not(:nth-child(3n+3)) {
    margin-right: 0px;
    }
    
    .case .case_ul li {
        float: left;
        margin-bottom: 20px;
        position: relative;
    }
}

@media screen and (max-width: 400px){
.swiper-slide img {
    height: 180px;
    }

    .thumb a img {
        height: 180px;
    }
}

@media screen and (max-width: 350px){
.swiper-slide img {
    height: 160px; 
    }

    .thumb a img {
    height: 164px; 
    }
}

@media screen and (max-width: 320px){
.swiper-slide img {
    height: 145px;
    }

    .thumb a img {
    height: 160px; 
}
}