body {overflow-x:hidden ; color:#333;font-family: Arial, "宋体", Helvetica, sans-serif, Verdana; background-color:#eee; -webkit-font-smoothing:antialiased;}
:root{
    --act-color: #6c0;
}
.wall{max-width: 1200px;margin: auto;position: relative;}
a{color: #555; text-decoration:none;}
a:hover{color: var(--act-color, #f90);}
img{border: none;max-width: 100%;}
.tr{text-align: right;}
.txt_ell{display: block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.fr{float: right;}
.fl{float: left;}
.fn{clear: both;}
.hide{display: none;}
.wall:after,.clearfix:after{content: "";clear: both; display: block;}
.wp40{width: 50%; box-sizing: border-box; float: left; padding: 0 15px;}
.wp60{width: 50%; box-sizing: border-box; float: left; padding: 0 15px;}
.pa20{padding: 20px;}

/*header*/
.head{ border-bottom: 5px solid var(--act-color, #f90); background-color: #fff;}
.topbar{background-color: #390; color:#fff; padding: 5px; font-size: 12px; line-height: 1.8;}
.topbar .fr:before{content: ""; padding: .75em; display: inline-block; background: url(icon.png)  no-repeat; background-size: auto 100%; margin-right: 0.5em; vertical-align: text-bottom;}
.top{padding: 1em 0;}
.logo img{height: 50px;}

.searchbox{border: 1px solid var(--act-color, #f90); padding: 4px 0;}
.searchbox i{background-color:var(--act-color, #f90); color: #fff; padding: 4px; cursor: default;}
#searchbox {padding: 5px; font-size: 13px; width: 8em; text-align: center;}

.menu {overflow-x: auto;white-space: nowrap;}
.menu a{display: inline-block; padding: 0.5em 1em; line-height: 2;color: #333;}
.menu a:hover{background-color: var(--act-color, #f90); color: #fff;}
/*header*/

.focus .bd li a{padding: 15em 0 !important; text-transform: uppercase; font-weight: bold; background-color: #06c;}
/*intro*/
.caption{position: absolute;top: 50%;left:50px;width: 550px;text-align: left;background: rgba(0,0,0,0.8);padding: 1.5em;}
.caption h2{color: #fff;margin-bottom: 0.5em;}
.caption p{margin:0;line-height: 1.5em;font-size: 1.05em;color: #999;font-family: monospace;}
/*intro*/

#products {background: url(b2.jpg) no-repeat center; background-size: cover; white-space: nowrap;}
#products .maintit{border-color: #fff;}
#products .maintit em{color: #fff;}
#products li{display: inline-block;width: 25%; padding: 1.5%;}
#products a{ text-align: center; color: #fff; line-height: 2;}
#products img{margin: auto; transition: all .5s;}

.maintit {font-family: Arial,"宋体",Helvetica, sans-serif,Verdana; text-transform: uppercase; text-align: center; border-bottom: 1px solid #ddd; width: 26em; clear: both; margin: 2em auto;}
.maintit:after{content: ""; width: 3em; height: .5em; background-color:  var(--act-color, #390); display: block; margin: -0.3em auto;}
.maintit b{font-size: 2.35em; font-weight: bold;}
.maintit b span{color: var(--act-color, #390); }
.maintit em{display: block;color: #666; font-size: 1.35em; margin: .5em;}


.homelist {padding: 3em 0;}
.maincat{overflow: auto;text-align: right;padding-right: 0.5em; font-size: 14px;vertical-align: middle;font-weight: normal;}
.maincat a{color: #777; display: inline-block; margin-left: 1em; padding: 5px; border: 1px solid #ddd;}

.homelist li {padding: 1em 0;}
.homelist .list-img{float: left;width: 40%;margin-right: 10px;}
.homelist .list-memo {font-size: 12px; text-align: justify; text-indent: 2em; overflow: hidden; color: #999;}
.homelist .list-time {text-align: right;border-bottom: 1px solid #ddd;font-size: 12px;line-height: 2;}
#news{background-color: #fff;}
#news img{width:100%; max-height: 22em;}
#news td{padding: 1em; border-bottom: 1px dotted var(--act-color, #390); line-height: 1.67;}
#news .time, .list .time{font-family: "宋体",Helvetica, sans-serif,Verdana; text-align: center;}
#news .time b, .list .time b{display: block; font-size: 2em;}
#news a {max-width: 26em;}

/*contact*/
.contact{padding: 100px 0;background-color: rgba(255,255,255,0.5); position: relative;}
.contact::before{position: absolute;top: 0;right: 0;bottom: 0; left: 0; background-image: url(b3.jpg); background-size: cover; background-position: center;content: "";z-index: -1; background-attachment: fixed;}
.contact .form-control{width: 100%; background-color: #fff; margin-bottom: 1em; border: 1px solid #6c3; padding: 5px; resize: none;}
.contact .fr{line-height: 2;}
.contact .btn{background-color: var(--act-color, #390); border: none; color: #fff; line-height: 2;}
.contact h2{margin-bottom: 2em; position: relative;}
.contact h3 {margin-top: 10%;}
/*contact*/

.banner{background-size: cover; background-position: center; background-image: url('b2.jpg'); background-color: #06c;}
.banner p {padding: 10% 0;text-align: right; font-size: 0;}
.banner span {  display: block;  line-height: 2;}

.article {background-color: #fff;padding: 1em; font-family: "宋体", "times new roman", serif;}

.do-article-title h1{font-size: 1.5em; margin: 0.3em 0;text-align: center;}
.do-article-title p{font-size: .875em; margin-bottom: 1em; color: #777;text-indent: 2em;}
.do-article-content h2{margin: 2em 0 1em; background-color: #6c0; color:#fff; line-height: 2; border-radius: 0 1em 1em 0; text-align: center; font-weight: bold;display: inline-block; padding: 0 2em; font-size: 1.25em;}
.do-article-content p{line-height: 1.8; word-break: break-all; text-align: justify; text-indent: 2em;}
.do-article-content p img{margin-left: -2em;}
.do-article-content a{color:#369; text-decoration: underline;}
.do-article-content table{border-collapse: collapse; text-align:center}
.do-article-content th, .do-article-content td {border:1px solid #ccc; padding:5px}
.do-article-content ol{padding-left: 2em;}
.do-article-content ol li{list-style: decimal; line-height: 2;}

.site{border-left: 2px solid #ddd; padding: 0 1em 1em;}
.qrcode-box{text-align: center;overflow: hidden;}
.qrcode-box img{width: 100px;}
.site h3 {background-color: #f5f5f5;  border-bottom: 1px solid  var(--maincolor,#39c); color:  var(--maincolor,#39c);  padding: 0.5em;}
.site ul{padding: 0; list-style: none;}
.site li{line-height: 2; overflow: hidden;margin-right: 1em;}
.site li a{white-space: nowrap;text-overflow: ellipsis; display: block; overflow: hidden;}

.list li{padding: 1.5em 0.8em;color: #333; border-bottom: 1px dotted var(--act-color,#393) ;}
.list li:hover{background-color: #f5f5f5;}
.list li:after{clear: both;content: "";display: table;}
.list div{overflow: hidden;}
.list h2, .list h3 {font-size: 1.15em;overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; font-weight: normal;}
.list .list-img {display: none;}
.list .list-time {color: #999;  padding-bottom: 0.5em; font-size: 14px; float: right;position: absolute; right: 2em; margin-top: -1em;}
.list .list-memo {display: none;text-align: justify;text-indent: 2em; font-size: 0.875em;line-height: 1.5;color: #777;}

.photolist:after,.roundlist:after{content: ""; clear: both; display: block;}
.photolist li {float: left; width: 23.5%; border: 1px solid #ddd; padding: 1em; margin: 0 2% 2% 0;}
.photolist li:nth-child(4n){margin-right: 0;}
.photolist li:nth-child(4n+1){clear: left;}
.photolist .list-img {display: block; width:100%; float: none; height: auto;}
.photolist .list-time,.photolist .list-memo{display: none;}

.pager{border-top: 1px solid #ddd; padding-top: 1em; text-align: center;}
.pager a{color: #333; display: inline-block; padding: 0.5em;margin: 0.5em 0; max-width: 48%; min-width: 2em;}
.pager a:hover, .pager a.cur {	background-color: #6c0;	color: #fff;}
.align-right{text-align: right;}

.subcat {text-align: center;}
.subcat a {border-color: #eee; margin-bottom: 2em; padding: .6em 2em; border-radius: .5em;}

/*footer*/
.footer{background-color: #222; border-top: 5px solid var(--act-color, #390); padding: 2em 0; color: #666; text-align: center;}
.footer a{color: #aaa;}
.footer .social{margin-bottom: 2em;}
.footer .social a{color: #fff;font-size: 1em;margin-right: 10px;}
.footlink p{float: left; width: 33%; padding: 1em 5%;}
.footlink p i {content: ""; display: block; width: 0; padding: 1.5em; background: url(icon.png) no-repeat; background-size: auto 100%; margin: 1em auto;}
.footlink i.footer-addr{background-position: -3em;}
.footlink i.footer-tel{background-position: -6em;}
.footlink i.footer-mail{background-position: -9em;}

.copyright{clear: both; border-top: 1px dashed; margin-top: 1em; padding-top: 1em;}
/*footer*/

@media (max-width: 767px) {
	body{font-size: 13px;margin-top: 30px;}
    .fl,.fr,.wp60,.wp40,#news li{float: none;width: 100%;clear: both;}
    .article{display: block;}
    .site{border-left: none;}
	.homelist .list-img{width: 25%;}
    #products li {width: 12em;}
    .photolist li {width: 48%;}
    .pager a{max-width: 96%;}
    .focus .bd li a{padding: 8em 0 !important;}
}
@media (max-width: 479px) {
    body{margin-top:0}
    .menu a{display:block; color: #fff;}
    .menu {position: fixed; z-index: 2; left: 100% !important;right:0; top:3em; bottom: 0; transition: left .3s; background-color: rgba(0,0,0,0.85);}
    .menu::before {content: "三";width: 3em;margin-left: -3em;background-color: #eee;z-index: 11;position: fixed;line-height: 3;text-align: center;}
    .menu:hover{left: 50% !important;}
    .menu a:first-child ,.headright{display:none;}
    .footlink p{float: none;width: 100%;clear: both;}
    .list h2{white-space: normal;}
    .list .list-time {position: static; text-align: right; margin-top: 1em;}
    .subcat a{padding: 0.5em 1em;}
    .photolist .list-img {width:100%; height: auto; float: none; display: block;}
    .logo img{display: block; margin: auto; float: none;}
}