@charset "utf-8";
/*导航弹出层*/
.navPopUp { position: fixed; top: 3rem; right: 0rem; z-index: 99999; display: none; width: 40%; min-height: 6rem; background: #ffffff; }
.navPopUp .close { position: fixed; top: 1rem; right: 1rem; width: 1rem; height: 1rem; cursor: pointer; }
.navPopUp .close i { display: block; width: 1rem; height: 1rem; color: #ffffff; }
.navBox { background: #f4f4f4; padding-top: 1rem; padding-bottom: 1rem; }
.navBox .navUl { width: 90%; margin: 0 auto; }
.navBox .navUl li { width: 100%; height: 2.2rem; line-height: 2.2rem; }
.navBox .navUl li a { display: block; font-size: 0.85rem; color: #333333; }
.navBox .navUl li.active a { color: #cc3333; }
.navBox .navUl li a i { color: #cc3333; padding-right: 0.4rem; padding-left: 0.6rem; font-size: 1.2rem; }
/*遮罩层*/
.shade { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 100; background: url(../images/shade.png) repeat; display: none; }
/*头部*/
.header { width: 100%; height: 3rem; color: #ffffff; background: #cc3333; }
.header h5 { font-weight: normal; font-size: 1rem; color: #ffffff; }
.header a { color: #ffffff; }
.header .goBack { width: 3rem; height: 3rem; }
.header .goBack a { font-size: 1.3rem; }
.header .nav { width: 3rem; height: 3rem; font-size: 1.3rem; }
/*banner*/
.banner .swiper-container { width: 100%; height: 12em; }
.banner .swiper-slide { text-align: center; font-size: 18px; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.banner .swiper-slide img { width: 100%; height: 12em; }
.banner .swiper-pagination-bullet { width: 12px; height: 12px; background: #ffffff; opacity: 1 }
.banner .swiper-pagination-bullet-active { background: #cc3333; }
/*首页产品导航*/
.productNavBox { width: 100%; margin-bottom: 0.8rem; border-bottom: 1px solid #eeeeee; background: #ffffff; }
.productNav { padding: 1.2rem 0.3rem; }
.productNav ul li { width: 33.333%; padding: 0.8rem 0rem; margin: 0 0.3rem; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.productNav ul li.li01 { background: linear-gradient(#fb882f, #faaa6b) }
.productNav ul li.li02 { background: linear-gradient(#00abee, #21bbf5) }
.productNav ul li.li03 { background: linear-gradient(#37e4a0, #0bc27c) }
.productNav ul li a { display: block; }
.productNav ul li img { display: block; width: 2.8rem; height: auto; margin: 0 auto; }
.productNav ul li h5 { height: 1.5rem; margin-top: 0.3rem; line-height: 1.5rem; font-weight: normal; font-size: 0.88rem; color: #ffffff; text-align: center; }
.productNav ul li p { height: 1.2rem; line-height: 1.2rem; font-size: 0.7rem; color: #ffffff; text-align: center; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
/*首页产品推荐*/
.productRecommend { margin-bottom: 0.8rem; }
.productRecommend .title { padding: 0.8rem 0.8rem; background: #ffffff; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.productRecommend .title h5 { font-weight: normal; font-size: 1rem; color: #cc3333; }
.productRecommend .title .more { font-size: 0.88rem; color: #999999; }
.productList { padding-bottom: 1rem; }
.productList ul li { padding: 0.5rem 0.8rem; margin-bottom: 0.2rem; border-bottom: 1px solid #eeeeee; background: #ffffff; -webkit-box-shadow: 0 5px 10px 0 #eeeeee; -moz-box-shadow: 0 5px 10px 0 #eeeeee; box-shadow: 0 5px 10px 0 #eeeeee; }
.productList ul li a { display: block; }
.productList ul li.active { background: #f4f4f4; }
.productList ul li .name { position: relative; border-bottom: 1px dashed #cccccc; padding: 0.2rem; }
.productList ul li .name h4 { width: 70%; height: 1.6rem; line-height: 1.6rem; font-weight: bold; font-size: 0.88rem; color: #333333; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.productList ul li .name .intro { width: 70%; line-height: 1.2rem; font-size: 0.78rem; color: #666666; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.productList ul li .name .category { display: block; position: absolute; right: 0; top: 0px; width: 4.6rem; height: 1.6rem; line-height: 1.6rem; border: 1px solid #666666; font-size: 0.78rem; color: #666666; text-align: center; }
.productList ul li .data { font-size: 0.88rem; padding: 0.7rem 0 0.2rem; }
.productList ul li .span { font-size: 0.88rem; color: #333333; line-height: 1.6rem; }
.productList ul li .span b { font-weight: normal; }
.productList ul li .span i { color: #ff0000; }
.productList ul li .span em { color: #666666; }
/*首页产品优势*/
.productAdvantage { background: #ffffff; margin-bottom: 0.8rem; }
.productAdvantage .title { padding: 0.8rem 0.8rem; background: #ffffff; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.productAdvantage .title h5 { font-weight: normal; font-size: 1rem; color: #cc3333; }
.productAdvantage ul { padding: 1rem 0.4rem 0.2rem; text-align: center; }
.productAdvantage ul li { display: inline-block; *display: inline; zoom: 1; position: relative; width: 46%; margin: 0 0.2rem 0.5rem; }
.productAdvantage ul li .bg { display: block; width: 100%; height: auto; }
/*footer*/
.footerBox { width: 100%; padding: 1rem 0 4rem; background: #3a3a3a; }
.footerBox .tel { text-align: center; margin-bottom: 0.6rem; font-weight: bold; font-size: 1.2rem; color: #aaaaaa }
.footerBox .tel i { padding: 0 0.4rem; font-size: 1.5rem; vertical-align: middle; }
.footerBox .info { padding: 0 1rem; font-size: 0.78rem; color: #7b7b7b; text-align: center; }
.footerBox .info p { line-height: 1.4rem; }
.footerBox .info a {color: #7b7b7b;}
/*页脚吸底*/
.footerFixed { position: fixed; left: 0; bottom: 0; z-index: 99; width: 100%; height: 2.4rem; line-height: 2.4rem; background: #0e0e0e; }
.footerFixed ul li { float: left; width: 50%; color: #ffffff; font-size: 0.9rem; text-align: center; }
.footerFixed ul li a { color: #ffffff; font-size: 0.9rem; }
.footerFixed ul li i { padding: 0 0.2rem; font-size: 1rem; vertical-align: middle; }
.footerFixed .footerNav { position: absolute; top: -1rem; left: 50%; margin-left: -1.5rem; width: 3rem; height: 3rem; }
.footerFixed .footerNav img { display: block; width: 100%; height: auto; }
/*弹出层  产品咨询*/
.messagePopUp { display: none; position: absolute; top: 5rem; left: 0; z-index: 999999; width: 100%; height: auto; background: #ffffff; }
.messageBox { position: fixed; top: 5rem; left: 50%; margin-left: -44%; z-index: 999999; width: 88%; height: auto; background: #ffffff; }
.messageBox .close {display: block;width: 20px;height: 20px;position: absolute;right: 10px;top: 10px;background: url(../images/close.gif) no-repeat 5px -17px;cursor: pointer;}
.messageBox .title { width: 100%; height: 2.6rem; margin-bottom: 1rem; font-size: 1.1rem; color: #ffffff; text-align: center; line-height: 2.6rem; background: #cc3333; }
.messageBox .list { width: 100%; background: #ffffff; padding-bottom: 0rem; margin-bottom: 0.8rem; border-bottom: 1px solid #eeeeee; }
.messageBox .list ul { width: 84%; margin: 0 auto; }
.messageBox .list ul li { margin-bottom: 0.8rem; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.messageBox .list ul li input { display: block; width: 100%; height: 1.8rem; line-height: 1.8rem; padding: 0.1rem 0 0.1rem 2%; font-size: 0.88rem; color: #333333; }
.messageBox .list .buttons { width: 84%; margin: 0 auto; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.messageBox .list .buttons input { display: block; width: 100%; height: 2.1rem; line-height: 2.1rem; background: #cc3333; color: #ffffff; font-size: 0.88rem; }
.messageBox .list .buttons input:active { background: #990000; }
.messageBox .list .buttons input:hover { background: #990000; }
.messageBox .list .tips { width: 84%; margin: 0 auto 0.5rem; height: 2.2rem; line-height: 2.2rem; font-size: 0.78rem; color: #666666; text-align: center; }
.messageBox .tel { margin-bottom: 0.4rem; text-align: center; font-size: 1.2rem; color: #ff5033; font-family: "Arial"; font-weight: bold; }
.messageBox .tel img { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 1.2rem; height: auto; margin-right: 0.2rem; }
.messageBox .contact { padding-bottom: 1rem; font-size: 0.88rem; line-height: 1.4rem; color: #666666; text-align: center; }
/*内页导航*/
.breadcrumb { color: #000000; font-size: 0.88rem; }
.breadcrumb .position { padding: 0.6rem 0.8rem; }
.breadcrumb a { color: #999999; }
.inNavBox { background: #ffffff; margin-bottom: 1rem; border-bottom: 1px solid #eeeeee; -webkit-box-shadow: 0 5px 10px 0 #eeeeee; -moz-box-shadow: 0 5px 10px 0 #eeeeee; box-shadow: 0 5px 10px 0 #eeeeee; }
.inNavBox .inNav { padding: 0 1rem; height: 2.6rem; line-height: 2.6rem; }
.inNavBox .swiper-slide { font-size: 0.88rem; }
.inNavBox .swiper-slide a { width: 100%; font-size: 0.88rem; color: #333333; overflow: hidden; }
.inNavBox .swiper-slide a:hover { color: #cc3333; }
.inNavBox .swiper-slide a span { display: block; height: 2.6rem; line-height: 2.6rem; overflow: hidden; width: 100%; text-align: center; }
.inNavBox .swiper-slide-active a span { color: #cc3333; border-bottom: 2px solid #cc3333; }
/*公司简介页面*/
.companyIntro { padding: 1rem 0.8rem; margin-bottom: 0.8rem; background: #ffffff url(../images/intro.jpg) no-repeat center bottom; -webkit-background-size: 100% auto; background-size: 100% auto; }
.companyIntro h5 { font-size: 1rem; color: #333333; text-align: center; margin-bottom: 0.5rem; }
.companyIntro .intro { font-size: 0.88rem; color: #333333; line-height: 1.6rem; }
/*图文列表页面*/
.imageList { margin-bottom: 1rem; }
.imageList ul li { float: left; width: 100%; padding: 0.6rem 0.8rem; margin-bottom: 0.7rem; overflow: hidden; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; background: #ffffff; }
.imageList ul li a { position: relative; display: block; padding-left: 6rem; }
.imageList ul li img { display: block; position: absolute; left: 0; top: 0; width: 6rem; height: 4rem; }
.imageList ul li .intro { padding-left: 0.8rem; }
.imageList ul li .intro h5 { margin-bottom: 0.4rem; font-size: 0.88rem; line-height: 1.2rem; height: 2.4rem; overflow: hidden; font-weight: normal; color: #000000 }
.imageList ul li .intro .time { font-size: 0.8rem; color: #cc3333 }
/*文章列表页面*/
.articleList { margin-bottom: 1rem; }
.articleList ul li { float: left; width: 100%; padding: 0.6rem 1rem; margin-bottom: 0.7rem; overflow: hidden; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; background: #ffffff; }
.articleList ul li a { display: block; }
.articleList ul li h5 { font-weight: normal; height: 1.8rem; line-height: 1.8rem; font-size: 0.96rem; color: #333333; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.articleList ul li .intro { height: 2.8rem; margin-bottom: 0.3rem; line-height: 1.32rem; font-size: 0.86rem; color: #888888; overflow: hidden; }
.articleList ul li .time { font-size: 0.8rem; color: #cc3333; text-align: right; }
.articleList ul li:active { background: #f7eede; }
/*详情页面*/
.articleDetail { padding: 1rem 0.8rem; margin-bottom: 0.8rem; background: #ffffff; }
.articleDetail h5 { font-size: 1.1rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.6rem; color: #333333; text-align: center; }
.articleDetail .info { padding-bottom: 1.4rem; background: url(../images/shadow.png) no-repeat center bottom; -webkit-background-size: 100% auto; background-size: 100% auto; font-size: 0.8rem; line-height: 1.4rem; color: #888888; text-align: center; }
.articleDetail .articleContent { font-size: 0.86rem; line-height: 1.6rem; color: #666666; }
.prevNext { font-size: 0.86rem; color: #333333; line-height: 1.6rem; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.prevNext a { font-size: 0.86rem; color: #666666; height: 1.6rem; line-height: 1.6rem; vertical-align: middle; overflow: hidden; }
/*搜索*/
.searchBox { margin: 0.5em 1em 0.5rem; border: 1px solid #e5e5e5; background: #ffffff; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
.searchBox .keyword { font-size: 0.88em; padding: 0.5em 0 0.5em 1em; }
.searchBox .go { width: 2.4em; height: 2em; cursor: pointer; background: url(../images/search.png) no-repeat center center; -webkit-background-size: 1.2em auto; background-size: 1.2em auto; }
/*产品详情页面*/
.productHeader { width: 90%; margin: 0 auto; padding: 1rem 0rem; background: #ffffff; }
.productHeader h4 { margin-bottom: 0.4rem; font-size: 1.1rem; color: #333333; text-align: center; }
.productHeader h4 i { display: inline-block; *display: inline; zoom: 1; width: 1rem; height: 1rem; color: #ffffff; font-size: 0.5rem; background: #ff5033; vertical-align: middle; }
.productHeader .title { margin-bottom: 0.4rem; color: #666666; font-size: 0.88rem; text-align: center; }
.productHeader .number { padding-bottom: 0.8rem; font-size: 0.88rem; color: #ff5033; text-align: center; border-bottom: 1px dotted #cccccc; }
.productHeader .number i { font-size: 1.1rem; font-weight: bold; }
.productHeader .data { font-size: 0.88rem; padding: 0.7rem 0 0.8rem; margin-bottom: 1rem; border-bottom: 1px dotted #cccccc; }
.productHeader .span { font-size: 0.88rem; color: #333333; line-height: 1.6rem; }
.productHeader .span b { font-weight: normal; }
.productHeader .span i { color: #ff0000; }
.productHeader .span em { color: #666666; }
.productHeader .buttons { width: 96%; height: 2.4rem; margin: 0 auto; line-height: 2.4rem; text-align: center; font-size: 1rem; color: #ffffff; background: #cc3333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;; }
.productDetail .tabBox { margin: 0px auto; background: #ffffff; }
.productDetail .tabBox .hd { height: 2.6rem; line-height: 2.6rem; font-size: 0.88rem; overflow: hidden; background: #ffffff; padding: 0 10px; border-bottom: 1px solid #e2e2e2; }
.productDetail .tabBox .hd ul { }
.productDetail .tabBox .hd ul li { float: left; padding: 0 1rem; vertical-align: top; }
.productDetail .tabBox .hd ul li a { color: #333333; }
.productDetail .tabBox .hd ul li.on a { color: #cc3333; display: block; height: 2.6rem; line-height: 2.6rem; border-bottom: 2px solid #cc3333; }
.productDetail .tabBox .bd { }
.productDetail .tabBox .bd .inner { width: 100%; }
.productDetail .tabBox .bd .innerContent { width: 90%; padding: 0.5rem 0rem 1rem; margin: 0 auto; }
.productDetail .tabBox .bd .innerContent .innerDetail { font-size: 0.88rem; color: #333333; line-height: 1.6rem; }
.productDetail table { margin-bottom: 1rem; border-collapse: collapse; border-spacing: 0; margin-left: auto; margin-right: auto; }
.productDetail table td { font-size: 0.82rem; color: #333333; padding: 0.6rem 0; border-bottom: 1px dotted #cccccc; }
.productDetail table td i { color: #ff5033; }
.productDetail table td a { color: #666666; }
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}