@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;color:#333;font-family:"arial"}
html{width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;font-size:16px;}
html.ns{overflow:hidden}

body{color:#535353;font-size: 1em;font-family:"arial";background: #f5f5f5;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

a,body{-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}
	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.focus .hd{ width:100%;  text-align:center;  }
.focus .hd ul{ width:100%;}
.focus .hd ul li{ display:none; width:100%; box-sizing:border-box; font-size:14px; padding:10px 10px 20px 10px;     }
.focus .hd ul .on{ display:block; }
.focus .bddd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bddd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}







	
.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.toubuge{ width:100%; height:50px;}
.main-header {
    height: 50px;
	background-color:#fff;
    z-index: 60;
	width:100%;
	position:relative;
box-sizing: border-box;border-bottom: 1px solid #F2F2F2;

		
}
.cd-logo {
    position: absolute;
    top: 15px;
    left: 10px;
   
}

.search_open {
display: block;
width: 30px;height:30px;
background: url(../images/wap_sea.png) no-repeat;
position: absolute;
right:60px;
top:10px;
color: #fff;


text-align: center;background-position:center center; background-size:auto 25px;
}
.menu_open {
display: block;
    width: 30px; height:30px;
background: url(../images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
top:10px;
color: #fff;
font-size: 12px;
text-align: center;
background-position:center center; background-size:auto 25px;
}
.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}

.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
  transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

.animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
  transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 
.rl{ float:right;}
.fl{ float:left;}
.clearfix {
    clear: both;
}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.tbottom{ height:3rem;}
#BottomNav { background-color:#484848; bottom: 0;
    height: 3em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; 
}


#BottomNav ul li a {
    color: #fff;
    display: block;
    
    padding-top:0.4rem; 

}


#BottomNav ul li a div {
    font-size: 0.6em; padding-top:0.15rem;padding-bottom:0.5rem; 
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
    background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/vbob1.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.1em;
	
}

.shl-toug{ height:50px; width:100%;}
.shl-mingx{ width:14.285%; float:left }
.shl-mingx img{ width:100%; height:100%; object-fit:cover;}

#msk{ display:block; position: fixed; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;}
#menu{ position:fixed; width:200px; height:100%;  right:-200px; background:#333333; color:#666; z-index:200; display:none; font-size:0.9rem; box-sizing:border-box; padding-left:10px; padding-right:10px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);}

.list{width: 100%;}
	.list ul li{ border-bottom:solid 1px #222; }
	.list ul li::after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px solid #404040;
}
	.list ul li a{padding-left: 20px;color: #E3E3E3; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size: 0.85rem;
	}
	.list ul li .inactive{ background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;}
	.list ul li .inactives{background:url(../images/shl-down-open1.png) no-repeat right center; background-size:auto 20px;} 
	.list ul li ul{display: none;}
	.list ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;}
	.list ul li ul li::after { border:none;}
	.list ul li ul li ul{display: none;}
	.list ul li ul li a{ padding-left:30px;background:url(../images/wap-jiany.png) no-repeat right 8px center; background-size:auto 10px;font-weight: lighter;font-size: 0.75rem; height:42px;line-height: 42px;}

.mshouye {
    background-image: url(../images/drawer-home.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 20px;
}
.jianyou {
    background-image: url(../images/shl-down-open1.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 19px;
}
.nybanner {
    width: 100%;
}
.nybanner img {
    width: 100%;
    display: block;
}

.main{ max-width:640px; width:100%; }
.op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;}



.news{  width:100%; box-sizing:border-box; overflow:hidden;}
.newspa{ padding:0px 15px 15px 15px; overflow:hidden; }
.ncon_item{display: flex;flex-wrap: nowrap;
overflow: hidden;
position: relative;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,.05);
padding: 15px 0 ;
transition:all 1s ease 0s; }
/*.ncon_item:nth-last-child(1)
{ border:0; padding-bottom:5px;}*/


.shl-left {
 width:100%
}
.shl-ptit {
 font-size:0.9rem;
 overflow:hidden;
 width:100%;
 max-height:2.6rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; color:#000;
}
.shl-mmmm {
 font-size:12px;
 overflow:hidden;
 width:100%;
 max-height:24px;
 line-height:24px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; color: #999; margin-top:10px;
}
.shl-time {
 font-size:12px;
 color:#969696;
 margin-top:12px;

}
.shl-ke-pic {
 width:120px;
 min-width:120px;
 height:80px;
 overflow:hidden;
 position:relative;
 border:1px solid rgba(0,0,0,.1);
 margin-left:15px;
 border-radius:5px
}
.shl-ke-pic img{
 width:100%;
 height:100%; object-fit:cover;
}




.shl-laiyuan {
 font-size:12px;
 color:#969696; padding-top:3px;
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}

.maifont1{ display:flex;align-items: baseline; padding-bottom:5px;}


.maileft{ width:70%; box-sizing:border-box; padding-right:10px;}
.mairight{ width:30%; padding-top:3px;}
.maifont2-1{font-size: 0.65em;
color: #ea4e3d;
border: 1px solid #f6c7c4;
padding: 3px 10px;
margin-right: 4px;
background-color: #fdf6f5;}
.maifont2-2{font-size: 0.65em;
color: #3970de;
border: 1px solid #b1c5ef;
padding: 3px 10px;
margin-right: 4px;
background-color: #dfe9ff;}
.maifont2{ height:26px; overflow:hidden;}


#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#FFF;padding: 10px; box-sizing:border-box;}