body{
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center top;
	transition: background-position 0.1s ease;
	background-size: cover;
	background-attachment: fixed;
}
.bg{background-color: #F0F0F0;}
.flt-l{float: left;}.flt-r{float: right;}
.text-l{text-align: left;}.text-c{text-align: center;}.text-r{text-align: right;}.text-b{font-weight: bold;}
.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}.ml5{margin-left: 5px;}
.mt{margin-top: 10px;}.mr{margin-right: 10px;}.mb{margin-bottom: 10px;}.ml{margin-left: 10px;}
.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}.pl5{padding-left: 5px;}
.pt{padding-top: 10px;}.pr{padding-right: 10px;}.pb{padding-bottom: 10px;}.pl{padding-left: 10px;}
.fixtop{width:100%;position:fixed;top:0px;z-index:99;}
.clear{clear:both}
.click{cursor: pointer;}
.br-off{
	white-space: nowrap;
	overflow: hidden;
}

.layui-container{width:1200px;}
/*layer-prompt*/
.layui-layer-prompt .layui-layer-btn a{border: 1px solid #666666;background-color: #666666;}
.layui-layer-prompt .layui-layer-btn .layui-layer-btn1{background-color: #FFFFFF;border: 1px solid #ddd;}
a{
	color: #888;
}a:hover{
	color: #999999;
}
.bg-a{background-color: #e63232;}
.bg-b{background-color: #666;}
.bg-c{background-color: #999;}
.bg-d{background-color: #ddd;}
.color-a{color: #e63232;}
.color-b{color: #666;}
.color-c{color: #999;}
.color-d{color: #ddd;}
.header{
	color: #888;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}
.header .logo{
padding-top: 26px;
padding-bottom: 26px;
}
.header .nav{
	display:flex;
	flex-direction: row-reverse;
	font-size: 14px;
}
.header .nav .item{
	white-space: nowrap;
	width:16%;
	text-align: center;
}
.header .item a{
	display: block;
	line-height: 32px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.header .item a:hover{
font-weight: bold;
}
.header .menu{
	text-align: center;
	line-height: 32px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.header .nav-m{
	display:flex;
	justify-content: center;
	font-size: 14px;
	margin-bottom: 15px;
	border-radius:5px;
}
.header .nav-m .item{
	white-space: nowrap;
	width:16%;
	text-align: center;
}
.header .language{
text-align: right;
line-height: 32px;
padding-top: 30px;
padding-bottom: 30px;
}
.header a{
color: #888;
height: 32px;
}
.header a:hover{
color: #e63232;
font-weight: bold;
}
.header .active{
color: #e63232;
font-weight: bold;
}
.header span{
padding-left: 0px;
}
.main{padding-top:0px;}
.topcut{margin-top:110px;}
.topcut-m{min-height:100px;}
.main .banner{
padding-top: 5%;
padding-bottom: 5%;
text-align: center;
}
.main .box{
background-color: #fff;
/*background-color: rgba(240,240,240,0.8);*/
border-radius:5px;
}
.main .pd{
	padding: 4%;
}
.main .boxc{color:#666;}
.main .boxc-bg{background-color:#e63232;}
.main .box .head{
}
.main .box .cont-modify{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
	margin-left: 3px;
}
.main .box .cont{

}
.main .box .cont h1{
	font-size: 24px;
	color: #333333;
}
.main .box .cont .content{
	font-size: 14px;
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.main .box .cont .logshow{
	font-size: 14px;
	line-height: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
}
.main .box .list{
}
.main .box .list a{
	font-size: 14px;
	padding: 12px;
	margin-top: 15px;
	border: 1px solid #ddd;
	border-radius:5px;
	background-color: #F0F0F0;
	display: block;
	color: #666666;
}
.main .box .list a:hover{
	color: #999999;
	background-color: #F7F7F7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e63232;
}
.main .box .items a{
	font-size: 14px;
	margin-top: 15px;
	border: 1px solid #eee;
	border-radius:5px;
	background-color: #fff;
	display: block;
	color: #999;
}
.main .box .items a:hover{
	color: #999999;
	background-image:linear-gradient(45deg,#f5f5f5,#fff);
}
.main .box .items .img{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eee;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 130px;
	width: 35%;
	background-color: #FFFFFF;
}
.main .box .items .desc{
	display: flex;
	align-items: center;
	height: 130px;
	text-align: left;
	width: 62%;
	vertical-align: middle;
	line-height: 160%;
	overflow: hidden;
	padding-right: 1%;
}
.main .box .imglist{
	padding-top: 15px;
}
.main .box .imglist a{
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius:5px;
	background-color: #F7F7F7;
	display: block;
	color: #999;
}
.main .box .imglist a:hover{
	color: #666666;
	background-color: #F0F0F0;
}
.main .box .imglist a img{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.main .box .imglist a h3{
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.main .box .works{
	padding-top: 10px;
}
.main .box .works a{
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius:5px;
	background-color: #F7F7F7;
	display: block;
	color: #666666;
}
.main .box .works a:hover{
	color: #999999;
	background-color: #F0F0F0;
}
.main .box .works a img{
	border-radius:5px;
}
.main .box .works a img:hover{
	opacity:0.8;
}
.main .box .page h2{
	font-size: 18px;
	color: #333333;
	margin-top: 10px;
}
.main .box .page .content{
	font-size: 14px;
	line-height: 32px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.main .box .content img{
	max-width: 100%;
}
.main .box .foot{
	line-height: 32px;
	margin-top: -8px;
}
.main .box .foot a:hover{
	color:#e63232;
}
.loadmore{
	padding: 10px;
	border: 1px solid #ddd;
	border-radius:4px;
}
.loadmore:hover{
	background-color: #F0F0F0;
}
.footer{
	color: #999;
	padding-top: 30px;
	background-color: #FFFFFF;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
}
.footer a{
color: #999;
}
.footer a:hover{
color: #666;
}
.footer .slogan{
	font-size: 12px;
	color: #999999;
	padding-top: 20px;
	padding-bottom: 30px;
}
.footer .footmenu h3{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.footer .footmenu .item{
	font-size: 12px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.footer .media-icon img{
	filter: grayscale(100%);
	cursor: pointer;
	border-radius:20px;
	border: 1px solid #eee;
	margin-right: 8px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.footer .media-icon img:hover{
	filter: grayscale(0%);
	border: 1px solid #ddd;
}
.footer .copyright{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 15px;
	color: #CCCCCC;
	font-size: 11px;
}
.footer .copyright span{
	padding-right: 6px;
	line-height: 24px;
}
.footer .copyright a{
color: #CCCCCC;
}
.footer .copyright a:hover{
color: #999;
}