/* 
* @Author: lxh
* @Date:   2016-12-28 15:16:17
* @Last Modified by:   Marte
* @Last Modified time: 2017-07-17 11:53:34
*/

@font-face{font-family:myFirstFont;
src: url('../font/Bodoni.ttf')
    ,url('../font/Bodoni.eot'); /* IE9+ */
}
body{padding-top:0.9rem;}
#indexBg{background:#f0f0f0;}
/*Header*/
.header{width:7.5rem; height:0.9rem; background:#fff; position:fixed; /*left:0;*/ top:0; z-index:9999;}
.header .logo{display:block; margin-top:0.3rem;}
.header .logo img{display:block; width:1.06rem; height:0.3rem;}
.header .navBtn{width:0.4rem; height:0.31rem; display:block; background:url("../images/nav.png") no-repeat; margin-top:0.3rem; background-size:0.4rem 0.31rem;}
.header .navBtn.navBtn-after{background:url("../images/nav-after.png") no-repeat; background-size:0.4rem 0.31rem;}
.header .enBtn{position:absolute; right:1rem; top:0.28rem;}
.header .enBtn img{width:0.36rem; height:0.36rem; display:block;}
/*Banner*/
.banner{width:100%; height:6rem; /*margin-top:0.9rem;*/}
.banner .swiper-container{width:100%; height:100%;}
.banner .swiper-slide{background-position:center; background-size:cover;}
.banner .swiper-slide a{display:block; width:100%; height:100%;}

/*Nav*/
.nav{width:4.6rem; height:100%; background:#f3f3f4; position:fixed; z-index:9998; left:-4.7rem;}
.nav ul li{height:1rem; border:1px solid #e6e6e6; padding:0rem 0.3rem; overflow:hidden;}
.nav ul li a{display:block; overflow:hidden;}
.nav ul li i.icon{width:0.4rem; height:1rem; display:block; float:left; background:url("../images/nav-icon.png") no-repeat; background-size:1.1rem 6.32rem; margin-right:0.15rem;}
.nav ul li i.icon_1{background-position:0.02rem 0.34rem;}
.nav ul li i.icon_2{background-position:0.02rem -0.67rem;}
.nav ul li i.icon_3{background-position:0.02rem -1.67rem;}
.nav ul li i.icon_4{background-position:0.02rem -2.67rem;}
.nav ul li i.icon_5{background-position:0.02rem -3.67rem;}
.nav ul li i.icon_6{background-position:0.02rem -4.67rem;}
.nav ul li i.icon_7{background-position:0.02rem -5.67rem;}
.nav ul li.on i.icon_1{background-position:-0.7rem 0.34rem;}
.nav ul li.on i.icon_2{background-position:-0.7rem -0.67rem;}
.nav ul li.on i.icon_3{background-position:-0.7rem -1.67rem;}
.nav ul li.on i.icon_4{background-position:-0.7rem -2.67rem;}
.nav ul li.on i.icon_5{background-position:-0.7rem -3.67rem;}
.nav ul li.on i.icon_6{background-position:-0.7rem -4.67rem;}
.nav ul li.on i.icon_7{background-position:-0.7rem -5.67rem;}
.nav ul li span{font-size:0.28rem; color:#333; display:block; line-height:1rem; float:left;}
.nav ul li.on span{color:#be1c22;}
.nav ul li i.arrow{display:block; float:right; width:0.14rem; height:1rem; background:url("../images/arrowR.png") no-repeat scroll center center; background-size:0.14rem 0.25rem;}
.nav ul li.on i.arrow{background:url("../images/arrowR-on.png") no-repeat scroll center center; background-size:0.14rem 0.25rem;}

/*Footer*/
.footer{width:100%; height:0.7rem; background:#5f5f5f; padding:0.35rem 0rem;}
.footer .logo{display:block;}
.footer .logo img{display:block; width:1.95rem; height:0.7rem;}
.footer .tel p{font-size:0.24rem; color:#fff; font-weight:bold; text-align:right;}
.footer .tel p img{width:0.28rem; height:0.25rem; margin-right:0.1rem; vertical-align:middle; margin-top:-0.05rem;}
.footer .tel span{display:block; font-size:0.36rem; font-family:"Arial"; font-weight:bold; color:#fff; text-transform:uppercase;}
.footer .tel span a{color:#fff; display:block;}

/* Home Main*/
.tag-wrap{margin-bottom:0.2rem; background:#fff;}
.module-title{width:6.9rem; margin:0 auto; border-bottom:1px solid #ccc; padding:0.25rem 0rem; overflow:hidden;}
.module-title h2{font-size:0.3rem; color:#333; font-family:"myFirstFont"; text-transform:uppercase; border-left:0.04rem solid #be1c22; height:0.2rem; line-height:0.2rem; font-weight:400; padding-left:0.1rem; float:left;}
.module-more{width:0.42rem; height:0.2rem; display:block; float:right; background:url("../images/more.png") no-repeat scroll center center; background-size:0.42rem 0.1rem;}
.tags{padding:0.3rem 0rem; position:relative; height:3.2rem; margin-top:0.5rem;}
.tags a{display:inline-block; color:#fff; border-radius:50%; background:#a6a6a6; width:0.6rem; height:0.6rem; text-align:center; font-size:0.1rem; position:absolute;}
.tags a.small{font-size:0.12rem; width:0.6rem; height:0.6rem; line-height:0.6rem;}
.tags a.center{width:0.9rem; height:0.9rem; line-height:0.9rem; font-size:0.14rem;}
.tags a.big{font-size:0.16rem; width:1.6rem; height:1.6rem; line-height:1.6rem;}
.tags a.a-1{left:0; top:50%; margin-top:-0.3rem;}
.tags a.a-2{left:0.6rem; top:0.8rem;}
.tags a.a-3{left:0.9rem; top:2.1rem;}
.tags a.a-4{left:1.5rem; top:1.12rem;}
.tags a.a-5{left:2.85rem; top:0.65rem;}
.tags a.a-6{left:3.15rem; top:1.8rem;}
.tags a.a-7{left:3.75rem; top:0.8rem;}
.tags a.a-8{left:4.20rem; top:1.6rem;}
.tags a.a-9{left:5.45rem; top:0.5rem;}
.tags a.a-10{left:6rem; top:2rem;}
.tags a:hover{background:#be1c22;}

.index-inspir-wrap{margin-bottom:0.2rem; background:#fff;}
.index-inspir-wrap .inspir-swiper{width:100%; height:100%; padding:0.25rem 0rem;}
.index-inspir-wrap .container{overflow:hidden;}
.index-inspir-wrap ul li{float:left; width:300px; height:200px; background:red; margin-right:20px;}
.index-inspir-wrap .swiper-slide{width:2.9rem; height:1.6rem; margin-right:0.2rem;}
.index-inspir-wrap .swiper-slide img{width:auto; height:auto; max-width:100%; max-height:100%;}
.index-product-wrap{margin-bottom:0.2rem; background:#fff;}
.index-product-wrap .container{padding:0.25rem 0rem 0rem;}
.index-product-wrap ul li{width:3.3rem; height:2.42rem; float:left; margin-right:4.35%; margin-bottom:0.3rem;}
.index-product-wrap ul li:nth-child(2n){margin-right:0;}
.index-product-wrap ul li a{display:block; width:100%; height:100%;}
.index-product-wrap ul li a img{width:auto; height:auto; width:100%; height:100%;}
.index-news-wrap{background:#fff;}
.index-news-wrap .container{padding:0.25rem 0rem 0.3rem;}
.index-news-wrap .news-box .news-box-left{width:2rem; height:2rem;}
.index-news-wrap .news-box .news-box-left img{width:auto; height:auto; max-width:100%; max-height:100%;}
.index-news-wrap .news-box .news-box-right{width:4.7rem;}
.index-news-wrap .news-box .news-box-right h1{font-size:0.28rem; color:#333; font-weight:400; line-height:1.429; margin-top:-0.1rem;}
.index-news-wrap .news-box .news-box-right h1 a{color:#333;}
.index-news-wrap .news-box .news-box-right p{font-size:0.24rem; color:#666; line-height:1.583; padding: 0.1rem 0rem 0.36rem;}
.index-news-wrap .news-box .news-box-right span{font-size:0.22rem; font-family:"Arial"; color:#999; line-height:0; display:block;}
.news-list li{background:#f0f0f0; height:1rem; width:100%; margin-top:0.2rem; overflow:hidden;}
.news-list li .date{border-right:1px solid #ddd; text-align:center; width:1rem; height:1rem;}
.news-list li .date p{font-size:0.3rem; color:#666; line-height:1.4; margin-top:0.1rem;}
.news-list li .date span{font-size:0.2rem; color:#999; display:block; line-height:2.1;}
.news-list li .det p{font-size:0.28rem; color:#333; line-height:1rem; padding-left:0.2rem; width:5.5rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

/*关于我们 About*/
.subnav{width:100%; height:0.8rem; background:#333; overflow:hidden; margin-bottom:0.42rem;}
.subnav li{font-size:0.26rem; float:left; padding:0px 0.3rem; line-height:0.8rem;}
.subnav li a{color:#fff; display:block;}
.subnav li.on{background:#be1c22;}
p.base-title{font-size:0.28rem; color:#be1c22; border-bottom:0.03rem solid #be1c22; float:left; padding-bottom:0.05rem;}
.profile-con{width:100%; overflow:hidden; text-align:center; padding:0.2rem 0rem 0.3rem;}
.profile-con p{font-size:0.24rem; color:#666; line-height:2; text-align:justify; text-indent:32px;}
.open{display:inline-block; width:0.62rem; height:0.28rem; background:url("../images/open.png"); background-size:0.62rem 0.28rem; margin:0.5rem 0px 0rem;}
.profile-con img{width:6.9rem; height:1.37rem;}
.profile-con p.profile-en{display:none; overflow:hidden;}
.history{margin-bottom:0.6rem;}
.history .swiper-container{width:100%; height:0.6rem; border-radius: 0.29rem; background:#e6e6e6; margin: 0.8rem 0rem 0.25rem;}
.history .swiper-button-prev,.history .swiper-button-next{width:0.16rem; height:0.6rem; margin-top:-0.3rem;}
.history .swiper-button-prev{background:url("../images/arrowL-h.png") no-repeat scroll center center; background-size:0.16rem 0.26rem; left:0.3rem;}
.history .swiper-button-next{background:url("../images/arrowR-h.png") no-repeat scroll center center; background-size:0.16rem 0.26rem; right:0.3rem;}
.history .swiper-ul{width:5.37rem; margin:0 auto; overflow:hidden;}
.history .swiper-ul li{width:19.4%; height:0.6rem; line-height:0.6rem; border-left:1px solid #fff; font-size:0.28rem; color:#888; float:left; text-align:center;}
.history .swiper-ul li.hover{color:#be1c22;}
.history .swiper-ul li:nth-child(5n){border-right:1px solid #fff;}
.hidtory-con .hidtory-det{display:none;}
.hidtory-con .hidtory-det li{list-style:square inside url('../images/li.png'); font-size:0.24rem; color:#666; line-height:2;}
/*---------------------------------------------------------------------------------------------------------------------------------*/
.capacity-con{padding:0.15rem 0rem 0.8rem; clear:both;}
.capacity-con h2{margin-top:0.3rem;}
.capacity-con p,.capacity-con b,.capacity-con span,.capacity-con i,.capacity-con h1,.capacity-con h2,.capacity-con h3,.capacity-con h4,.capacity-con h5,.capacity-con h6{font-size:0.24rem; color:#666; line-height:2; text-align:justify; text-indent:0.32rem; display:block;}
.capacity-con img{display:block; width:100%; height:auto; margin-top:0.3rem;}
/*---------------------------------------------------------------------------------------------------------------------------------*/
.system-con{clear:both; text-align:center; padding:0.3rem 0rem 0.3rem;}
.system-list li{width:3.3rem; height:2.43rem; float:left; margin-right:0.3rem; margin-bottom:0.3rem;}
.system-list li:nth-child(2n){margin-right:0;}
.system-list li img{width:auto; height:auto; max-width:100%; max-height:100%;}
.partner{padding-bottom:0.2rem;}
.loading{display:inline-block; width:0.59rem; height:0.52rem; background:url("../images/load.png"); background-size:0.59rem 0.52rem;}

/*产品中心 Product*/
.pro-nav{width:100%; height:0.8rem; background:#333; overflow:hidden; margin-bottom:0.42rem;}
.pro-nav .swiper-wrapper .swiper-slide{font-size:0.26rem; float:left; line-height:0.8rem; width:1.65rem; text-align:center;}
.pro-nav .swiper-wrapper .swiper-slide a.on{background:#be1c22;}
.pro-nav .swiper-wrapper .swiper-slide a{color:#fff; display:block;}
.pro-wrap .pro-con{clear:both; text-align:center; padding:0rem 0rem 0.5rem;}
.pro-wrap .pro-con > p{font-size:0.24rem; color:#666; line-height:2; text-indent:0.32rem; text-align:justify; padding:0.15rem 0;}
.pro-wrap .pro-con .pro-list{overflow:hidden; margin-bottom:-0.2rem;}
.pro-wrap .pro-con .pro-list li{float:left; margin-right:0.3rem; margin-bottom:0.3rem;}
.pro-wrap .pro-con .pro-list li:nth-child(2n){margin-right:0;}
.pro-wrap .pro-con .pro-list li .pic{width:3.3rem; height:2.2rem;}

.pro-wrap .pro-con .pro-list li .pic img{width:3.3rem; height:2.2rem; display:block;}
.pro-wrap .pro-con .pro-list li p{font-size:0.24rem; color:#333; line-height:0.6rem; background:#f0f0f0; height:0.6rem; padding-left:0.2rem; text-align:left; width:3.1rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.pro-wrap .pro-con .pro-list li.on p{background:#be1c22; color:#fff;}

/*产品详情 ProDet*/
.proDet-wrap{padding-bottom:0.8rem;}
.proDet-wrap .container{width:7.5rem;}
.proDet-wrap h1{font-size:0.3rem; color:#333; text-align:center; line-height:1.667; font-weight:400; margin-bottom:0.2rem;}
.pro-slide{width:6.9rem; margin:0 auto; padding-bottom:0.6rem;}
.pro-slide .pic{width:100%; height:4.6rem; margin-bottom:0.2rem;}
.pro-slide .pic img{width:100%; height:100%; display:block;}
.pro-slide .tab li{float:left; width:2.23rem; height:1.5rem; margin-right:0.1rem; position:relative;}
.pro-slide .tab li:nth-child(3n){margin-right:0;}
.pro-slide .tab li label{width:2.23rem; height:1.5rem;}
.pro-slide .tab li label img{width:100%; height:100%; display:block;}
.pro-slide .tab li label input{position:absolute; top:-50rem; left:0;}
.pro-slide .tab li label span{position:absolute; width:2.19rem; height:1.46rem; border:0.02rem solid #be1c22; top:0; left:0; display:none;}
.pro-slide .tab li label input:checked ~ span{display:block;}
.proDet-wrap .pro-det li{width:100%; border-bottom:1px solid #e6e6e6;}
.proDet-wrap .pro-det li:first-child{border-top:1px solid #e6e6e6;}
.proDet-wrap .pro-det li .pro-det-name{display:block; font-size:0.3rem; color:#333; line-height:1rem; float:left; padding-left:0.3rem;}
.proDet-wrap .pro-det li i{display:block; width:0.32rem; height:1rem; float:right; background:url("../images/arrowB.png") no-repeat scroll center center; background-size:0.32rem 0.19rem; padding-right:0.6rem;}
.proDet-wrap .pro-det li.on{background:#dc4c4b;}
.proDet-wrap .pro-det li.on .pro-det-name{color:#fff;}
.proDet-wrap .pro-det li.on i{background:url("../images/arrowT.png") no-repeat scroll center center; background-size:0.32rem 0.19rem;}
.proDet-wrap .pro-det li img{width:100%;}
.proDet-wrap .pro-det li .show{background:#fff; padding:0.3rem; text-align:left; display:none; font-size:0.24rem; color:#666; line-height:2;}
.proDet-wrap .pro-det li .show h1{font-size:0.24rem; text-align:left; font-weight:bold; line-height:2; color:#be1c22; margin-bottom:0;}
.proDet-wrap .pro-det li .show p,.proDet-wrap .pro-det li .show a,.proDet-wrap .pro-det li .show span{font-size:0.24rem; color:#666; line-height:2; display:block;}

/*设计灵感 inspir*/
.inspir-wrap .inspir-con{width:100%; font-size:0.15rem; line-height:2; color:#333;}
.inspir-wrap .inspir-con img{max-width:100%; display:block; padding:0.3rem 0rem; margin:0 auto;}

/*技术资讯 technical*/
.technical-con{text-align:center; padding-bottom:0.55rem;}
.technical-wrap .news-list{padding-top:0.05rem; clear:both;}
.technical-wrap .news-list li .det p{text-align:left;}

/*技术资讯 det*/
.det-con{padding-bottom:0.8rem;}
.det-con .det-top{padding-bottom:0.3rem;}
.det-con .det-top h1{font-size:0.3rem; color:#333; line-height:1.667; text-align:center; font-weight:400;}
.det-con .det-top span{display:block; font-size:0.24rem; color:#bbb; line-height:1; text-align:center; margin-top:0.1rem;}
.det-con .det-top span img{vertical-align:middle; margin-top:-0.04rem; width:0.22rem; height:0.22rem; margin-right:0.1rem;}
.det-main{padding-bottom:0.4rem; font-size:0.3rem;}
.det-main p{font-size:0.26rem; color:#666; line-height:1.923; text-indent:0.32rem;}
.det-main img{padding:0.15rem 0rem; width:100%; display:block; height:100%;}
.det-con .det-page{border-top:1px solid #dedede; padding-top:0.3rem;}
.det-con .det-page p{font-size:0.26rem; line-height:2.308;} 
.det-con .det-page p a{color:#be1c22;}
.det-con .det-page a.return{display:block; font-size:0.26rem; width:2.1rem; height:0.65rem; line-height:0.65rem; background:#be1c22; text-align:center; color:#fff; margin-top:0.3rem;}

/*新闻中心 news*/
.news-wrap .news-con .news-list li{height:auto; background:none; border-bottom:1px solid #e6e6e6; padding:0.15rem 0rem;}
.news-wrap .news-con .news-list li:first-child{padding-top:0;}
.news-wrap .news-con .news-list li.on .det h1{color:#be1c22;}
.news-wrap .news-con .news-list li .pic{width:2.3rem; height:1.33rem;}
.news-wrap .news-con .news-list li .pic img{width:auto; height:auto; max-width:100%; max-height:100%;}
.news-wrap .news-con .news-list li .det{width:4.4rem;}
.news-wrap .news-con .news-list li .det h1{font-size:0.28rem; color:#333; font-weight:400; text-align:left; line-height:1.429; height:0.65rem; margin:-0.08rem 0rem 0.54rem 0rem;}
.news-wrap .news-con .news-list li .det span{font-size:0.22rem; color:#999; font-family:"Arial"; display:block; text-align:left;}

/*联系我们 contact*/
.contact-wrap .contact-list li{border-bottom:1px solid #e6e6e6; padding:0.4rem 0px 0.3rem; overflow:hidden; position:relative;}
.contact-wrap .contact-list li i{display:block; width:0.64rem; height:1.8rem; float:right; background:url("../images/arrowB.png") no-repeat scroll right center; background-size:0.32rem 0.19rem; position:absolute; top:50%; margin-top:-0.9rem; right:0;}
.contact-wrap .contact-list li.on i{background:url("../images/arrowTW.png") no-repeat scroll right center; background-size:0.32rem 0.19rem;}
.contact-wrap .contact-list li .contact-box{clear:both; padding-top:0.2rem;}
.contact-wrap .contact-list li .contact-box p{font-size:0.26rem; color:#666; line-height:1.769; overflow:hidden; display:none;}
.contact-wrap .contact-list li .contact-box p.contact-tel{display:block !important;}
.contact-wrap .contact-list li .contact-box p b{display:block; float:left; font-weight:400;}
.contact-wrap .contact-list li .contact-box p span{display:block; float:left; width:5.5rem;}