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:#FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	transition: background-position 0.1s ease;
	background-size: cover;
	background-attachment: fixed;
}
.bg{background-color: #F0F0F0;}
.bg-ef{background-image: linear-gradient(#eee,#fff);}
.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;}
.mlr{margin-left: 15px;margin-right: 15px;}
.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;}
.plr{padding-left: 10px;padding-right: 10px;}
.brd-t{border-top-width: 1px;border-top-style: solid;border-top-color: #ddd;}
.brd-b{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ddd;}
.brd-l{border-left-width: 1px;border-left-style: solid;border-left-color: #ddd;}
.brd-r{border-right-width: 1px;border-right-style: solid;border-right-color: #ddd;}
.clear{clear:both}
.click{cursor: pointer;}
.fixtop{width:100%;position:fixed;top:0px;z-index:99;}
.layui-container{width:1200px;}
.layui-fluid{padding:0px 15px;}
.glow{
  border: 2px solid transparent;
  padding: 10px;
  box-shadow: 0 0 10px rgba(200, 200, 200, 0.1),
              0 0 10px rgba(200, 200, 200, 0.1);
}
::-webkit-scrollbar{
	width: 8px;
	height: 0px;
}
::-webkit-scrollbar-track {
	background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
	background: #aaa;
	border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
	background: #666;
}
a{
	color: #888;
}a:hover{
	color: #666666;
}
.bg-a{background-color: #003399;}
.bg-b{background-color: #000;}
.bg-c{background-color: #666;}
.bg-d{background-color: #ddd;}
.color-a{color: #e63232;}
.color-b{color: #111;}
.color-c{color: #999;}
.color-d{color: #ddd;}
.header{
	color: #888;
	box-shadow: 0 5px 10px rgba(100,100,100,0.1);
}
.header a{
color: #666666;
height: 32px;
}
.header a:hover{
color: #333333;
font-weight: bold;
}
.header .active{
	color: #333333;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003399;
}
.header span{
padding-left: 0px;
}
.header .logo{
padding-top:20px;
}
.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 .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: 20px;
	border-radius:5px;
	background-image: linear-gradient(#eee,#fff);
}
.header .nav-m .item{
	text-align: center;
	padding-right: 2%;
	padding-left: 2%;
}
.header .nav-m .item a{
	display: block;
	line-height: 32px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.header .language{
text-align: right;
line-height: 32px;
padding-top: 30px;
padding-bottom: 30px;
}
.main .banner{
	padding-top: 15%;
	padding-bottom: 5%;
}
.main .banner h1{
	color: #333333;
	padding-left: 5%;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.8);
}
.main .banner h2{
	font-size: 16px;
	line-height: 36px;
	margin-top: 20px;
	color: #666666;
	padding-left: 5%;
	width: 80%;
	padding-right: 5%;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
}
.pbg{
	background-color: #003399;
	background-image: url(../img/pbg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0px;
}
.main .pmenu{
	display:flex;
	justify-content: center;
}
.main .pmenu .classbox{
	width: 25%;
	padding-bottom: 60px;
	background-color: rgba(255, 255, 255, 0.08);
}
.main .pmenu .classbox .head{
	white-space: nowrap;
	background-color: #111;
	color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15%;
	font-weight: bold;
	font-size: 14px;
}
.main .pmenu .classbox .head:hover{
	background-color: #333;
}
.main .pmenu .classbox .item{
	padding-left: 15%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-size: 14px;
}
.main .pmenu .classbox .item:hover{
	background-color: #333;
}
.topcut{margin-top:110px;}
.topcut-m{min-height:70px;}
.main .pd{
	padding: 4%;
}
.main .box{
	border-radius:0px;
	margin-bottom:0px;
}
.main .box .head{
}
.main .box .main-modify{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
	margin-left: 3px;
}
.main .box .main{
	background-color:transparent;
}
.main .box .main h1{
	font-size: 24px;
	color: #333333;
}
.main .box .main .content{
	font-size: 14px;
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.main .box .main .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: #333333;
}
.main .box .items a{
	font-size: 14px;
	margin-top: 15px;
	border: 1px solid #ddd;
	border-radius:5px;
	background-color: #F7F7F7;
	display: block;
	color: #999;
}
.main .box .items a:hover{
	color: #999999;
	background-color: #F0F0F0;
}
.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: #ddd;
	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:0px;
	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:0px;
	border-top-right-radius:0px;
	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;
	white-space: nowrap;
}

.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;
}
.loadmore{
	padding: 10px;
	border: 1px solid #ddd;
	border-radius:4px;
}
.loadmore:hover{
	background-color: #F0F0F0;
}
.main .side h1{
	color: #FFFFFF;
	font-size: 26px;
	padding-top: 40px;
	writing-mode: vertical-rl;
	padding-left: 20%;
	letter-spacing: 10pt;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
	font-weight: bold;
}
.main .tophead h1{
	color: #FFFFFF;
	font-size: 26px;
	padding: 20px;
	letter-spacing: 0pt;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
	font-weight: bold;
	text-align: left;
}
.main .sidebg{
	background-image: url(../img/sidebg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}
.footer{
	text-align: left;
	color: #666666;
	background-color: #999999;
}
.footer a{
color: #666666;
}
.footer .copyright{
	background-color: #CCCCCC;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 3%;
}
.footer .copyright span{
	padding-right:6px;
}