/*
* @Author: 芝麻通
* @Date:   2024.05.01
* @  www.zhimatong.com
* @  weixin:zhimatong
*/
*,a {
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0; 
	font-family: "微软雅黑";
}
body{
	margin: 0 auto;
}
span{
	margin: 0;
	padding: 0;
}
.top{
	position: absolute;
	width: 1200px;
	height: 68px;
	left:50%;
	margin-left: -600px;
	margin-top: 30px;
}
.top img{
	float: left;
}
.lg_tt{
	text-align-last:justify;
	text-justify:distribute-all-lines;
	float: left;
	width: 225px;
	margin-left: 25px;
}
.lg_tt h1{
	font-weight: normal;	
	font-size: 31px;
}
.lg_tt h2{
	margin-top: 8px;
	width: 225px;
	font-size: 12px;
	color: #737270;
}
.lg_gt{
	float: right;
}
.nav-button-1{	
    float: left;
    text-align: center;
    width: 116px;
    line-height: 50px;		
}
.nav-button-1 span{
	width: 100%;
	font-size: 16px;
	color: #333;
	line-height: 68px;
	display: inline-block;
}
.nav-button-1:hover{
	background: #8B4513;
}
.nav-button-1 span:hover{
	color: white;
}
.nav-button-1:hover ul{
    width: 100%;
    max-height: 500px;
}
.top_li_ul{
    list-style: none;
    background-color: white;
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.3s;
    -moz-transition: height 1s;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
}
.top_li_ul_li{
	float: left;
	text-align: center;	
}
.top_li_ul li a{
	color: #333;
	display: inline-block;
	width: 116px;
	height: 50px;
}
.top_li_ul a:hover{
	color: white;
	background: #8B4513;
}
.top_bg{
	width: 100%;
	height: 589px;
}
.search{
	width: 1200px;
	height: 150px;
	background: white;
	border-radius:5px;
	margin: 0 auto;
	margin-top:-80px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	box-shadow: 0px 5px 10px #00000014;
}
.search input{
	outline: none;
	border:none;
	width: 904px;
	height: 58px;
	background: #f5f5f5;
	border-radius: 5px 0px 0px 5px;	
	margin-left: 42px;
	margin-top: 40px;
	text-indent: 2em;
	float: left;
	font-size: 16px;
	color: #777;
}
.sea_btn{
	width: 213px;
	height: 58px;	
	background: #8B4513;
	outline: none;
	border:none;
	border-radius: 0 5px 5px 0;
	float: left;
	margin-top: 40px;
	text-align: center;
	font-size: 21px;
	color: white;
}
.sea_btn:hover{
    background: #b70f17;
    cursor: pointer;
}
.sea_btn::after{
	content: url(img/search.png) ;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}
