body {overflow-x:hidden ; color:#333; -webkit-font-smoothing:antialiased; line-height: 1.67;}
:root{--act-color: #094;}
.wall{max-width: 1200px;margin: auto;position: relative; display: block;}
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:2px solid var(--act-color, #f90); }
.logo img{height: 60px;}
.comtel i{float: left; padding: 2em; background: url(icon.png) no-repeat; background-size: cover;}
.comtel b{font-size: 20px; color:  var(--act-color, #f90); font-weight: 600; display: block; line-height: 1.67;}
.comtel a{float:left; margin-right:1em; margin-top:1em; padding:1.25em 2.5em; background:url("mall.gif") no-repeat; background-size: contain ;}
.comtel span{float:left;}

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

.menu {white-space: nowrap; background-color: rgba(255,255,255,0.25); }

.menu li{float: left; position: relative;} 
.menu p{ position: absolute;left: 0;right: 0;overflow: hidden; background-color: #fff; max-height: 0; transition: all .3s; z-index: 1; }
.menu li:hover p{max-height: 25em; border:1px solid var(--act-color, #f90); }
.menu a{display: block; padding: 0.5em 1.5em; line-height: 2; }
.menu a:hover{color:#fff; background-color: var(--act-color, #f90); }
.menu p a{color: var(--act-color, #f90); }
/*header*/

/*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-color: #f5f5f5;}
#products li{display: inline-block;width: 25%; padding: 1.5%;}
#products a{ text-align: center; line-height: 2;}
#products img{margin: auto; transition: all .5s;}

.maintit {text-transform: uppercase; text-align: center; clear: both; margin: 2em auto;}
.maintit b{font-size: 2em; font-weight: normal; letter-spacing: 0.25em;}
.maintit em{display: block;color: #666; margin: .5em;}

.homelist {padding: 3em 0;}
.maincat{overflow: auto;text-align: center;padding-right: 0.5em; font-size: 14px;}
.maincat a{color: #777; display: inline-block; padding: 0 8px; border-right: 1px solid #ddd;}
.maincat a:last-child{border-right:0;}
.maincat a:hover{background-color:#fff; color: #094;}

.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;}

#mainnews{padding:5em 0;}
#mainnews img{display:block;}
#mainnews .wp40 li{float:left; width:48%; margin-right:2%; text-align:center;}
#mainnews .wp60 li{margin:.5em 0;}
#mainnews .time{color:#999; margin-right:1em; display: inline-block;}

.list .time{text-align: center; }
.list .time b{display: block; font-size: 1.5em; font-weight: normal;}

/*contact*/
.contact .form-control{width: 100%; background-color: #fff; margin-bottom: 1em; border: 1px solid var(--act-color, #390); 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: 2em; margin: 0.3em 0; text-align: center; font-weight: normal; color: var(--act-color,#393);}
.do-article-title p{font-size: .875em; margin-bottom: 1em; color: #777;text-indent: 2em;}
.do-article-content {padding-bottom: 3em; max-width:720px; margin:auto;}
.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{display:block; margin:auto;}
.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: 1em 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; font-size: 14px; float: right;margin-top: -2em;}
.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: var(--act-color,#393); 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;}

.homelinks{background-color: #f5f5f5; padding: 2em 0;}
.homelinks .wall div{column-count: 6; margin-bottom: 2em;}
.homelinks a{display: block; margin-bottom: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s;}
.link_pic img{height: 6em; opacity: .75; padding: .25em; transition: all .3s; border: 1px solid #ddd; border-radius:5px;}
.link_pic img:hover{ opacity: 1; padding: 0;}
.link_txt a:hover{color:  var(--act-color, #f90);}

/*footer*/
.footer{background-color: #333; border-top: 5px solid var(--act-color, #390); padding: 2em 0; color: #666;}
.footer a{color: #aaa; display: block; font-size: 14px;}
.footlink{display: flex;}
.footlink ul{flex: 2;}
.footlink dl{flex: 1; line-height: 2;}
.footlink li{float: left; width: 20%;}
.footer li > a{color: #ccc; font-size: 1.15em;}

.footlink dl >img{width: 5em; margin-right: 1em; float: left; border: 5px solid #fff;} 
.footlink dd{overflow: hidden;} 
.footlink dd i{content: ""; display: inline-block; padding: 1em; background: url(icon.png) no-repeat; background-size: auto 100%;float: left; clear: left;}
.footlink i.footer-addr{background-position: -2em;}
.footlink i.footer-tel{background-position: -4em;}
.footlink i.footer-mail{background-position: -6em;}
.footer2{background-color: #222;text-align: center; color: #777;font-size: 13px;padding: 1em;}
/*footer*/  

@media screen and (max-width: 767px) {
	body{font-size: 13px;margin-top: 30px;}
    .fl,.fr,.wp60,.wp40,#news li{float: none;width: 100%;clear: both;}
    .comtel{padding:0 1em;}
    .comtel i, .comtel span{float:right;} 
    .comtel b{line-height: 1;}
    .searchbox{float:left; width:100%; text-align: center;}
    .article{display: block;}
    .site{border-left: none;}
	.homelist .list-img{width: 25%;}
    #products li {width: 50%;}
    .photolist li {width: 48%;}
    .photolist li:nth-child(2n+1) { clear: left;}
    .pager a{max-width: 96%;}
    .focus .bd li a{padding: 8em 0 !important;}
    .focus .title, .focus .dec{margin-left: 10% !important; height: inherit !important;}
    .focus .title{font-size: 1.75em !important;}
    .homelinks .wall div{column-count: 4;}
    .footlink{display: block;}
    .footlink dl{ clear: both; line-height: 2;}
}

@media screen and (max-width: 479px) {
    body{margin-top:0;}
    .menu li{width: 100%;}
    .menu a{display:block; color: #fff;}
    .menu {position: fixed; z-index: 2; left: 100% !important;right:0; top:0; 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: 55% !important;}
    .menu p{left:-80%; right:100%; top:0;}
    .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;}
    .logo img{height: 40px; display: block; margin: auto;}
    .subcat a{padding: 0.5em 1em;}
    .photolist .list-img {width:100%; height: auto; float: none; display: block;}
    .homelinks .wall div{column-count: 2;} 
}