.header{background:url(../image/head_bg.jpg) #2b2833 no-repeat center top;color: #b6adc4;}
.header .top{height: 40px;border-bottom: 1px dashed #504561;line-height: 40px;color: #b6adc4}
.header .top a{color: #b6adc4;}

.header .main{height: 100px;}
.header .main .logo a{padding-top: 15px;display: block}
.header .main .logo a span{font-size: 28px;color: #fff;text-transform: uppercase;}
.header .main .logo a p{font-size: 16px;color: #fff;text-transform: uppercase;}
.header .main .tel{line-height: 100px;font-size: 24px;font-weight: bold;}
.header .main i{font-size: 28px;}

.header .nav{background: #443a53;position: relative;}
.header .nav .search{position: absolute; top: 9px; right: 0;}
.header .nav .search input{border: none;height: 35px;background: #2b2833;padding: 0 15px;width: 200px; color:#fff;}
.header .nav .search button{height: 35px;width: 60px;border: none;background: #2b2833;color: #b6adc4;cursor: pointer;}

.swiper-container .swiper-slide img{width: 100%;}

.swiper-container .bg1{background: url(../image/banner2.jpg) no-repeat center top;background-size: cover}
.swiper-container .bg2{background: url(../image/banner1.jpg) no-repeat center top;background-size: cover}
.swiper-container .bg3{background: url(../image/banner2.jpg) no-repeat center top;background-size: cover}

.content-box{padding: 40px 0;color: #443a53;}
.about .tit1{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #eee}
.about .tit1 strong{font-size: 24px;margin-right: 15px;}
.about .tit1 span{font-size: 18px;text-transform: uppercase}

.common.title{text-align: center;margin-bottom: 40px;}
.common.title .tit{font-size: 36px;margin-bottom: 5px;font-weight: bold;}
.common.title .tit span{color: #eddc46}
.common.title .english{color: #888;font-size: 18px;text-transform: uppercase;}
.part.title span{font-size: 22px;}

.about{background: #fff}
.about img{width: 100%}
.about .text{line-height: 1.8;font-size: 15px;}
.about .layui-btn{width: 110px;height: 42px;line-height: 42px;margin-top: 15px;}

.product{position: relative;}
.product .title{background: #443a53;color: #fff;padding: 20px;margin-bottom: 0px;color: #b6adc4}
.product .title strong{font-size: 24px;margin-right: 15px;display: block;line-height: 40px;}
.product .title span{font-size: 20px;text-transform: uppercase;display: block}
.product .title label{height: 3px; background:#b6adc4;margin: 15px 0;display: block;width: 100px;}
.product .side{width: 320px;position: relative;}
.product .side .content{background: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)}
.product .side .content dl > *{padding: 0 30px;font-size: 16px;}
.product .side .content dl dt{display: block;background: #504561;color: fff;line-height: 57px;color: #b6adc4;}
.product .side .content dl dd{line-height: 42px;border-bottom: 1px dashed #dedede;}
.product .side .content dl dd:last-child{border-bottom: none;}
.product .side .content dl dd i{ font-size: 14px; margin-right: 10px;}
.product .side .content dl dd a:hover{color: #504561;padding-left: 10px;}
.product .side .contact{border: 3px solid #443a53;padding: 20px;background: #443a53;height: 154px;line-height: 1.8;color: #eddc46;}
.product .side .contact span{font-size: 16px;}
.product .side .contact strong{font-size: 24px;}
.product .side .contact p{padding: 3px 10px;border:1px solid #eddc46;color: #eddc46;margin-top: 5px;}


.product .list{width: 890px;}
.product .list a {height: 280px;display: block;overflow: hidden;position: relative;}
.product .list a img {width: 100%}
.product .list a span{position: absolute;bottom: 0;height: 40px;background: rgba(0, 0, 0, .5);width:100%;text-align: center;color: #fff;line-height: 40px;font-size: 16px;}
.product .list a:hover{border: 3px solid #eddc46}


.swiper-case {overflow-x: hidden;margin: 30px 0 0;position: relative;}
.swiper-case .swiper-slide {text-align: center;font-size: 18px;background: #fff;width: 23.6% !important;}
.swiper-case .swiper-slide a{display: inline-block;border:1px solid #eee;}
.swiper-case .swiper-slide a:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, .15)}
.swiper-case .swiper-slide img{width: 100%;}
.swiper-case .swiper-slide span{ font-size: 16px;margin: 15px 0;display: block}




.ysa{ height:735px; background:url(../image/ys_img1.jpg) no-repeat 0 0; padding-left:450px;}
.ys_c dt em{ font-size:48px; color:#b6adc4; font-family:arial; display:block; text-transform:uppercase; margin-bottom:-5px;font-style: normal;}
.ys_c dt span{ display:block; font-size:26px;}
.ys_c dd i{ display:block; font-size:10px; color:#ccc; margin:6px 0;}
.ys_c dd p{ font-size:16px; color:#666; line-height:22px;}
.ys1 ul{ height:120px; margin:30px 0;}
.ys1 li{ height:110px; float:left;text-align:center; font-size:18px;border: 1px solid #eddc46;margin-right:4%;width: 22%;}
.ys1 li:last-child{margin-right: 0;}
.ys1 li i{display: block;font-size: 36px;padding-top: 10px;color: #eddc46}
.ys1 dd em{ display:block; height:250px;}
.ys2{margin-top: 30px;}
.ysb{ background:url(../image/ys_img3.jpg) no-repeat right 40px; overflow:hidden;}
.ys3,.ys4{ width:730px; }
.ys3{margin-top: 40px;}
.ys3 .zz{margin-top: 30px;}
.ys3 .zz img{width: 100%;}
.ys4{margin-top: 30px}


.select{margin: 20px 0;padding-top: 165px;background: url(../image/head_bg1.jpg) no-repeat center top;height: 360px;;}
.select ul{display: flex;overflow: hidden;}
.select ul li{flex: 1;background: #504561;border-radius: 120px;text-align: center;color: #b6adc4;border: 2px solid #605a70;font-weight: bold;margin: 0 15px;font-size: 18px;padding: 30px 0 0;height: 140px;width: 140px;}
.select ul li span{display: block;font-size: 22px;margin-bottom: 10px;font-weight: normal;}


.news{background: #fff;}
.news .content .tit{font-size: 18px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;}
.news .content .tit strong{font-weight: normal;}
.news .content .tit i{font-size: 22px;float: left;margin-right: 10px;font-weight: normal;}
.news .content .tit a{font-size: 14px;}
.news .content li{line-height: 2.4;}
.news .content li i{font-size: 12px;margin-right: 8px;}
.news .content li span{color: #888;}

.firend-link{padding-top: 20px}
.firend-link .title{font-size: 18px; border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.firend-link .content a{ margin-right: 15px;}

/*底部开始*/
.foot{ background:#2b2833; overflow:hidden; color: #b6adc4;padding: 15px 0;margin-top: 50px;}
.foot .nav{overflow:hidden; margin:10px 0 10px;}
.foot .nav li{ display:inline-block; padding:0 35px 0 0;margin-right: 35px; vertical-align: top;}
.foot .nav li:last-child{border-right: none;}
.foot .nav li a{font-size:14px;color: #b6adc4;font-size: 16px;line-height: 1.8;padding-bottom: 20px;}
.foot .nav li dd a{font-size: 14px;margin-bottom: 0px;line-height: 1.8;color: #968da2}
.foot .copyright{line-height: 1.8; text-align: center;border-top: 1px solid #504561;padding-top: 15px}
.foot .erweima img{width: 125px; margin-right: 15px;padding: 10px;background: #fff;}



.inner-banner{background: url(../image/ibanner.jpg) no-repeat center top; height: 200px;}
.inner-content{padding: 30px 0}
.inner-content .position{color: #393D49;padding: 5px 0px 20px;}
.inner-content .side{position: relative;margin-top: -80px; border: 3px solid #443a53;}
.inner-content .side .title{background: #443a53;color: #fff;padding: 20px;margin-bottom: 0px;color: #b6adc4}
.inner-content .side .title strong{font-size: 24px;margin-right: 15px;display: block;line-height: 40px;}
.inner-content .side .title span{font-size: 20px;text-transform: uppercase;display: block}
.inner-content .side .title label{height: 3px; background:#b6adc4;margin: 15px 0;display: block;width: 100px;}
.inner-content .side ul li {border-bottom: 1px dashed #ddd;}
.inner-content .side ul li:last-child{border-bottom: none;}
.inner-content .side ul li a{font-size: 16px;line-height: 46px;display: block}
.inner-content .side ul li a:hover{background: #504561;color: #fff;}
.inner-content .side ul li i{font-size: 14px;margin-right: 15px;}
.inner-content .side ul li a:hover i{margin-right: 15px;margin-left: 15px}
.inner-content .side .content{padding: 20px;border-bottom: none;}
.inner-content .side .content dl > *{padding: 0 30px;font-size: 16px;}
.inner-content .side .content dl dt{display: block;background: #504561;color: fff;line-height: 57px;color: #b6adc4;}
.inner-content .side .content dl dd{line-height: 42px;border-bottom: 1px dashed #dedede;}
.inner-content .side .content dl dd:last-child{border-bottom: none;}
.inner-content .side .content dl dd i{ font-size: 14px; margin-right: 10px;}
.inner-content .side .content dl dd a:hover{color: #504561;padding-left: 10px;}



.other-info{border: 3px solid #443a53;margin-top: 20px;}


.content-main .layui-card-body{ line-height: 2;}
.content-main .project a{position: relative;display: block}
.content-main .project a img{width: 100%;border: 1px solid #eee;vertical-align: middle}
.content-main .project a span{position: absolute;bottom: 0px;background: rgba(0, 0, 0, .5);color: #fff;text-align: center;display: block;height: 40px;line-height: 40px;width: 100%}
.content-main .project .layui-col-md4 a:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, .15)}
.content-main .project a:hover span{background: rgba(0, 0, 0, .7)}
.content-main .detail .thumb img{ width: 100%;border:1px solid #eee;}
.content-main .detail .parameter > *{border-bottom: 1px solid #eee;display: block;margin-bottom: 10px;padding-bottom: 10px;line-height: normal}
.content-main .detail .parameter strong{ font-size: 20px;}
.content-main .detail .parameter .layui-btn{padding-bottom: 0px;width: 100px;margin-top: 15px;}
.content-main .detail .article .tit{border-bottom: 1px solid #eee;margin-bottom: 20px;}
.content-main .detail .article .tit span{line-height:36px;width: 90px;text-align: center;color: #fff;background: #393D49;display: block}
.content-main .detail .article .prenext{margin-top: 20px;}
.content-main .detail .article .prenext a{color: #f49a05;}

.content-main .case{margin: 0;}
.content-main .case a{position: relative;display: block}
.content-main .case a img{width: 100%;padding: 0px;vertical-align: middle}
.content-main .case a span{bottom: 0px;background: rgba(0, 0, 0, .5);color: #fff;text-align: center;display: block;height: 40px;line-height: 40px;width: 100%}
.content-main .case .layui-col-md4 a:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, .15)}
.content-main .case a:hover span{background: rgba(0, 0, 0, .7)}
.content-main .news-list{margin-bottom: 15px;}
.content-main .news-list i{font-size: 12px;}
.content-main .news-list a{font-size: 16px;}
.content-main .news-list .desc{line-height: 2;color: #999;}
.content-main .detail .parameter.news{text-align: center;}
.content-main .detail .parameter.news label{margin-right: 10px;}


.ui-page{user-select:none; padding-top:20px;}
.ui-page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}
.ui-page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-1px;}
.ui-page ul li:first-child,.ui-page ul li:first-child a{border-radius:4px 0 0 4px;}
.ui-page ul li:last-child,.ui-page ul li:last-child a{border-radius:0 .4px 4px 0;}
.ui-page ul li a{font-size:14px;display:block;padding:0 10px;line-height:30px;color:#444;background:#fff;}
.ui-page ul li a:not([href]){color:#999;cursor:not-allowed;}
.ui-page ul li.active{border-color:#443a53;background:#443a53;}
.ui-page ul li.active a{color:#fff;background:#443a53;}
.ui-page ul li.active a:hover{background:#443a53;}
.ui-page ul li:hover a{background:#f9f9f9;}
.ui-page-red ul li.active{border-color:#ED4014;background:#ED4014;}
.ui-page-red ul li.active a{background:#ED4014;}
.ui-page-red ul li.active a:hover{background:#ED4014;}
.ui-page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}
.ui-page-yellow ul li.active a{background:#F37B1D;}
.ui-page-yellow ul li.active a:hover{background:#F37B1D;}
.ui-page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}
.ui-page-green ul li.active a{background:#19BE6B;}
.ui-page-green ul li.active a:hover{background:#19BE6B;}
.ui-page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.ui-page-info ul li.active a{background:#2DB7F5;}
.ui-page-info ul li.active a:hover{background:#2DB7F5;}
.ui-page-mid ul li{margin-right:6px;}
.ui-page-mid ul li{border-radius:2px;}
.ui-page-mid ul li:first-child,.ui-page-mid ul li:last-child{border-radius:2px;}
.ui-page-center ul{display:flex;justify-content:center;align-items:center;}
.ui-page-right ul{display:flex;justify-content:flex-end;}
.ui-page-right{display:flex;}
.ui-page-right .ui-page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}