@charset "utf-8";

#banner{text-align: center; overflow: hidden; position: relative; min-height:400px;}
#banner > div{width:1920px; position: relative; left:50%; margin-left:-960px;transition:width 0.25s,margin-left 0.25s;}
#banner > div img{max-width:100%; height: auto; vertical-align: bottom; transition: height 0.25s,width 0.25s;}

/*框架*/
#box{margin-top:60px; position: relative;}
#box:after{content:""; width:1px; height: 100%; position: absolute; top:0; left:auto; right:350px; border-left:#e1e1e1 1px dotted;}
.subl{width:800px;float:left; padding-bottom:32px;}
.subr{width:310px; float:right;padding-bottom:32px;}
a.extLink{display:inline-block; width:100%;margin-bottom:1.5rem; text-align: center; border:#ebebeb 1px solid;}
a.extLink img{ max-width: 100%; height: auto; vertical-align: bottom;}
a.extLink:hover{ border-color:#c0c0c0;}

/*简介等外容器*/
.subBox { padding:5rem 0 2rem 0;}
.subBox img{ max-width: 100%; height: auto;}

/*右分类*/
.titl{font-size:1.25rem; font-weight:bold; line-height:150%; border-bottom:#e1e1e1 1px solid;padding:0 0 12px 0; margin:0 0 24px 0;position: relative; color:#181818;}
.titl:after{content:""; display: inline-block; width:25%; max-width:120px; height:2px; position:absolute; left:0; top:auto; bottom:-1px; background:#0a933a;}

/*list*/
#list{background:#fff;/* border-bottom:#ebebeb 1px solid; margin-bottom: 2.5rem;*/}
#list dl{display: flex; flex-wrap: wrap; line-height: 4rem; position: relative; margin-bottom: -1px;}
#list dl:after{content:""; position:absolute; left: 0; top:auto; bottom:0; width: 100%; height:2px; background:#ebebeb; z-index: 1;}
#list dt{flex:0 0 auto; position: relative;}
#list dt:after{content:""; display: inline-block; width:5px; height:2rem; background: #5ea472; position: absolute; left: 0; top:-1rem; box-shadow:#ffde00 0 1rem 0 inset;}
#list dt,#list dt a{color:#a5a5a5;}
#list dt a:hover{ color:#5ea472;}
#list dt span{ font-family: "宋体"; display: inline-block; margin: 0 0.25rem; font-size:0.75rem;}
#list dd{flex: 1 1 auto; text-align:right; margin-left:1rem;}
#list dd a{display:inline-block; padding:1rem; line-height:2rem;position: relative; }
#list dd a:before{ content:""; width:1px; height:0.75rem; display: inline-block; overflow: hidden; position: absolute; left:auto; right:0; top:0; bottom:0; margin:auto 0; background:#eeeff2;}
#list dd a.curr{color:#5ea472;}
#list dd a.curr:after{content:""; display:inline-block; width:calc(100% - 1.5rem); height:2px; background:#5ea472; position:absolute; z-index: 2; left:0;right:0; top:auto; bottom:0; margin:0 auto;}

/*关于*/
#aboutBox{ background: url("../images/bg-about2.jpg") left top no-repeat; padding-bottom: 2rem;}

/*相册*/
#album{ position:relative; overflow:hidden;}
#album ul{ width:105%; position:relative;}
#album li{ position:relative; width:228px; padding:0; border:#eef3f7 1px solid; background:#fff; float:left; margin:0 15px 15px 0; overflow:hidden; transition:box-shadow 0.3s;}

#album li a{display: inline-block; width:100%; position: relative; z-index: 2; padding-bottom:1px; vertical-align:bottom;}
#album li a:after{content:"";display: inline-block; width:100%; height:100%; position:absolute; z-index:3; left:0;top:0; border:transparent 0 solid; transition:border 0.25s; box-sizing: border-box;}
#album li img{width:100%; height: auto; vertical-align:bottom;}
#album li p{ margin:0.5rem 0 1em 0; padding:0 1em; line-height:2em; height:2em; color:#92a0ac; font-size:12px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; vertical-align:bottom;}
#album li:Hover{border-color:#5ea472;}
#album li:Hover a:after{border-width:4px; border-color:rgba(94,164,114,0.75);}
#album li:Hover p{color:#5ea472;;}


/*产品详情*/

.product dl{position: relative; margin:3rem auto 0 auto; padding:0 0 3rem 0; }
.product dl:before{content:"";width:1rem; height:200px; background:url("../images/font.png") center top no-repeat; position:absolute;left:-3rem;top:0.5rem;}
.product dl:after{content:"";width:100%; height:0; clear:both; overflow:hidden;display:block;}
.product dt{width:640px;float:left; min-height:480px; background:#fff; box-shadow:rgba(0,0,0,0.08) 0 0 1rem; border:#e2e5ee 1px solid; overflow:hidden; transition:box-shadow 0.3s;}
.product dt img{width:100%; height:auto; vertical-align:bottom; transition:transform 0.3s;}
.product dd{width:calc(100% - 700px); float:right;}
.product dd.dd1{padding-bottom:1.5rem; border-bottom:#ebebeb 1px solid; margin-bottom:1.5rem;}
.product dd.dd1 p{margin:1rem 0 1.5rem -0.5em; padding:0; line-height:2rem; font-size:1rem; color:#8894a0;}
.product dd.dd1 p em{margin-top:1rem;}
.product dd.dd1 span,.product dd.dd1 b{font-size:2rem; line-height:3rem; position: relative; }
.product dd.dd1 b{color:#5ea472; }
.product dd.dd1 b:after{/*content:""; display:inline-block; width:80px; height:2px; overflow:hidden; background:#f7ca49; position:absolute;left:auto;top:1.25rem; right:100%; margin-right:1.25rem; box-shadow: #5ea472 40px 0 0 inset;*/}
.product dd.dd2{padding-bottom:1.5rem;}
.product dd.dd3{color:#8894a0; line-height:2rem; max-height:30rem; overflow:hidden; text-align:justify;}
.product dd.dd3 p{margin:0;padding:0;}
/*.product dd.dd4 a{ display: block; height:2.5rem; line-height: 2.5rem; background:#f0f9fc; border:#a0ddeb 1px solid; text-align: center; margin-top:2.5rem; letter-spacing: 0.5rem; font-size: 1rem; color:#12abcc; border-radius: 4px;}
.product dd.dd4 a:hover{background:#12abcc; border-color:#12abcc; color:#fff; }*/

/*产品详情*/
#detailsBox{background:url("../images/detailsBorder.png") left top no-repeat; padding:16px 0 0 16px;}
#details{border:#ebebeb 1px solid; background:#fff; min-height:640px;padding:1rem;}
#details img{max-width:100%; height:auto; vertical-align:bottom;}
#videoBox{ padding:0 0 1rem 0; margin-bottom: 1rem; text-align: center; border-bottom:#ebebeb 1px solid; line-height: 0;}
#videoPlayer{max-width:800px; height: auto; margin:0 auto;}

/*联系我们——地图*/
.my-map { margin:0 auto; height:860px;padding-top:0; background:url("../images/loading.gif") center center no-repeat #101010; position: relative;}
.my-map .icon { /*background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;*/ }
.my-map .icon-cir { /*height:48px; width:52px;*/ width:30px; height:30px; background:url("../images/location.png") center center no-repeat;}
.my-map .icon-cir-yellow { background-position: -11px -105px; }
.amap-container{height: 100%;}
#mapContainer{ z-index:1; position: relative;}

#contactBox{width:600px; position:absolute;left:calc(50% - 600px); top:40%; height:60%; background:url("../images/bg-contact.png") right bottom no-repeat rgba(94,164,114,0.98);
    box-shadow:#5ea472 0 0 1rem;
    /*backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);*/
    z-index:2; padding: 4.5rem 3.5rem 2rem 3.5rem; text-align: left; border-radius:12px 128px 0 0; color:#fff; overflow-y: auto;
}
#contactTit{margin-bottom:2rem;}

/*翻页*/
.pages{margin:1.5rem auto;/* height:32px;*/ line-height:32px;  text-align:center; padding:1.25rem 0;max-width:1200px; }
.pages a,.pages a:visited{ padding:0 1rem; height:32px; font-size:14px; margin:0 0; display:inline-block; text-align:center; background:#fff;color:#92a0ac;font-family:"宋体","Times New Roman", Times, serif; border:#ebebeb 1px solid; border-radius:2px;}
.pages a:hover{ background:#5ea472; color:#fff;}
.pages span{ margin:0 3px; font-family:"宋体","Times New Roman", Times, serif; color:#999; display:inline-block; height:32px; text-align:center;}
.pages .thisp{background:#5ea472; color:#fff; display:inline-block; padding:0 1rem; height:32px; font-weight:bold;border-radius:2px;}
.pages a.disabled{ color:#a0a0a0;}
.pages a.disabled:hover{ background:#fff;}
#AspNetPager1 .pages{ margin-top:0;}