/*
@Author: chan.yq
@Copyright: ibtea.net 
*/


body{background: url('../images/bg.jpg') repeat-x #E6E7EB;}
.layui-container{background: #FFF}

/*header*/
.header{min-height: 78px;line-height: 78px;}
 .header img{max-width:210px;}
.lang{text-align: right;}
.lang a{margin-right: 37px}

/*nav*/
.nav{padding: 0}
.nav .layui-nav{border-radius: 0;background: #154f8c; display: none;padding: 0}
.nav .layui-nav-item{line-height: 30px}
.nav .layui-nav .layui-nav-item a {	padding: 0 15px;}
/*下划线*/
.nav .layui-nav .layui-this:after, .nav .layui-nav-bar, .nav .layui-nav-tree .layui-nav-itemed:after {
	top:32px;
    height: 1px;
    background-color: #5FB878;

}

.nav button{width: 25px; height: 30px; position: absolute; top: -50px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav button span{display: block; width: 25px; height: 2px; background: #154f8c; margin-bottom: 6px; transition: 0.5s;}
.nav button span.spa1{transform: rotate(45deg);}
.nav button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}

/*不要botton*/
.nav button{display: none;}
.nav .layui-nav { display: block;}



/*index-banner*/
.banner{padding: 3px 0;}
.banner img{width: 100%;margin: auto}


/*main*/

.main .layui-nav-tree{width:100%;}
.main .layui-nav-tree .layui-nav-item{border-bottom: #E3E3E3 1px solid}
.main .layui-nav-tree .layui-nav-item>a{background: #f1f1f1;color: #353535}
.main .layui-nav-tree .layui-this>a{background: #1b69bb;font-weight: bold;color:#FFFFFF;font-size: 16px;}
.main .layui-nav-tree .layui-nav-bar{background: #1b69bb}
/*product*/
.main .product a{display: block;border: #C3C3C3 solid 1px}
.main .product a img{width: 100%;height: 145px}
.main .product a div{background:#f1f1f1;padding: 7px 7px 0px 7px;min-height: 50px }


/*card*/
.card{padding-top: 20px;}
.card1{padding: 20px; background-color: #F2F2F2;}

/*footer*/
.footer .layui-row{height: 100px;background: #1b69bb;border-bottom: #154f8b solid 20px; }
.footer div {    display: block;padding: 5px}
.footer{color:#FFFFFF;clear: both}




/*page*/
.page{padding: 20px;}
.page h1{font-size: 18px;color: red;font-weight: bold;padding: 5px;margin-bottom: 20px;border-bottom: 1px dashed #969696}
.page .layui-col-md9 img{max-width: 100%}

.newslist ul{display:block;border:1px solid #ddd;padding: 10px;}
.newslist li{line-height: 30px; border-bottom: 1px dashed #ddd}
.newslist li span {color:#CCC}
/*list*/

.pagenum {clear: both}
.pagenum .current{background: #1b69bb;color: #fff}

/*>中屏幕*/
@media screen and (min-width: 768px){
  .header img{max-width:510px;}
	.lang a{margin-right: 0}
	.nav .layui-nav { display: block;   padding: 0 5px;        margin: 0;}
	.nav .layui-nav-item{line-height: 37px}
	.nav .layui-nav .layui-nav-item a {	padding: 0 20px;}
	.nav button{display: none;}

	.banner{padding: 15px;}
	.main .product a img{height: 185px}
	
	.footer div {    display: flex;
	align-items: center;	
    flex-direction: row;}
	
	
}