.search ul{
	float: left;
	margin-top: 18px;
	margin-left: 42px;
}
.search ul li{
	float: left;
	margin-right: 15px;
}
.search ul li a{
	color: #777;
	font-size: 12px;
}
.ditty-bg{
	float: left;
	width: 100%;
	height: auto;
	background: #f8f8f8;
}
.ditty{
	width: 1200px;
	margin:0 auto;
	margin-top:45px;
	margin-bottom: 80px;
}
.ditty h3{
    float: left;
    font-size: 27px;
    color: white;
    line-height: 27px;
    border-bottom: 2px solid #8B4513;
    padding: 10px;
    background: #8B4513;
    border-radius: 5px 5px 0 0;
}
.ditty-more a{
	margin-top: 20px;
	float: right;
	color: #cf936c;
}
.ditty-more a::after{
	content: url(img/more.png);
	margin-left: 7px;
}
.ditty-describe{
	float: left;
	width: 1200px;
	padding-top: 43px;
	border-top: 2px solid #8B4513;
}
.ditty-describe ul{
	float: left;
	width: 1220px;
}
.ditty-describe ul li{
	float: left;
    margin-right: 13px;
    margin-bottom: 60px;
    position: relative;
    width: 230px;
    height: 200px;
    overflow: hidden;
    border-radius: 5px;
}
.ditty-describe ul li a img{
	width: 230px;
	height: 200px;
	display: block;
    transform: scale(1);  
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);  
    -webkit-transform: all 1s ease 0s; 
}
.ditty-describe ul li a img:hover  {
    transform: scale(1.1);  
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);  
    -webkit-transform: all 1s ease 0s;   
}
.ditty-describe ul li a span{
	position: absolute;
    color: white;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
    background-color: rgba(0,0,0,0.2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0 0 5px 5px;
}
.Tool{
    width: 110%;
}
.Performance-Tool{
	float: left;
	margin-top: 43px;
}
.Performance-Tool ul{
	float: right;
}
.Performance-Tool ul li{
	float: left;
	margin-right: 17px;
	margin-bottom: 50px;
	position: relative;
	width: 235px;
	height: 190px;
	overflow: hidden;
}
.Performance-Tool ul li a img{
	border-radius: 5px;
	display: block;
    transform: scale(1);  
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);  
    -webkit-transform: all 1s ease 0s; 
    object-fit: contain;
}
.Performance-Tool ul li a img:hover  {
    transform: scale(1.1);  
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);  
    -webkit-transform: all 1s ease 0s;   
}
.Performance-Tool ul li a span{
	position: absolute;
    color: white;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
    background-color: rgba(0,0,0,0.2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0 0 5px 5px;
}
/*.activity-bg{*/
/*	width: 100%;*/
/*	height: auto;*/
/*	background: #f8f8f8;*/
/*}*/
.activity{
	padding-top: 50px;
	width: 1200px;
	/*height: 691px;*/
	margin:0 auto;
	/*background: #f8f8f8;*/
}
.activity h3{
	margin-top:80px;
	float: left;
	font-size: 27px;
	color: white;
	line-height: 27px;
	border-bottom: 2px solid #8B4513 ;
	padding: 10px ;
	background: #8B4513;
	border-radius: 5px 5px 0 0 ;
}
.activity h3 span{
	font-weight: normal;
	margin-left: 19px;
	font-size: 19px;
	color: #999;
	line-height: 27px;
}
.activity-more{	
	margin-top:100px;
	float: right;
	color: #cf936c;
}
.activity-more a{
	color: #cf936c;
}
.activity-more::after{
	content: url(img/more.png);
	margin-left: 7px;
}
.activity-describe{
	float: left;
	width: 1200px;
	padding-top: 43px;
	border-top:2px solid #8B4513;
}
.activity-describe ul{
	float: left;
	width: 1220px;
}
.activity-describe ul li{
	float: left;
    margin-right: 13px;
    margin-bottom: 60px;
    position: relative;
    width: 230px;
    height: 200px;
    overflow: hidden;
    border-radius: 5px;
}
.activity-describe ul li img{
	width: 230px;
    height: 200px;
	display: block;
    transform: scale(1);  
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);  
    -webkit-transform: all 1s ease 0s;
}
.activity-describe ul li a img:hover  {
    transform: scale(1.1);  
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);  
    -webkit-transform: all 1s ease 0s;   
}

