/***
 * @website
 * http://www.jzread.com
 * @QQ：568245346
 * @author：jsjlsf
 * @e-mail: jsjlsf@163.com
 */
html,body{margin:0;padding:0;width:100%;background-color:#ffffff;}
ul,li,h1,h2,h3,h4,p,dl,dd,dt,form,iframe,input,button,textarea{margin:0;padding:0;font-weight:normal}
body{max-width:750px;margin:0 auto;position:relative;font-family:"Microsoft YaHei","微软雅黑"; }
img{max-width:100%;}
li{list-style:none}
a{text-decoration:none;color:#000}
a:hover{color:#FF0000;}
a:visited{color:#000;text-decoration:none;}
.blank5{clear:both;height:5px;overflow:hidden;display:block;}
.blank10{clear:both;height:10px;overflow:hidden;display:block;}
.blank15{clear:both;height:15px;overflow:hidden;display:block;}
.blank20{clear:both;height:20px;overflow:hidden;display:block;}
.ha{clear:both;height:2.1rem; overflow:hidden;display:block;}

/*头部*/
.top{
   width:100%;
   max-width:750px;
   z-index: 999;
   height:2.1rem; 
   position:fixed;top:0px;
}

.head{
   width:100%; 
   height: 1.1rem;
   line-height: 1.1rem; 
   background:url(../images/top.png) no-repeat center; 
   -webkit-background-size: 100% 100%;
   background-size: 100% 100%; 
   overflow:hidden;
}

.head .logo{ 
   width: 3rem;
   height: 1.1rem;
   line-height: 1.1rem;
   font-size:0.6rem; 
   padding-left:0.2rem; 
   color:#333; 
   float:left;
   text-indent:-999px;
 }
 
.head .logo a{
   display:block;
   color:#333;
}

.head .search {
    float: right;
    width: 1rem;
    background: url('../images/ico_search.png') no-repeat left center;
    background-size: 50% auto;
	text-indent:-999px;
}

.head .search.off {
    background-image: url('../images/ico_close.png');
}

/*---------  #searchbar -----------*/

#searchbar {
    position: absolute;
    z-index: 9999;
    top: 1.1rem;
    right: 0;
    left: 0;
    height: 0;
    background-color: #eee;
    transition: all 0.3s;
    opacity: 0;
    overflow: hidden;
}

#searchbar.show {
    opacity: 1;
    height: 1.5rem;
    display: block;
}

.searchbar-wrapper {
    position: relative;
    height: 1.0rem;
    margin-top: 0.25rem;
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 0.1rem;
    font-size: 0.5rem;
}

.search-kwd {
    float: left;
    width: 88%;
    background-color: #fff;
}

.search-kwd input {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    line-height: 1rem;
    text-indent: 5px;
    font-size: 0.5rem;
}

.search-submit {
    float: left;
    width: 12%;
}

.search-submit button {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.0rem;
    text-align: center;
    outline: none;
    border: none;
    border-left: 1px solid #ccc;
    background: transparent url('../images/icon_search.png') no-repeat center center;
    -webkit-background-size: auto 60%;
    background-size: auto 60%;
    text-indent: -300%;
    overflow: hidden;
}



/*导航 */
.mainnav {
   width:100%;
   height:1.0rem;
}
.nav-container {
   position: relative; 
   height: 1.0rem;
   width: 10.0rem;
   font-size: 0.5rem;
   background: #f8f8f8;
}
.nav-wrapper { 
   float: left;
   height: 1.0rem;
   width: 9.0rem;
   background:url(../images/menu.png) no-repeat center right; 
    -webkit-background-size: auto 1.0rem;
   background-size: auto 1.0rem;
   overflow: hidden;
}

.nav-scroll{ 
   width:100%; 
   overflow:hidden; 
   overflow-x:scroll; 
   -webkit-overflow-scrolling:touch;
 }
 
.nav-scroll::-webkit-scrollbar{ 
   display:none;
}

.nav-scroll-list{ 
   white-space:nowrap;
}

.nav-scroll-list .btn{ 
    white-space:nowrap;
	display:inline-block;
	width:2.22rem; 
	height: 1.0rem; 
	line-height: 1.0rem; 
	text-align:center; 
	font-size: 0.4rem;
}

.nav-scroll-list .btn.cur{ 
   background:url(../images/menu_li.png) no-repeat center bottom; 
   -webkit-background-size: 0.8rem auto;
   background-size: 0.8rem auto; 
}




.nav-more-btn { 
   position: relative;
   float: right;
   width: 1.0rem;
   height: 1.0rem;
   background: #f8f8f8;
   text-align: center;
}
.nav-more-btn a {
   display: block;
   width: 1.0rem;
   height: 1.0rem;
   background: #f8f8f8;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }
.nav-more-content {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: auto;
    background-color: #eee;
    -webkit-transform: scale(0, 0.1);
    transform: scale(0, 0.1);
    -webkit-transition: all 0.2s;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: 100% 10%;
    transform-origin: 100% 10%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.nav-more-content.show {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.nav-list-head {
    position: relative;
    height: 1.2rem;
    z-index: 1;
    background: #eee;
    box-shadow: 0 10px 10px #eee;
}

.nav-list-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: auto;
}

.nav-more-content h2 {
    font-size: 0.4rem;
    margin-left: 0.8rem;
    margin-bottom: 0.5rem;
}

.nav-more-content h2:first-of-type {
    margin-top: 1.4rem;
    font-size: 0.5rem;
}

.nav-more-content ul {
    width: 8.5rem;
    margin-bottom: 0.4rem;
    margin-right: auto;
    margin-left: auto;
    font-size: 0.4rem;
}

.nav-more-content .nav-close {
    position: absolute;
    top: 0.25rem;
    right: 0.4rem;
    height: 1.0rem;
    width: 1.0rem;
    z-index: 2;
    text-indent: 100%;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s 0.4s;
    transition: all 0.3s 0.4s;
    overflow: hidden;
}

.nav-close:after,
.nav-close:before {
    border-color: #333 !important;
}

.nav-more-content.show .nav-close {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav-more-content ul:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.nav-more-content li {
    float: left;
    width: 2.0rem;
    line-height: 0.8rem;
    text-align: center;
    margin-right: 0.11rem;
    margin-bottom: 0.11rem;
    background-color: #fff;
}

.topic-list li:first-child {
    font-size: 0.35rem;
    text-align: center;
    margin-right: 0.11rem;
    margin-bottom: 0.11rem;
    background-color: #fff;
}

.language-list li:last-child {
    width: 4.11rem;
}

.nav-more-content a {
    display: block;
    color: #333 !important;
}

.ico-add:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-top: auto;
    margin-bottom: auto;
    height: 40%;
    top: 0;
    bottom: 0;
    border-left: 1px solid #000;
    -webkit-transform: translateX(-0.5px);
    transform: translateX(-0.5px);
}

.ico-add:before {
    content: '';
    position: absolute;
    width: 40%;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    border-top: 1px solid #000;
    -webkit-transform: translateY(-0.5px);
    transform: translateY(-0.5px);
}


/*列表 */
.column {
    background-color: #fff;
}
.pack {
    width: 9.4rem;
    margin: 0 auto;
    overflow: hidden;
}

.lia {
	width:100%;
	height:auto;
	border-bottom: 1px solid #ebebeb;
}


.lia-info {
    float: right;
    position: relative;
    width: 7.2rem;
    height: 1.9rem;
}


.lia-tit {
	font-size: 0.43rem;
    line-height: 0.6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lia-extra {
    position: absolute;
	height:0.3rem;
	top:1.6rem;
}

.lia-extra span {
    color: #838181;
	font-size: 0.3rem;
	float:left;
	padding-right:20px;
}


.lia-img {
    float: left;
    width: 1.9rem;
    height: 1.9rem;
    font-size: 0.2rem;
    overflow: hidden;
}

.lia-img img {
    display: block;
    width: 1.9rem;
    height: 1.9rem;
	border-radius:0.1rem;
}



.lib {
	width:100%;
	height:auto;
	border-bottom: 1px solid #ebebeb;
}

.lib-tit {
	font-size: 0.43rem;
    line-height: 0.6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lib-img{
    width: 100%;
	padding-top:12px;
}

.lib-img .lib-img3{
   float: left;
   width: 32%;
   height: 1.9rem;
   margin-right:2%;
 
}

.lib-img .lib-img3:last-child {
    margin-right: 0;
}

.lib-img .lib-img3 img {
	display: block;
	width:100%;
	height: 1.9rem;
	border-radius:0.1rem;
}

.lib-img .lib-img1{
   float: left;
   width:100%;
 
}

.lib-img .lib-img1 img {
	display: block;
	width:100%;
	border-radius:0.1rem;
}



.lib-extra {
    width: 100%;
	height:0.3rem;

}

.lib-extra span {
    color: #838181;
	font-size: 0.3rem;
	float:left;
	padding-right:20px;
	
}


/*新闻详情页*/
.content { 
   width:100%;
   background:#FFFFFF;
   overflow:hidden;
 }
 
.view {
    padding:10px 10px 10px 10px;
    height:auto;
  }
  
.view_a{ 
   width:100%;
   overflow:hidden;
}

.view_a h1{
   line-height:0.75rem;
   font-size: 0.55rem;
   font-weight:bold;
   overflow:hidden
}

.view_gg{ 
   width:100%;
   float:left;
 }
 
.view_gg img{ 
   width:100%;
   display:block; 
}

.view_b{width:100%; 
   color:#999;
   padding-top:5px;
    font-size: 0.3rem;
    padding-bottom:10px; 
    border-bottom: 1px solid #ebebeb; 
    float:left;
    overflow:hidden;
 }
 
.view_b span{ 
   padding-right:20px;
}

.view_c{
   width:100%;
   padding-top:10px;
   font-size: 0.40rem; 
   line-height:0.70rem;
   float:left;
   position: relative;
 }
.view_c img{
   margin:5px auto;
   max-width:100%;
   height:auto;
   display:block;
}

.view_c p img{
   display:block; 
}

.view_c p{
   font-size: 0.40rem; 
   line-height:0.70rem; 
   padding-bottom:10px;
}

.view_c .bg{
 width:100%;
 position:absolute;
 bottom:0px;
 left:0px;
}

.view_c .bg img{
  margin:0px auto;
  max-width:100%;
 display:block; 
}



.view_d{
   width:100%; 
   height: 1.1rem;
   line-height: 1.1rem; 
   background:url(../images/bt.png) no-repeat center; 
   -webkit-background-size: 100% 100%;
   background-size: 100% 100%; 
   font-size: 0.5rem;
   text-align:center; 
   display:flex;
   justify-content:center;
   align-items:center;
   overflow:hidden;
}


.view_d span{
   height: 1.1rem;
   line-height: 1.1rem; 
   padding-left:10px;
   margin-top:0.1rem;
}

.view_d img{
   height:0.5rem;
}


.lista { 
    width: 9.4rem;
    margin: 0 auto;
    overflow: hidden;
 }
 
 
 .title1{
   width:100%; 
   font-size: 0.5rem;
   border-bottom: 1px solid #ebebeb;
   background:url(../images/title1.png) no-repeat center left; 
   -webkit-background-size:auto 0.5rem;
   background-size: auto 0.5rem;
   padding-top:0.2rem;
   padding-bottom:0.2rem;
   text-indent:0.2rem;
   overflow:hidden;
}

 .lista_a { 
    width: 100%;
	border-bottom: 1px solid #ebebeb;
    overflow: hidden;
 }
 

.data-list01{
   overflow:hidden;
   float:left;
   width:48%;
 }
.data-list01 li {
	float:left;
	width:100%;
	height:0.45rem;
	line-height:0.45rem;
	font-size: 0.43rem;
    overflow: hidden;
	margin-top:0.3rem;
}


.data-list02{
   overflow:hidden;
   float:right;
   width:48%;
 }
 
.data-list02 li {
	float:left;
	width:100%;
	height:0.45rem;
	line-height:0.45rem;
	font-size: 0.43rem;
	border-left:1px solid #ededed;
    overflow: hidden;
	margin-top:0.3rem;
	text-indent:10px;
}

/*分页*/
.pageLine{ text-align:center;   margin:0px 0px 0px 0px;}
.pageLine a{ text-align:center; padding-left:10px; padding-right:10px; padding-top: 0.2rem;  padding-bottom: 0.2rem; display:inline-block;  background:#187cd1;  font-size: 0.4rem; color:#FFFFFF;  margin:0px 10px;}
.pageLine a:hover{ color:#FFFFFF; text-decoration:none;}


/*产品详情页*/
.content02 { 
   width:100%;
   background:#FFFFFF;
   overflow:hidden;
 }
 
.view02 {
    padding:10px 10px 10px 10px;
    height:auto;
  }
  
.view02_a{ 
   width:100%;
   overflow:hidden;
}

.view02_a h1{
   line-height:0.70rem;
   font-size: 0.50rem;
   color:#cb9802;
   font-weight:bold;
   overflow:hidden
}

.view02_b{ 
   width:100%;
   font-size: 0.45rem;
   overflow:hidden;
}


.view02_b span{
    color:#666;
}

.view02_c{ 
   width:100%;
   font-size: 0.45rem;
   color:#cb9802;
   overflow:hidden;
}

.view02_c span{
    color:#666;
}

.view02_c li{ 
   width:25%;
   line:0.75rem;
   line-height:0.75rem;
   text-align:center;
   background:#e7eaec;
   border-top:2px solid #cb9802;
   font-size: 0.40rem; 
   float:left;
   overflow:hidden;
}


.view02_d{
   width:100%;
   padding-top:10px;
   font-size: 0.40rem; 
   line-height:0.70rem;
   float:left;
   position: relative;
 }
.view02_d img{
   margin:5px auto;
   max-width:100%;
   height:auto;
   display:block;
}

.view02_d p img{
   display:block; 
}

.view02_d p{
   font-size: 0.40rem; 
   line-height:0.70rem; 
   padding-bottom:10px;
}


.view02_d h2{
   font-size: 0.5rem; 
   line-height:0.8rem; 
   padding-bottom:10px;
   color:#a38a5c;
}






.foot {
    font-size: 0.3rem;
    text-align: center;
	color: #838181;
}

.foot  p{
    font-size: 0.3rem;
}