@charset "utf-8";
/** common **/
html,body{height: 100%;color:#898989;}
html{font-size: 62.5%;}
a{color: #666;}
body{max-width: 800px;margin:0 auto;}
.mgn {width: 98%;margin: 0 auto;}
.hide{display: none;}
.body-wrapper{position: relative;background: #f4f4f4}
.body-wrapper,.cbp-spmenu-push{overflow: hidden;}
.body-bg{background: #f5f5f5;}

.header{height: 1.3rem;}
.header .logo{display: inline-block;margin-left: 0.1rem;margin-top: 0.45rem;height: 0.42rem;width: 5.1rem;}
.header .logo a{display: inline-block;width: 2.34rem;max-width:234px;}
.header .logo img{width: 100%;}
.header .logo span{display: inline-block;font-size: 0.22rem;color: #131212;float: right;margin-top: 0.08rem;}
.header .nav-icon{width: 0.60rem;height: 0.34rem;background: url(../images/icon_nav.png) no-repeat;display: inline-block;float: right;background-size: 100% 100%;margin-right: 0.2rem;margin-top: 0.56rem;}
.nav-position{position: fixed;overflow: hidden;height: 100%;width: 100%;max-width: 800px;}
nav.cbp-spmenu{background: #f4f4f4;overflow-y: scroll;position: absolute}
nav .nav-hd{background: #e9e9e9;height: 1.3rem;line-height: 1.3rem;position: relative;border-bottom: 1px solid #fff;}
nav .nav-hd h3 a{font-size: 0.40rem;color: #171717;padding:0 0 0 0.36rem;font-weight: bold;}
nav .nav-hd .nav-close{display: block;width: 0.44rem;height: 0.44rem;background: url(../images/icon_close.png) no-repeat;background-size: 100% 100%; position: absolute;right: 0.2rem;top:0.4rem;}
nav .nav{background: #fff;}
nav .nav .top-nav{height: 1rem;background: #f7f7f7;font-size: 0.32rem;color: #171717;line-height: 1rem;display: block;font-weight: lighter;padding: 0 0 0 0.36rem;position: relative;border-bottom: 1px solid #fff;}
nav .nav .top-nav.active{background: #fff;}

.banner{width:100%;position:relative;overflow:hidden;z-index: 1;}
.banner img{width:100%;display: block;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li a{text-align: center;display: block;overflow: hidden;}
.banner .slides li a img{display: block;width: 100%;}
.banner .slides li span{display: block;position: absolute;left:0.2rem;bottom:0.5rem;font-size: 0.26rem;color: #fff;}
.banner .swiper-pagination-bullets{bottom: 0.15rem;text-align: center;}
.banner .swiper-pagination-bullet{width: 0.12rem; height: 0.12rem;background: #fff;opacity: 1;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet-active{ background: #3a76ff;}

.main .hd{display: block;padding-top: 0.2rem;}
.main .hd h3{font-size: 0.4rem;color: #474747;position: relative;padding-left: 0.3rem;}
.main .contact .hd h3{color: #fff;}
.main .hd h3:before{position: absolute;display: block;content: ''; width: 0.04rem;height:0.3rem;bottom: 0.15rem;background: #1f63ff;left: 0;}
.main .hd span{display: block;color: #696969;font-weight: lighter;font-size: 0.24rem;padding-left: 0.8rem;margin-top: 0.1rem;}
.main .more{text-align: center;}
.main .more a{display: inline-block;height: 0.4rem;line-height: 0.4rem;color: #ff0000;font-size: 0.32rem;text-align: left;width: 3rem;position: relative;padding-left: 0.8rem;}

.index-case{margin-top: 0.22rem;}
.index-case .case-list{margin-top: 0.2rem;}
.lists.case-list{margin-bottom: 0.4rem;margin-top: 0.4rem;}
.case-list li{width: 44.28%;height: 2.66rem;float: left;margin: 0 2.85% 0.6rem 2.85%;position: relative;}
.case-list li a{display: block;}
.case-list li a span{display: block;height: 1.9rem;overflow: hidden;}
.case-list li a span img{width: 100%;max-height: 100%;}
.case-list li .case-intro{height: 0.8rem;background: #fff;padding: 0.1rem;position: relative;}
.case-list li .case-intro h3{font-size: 0.22rem;color: #2d2c2c;line-height: 0.22rem;height: 0.22rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-list li .case-intro em{font-size: 0.12rem;color: #868686;font-weight: lighter;margin-top: 0.06rem;display: block;}
.case-list li .case-intro:after{display: block;width: 0.4rem;height: 2px;content: '';position: absolute;left:0;bottom: 0.1rem;background: #5589ff;}

.index-business{}
.index-business ul{margin-top: 0.3rem;}
.index-business li{width: 98%;margin: 0 auto; position: relative;color: #fff;text-align: left;padding: 0.3rem 0.1rem;margin-top: 0.2rem}
.index-business li h3{font-size: 0.36rem;height: 0.4rem;line-height: 0.4rem;overflow: hidden;}
.index-business li span{font-size: 0.24rem;font-weight: lighter;margin-top: 0.26rem;display: block;}
.index-business li p{line-height: 0.48rem;font-weight: lighter;margin-top: 0.3rem;height: 0.96rem;overflow: hidden;}
.index-business li em{font-size: 12px;color: #5f5f5f;display: block;margin-top: 108px;}
.index-business li a{width: 120px;height: 36px;border: 1px solid #fff;border-radius: 5px;text-align: center;color: #fff;font-size: 18px;line-height: 36px;position: absolute;bottom: 66px;left: 92px;display: none;}
.index-business li:hover a{display: inline-block;;}
.index-business li:hover p{color: #fff;}
.index-business li.item-1{background: #cd0000;}
.index-business li.item-2{background: #003ecd;}
.index-business li.item-3{background: #4a9500;}
.index-business li.item-4{background: #ffae00;}

.index-news{margin-top: 0.2rem;}
.news-list{margin-bottom: 0.4rem;}
.news-list li{padding: 0.4rem 0.2rem 0.2rem;border-bottom: 1px solid #ececec;}
.news-list li img{width: 100%;max-width: 100%;margin-bottom:  0.2rem;}
.news-list li span{font-size: 0.24rem;font-weight: lighter;color: #1f63ff;}
.news-list li h3{font-size: 0.30rem;color: #414141;margin-bottom:  0.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 0.4rem;line-height: 0.4rem;}
.news-list li p{color: #4d4d4d;height:0.96rem;overflow: hidden;font-size: 0.22rem;line-height: 0.44rem;}

.contact{background: #292929;padding-bottom: 0.3rem;margin-top: 0.3rem;}
.contact .contact-info{margin-top: 0.4rem;position: relative;}
.contact .contact-info p{font-size: 0.26rem;font-weight: lighter;line-height: 0.48rem;color: #fff;}
.contact .contact-info a{color: #ff0000;}

.swiper-sub{height: 0.8rem;position: absolute;background: #f1f1f1;width: 100%;left:0;top:0;}
.swiper-sub:after{display: block;content: "";position: absolute;right: 0.2rem;top: 0.24rem;width: 0.06rem;height: 0.32rem;background: url(../images/icon_scroll.png) no-repeat;background-size: 100% 100%;}
.sub-nav-w{width: 94%;overflow: hidden;position: relative;}
.sub-nav{height: 0.8rem;line-height: 0.8rem;}
.sub-nav li{text-align: center;display: block;font-size: 0.3rem;}
.sub-nav li.active:after{width: 0.5rem;border-bottom: 0.04rem solid #f50000;display: block;content: "";position: absolute;bottom:0;left: 50%;margin-left: -0.25rem;}
.sub-nav li a{display: block;color: #353535;text-align: center;width: 100%;}
.sub-nav li.active a{color: #1f63ff;}

.breadcrumbs{height: 0.6rem;font-weight: lighter;font-size: 0.26rem;color: #5c5c5c;line-height: 0.6rem;padding: 0 0.2rem 0 0.4rem;margin: 0.1rem auto 0;position: relative;}
.breadcrumbs:before{display: block;width: 0.16rem;height: 0.24rem;content: "";position: absolute;left: 0.1rem;top: 0.16rem;background: url(../images/icon_location.png) no-repeat 0 0;background-size: 100%;}
.breadcrumbs a{padding: 0 0.1rem}
.breadcrumbs span{padding: 0 0.1rem;color: #ff0000;}

.main-wrap{min-height: 8.2rem;position: relative;margin-bottom: 0.8rem;}
.main-wrap .product-list{margin-bottom: 0.8rem;}
.detail{margin-top:0.3rem;margin-bottom: 0.4rem;}
.detail .tit{font-size: 0.34rem;color: #4b4b4b;line-height: 0.52rem;border-bottom: 1px solid #f7f7f7;padding-bottom: 0.2rem;text-align: left;font-weight: bold;position: relative;padding-left: 0.3rem;display: inline-block;}
.detail .tit h3{font-size: 0.34rem;color: #4b4b4b;line-height: 0.52rem;font-weight: bold;display: inline-block;}
.detail .tit:before{display: block;width: 0.04rem;height: 0.2rem;content: "";background: #00c4e1;position: absolute;left: 0;top: 0.16rem;}
.detail .release{text-align: center;font-size: 0.24rem;color: #bbbbbb;font-weight: lighter;margin-top: 0.1rem;margin-bottom: 0.4rem;}
.detail .release em{margin-right: 0.4rem;}
.detail .content{width: 100%;color: #4c4c4c !important;font-size: 0.28rem !important;font-weight: lighter;line-height: 0.64rem;}
.detail .content img{max-width: 100%;}
.detail .content *{font-size: 0.28rem !important;line-height: 0.64rem;color: #4c4c4c;font-weight: lighter;}
.prev-next{text-align:right; margin: 0.5rem 0;}
.prev-next a{width: 1rem;height: 0.5rem;line-height: 0.5rem;background: #00c4e1;display: inline-block;text-align: center;font-size: 0.24rem;color: #fff;margin-left: 0.3rem;}
.detail .tit.no-border{border: none;margin-top: 0.3rem;margin-bottom: 0.1rem;}
.detail.case-detail{margin-top: 0;}
.detail.case-detail .tit .view{width: 0.4rem;height: 0.4rem;background: url(../images/icon_link.png) no-repeat;display: block;position: absolute;right: -0.6rem;top: 0.06rem;background-size: 100%;}

.page{font-size: 0.28rem;margin-bottom: 0.4rem;margin-top:0.2rem; text-align: center;}
.page a,.page span{background: #e9e9e9;padding: 0.06rem 0.15rem;}
.page .current{background: #012875;color: #fff;}
.page .disabled{display: none;background: #eeee;}
.page span:last-child{display: inline;}

footer{background: #3d3d3d;}
footer .copyright{height: 0.6rem;line-height: 0.6rem;text-align: center;color: #fff;font-size: 0.24rem;}
footer .copyright em{text-align: left;}