@charset "UTF-8";


body{font-size: 14px;}
header{position: relative;height: 1.38rem;}
.head-fixed{position: fixed;top:0;left:0;z-index: 10;width: 100%;height: 1.38rem;}

.head-top{overflow: hidden;box-sizing: border-box;padding:0 0.2rem; height: 0.52rem;background-color:#a9a9a9;}
.head-top p{float: right;padding-left:0.32rem; line-height: 0.52rem;color:#fff;background: url(../images/dianhua.png) no-repeat left center;background-size: 0.25rem;}

.head-bottom{overflow: hidden;position: relative;box-sizing: border-box;padding: 0 0.2rem; height: 0.86rem;background-color: #fff;}
.logo{float: left; width: 1.76rem;height: 100%;}

.head-bottom-split{float: left;margin:0 0.12rem; width: 0.02rem;height: 100%;background: url(../images/headTopSplit.png) no-repeat left center;background-size: 4px;}
.slogan{float:left; display: table;height: 100%;}
.slogan-inner{display: table-cell;vertical-align:middle;}
.slogan1{font-size: 0.22rem;}
.slogan2{font-size: 0.16rem;}
.slogan2 span{color:#c82126;}

/* 菜单按钮 */
.menu{position: absolute;right:0.2rem;top:50%;margin-top: -0.14rem; width:0.4rem;height: 0.31rem;background: url(../images/menu.png) no-repeat center;background-size: 0.4rem;}

/*遮罩层*/
.hide{
    display: none;
}


/*列表页*/
.backprev{
	float:left;
	width: 15%;
    text-align: center;
    color: #fff;
    height: 48px;
    line-height: 48px;
}
.head-middle{
    width: 70%;
    text-align: center;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.head-right{
	float:right;
	text-align: center;
	width:15%;
}
.app-hide-list i{
    margin-top: -3px;
    margin-right: 5px;
}
.app-hide-list{
    background: #f5f5f5;
    margin:5px 0;
    color:#007d3c;
}
.app-slide-menu .mdui-list-item-content{
    text-align: left;
    padding: 0 .2rem;
}
.app-collapse-menu{
    margin: 0 0.15rem;
}
.app-list-home{
    padding:0;
    margin: 0.2rem auto;
    background: #c82126;
}
.app-list-home i{
    margin-top: -3px;
    margin-right: 5px;
    color:#fff;
}
/* .app-list-home a{
    color: #fff;
} */
.app-list-item-link{
    color:#fff;
    display: block;
    width:100%;
    text-align: left;
}
.mdui-collapse-item-body .app-sub-list{
    padding:0 ;
    margin: 8px;
    background: #fff;
}
.mdui-collapse-item-body .app-sub-list a{
    padding: 0 0.2rem;
    height: 0.5rem;
    font-size: .24rem;
    line-height: 0.5rem;
}
.app-collapse-list{
    margin: 0.2rem 0.15rem;
}
.menu-click{
    background: #eaeaea;
    color: #222121;
}
.app-list-home .menu-click{background:none !important;color:#fff !important;}
.app-btn{
	text-align: center;
	padding:0;
}

.app-list-home .mdui-list-item-content{color:#fff !important;}

.logo-na{margin-top:30px;text-align:center;overflow:hidden;}
.logo-na a{display:block;width:100%;height:100%;}
.logo-na img{display:inline-block;max-width:80%;}

/* banner */
.index-banner{margin-bottom: 0.25rem;}
.index-banner img{display: block;width:100%;}

/* 核心竞争力 */
.core{padding:0.38rem 0 0 0;background: url(../images/second-head.png) no-repeat top center;background-size: 100%;background-color: #f2f2f2;margin-bottom:0.4rem;}
.second-1{position: relative; height: 3.62rem;}
.second-1-l{position: absolute;z-index: 1;left:0;top:0; width:50%;height: 100%;}
.second-1-l img{display: block;width: 100%;height: 100%;}
.second-l-r{position: absolute;z-index: 2;right: 0;top:0; width:50.5%; height: 100%;}
.second-l-r img{display: block;width:100%;height: 100%;}
.second1-des{overflow: hidden; position: absolute;bottom:0; width: 100%;height: 0.4rem;line-height:0.4rem;text-align: center; background-color: rgba(0, 0, 0, 0.4);font-size: 0.18rem;letter-spacing: 0.01rem; color:#fefefe;}

.second-2{position: relative;height: 3.05rem;}
.second-2-l,.second-2-r{position: absolute;width:50%;height: 100%;}
.second-2-l{left:0;}
.second-2-l img{display: block;width: 100%;height: 100%;}
.second-2-r{right:0;}
.second-2-r1{width: 50%;height: 100%;position: absolute;left:0;}
.second-2-r1 img,.second-2-r2 img{width:100%;height: 100%;}
.second-2-r2{width: 50%;height: 100%;position: absolute;right:0;}

.second-3{display: block;width: 100%;}


/* 产品中心 */
.index-pro{margin-bottom: 0.42rem;}
.commom-title1{padding:0.2rem 0; text-align: center;}
.commom-title2{background-color: #f2f2f2;}
.commom-title1 .title-h2{margin-bottom: 0.01rem; font-size: 0.35rem;}
.commom-title1 .title-h2 span{color:#c82126;}
.commom-title1 .title-h2 i{display: inline-block;margin:0 0.1rem; vertical-align: middle; width:0.04rem;height:0.04rem;border-radius: 50%;background-color: #000;}
.commom-title1 .title-p{font-size: 0.18rem;color:#666;}
.head-box{position: relative; margin:0 auto 0.32rem;box-sizing: border-box;border-bottom: 0.02rem solid #e5e5e5; height:0.77rem;}
.pro-thumbs{position: absolute;bottom:-0.02rem; width:100%;height: 100%;}
.pro-thumbs .swiper-slide{text-align: center;line-height: 0.77rem;}
.pro-thumbs .swiper-slide-thumb-active {color:#c82126;border-bottom: 0.02rem solid #c82126;}

.pro-show{margin:0 auto; width: 7rem;}
.pro-show-ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro-show-ul li{margin-bottom: 0.3rem; width: 3.4rem;height: 4.14rem;box-sizing: border-box;}
.pro-show-ul a{display: block;width: 100%;height: 100%;text-decoration: none;}
.pro-show-ul .cover{box-sizing: border-box; width:100%;height: 3.4rem;box-shadow: 0px 2px 10px 0px 
    rgba(121, 121, 121, 0.23);}
.pro-show-ul .cover img{width:100%;height: 100%;}
.pro-show-ul .name{box-sizing: border-box;padding-left:0.2rem; height: 0.74rem;line-height: 0.74rem;font-size: 0.2rem;color:#fff;background: url(../images/pro-icon.png) no-repeat 2.9rem center;background-size:0.22rem; background-color: rgba(0, 0, 0, 0.6);}
.index-products-more{display: block;margin:0 auto; box-sizing: border-box; width: 2.1rem;height: 0.6rem;line-height: 0.6rem; text-align: center; border: solid 1px #c82126;text-decoration: none;font-size: 0.26rem;color:#c82126;}


/* 三大理由 */
.reason1,.reason2,.reason3{margin:0 auto;width:7rem;}
.reason1{margin-bottom: 0.5rem;padding-top:0.4rem; border-bottom: 0.02rem solid #dfdfdf;}
.reason1 .head{overflow: hidden; box-sizing: border-box;margin-bottom: 0.27rem; padding-left:1.18rem; height: 0.91rem;background: url(../images/advantage1.png) no-repeat left center;background-size: 0.7rem;}
.vertical-m{float:left; display: table;height: 100%;}
.vertical-inner{display: table-cell;vertical-align:middle;}
.vertical-m .title{font-size: 0.28rem;color:#222121;}
.vertical-m .title span{font-weight: bold; color:#c82126;}
.vertical-m .des{font-size: 0.16rem;color:#222121;}
.reason1 .cover{margin-bottom: 0.3rem;}
.reason1 .cover img{display: block;width:100%;}
.reason1-ul li{box-sizing: border-box;margin-bottom: 0.15rem; padding-left:0.35rem; font-size: 0.18rem;color:#333;background: url(../images/reason-dot.png) no-repeat left center;background-size: 0.12rem;}
.reason1-ul li span{color:#c82126;}

.reason2{margin-bottom: 0.5rem; border-bottom: 0.02rem solid #dfdfdf;}
.reason2 .head{overflow: hidden; box-sizing: border-box;margin-bottom: 0.27rem; padding-right:1.18rem; height: 0.91rem;background: url(../images/advantage2.png) no-repeat right center;background-size: 0.7rem;}
.reason2 .vertical-m{float:right;text-align: right;}
.reason2 .cover{margin-bottom: 0.3rem;}
.reason2 .cover img{display: block;width:100%;}

.reason3{margin-bottom: 0.2rem; border-bottom: 0.02rem solid #dfdfdf;}
.reason3 .head{overflow: hidden; box-sizing: border-box;margin-bottom: 0.27rem; padding-left:1.18rem; height: 0.91rem;background: url(../images/advantage3.png) no-repeat left center;background-size: 0.7rem;}
.reason3 .cover{margin-bottom: 0.3rem;}
.reason3 .cover img{display: block;width:100%;}

/* 应用领域 */
.apply{margin-bottom: 0.5rem;}
.swiperApplyThumbs{margin:0 auto 0.3rem;width:7rem;height: 0.57rem;background-color: #d8d8d8;}
.swiperApplyThumbs .swiper-slide{line-height: 0.57rem;text-align: center;font-size: 0.24rem;color:#333;}
.swiperApplyThumbs .swiper-slide-thumb-active {background-color: #c82126;color:#fff;}
.swiperApplyShow{height: 6rem;}
.swiperApplyShow .swiper-slide{position: relative;}
.swiperApplyShow .cover{width: 100%;height: 100%;}
.swiperApplyShow .cover img{width: 100%;height: 100%;}
.swiperApplyShow .shade{overflow: hidden; position: absolute;z-index: 1; bottom:0;left:0;padding:0 0.2rem; box-sizing: border-box; width:100%; height: 1.1rem;background-color:rgba(0, 0, 0, 0.8);}
.swiperApplyShow .r{overflow: hidden; float:left;width:4.9rem;height: 100%;color: #fff;}
.swiperApplyShow .r .title,
.swiperApplyShow .r .title-des,
.swiperApplyShow .r .des{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiperApplyShow .r .title{margin-top:0.2rem; font-size: 0.19rem;}
.swiperApplyShow .r .title-des{font-size: 0.16rem;}
.swiperApplyShow .r .des{font-size: 0.12rem;}
.swiperApplyShow .detail-btn{float:right;margin-top:0.37rem; width: 1.4rem;height: 0.35rem;line-height: 0.35rem;text-align: center;border: solid 1px #ffffff;font-size: 0.18rem;text-decoration: none;color:#fff;}

/* 首页客户案例 */
.index-case{padding-bottom: 0.35rem;}
.swiperCase{margin:0 auto;width:7rem;}
.swiperCase .swiper-slide{display: block;text-decoration: none;}
.swiperCase .cover{margin-bottom: 0.2rem; height: 4rem;}
.swiperCase .title{margin-bottom: 0.18rem; font-size:0.24rem;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiperCase .des{font-size: 0.18rem;color:#adadad;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 五代光谱 */
.appliance{margin-bottom: 0.5rem;}
.appliance .cover{margin-bottom: 0.2rem;}
.appliance .cover img{display: block;width:100%;}
.appliance-msg{margin:0 auto;width:7rem;}
.appliance-msg .title-box{margin-bottom: 0.2rem; padding-bottom:0.18rem; background: url(../images/appliance-line.png) no-repeat bottom left;background-size: 5.7rem;}
.appliance-msg .title{font-size: 0.3rem;color:#333;background: url(../images/High-tech.png) no-repeat 0.26rem top;background-size: 2.18rem;}
.brief{overflow: hidden;}
.brief-ul{overflow: hidden;float:left;width: 100%;font-size: 0.15rem;color:#020202;}
.brief-ul li{float:left;width: 50%;line-height: 0.5rem;font-size: 0.12rem;background: url(../images/brief-line.jpg) no-repeat right center;background-size: 0.01rem;}
.brief-ul li:nth-child(2n){width: 50%;text-align: right;background: none;}
.brief-dot{overflow: hidden;float:left;width: 100%;}
.brief-dot li{float:left;width: 33.33%;text-align: center;font-size: 0.15rem;padding: 0.2rem 0;}
.brief-dot span{color:#c82126;font-size: 0.38rem;display: block;padding: 0.1rem 0;line-height: 0.38rem;}
.brief-dot div{line-height: 0.16rem;}

/* 新闻 */
.index-news{padding-bottom:0.32rem;}
.indexNews-thumbs{position: relative;margin-bottom:0.3rem; height:0.58rem;line-height: 0.58rem;border-bottom:0.02rem solid #e5e5e5;}
.indexNews-thumbs .swiper-slide{font-size: 0.28rem;width:2.12rem!important;text-align: center;}
.indexNews-thumbs .swiper-slide-thumb-active {background: url(../images/news-thumbs.png) no-repeat bottom center;background-size: 1rem;}
.news-ul{margin:0 auto 0.36rem;width:7rem;}
.news-ul li{overflow: hidden;box-sizing: border-box;padding:0.26rem 0; height: 1.84rem;border-bottom: 1px dashed #e5e5e5;}
.news-ul li:last-child{border-bottom: none;}
.news-ul .cover{float: left;width:2.1rem;height: 1.32rem;}
.news-ul .cover img{width:100%;height: 100%;}
.news-ul .msg{position: relative; float:right;width:4.68rem;height: 100%;}
.news-ul .title{font-size:0.28rem;color:#c82126;text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
  overflow:hidden;
    -webkit-box-orient: vertical;}
.news-ul .des{font-size: 0.24rem;color:#666; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-ul .time{font-size: 0.16rem;color:#999;}
.news-ul .detail-btn{position: absolute;bottom:0;right:0;font-size: 0.16rem;color:#999;text-decoration: none;}
.sea-more{display: block;margin:0 auto;width:1.4rem;height: 0.35rem;line-height: 0.35rem;text-align: center;text-decoration: none; font-size: 0.18rem;color:#c82126; border: 0.01rem solid #c82126;}

.line-block{height:0.12rem;background-color: #f2f2f2;}

/* 卡片 */
.card{margin-bottom:1.5rem; box-sizing: border-box;padding:0.3rem 0.7rem;}
.card .cn{font-size: 0.34rem;color:#323333;}
.card .en{margin-bottom: 0.35rem; font-size: 0.2rem;color:#999797;}
.card ul li{margin-bottom: 0.1rem; font-size: 0.28rem;color:#666;}
.card a{text-decoration: none;color:#666;}

/* footer */
.footer{position: fixed;bottom:0;z-index: 9; width:100%;height: 1.05rem;background-color: #c82126;}
.footer a{position: relative; float: left;box-sizing: border-box;padding-top:0.1rem; width:25%;height: 100%;background: url(../images/bottom-splite.png) no-repeat right center;background-size: 1px; text-decoration: none;}
.footer img{display: block;margin:0 auto;}
.footer p{position: absolute;bottom:0; width:100%; text-align: center;color:#fff;}
.footer .footer-icon1{width:0.49rem;}
.footer .footer-icon2{width:0.52rem;}
.footer .footer-icon3{width:0.43rem;}
.footer .footer-icon4{width:0.44rem;}




/* 其他页面样式 */
/*标题公共样式*/
.other-title{
    height: .62rem;
    background: #c82126;
    color: #fff;
    text-align: center;
    line-height: .65rem;
    font-size: .36rem;
    font-weight: bold;}

.common-box{overflow: hidden; padding: 0 0.2rem;}

.about-title{
	display: flex;
	height: .6rem;
    border-bottom: 1px solid #ccc;
    margin-top: .3rem;}
.about-title h3 {
    font-size: .3rem;
    line-height: .57rem;
    color: #666;
    border-bottom: 2px solid #c82126;
}
.about-title span {
    font-size: .24rem;
    margin-left: .1rem;
    line-height: .57rem;
    color: #999;
}

.about-box{padding:0.2rem 0;}
.about-box img{display: block;max-width: 100%;margin:0 auto;}

/*相关资讯*/
.info-ul{padding:0.2rem 0;}
.info-ul a{
    overflow: hidden;
    color:#000;
	display: block;
	width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .32rem;
    border-bottom: 1px dashed #ccc;}
.info-ul .dot{
	margin-top:0.35rem;
	width: .1rem;
    height: .1rem;
    background: #ccc;
    margin-right: .18rem;
}
.info-ul .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 5rem;}
.info-ul .dot,.info-ul .title{float: left;}
.info-ul .time{float: right;}


/*联系我们html*/
/* .contact-ul{} */
.contact-ul li{display: flex;align-items: center;margin:0.2rem 0;}
.contact-ul li:last-child{align-items: flex-start;}
.contact-ul .way-icon{width: 0.36rem;margin-right: 0.1rem;}

.map{height: 6rem;}

.words-title{display: flex;align-items: center;justify-content: center;}
.words-title img{width: 0.4rem;margin-right: 0.08rem;}


/*产品中心productcenter.html*/
/*产品swiper切换*/
.proCenter-thumbs{margin:0 auto 0.4rem; width: 7.1rem;height: 0.8rem;line-height: 0.8rem; font-size:0.32rem;text-align: center;}
.proCenter-thumbs .swiper-slide{overflow: hidden;}
.proCenter-thumbs .swiper-slide-thumb-active {border-bottom: 2px solid #c82126;color:#3a353f;}

.proCenter-show{margin:0 auto 0.6rem; width: 7.1rem;}
.productscenter-ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.productscenter-ul li{margin-bottom: 0.3rem; width: 3.4rem;height: 3.9rem;box-sizing: border-box;border:1px solid #c82126;}
.productscenter-ul a{display: block;width: 100%;height: 100%;text-decoration: none;}
.productscenter-ul a div{height: 3.4rem;border-bottom: 1px solid #c82126;}
.productscenter-ul a p{overflow: hidden; height: 0.5rem;line-height: 0.5rem;text-align: center;color:#000;}
.products-more{display: inline-block;width: 100%; text-align: center;text-decoration: none;padding: 0.1rem 0.2rem;background-color: #c82126;color:#fff;}

/*产品列表productslist.html*/
.productslist-title{margin-bottom: 0.4rem;}
/*分页*/
.page{margin:0.2rem 0 0.4rem; display: flex;align-items: center;justify-content: center;}
.page a, .page span {
    font-size: .32rem;
    padding: 0.01rem 0.15rem;
    margin-left: .18rem;
    border: 1px solid #ccc;
    border-radius: .06rem;
}
.page a{text-decoration: none;color:#000;}
.page .current {
    background: none;
    font-weight: bold;
    color: #3a353f;
    border-color: transparent;
}


/*产品详情productsdetail.html*/
.productsdetail-img{margin-bottom: 0.2rem; height: 5rem;}
.productsdetail-name{overflow: hidden; margin-bottom: 0.2rem; font-size: 0.36rem;font-weight: normal;border-bottom: 1px dashed #3a353f;}
.productsdetail-detail{overflow: hidden;margin-bottom: 0.2rem;}
.productsdetail-detail img{display:block;width:100%;max-width:100% !important;height:auto !important;}
/*.products-change{display: flex;align-items: center;justify-content: space-between;}*/
.products-change div{
    /*width: 48.4%;*/
    font-size: .32rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.products-change a{
	text-decoration: none;
	color:#666;
}

/* 联系我们contact.html */
.centent-block{margin-bottom: 0.3rem;}
.msg-form{display: block;margin:0 auto;width: 6.9rem;}
.fill{display: flex;align-items: center;margin-top: 0.3rem;}
.fill span{width: 20%;
    font-size: .28rem;}
.fill input{width: 80%;height: 0.5rem;border:1px solid #000;box-sizing: border-box;padding-left:0.08rem;border-radius: 0;}
#leaving{width: 80%;box-sizing: border-box;border: 1px solid #000;min-height: 1.5rem;padding:0.08rem 0 0 0.08rem;border-radius: 0;}
.sub-box{overflow: hidden;margin-top: 0.3rem;}
.sub-btn{float: right; width: 1.3rem;
    height: .45rem;
    letter-spacing: 2px;color:#fff;background-color: #c82126;}
.check-tip{color: red;text-align: center;margin:0.1rem 0;}


/*新闻中心newscenter.html*/
.newscenter-ul a{
	overflow: hidden;
	display: block;
    width: 100%;
    height: 2rem;
    padding: .25rem 0;
    border-bottom: 1px dashed #c82126;
    overflow: hidden;
    text-decoration: none;
    color:#000;
}
.newscenter-ul .news-cover{
	float: left;
	width: 2.5rem;
    height: 1.5rem;
}
.newscenter-ul .news-cover img{
    width:100%;
    height:100%;
}
.newscenter-ul .news-msg{
    overflow: hidden;
	float:right;
	width: 4.3rem;
    height: 1.5rem;
}
.news-msg-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
    border-bottom: 1px dashed #ccc;
    font-size: .3rem;
}
.news-msg-top p{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}
.news-msg-bottom{
	font-size: .24rem;
    color: #aaa;
    line-height: .4rem;
    margin-top: .15rem;
    height: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*新闻详情newsdetail.html*/
.newsdetail-detail img{display:block;margin:0 auto; max-width:100%;height:auto !important;}
.newsdetail-title{font-size: 0.36rem;font-weight: normal;text-align: center;overflow: hidden;border-bottom: 1px dashed #c82126;}

/* 百度地图 */
.BMap_Marker{background:url(../images/mapIcon.png) center no-repeat !important;}
