/*全局样式**************************************/
@charset "utf-8";
/* CSS Document */

body{overflow-x: hidden; padding: 0; margin: 0; width: 100%; font-size: 14px }
		img,div,ul,li{padding: 0; margin: 0; color: #666; list-style: none; font-family: "微软雅黑" "Microsoft YaHei" }
a{cursor: pointer}
@font-face{font-family: "微软雅黑" "Microsoft YaHei"}
span{font-family: "微软雅黑" "Microsoft YaHei"}
button{outline:none}
a:hover{text-decoration: none}

.head_bg{background:url(../images/head_bg.png) no-repeat center #fff; width: 100%;}

.nav-group { float: left; font-size: 17px; width: 100%;}
.nav-group ul li	{ float:left; list-style:none; line-height: 20px;}
.nav-group ul li { text-align:left; margin-left: 30px;}
.nav-group ul li a{ text-decoration:none; color:#000000;}
.nav-group ul li a:hover{ color:#da0000; text-decoration:none;}
.nav-group ul li .active{	color:#da0000;}
.menu-text{font-size: 14px;}
.nav-group_l{width: 21%; float: left;}
.nav-group_l img{width: 100%; margin-top: 10%;}
.nav-group_r{ float: right; margin-top:2.5%; padding-bottom: 5px;}
.nav-group_r_mob{float: right; display: none; width: 5.5%; margin-top: 2%;}
.nav-group_r_mob img{width: 100%;}
#open_nav{}
#close_nav{display: none;}

.mob_nav{width: 100%; background: #fff; box-shadow: 0 0 5px;
    float: left; position:absolute; top:5.5%; left: 0; z-index: 999; display: none;}
.mob_nav ul,.mob_nav ul li{float: left; width: 93%; display: inline;}

.mob_nav ul li{border-bottom: 1px dashed #DFDFDF; line-height: 40PX; padding-top: 10px;}
.mob_nav ul li a{float: left; text-align: center; font-size: 18px; color: #666;}
.mob_nav ul li a span{padding-left: 8px; color: #999;}

/**/
.sp_left{width: 74%; min-height: 100px; float: left; color: #303030; margin-top: 50px; padding-bottom: 23px; border-bottom: 1px dashed #dfdfdf;}
.sp_title{width: 100%;}
.sp_title ul{float: left; width: 100%; text-align: center; font-size: 18px;}
.sp_title ul.tit_h{background:url(../images/sp_tit.png) no-repeat center; height: 32px;}
.sp_title ul h2{font-size: 25px; color: #000; line-height: 32px; padding: 0; margin: 0;}
.sp_title ul h2 span{color: #da0000;}
.sp_left p{font-size: 18px; color: #303030; line-height: 38px; width: 100%; float: left; margin: 0; padding-top: 20px; letter-spacing: 2px; }
.sp_left_buton{width: 95%; margin-left: 2.5%; height: 75px; line-height: 75px; border: 1px solid #dfdfdf; border-radius: 8px; background-color: #fff;
    text-align: center; color: #da0000; font-size: 18px; margin-top: 20px;}
.sp_left_buton i{font-size: 14px;}
.sp_left_buton:hover{ color: #666; background: #f6f9fa;}
.sp_right{width: 23%; margin-left: 3%; min-height: 200px; background: #fff;float: left; box-shadow: 0 0 5px #ccc; margin-top: 40px;}
.sp_right_img{margin: 5%; width: 90%;}
.sp_right_img img{width: 100%;}

.works{background:url(../images/index_zpbg.png) no-repeat center top; background-size: cover; width: 100%; margin-top: 33px; min-height: 300px; padding-bottom: 50px;}
.works_tit_h{background:url(../images/tit2.png) no-repeat center; height: 32px; width: 100%; text-align: center; margin-top: 40px;}
.works_tit_h h2{font-size: 25px; color: #000; line-height: 32px; padding: 0; margin: 0;}
.works_tit_h h2 span{color: #da0000;}
.works_list{width: 95%; margin-left: 2.5%; background: #fff; border-radius: 10px; float: left; margin-top: 10%;}
.works_list:hover{box-shadow: 0 0 5px #ccc; cursor: pointer; }
.works_list ul.list_img{margin: 10% 10% 0 10%; width: 80%; float: left;} .works_list ul.list_img img{width: 100%; box-shadow: 0 0 5px #ccc;}
.works_list ul.list_title{text-align: center; float: left; width: 70%; margin: 5% 15%; border-top: 1px dashed #dfdfdf; font-size: 18px; padding-top: 5%;}

/*footer*******************************/
.footer {background-color:#FFFFFF; text-align: center; font-size: 16px; border-top: 1px dashed #dfdfdf;  line-height: 23px;
    padding:40px ;font-family:"Microsoft YaHei"; float: left; width: 100%;}
    @media screen and (max-width:468px){
        .footer {}
        .footer span{display: block;}
    }



/*生平*/
.sp_top{background:url(../images/top_sp.png) no-repeat center; width: 100%; height: 145px;}
.tab_nav{float: right; margin-top: 92px; width: 60%;}
.tab_nav ul,.tab_nav ul li{float:left;}
.tab_nav ul{width: 100%; margin: 0;}
.tab_nav ul li{width: 32%; margin-left:1%;}
.tab_nav ul li a{width:100%; float: left; line-height: 52px; text-align: center; font-size: 20px; color: #000;
 border-top-left-radius: 10px; border-top-right-radius: 10px; 
 border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 0;}
 .tab_nav ul li a:hover{border-color: #da0000; color: #da0000; text-decoration: none;}
 .tab_nav ul li.tab_nav_act a{ line-height: 57px; margin-top: -6px; border-width: 2px; border-color: #da0000; color: #da0000;}
 .tab_nav_mb{margin-bottom: 0;}
.introduce_b{background:url(../images/index_zpbg.png) no-repeat center top; width: 100%; height: 630px; float: left;}
.nv_tit{font-size: 16px; line-height: 50px;}.nv_tit span{color: #da0000;}
.jianjie_text{font-size: 18px; line-height: 35px; margin-top: 30px; width: 100%; float: left;}




/*作品集*/
.works_top{width: 100%;}.works_top img{width: 100%;}
#bookimg01{}#bookimg02{ display: none;}
.books_list{margin:1% 0 3% 0;}
.books_list div{margin-top: 3%;}
@media screen and (max-width:1200px){
    #bookimg01{display: none;}#bookimg02{ display:inherit;}
}

/*作品展示*/
.worksshow_top{background:url(../images/works_top.png) no-repeat center; width: 100%; height: 145px;}
.works_main{width: 100%; float: left; margin-top: 1.5%;}
.works_img{ width:96%; margin: 0 2%; overflow:hidden; background-color: #fff;} 
.works_img img{width: auto;height: auto;max-width: 100%;max-height: 100%;
    position:relative; left: 50%; top: 50%; transform: translate(-50%, -50%); 	} 

.works_img_tell{ width:96%; margin: 0 2%; background-color: #fff; float: left;}
.works_img_tell img{width: 100%;}
.works_img_tell{display: none;}

.pre_left,.pre_left2{background:url(../images/left_01.png) no-repeat center ; width: 69px; position: absolute; left:20px; z-index: 6;}  
.pre_left:hover,.pre_left2:hover{background:url(../images/left_01_2.png) no-repeat center; cursor: pointer;}
.next_right,.next_right2{background:url(../images/right_01.png) no-repeat center ; width: 69px; position: absolute; right:20px; z-index: 6;} 
.next_right:hover,.next_right2:hover{background:url(../images/right_01_2.png) no-repeat center; cursor: pointer;}
.pre_left2,.next_right2{display: none;}

.works_img_list{width: 94%; margin:1.5% 3%; float: left; overflow: hidden;}
.thumbnail_b{width: 93%; margin:0 3.5%; float: left; }
.thumbnail_b ul{width: 100%; float: left; padding: 0; margin: 0;}.thumbnail_b ul li{float: left;}
.thumbnail_b ul li.thumbnail_box{width:11.35%; border: 1px solid #dfdfdf; margin-left: 1%; margin-bottom: 1%;}
.thumbnail_b ul li.thumbnail_box:hover{cursor: pointer; box-shadow: 0 0 5px #ccc;}
.thumbnail_b ul li.thumbnail_box.thumbnail_box_act{border: 1px solid #da0000;}
.thumbnail_b ul li.thumbnail_box img{width: auto; height: auto; max-width: 100%; max-height: 100%;
    position:relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    .list_prev{background:url(../images/jt_left.png) no-repeat center #dedede; background-size: auto;
         width: 3%; border: 1px solid #dfdfdf; position: absolute; left:2.5%; z-index: 5; }
    .list_prev:hover{background:url(../images/jt_left.png) no-repeat center #f7f7f7; background-size: 45%;}

    .list_next{background:url(../images/jt_right.png) no-repeat center #dedede; background-size: auto;
        width: 3%; border: 1px solid #dfdfdf; position: absolute; right:2.5%; z-index: 5;}
    .list_next:hover{background:url(../images/jt_right.png) no-repeat center #f7f7f7; background-size: 45%;}

    @media screen and (min-width:768px) and (max-device-width:1200px){
        .list_prev{background-size: 50%;}
        .list_prev:hover{background-size: 45%;}
        .list_next{background-size: 50%;}
        .list_next:hover{ background-size: 45%;}
    }
    @media screen and (min-width:520px) and (max-device-width:760px){
        .thumbnail_b ul li.thumbnail_box{width:15.5%;}
        .list_prev{background-size: 50%; width: 4%;}
        .list_prev:hover{background-size: 45%;}
        .list_next{background-size: 50%; width: 4%;}
        .list_next:hover{ background-size: 45%;}

    }
    @media screen and (max-width:519px){
        .works_img{ display: none; } 
        .works_img_tell{display: inherit;}
        .pre_left{display: none;}
        .next_right{display: none;}
        .pre_left2{display:inherit; z-index: 999;}
        .next_right2{display:inherit; z-index: 999;}


     .works_img_list{display: none;}

    }


/*媒体报道*/
.report_top{background:url(../images/news_top.png) no-repeat center; width: 100%; height: 145px;}
.report_tit{background:url(../images/report_tit.png) no-repeat left; height: 32px; color: #000; width: 100%; float: left;
font-size: 21px; text-indent: 88px; margin-top: 30px;}
.report_tit span{color: #da0000;}
.report_list{width: 100%; float: left; margin: 10px 0;}
.report_list ul{float: left; width: 100%;} .report_list ul li{float: left; list-style: none;}
.report_list ul.report_lx{border-bottom: 1px dashed #dfdfdf; padding: 20px 0;}
.report_list ul li.report_lx_img{width:9%; height: 90px; border: 1px solid #dfdfdf; margin-right: 2%;}
.report_list ul li.report_lx_img img{width: auto; height: auto; max-width: 100%; max-height: 100%;
    position:relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    .report_list ul li.report_lx_text{width:88% ; height: 85px; overflow: hidden;}
    .report_list ul li.report_lx_text h4{font-size: 18px; font-weight: bold; height: 20px; overflow: hidden;}
    .report_list ul li.report_lx_text p{ font-size: 16px; padding: 0; margin: 0;}
    .report_list a{color: #303030;}.report_list a:hover{text-decoration: none;}

/*媒体报道详情*/
.detail_left{width: 70%; float: left; color: #303030;}
.detail_left h4{text-align: center; font-size: 18px; font-weight: bold; width: 100%; border-bottom: 1px dashed #dfdfdf; 
    height: 35px; line-height: 35px;}
    .detail_left span{font-size: 14px; color: #666666; text-align: center; width: 100%; float: left;}
    .detail_left p{font-size: 16px; line-height: 38px; padding-top: 40px; width: 100%;}
    .detail_left p img{max-width: 100%; width: auto;}
.detail_right{ width: 28%; margin-left: 2%; float: left;}
.more_report{width: 100%; float: left; margin-top: 15px;}
.more_report ul,.more_report ul li{float: left; width: 100%;}
.more_report ul li{ height: 39px; overflow: hidden; margin-top: 3px;}
.more_report ul li a{background:url(../images/list_i.png) no-repeat; background-position: 8px 15px; font-size: 16px; text-indent: 20px;
    width: 100%; float: left; height: 36px; line-height: 36px; border-bottom: 1px dashed #dfdfdf; color: #303030;}
.more_report ul li a:hover{color: #da0000; text-decoration: none;}

/**适配样式***/
@media screen and (max-width:760px){
    .sp_top{background:url(../images/top_sp2.png) no-repeat center;}
    .tab_nav{margin-top:0; width:100%; position:relative;top:160px;}
    .tab_nav ul li{width:100%; margin-left:0; margin-top: 3px;}
    .tab_nav ul li a{border-radius: 10px; border: 1px solid #000; font-size: 18px;}
    .tab_nav ul li.tab_nav_act a{margin-top:0; background-color: #da0000; color: #fff;}
    .tab_nav_mb{margin-bottom:170px;}
    .worksshow_top{background:url(../images/works_top2.png) no-repeat center;}
    .report_top{background:url(../images/news_top2.png) no-repeat center;}

    .detail_left{width: 100%; }
    .detail_right{ width: 100%; margin-left: 0;}


}
@media screen and (max-width:1000px){
    .nav-group_r{display: none;}
    .nav-group_r_mob{display:inherit;}
    .works_list{width: 100%; margin-left: 0;}
    .pre_left,.pre_left2{width: 45px; background-size: 80%;}.pre_left:hover,.pre_left2:hover{background-size: 80%;}
    .next_right,.next_right2{width: 45px;background-size: 80%;}.next_right:hover,.next_right2:hover{width: 45px;background-size: 80%;}

    .report_list ul li.report_lx_img{width:15%;}
    .report_list ul li.report_lx_text{width:82% ;}

}


@media screen and (min-width:218px) and (max-device-width:1200px){
    .container{width: 100%!important;}

}
@media screen and (max-width:1024px){
    .sp_left p{font-size: 16px; line-height:28px;padding-top: 10px; letter-spacing: 0; }
    .sp_left_buton{height: 60px; line-height: 60px;}
    

}
@media screen and (max-width:900px){
    .sp_left p{padding-top: 0px; letter-spacing: 0; }
    .sp_left_buton{height: 50px; line-height: 50px;}
     
}

@media screen and (max-width:660px){
    .sp_left{width: 100%;}
    .sp_right{display: none;}
    .nav-group_l{width: 30%;}
}

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

    .report_list ul li.report_lx_img{width:18%;}
    .report_list ul li.report_lx_text{width:79% ;}
}
@media screen and (max-width:500px){

    .report_list ul li.report_lx_img{width:24%;}
    .report_list ul li.report_lx_text{width:73% ;}
}
@media screen and (max-width: 390px) {
    .mob_nav ul li a span {display: none;}
}