.activity-describe ul li a span{
    position: absolute;
    color: white;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
    background-color: rgba(0,0,0,0.2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0 0 5px 5px;
}
.onlinebooks_bg{
	float: left;
    width: 100%;
    height: auto;
    background: #f8f8f8;
}
.onlinebooks{
	width: 1200px;
	margin:0 auto;
}
.onlinebooks h3{
    margin-top: 80px;
    float: left;
    font-size: 27px;
    color: white;
    line-height: 27px;
    border-bottom: 2px solid #8B4513;
    padding: 10px;
    background: #8B4513;
    border-radius: 5px 5px 0 0;
}
.onlinebooks h3 span{
	font-weight: normal;
	margin-left: 19px;
	font-size: 19px;
	color: #999;
	line-height: 27px;
}
.onlinebooks-more{	
	margin-top:80px;
	float: right;
	color: #cf936c;
}
.onlinebooks-more::after{
	content: url(img/more.png);
	margin-left: 7px;
}
.onlinebooks-describe{
	border-top: 2px solid #8B4513;
	float: left;
	width: 1200px;
	padding-top: 43px;
}
.onlinebooks-describe ul{
	float: left;
	/*width: 1220px;*/
	width: 1250px;
}
.onlinebooks-describe ul li{
	/*float: left;*/
 /*   margin-right: 13px;*/
 /*   margin-bottom: 60px;*/
 /*   position: relative;*/
 /*   width: 230px;*/
 /*   height: 210px;*/
 /*   overflow: hidden;*/
 /*   border-radius: 5px;*/
    width: 200px;
    float: left;
    margin-right: 50px;
    margin-bottom: 40px;
    position: relative;
    
}
.onlinebooks-describe ul li a img{
    /*width: 230px;*/
    /*height: 210px;*/
    /*display: block;*/
    /*transform: scale(1);*/
    /*transition: all 1s ease 0s;*/
    /*-webkit-transform: scale(1);*/
    /*-webkit-transform: all 1s ease 0s;*/
    border-radius: 5px;
    width: 200px;
    height: 200px;
    object-fit: contain;
    float: left;
}
.onlinebooks-describe ul li a img:hover  {
    transform: scale(1.1);  
    transition: all 0.4s ease 0s;
    -webkit-transform: scale(1.1);  
    -webkit-transform: all 1s ease 0s;   
}

.onlinebooks-describe ul li a span{
	/*position: absolute;*/
 /*   color: white;*/
 /*   left: 0;*/
 /*   bottom: 0;*/
 /*   width: 100%;*/
 /*   box-sizing: border-box;*/
 /*   padding: 12px 20px;*/
 /*   background-color: rgba(0,0,0,0.2);*/
 /*   overflow: hidden;*/
 /*   text-overflow: ellipsis;*/
 /*   white-space: nowrap;*/
 /*   border-radius: 0 0 5px 5px;*/
 color: #333;
    margin-top: 10px;
    float: left;
    display: inline-block;
    width: 200px;
    text-align: center;
}
.onlinebooks-describe ul li a span:hover{
    font-weight: 600;
    color: #8b4513;
}
.artists{
	width: 1200px;
	height: 691px;
	margin:0 auto;
	background: #f8f8f8;
}
.artists-describe {
    float: left;
    width: 1200px;
    padding-top: 43px;
    border-top: 2px solid #8B4513;
}
.artists-describe ul{
	float: left;
	width: 1250px;
}
.artists-describe ul li{
	width: 200px;
    float: left;
    margin-right: 50px;
    margin-bottom: 40px;
    position: relative;
}
.artists-describe ul li a img{
	border-radius: 5px;
    width: 200px;
    height: 200px;
    object-fit: contain;
    float: left;
}
.artists-describe ul li a img:hover{
        transform: scale(1.1);  
    transition: all 0.4s ease 0s;
    -webkit-transform: scale(1.1);  
    -webkit-transform: all 1s ease 0s;
}
.artists-describe span{
    color: #333;
    margin-top: 10px;
    float: left;
    display: inline-block;
    width: 200px;
    text-align: center;
}
.artists-describe span:hover{
    color: #8B4513;
    font-weight: 600;
}
.list_bg{
	background: url(img/bgtb.png);
	height: 100%;
	float: left;
	width: 100%;
}
.list_content{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 115px;
}
.list_left{
	float: left;
	width: 351px;
	height: auto;
	background:white;
	border-radius: 5px ;
	text-align: center;
	margin-bottom: 40px;
}
.list_left p{
	width: 100%;
	height: 57px;
	line-height: 57px;
	font-weight: bold;
	font-size: 21px;
	color: white;
	background: #8B4513;
	border-radius: 5px 5px 0 0;
}
.list_left p::before{
	content: url(img/fnlg.png);
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
}
.list_left ul{
	text-align: left;
	
}
.list_left li{
	padding-left: 40px;
	height: 61px;
	border-bottom: 1px solid #e2e2e2;
}
.list_left li a{
	height: 61px;
	display: inline-block;
	width: 250px;
	overflow: hidden;
	font-size: 21px;
	color: #333;
	line-height: 61px;
	transition:all 0.5s;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list_left li a::before{
	content: url(img/flwz.png);
	margin-right: 21px;
	display: inline-block;
	vertical-align: middle;
}
.list_left li a:hover{
	color:#8B4513;
	font-weight: bold; 
}
.list_left li a:hover::before{
	content: url(img/flxz.png);
	margin-right: 21px;
	display: inline-block;
	vertical-align: middle;
}
.list_right{
	width: 820px;
	float: right;	
	margin-bottom: 40px;
}
.list_right_md{
	padding:29px 41px ; 
	border-radius: 5px;
	background: white;
	width: 738px;
	float: left;
}
.list_right_md_tt{
	border-bottom:1px solid #e2e2e2;
	width: 100%;
	height: 26px;
	float: left;
	padding-bottom: 28px;
}

.list_right_md_tt p{
	margin-bottom: 15px;
	font-size: 20px;
	color: #8B4513;
	font-weight: bold;
	float: left;
	border-left: 4px solid #8B4513;
	line-height: 26px;
	padding-left: 10px;
}
.list_right_md_tt span{
	font-size: 12px;
	color: #8B4513;
	float: right;
}
.list_right_md_tt span::before{
	content: url(img/icon17.png);
	display: inline-block;
	vertical-align: middle;
	margin-right:10px;
}
.list_right_md_tt span a{
	color: #8B4513;
}
.list_right_content_art_tt{
    text-align: center;
	margin-top: 32px;
	font-size: 30px;
}
.list_right_content_art_ms{
	text-align: center;
	margin-top: 20px;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
}
.list_right_content_art_ms ul{
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}
.list_right_content_art_ms li{
	float: left;
	font-size: 14px;
	color: #999;
	padding: 0 5px;
}
.list_right_content_art_ms li span{
	margin-left: 5px;
	font-size: 14px;
	color: #333;
}
.list_right_content_tt_t{
	float: left;
	margin-bottom: 20px;
}
.list_right_content_art_bd{
	margin-top: 20px;
	float: left;
	padding-bottom: 30px;
	line-height: 24px;
	width: 100%;
}
.list_right_content_art_bd img{
     border:0;
    margin:0;
    padding:0;
    max-width:590px;
    width:expression(this.width>590?"590px":this.width);
    height:expression(this.height>590?"590px":this.height);
    display: inline-block;
        object-fit: cover;
}
.list_right_content{
	width: 100%;
	height: auto;	
	float: left;
}
.list_right_content_tt{
	font-size: 18px;
	color: #333;
	padding-bottom: 15px;
	float: left;
}
.list_right_content_ll{
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #e2e2e2;
	line-height: 23px;
}
.list_right_content_ll a:hover{
    color: #8B4513;
}
.list_right_content_cn{
	text-indent: 2em;
	margin-top: 10px;
	width: 738px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4; 
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.list_right_content .more{
	font-size:14px;
	background: #D3B053;
	color: white;
	width: 160px;
	display: block;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
    transition: all 0.5s;
}
.list_right_content .more:hover{
	background: #8B4513;
	color: white;
}
.list_right_content_art_ln{
    border-top: 1px solid #e2e2e2;
	width: 100%;
	float: left;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.list_right_content_art_ln p{
	line-height: 30px;
}
.list_right_content_art_ln a:hover{
	text-decoration: underline;
}
.list_right_fy{
	text-align: center;
	margin-top: 30px;
	width: 100%;
	float: left;
	margin-bottom: 39px;
}
.list_right_fy li{
    float: left;
    margin-left: 15px;
}
.list_right_fy_ul{
    display: inline-block;
}
.list_right_fy a{
	padding:8px 16px;
	background: #eee;
	color: #333;
	font-size: 14px;	
	border-radius:3px; margin-right: 8px;
}
.list_right_fy a:hover,.list_right_fy a.now{
	background: #8B4513;
	color: white;
	transition:all 0.5s;
}
.foot{
	min-width: 1200px;
	float: left;
	width: 100%;
	text-align: center;
	height: 98px;
	background: #8B4513;
	line-height: 98px;
}
.foot p{
	color: white;
	width: 1200px;
	font-size: 14px;
	margin: 0 auto;
}
.prod-right-title{
    clear: both;
    padding-bottom: 30px;
    margin-top: 30px;
    height: auto;
    float: left;
    width: 100%;
}
.prod-right-title img{
    float: left;
    display: block;
    float: left;
    margin-right: 30px;
    height: 30%;
}
.prod-right-title ul{
    float: left;
    line-height: 200%;
}
.downloadpdf{
    color: #8B4513;;
}
.search_content{
    width: 1200px;
    margin: 0 auto;
    margin-top: 113px;
    height: auto;
    background: white;
    border-radius: 5px;
}

.search_content li{
    width: 1120px;
    padding: 10px 40px;
    line-height: 23px;
}

.search_right_content{
    width: 100%;
    height: auto;
    float: left;
    background: white;
    border-radius:  5px 5px 0 0;
}
.search_right_content_ll{
    width: 100%;
     text-indent: 2em;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: auto;
    float: left;
    background: white;
}
.search_fy{
    background: white;
    text-align: center;
    padding: 30px 0;
    width: 100%;
   
    margin-bottom: 39px;
    height:20px ;
    border-radius: 0 0 5px 5px ;
}
.search_content_cn_more{
    font-size: 14px;
    background: #D3B053;
    color: white;
    width: 160px;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    transition: all 0.5s;
}
.search_right_content_tt{
   	font-size: 18px;
	color: #333;
	padding-bottom: 10px;
	float: left;
}
.search_content_cn{
    width: 100%;
    display: inline-block;
    text-indent: 2em;
}
.list_right_content_lazy{
	margin-top: 10px;
	width: 250px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4; 
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.list_right_content_lazy_cn{
    margin-top: 10px;
    height: 50px;
    overflow: hidden;
    text-indent: 2em;
}
.list_right_content_lazy_nr{
    width:450px;
    float: left;
    margin-right: 80px;
}
.list_right_content_lazy_nr a{
    color: #333;
}
.list_right_content_lazy_img{
    display: inline-block;
     width:200px;
     
}
.list_right_content_lazy_img img{
    width: 100%;
    height: 140px;
    object-fit:contain;
}
/*一级目录*/
.list_middle{
    width: 1200px;
    float: right;
    margin-bottom: 40px;
}
.list_middle_md{
    padding: 29px 41px;
    border-radius: 5px;
    background: white;
    width: 1118px;
    float: left;
    box-shadow: 0px 5px 10px #00000014;
}
.list_middle_md_tt{
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    height: 26px;
    float: left;
    padding-bottom: 28px;
    margin-bottom:15px;
}
.list_middle_md_tt p{
    margin-bottom: 15px;
    font-size: 20px;
    color: #8B4513;
    font-weight: bold;
    float: left;
    border-left: 4px solid #8B4513;
    line-height: 26px;
    padding-left: 10px;
}
.list_middle_md_tt span{
    font-size: 12px;
    color: #8B4513;
    float: right;
}
.list_middle_content{
    width: 100%;
    height: auto;
    float: left;
}
.list_middle_content>ul{
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1118px;
}
.list_middle_content>ul>li{
    height: auto;
    float: left;
    width: calc(50% - 10px);
    margin-bottom: 15px;
    background: #ededed;
}
.list_middle_content_ll{
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #e2e2e2;
    line-height: 23px;
}
.list_middle_content_lazy_img {
    display: inline-block;
    width: 200px;
}
.list_middle_content_lazy_img img {
    width: 100%;
    height: 140px;
    object-fit: contain;
}
.list_middle_content_lazy_nr {
    width: 329px;
    float: left;
    padding: 20px 0 20px 20px;
    line-height: 23px;
}
.list_middle_content_lazy_nr a {
    color: #333;
}
.list_middle_content_lazy_nr a:hover {
    font-weight: 600;
}
.list_middle_content_lazy_cn {
    margin-top: 10px;
    height: 70px;
    overflow: hidden;
    text-indent: 2em;
    text-align: justify;
}
.list_middle_content .more {
    font-size: 14px;
    background: #D3B053;
    color: white;
    width: 160px;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    transition: all 0.5s;
}
.list_middle_content .more:hover{
    background: #b70f17;
 cursor: pointer;

}