@charset "gb2312";
/* css document */
body { background: #f8f8f8;}
img { border-radius: 4px;}
.imghover img {-webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear; }
.imghover:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); } 
.amn{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}

.top { background: #fff; border-top:#005dc5 solid 4px; border-bottom: #f1f1f1 solid 1px; position: relative; z-index: 2;}
.logo { text-align: center;}
.logo span { background-image:url(/uploads/image/wcvlfont/66wzlogo.svg); background-repeat: no-repeat; background-position: center right; height: 38px; width: 100%; display: block; text-indent: -999px; margin-top: 10px; float: left;}

.menushow { display: none;}
.layui-nav { background-color: #fff;}
.layui-nav * { font-size:18px; line-height: 60px;}
.layui-nav dd a { font-size: 16px; line-height: 2.2em;}
.layui-nav-child { top:80px;}
.layui-nav .layui-nav-item a { color:rgba(120,120,120,1); padding: 0 19px;}
.layui-nav .layui-nav-item a:hover { color: rgba(0,93,197,1);}

/*产品按钮*/
#products { margin-top: 16px;}
#products span { background: #9fc4ee; float: right; padding: 0 5px; margin-left:0;}
#products span a { line-height: 30px;}
#products i,#products input { font-size: 20px; color: #fff;}
#search,#application,#baoliao,#reading { margin-right:5px;}
#application i { background:url(/uploads/image/wcvlfont/ojlogo.svg) no-repeat center; width: 20px; height: 20px; display: block; float: left; margin-top: 5px;}
#search input { border:none; float: left;}
#search input.inp { margin-top:3px; background: none; font-size: 14px; line-height: 22px; width:0; height: 22px;}
#search input.search { background:url(/uploads/image/wcvlfont/search.svg) no-repeat center; width: 20px; height: 20px; display: block; float: left; margin-top: 5px;}

.main { margin:20px 0;}

.channelname { border-bottom: #eee solid 1px; padding: 30px 0; text-align: center;}

/*图文列表*/
.news_pic li { position: relative; overflow: hidden;}
.news_pic li hr { margin: 20px 0;}
.news_pic li:last-child hr { display: none;}
.news_pic li img { width: 200px; height: 115px; float: left; margin-right: 20px; margin-bottom: 20px;}
.news_pic li p { font-size: 22px;}
.news_pic li span { display: none; }
.news_pic li i { font-size:16px; color: #bbb;}

.newslist ul { padding: 3px 0;}
.newslist li { padding:6px 0;}

.editor { overflow: hidden;}
.editor li {  width: 16.6%; text-align: center;}

.channelname_m { display: none;}

@media screen and (max-width: 768px) {
    .layui-container { width:96%;}
	.layui-col-md2 { width: 40%;}
	.top { padding-bottom: 15px;}
	#logo span { background-position:center left; float: none; width: 180px; height: 40px; margin-left: 2%;}
	.sidebar,#products,#menu,.news_pic li i { display: none;}
	.news_pic li p { font-size: 20px;}
	.news_pic li img { width: 40%; height: 95px;}
	.channelname_m{ display: block; background: #d6f0ff; padding: 10px 10%; margin-bottom: 10px; overflow: hidden;}
	.channelname_m img { width: 20%; float: left; margin-right: 5%;}
	
	.main { margin: 0;}
	.pr20 { padding: 0;}
    
	.menushow { display: block; position: absolute; right: 5px; top: 20px; font-size: 26px; color:#005dc5; }
	#menu { width: 30%; display: none; border-radius: 10px;}
	#menu { background: rgba(0,93,197,.9); position: absolute; top:44px; right: 15px; margin: 0; z-index: 9;}
	#menu .layui-container { padding: 0;}
	#menu .layui-nav-tree { width: 100%;}
	#menu .layui-nav-item a { color: rgba(255,255,255,1); padding:5px 20px; text-align: center;}
	#menu .layui-nav-more { top:-2px;}
}