a {color: #333333;}
a:hover, a:focus {text-decoration: none;}
body {color: #333333;font-size: .25rem;}
.fs32 {font-size: .32rem;}
.c-666 {color: #666666;}
.c-882 {color: #042882!important;}
.bg-882 {background: #042882!important;}
.block {display: block;}
.vMiddle {vertical-align: middle;}
.c-fff {color: #ffffff;}
.imgs {width: 100%;}
/*首页*/
.phones {width: .45rem;vertical-align: middle;margin-bottom: 0.04rem;}
.phoneCont {display: inline-block;vertical-align: middle;}
.header {background: #ffffff;position: relative;top: 0;}
.modal-title {font-size: 0.373rem;font-weight: bold;}
.header .logo {display: block;padding: .4rem 0;}
.header .logo .imgs {width: 40%;display: block;}

.header .rightWrap .tit {font-size: 0.373rem;margin: 0;color: #ffffff;line-height: 0.4rem;}
.header .rightWrap p {font-size: 0.347rem;margin: 0;color: #ffffff;}
.header .search-btn {position: absolute;right: 1.4rem;top: 0;width: 1.4rem;height: 100%;cursor: pointer;background: url(../images/search2.png) no-repeat center;background-size: 32%;z-index: 999;border-right: 1px solid #f3f3f3;border-left: 1px solid #f3f3f3;}
#myModal .modal-header {padding: 0.2rem;}
#myModal .modal-body {padding: 0.4rem 0.4rem;}
.header .menu-btn {position: absolute;right: 0;top: 0;width: 1.4rem;height: 100%;cursor: pointer;background: url(../images/menu-icon.png) no-repeat center;background-size: 35%;z-index: 999;}
.menu-list {position: fixed;z-index: 99999;top: 0;right: 0;height: 100%;padding: 0;box-sizing: border-box;background: #fff;overflow-x: hidden;overflow-y: scroll;display: block!important;width: 0;transition: all .2s;}
.menu-list.in {width: 70%;}
.menu-list .top {position: relative;padding: 0.293rem;overflow: hidden;border-bottom: #eee solid 1px;box-sizing: border-box;}
.menu-list .menu-logo {width: 80%;display: block;color: #ffffff;font-weight: bold;}
.menu-list .close {display: block;position: absolute;top: .05rem;right: 0.3rem;width: 1rem;height: 1rem;background-size: 0.4rem;}
.menu-list .close:before, .menu-list .close:after {content: '';height: .6rem;width: 2px;background: #ffffff;transform: rotate(45deg);position: absolute;top: 0.2rem;right: 0.4rem;}
.menu-list .close:after {transform: rotate(-45deg);}
.menu-list .navbar-nav {margin: 0;}
.menu-list .menu-li a {display: block;padding: 0.2rem 0.4rem;line-height: 2;background: url(../images/nav_icon01.png) no-repeat 95% center;background-size: 3%;border-bottom: #eee solid 1px;}
.index_banners .carousel-inner .item {overflow: hidden;}
.index_banners .carousel-indicators {bottom: 0;}
.index_banners .carousel-indicators li {margin-right: 0.2rem;}
.index_banners .carousel-indicators .active {background: #042882!important;border-color: #042882!important;}
.banners .carousel-inner .item {overflow: hidden;}
.banners .carousel-indicators {bottom: 0;}
.banners .carousel-indicators li {margin-right: 0.2rem;}
.banners .carousel-indicators .active {background: #042882!important;border-color: #042882!important;}
.footerNav {position: fixed;bottom: 0;width: 100%;z-index: 9999;}
.footer {height: 1.35rem;}
.footerNav .btn {height: 1.35rem;line-height: 1.35rem;box-sizing: border-box;padding: 0;border: none;border-right: 1px solid #0055b1;color: #ffffff;border-radius: 0;display: inline-block;}
.footerNav .btn.call {background: #e5b681;}
.footerNav .btnIcon {display: inline-block;vertical-align: middle;width: 0.5rem;}
.footerNav .btnIcon.aboutIcon {width: .4rem;}
.footerNav .name {display: inline-block;vertical-align: middle;}
.productList {background: #ffffff;padding: 0.5rem 0.267rem;}
.foldTitle {font-weight: bold;}
.about  {background: #f3f1f2;padding: 1rem 0.267rem .7rem;margin-top: -0.6rem;}
.copy {text-align: center;}
.copy span {margin-left: 0.2rem;}
.aboutLink {padding: 0.2rem 0;border-bottom: 1px solid #e0dede;width: 80%;margin: 0 auto;}
.aboutLink .aboutLinkInn {float: left;vertical-align: middle;width: 30%;border-right: 1px solid #e0dede;text-align: center;list-style: none;}
.aboutLink .aboutLinkInn:first-child {text-align: left;width: 15%;}
.aboutLink .aboutLinkInn:last-child {text-align: right;border-right: 0;width: 25%;}
.callNum {padding-top: 0.5rem;width: 80%;margin: 0 auto;}
.callNum img {width: 0.8rem;vertical-align: initial;}
.callNum .inTips {margin-left: 0.267rem;font-size: 0.373rem;}
.callNum .tels {font-size: 0.55rem;font-weight: bold;}
.new-menu {width: 33.33%;}
.nav-tabs.nav-justified .new-menu a {color: #333333;border-radius: 0;background: #ffffff;border: 1px solid #eeeeee;display: block;padding: 0.25rem 0;margin-right: 0.267rem;margin-bottom: 0.2rem;text-align: center;}
.nav-tabs.nav-justified .new-menu:nth-child(3n+3) a {margin-right: 0;}
.nav-tabs.nav-justified .new-menu a .classIcon {display: inline-block;vertical-align: middle;width: .4rem;height: .4rem;background: url("../images/class.png") 0 0  no-repeat;background-size: 100%;}
.nav-tabs.nav-justified .new-menu a .classCont {display: inline-block;vertical-align: middle;}
.nav-tabs.nav-justified .new-menu.active a {background: #042882!important;color: #ffffff;border-color: #042882!important;}
.nav-tabs.nav-justified .new-menu.active a .classIcon {background-position: bottom;}
.toTop {display: block;margin-top: 0.333rem;text-align: center;}
.toTop img {width: 1.2rem;}
.tips {margin-top: 0.227rem;max-height: 0.933rem;line-height: 0.5rem;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.companyBg {display: block;width: 100%;}
.companyWrap {width: 94%;margin: 0 auto;background: #efefef;position: relative;top: -1.067rem;padding: 0.267rem;}
.compTitle {text-align: center;font-weight: bold;}
.compConts{padding: 0.2rem 0;  line-height: 0.6rem;}
.linkMore {display: block;text-align: center;margin: 0 auto;width: 2.2rem;line-height: 0.75rem;border: 1px solid #e6e3e3;border-radius: 40px;}
.wrapTitle {font-size: 0.48rem;text-align: center;padding: 0.133rem 0;}
.wrapTitleSmall {text-align: center;}
.message {padding: 0.5rem 0.267rem 0 .24rem;}
.msgWrap {margin-top: 0.133rem;position: relative;top: 0;list-style: none;}
.msgWrap:after {content: '*';position: absolute;right: 0.133rem;top: 0;color: #999999;}
.icons {position: absolute;top: 50%;left: 0.2rem;transform: translateY(-50%);width: 0.5rem;}
.textIcons {position: absolute;top: 0.16rem;left: 0.2rem;width: 0.5rem;}
.inputs {width: 100%;height: 0.92rem;padding: 0.2rem .2rem .2rem .9rem;outline: line;border: none;border: 1px solid #f5f5f5;}
textarea.inputs {height: 2rem;resize: none;}
.messagtBtn {display: block;height: 0.907rem;line-height: 0.907rem;color: #ffffff;text-align: center;}
.line {width: 0.4rem;height: 0.013rem;margin-bottom: 0.2rem;display: inline-block;}
.productWrap {margin: 0 -0.213rem;}
.productItem {margin-top: 0.333rem;float: left;width: 50%;padding: 0 0.213rem;box-sizing: border-box;}
.productImg {display: block;width: 100%;}
.productCont {background: #efefef;padding: 0.26rem 0.18rem;}
.productCont .leftCont {display: inline-block;vertical-align: middle;width: 82%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.productCont .rightIcon {width: 12%;vertical-align: middle;}
.gestures {text-align: center;padding: 0.2rem 0;}
.productCarousel .carousel-indicators {position: relative;display: inline-block;vertical-align: middle;left: 0;margin-left: 0;width: 65%;margin-bottom: 0;top: 0px;}
.productCarousel .carousel-indicators li {width: 0.8rem;border-radius: 0;border-color: #ccc;height: 0.2rem;vertical-align: middle;}
.productCarousel .carousel-indicators .active {border-color: #042882;background: #042882;}
.hand {width: 1rem;}
.oneLine {white-space: nowrap;width: 100%;overflow: hidden;text-overflow:ellipsis;}
.company {padding-top: 0.5rem;}
.companyImg, .caseBg {display: block;width: 100%;}
.caseBg {}
.advantage {display: block;width: 100%;}
.backTop {display: block;width: 100%;}
.case {margin-top: -0.4rem;padding: 0 0.267rem;}
.caseImgWrap {position: relative;top: 0;left: 0;}
.caseImgWrap .prevImg, .caseImgWrap .nextImg {width: 0.667rem;height: 0.667rem;position: absolute;top: 50%;}
.caseImgWrap .prevImg img, .caseImgWrap .nextImg img {width: 50%;opacity: .8;}
.caseImgWrap .prevImg {left: 0.267rem;}
.caseImgWrap .nextImg {right: 0.267rem;text-align: right;}
.caseList {margin: 0.2rem 0 0.8rem;padding: 0.133rem 0.067rem;background: #efefef;}
.calseListItem {width: calc(20% - 0.14rem);float: left;margin: 0 0.067rem;position: relative;top: 0;}
.calseListItem img {display: block;width: 100%;}
.calseListItem span {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}

/*产品分类页面*/
.breadCrumbs {line-height: 1.067rem;background: #f5f5f5;position: relative;top: 0;padding: 0 1rem;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.breadCrumbs a {color: #333333;}
.breadCrumbsIcon {position: absolute;top: 50%;transform: translateY(-50%);width: 0.667rem;height: 0.667rem;line-height: 0.667rem;}
.breadCrumbsIcon.left {left: 0.267rem;}
.breadCrumbsIcon.right {right: 0.267rem;}
.breadCrumbsImgs {width: 80%;}
.breadCrumbsNext {width: 0.4rem;margin: 0 0.067rem;}
.classList {padding: 0.267rem 0.267rem;}
.classList .titles {padding: 0.267rem 0;font-weight: bold;border-bottom: 1px solid #eeeeee;position: relative;top: 0;}
.classList dl {margin-bottom: 0;}
.classList .toggleDrow {position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: .45rem;transition: all .2s;}
.classList .toggleDrow.up {transform: translateY(-50%) rotate(180deg);}
.classList .classItem {padding: 0.267rem 0;border-bottom: 1px solid #eeeeee;}
.classList .classItem a {display: block;}
.indexNews {background: #efefef;}
.newsPage.news.indexNews {padding: .5rem 0.267rem .8rem;}

.newsPage.news.indexNews .nav-tabs {padding-top: 0;}
.newsPage.news.indexNews .companyImg {margin-top: 0.267rem;}

/*产品列表*/
.listPage.productList {background: #fff;padding-top: 0;padding-bottom: 0;}

/*产品详情*/
.detailWrap {padding: 0 0.267rem;}
.detailTitle {padding: 0.4rem 0;text-align: center;font-weight: bold;}
.detailBanner .carousel-indicators {left: 50%;}
.detailBanner .carousel-inner .item {height: 9rem;}
.detailBanner .carousel-indicators li {background: #dad8d8;border-color: #dad8d8;}
.detialCont {padding: 0.267rem 0.2rem;color: #ffffff;margin: 0.333rem 0 0.467rem;}
.detailWrap .conts {padding: 0 0 0.2rem 0;}
  /*新闻列表*/
.newsPage.news {padding: 0 0.267rem;}
.newsPage.news .nav-tabs {  padding-bottom: 0;}
.newsPage.news .nav-tabs .new-menu {margin: 0 2% 0 0;width: 32%;}
.newsPage.news .nav-tabs.nav-justified .new-menu a {  background: #c1c1c1;color: #ffffff;margin-right: 0;}
.newsPage.news .nav-tabs .new-menu:first-child {margin-left: 0;}
.newsPage.news .nav-tabs .new-menu:last-child {margin-right: 0;}
.newsPage.news .newItem {padding: 0.333rem 0;border-bottom: 1px solid #e4e4e4;display: block;}
.newsPage.news .date {color: #c5c5c5;padding-top: .1rem;padding-right: 0.267rem;}
.newItem .date .day {font-size: 0.8rem;line-height: .85rem;text-align: center;color: #333333;}
.newItem .newsConts {display: inline-block;width: calc(100% - 2.4rem);box-sizing: border-box;padding-left: 0.267rem;vertical-align: top;border-left: 1px solid #e4e4e4;}

/*新闻详情*/
.newDetailTitle {padding: 0.3rem 0 0.1rem;border-bottom: 1px solid #eeeeee;}
.newDetailTitle .inTitle {padding-bottom: 0.067rem;text-align: center;color: #333333;}
.newDate {text-align: center;}
.newConts {padding: 0.267rem 0.267rem;}
.prevNext {padding: 0.267rem 0;border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;}
.prevNext .links {width: 50%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
/*公司简介*/
.aboutBanner {display: block;width: 100%;}
.aboutWrap {padding: 0.533rem 0.267rem 0;}

/*分页*/
.pagins {text-align: center;}
.pagination {width: 100%;margin-bottom: 0;}
.pageWrap {display: inline-block;vertical-align: middle;padding: 0.267rem 0.2rem;max-width: 74%;overflow: hidden;}
.pageWrap li  {float: left;list-style: none;width: 0.65rem;line-height: 0.65rem;text-align: center;border-radius: 50%;margin: 0 0.15rem;}
.pageWrap li.active {background: #08478e;}
.pageWrap li.active a{color: #ffffff;}
.pagination .prev, .pagination .next {display: inline-block;vertical-align: middle;width: 10%;list-style: none;padding: 0.267rem 0.2rem;}
.pagination .prev a, .pagination .next a {text-align: center;display: block;line-height: .56rem;height: .65rem;width: .65rem;border: 1px solid #eeeeee;border-radius: 50%;}
.pagination .prev img, .pagination .next img {width: 50%;}
.bTip {font-weight: bold;}
.wechatCode {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 99999;top: 0;left: 0;display: none;}
.wechatCode .imgWrap {width: 5rem;height: 5rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.wechatCode .imgWrap img {display: block;width: 100%;height: 100%;}
.wechatCode .imgWrap .closeWechat {width: .7rem;height: 0.7rem;position: absolute;top: -.9rem;right: -.5rem;background: #b1b1b1 url("../images/fa-close.png") center no-repeat;background-size: 40%;border-radius: 50%;}
.indexdiy_head_div{width: 70%;overflow: hidden;}
.indexdiy_body_div{width: 100%;}
.indexdiy_body_div img{width: 100%;}
.newConts img{width: 100%;}
.conts img{width: 100%;}
.input-group-btn {display: block;}
.input-group {width: 70%;}
.indexdiy_head_div img {width: 100%;}
.wrapTitle img {width: 100%;}
.newsPagelist_padding {padding:0.4rem;}
.aboutWrap img{width: 100%;}