@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}
.titl{background:url(../images/titbg.png) no-repeat bottom;background-size: 2.05rem 0.15rem;}
/* -- 广告 -- */
.ban{position: relative;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban img { line-height: 0}
.ban_j{position: absolute;bottom:0;left:36%;z-index: 9;font-size:0;line-height: 0}
.ban_j img{display:inline-block;width:4.05rem;}
.g_bd .ban .swiper-pagination{width:26.56%;height: rem;background: #fff;border-radius: 1rem;margin:0 auto;box-shadow: 0 0.2rem 0.4rem #595b67;line-height: 2.3rem}
.g_bd .ban .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.4rem;}
.g_bd .ban .swiper-pagination-bullets{left:39%;bottom:1rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban .swiper-pagination-bullet{width:0.8rem; height: 0.8rem;background: #d7d7d7;opacity: 1;border-radius:50%}
.ban .swiper-pagination-bullet-active{background: #d02736}
/* -- 引子 -- */
.yz{height:32.6rem;background:url(../images/yzbg.png) no-repeat center;background-size: 100% 32.6rem;}
.yz ul{height:32.6rem;}
.yz ul li{float: left;width:50%;text-align: center;height: 16.3rem;}
.yz ul li i{height:3.0rem ;width:4.0rem;display: block;margin:0 auto;padding-top: 2.75rem}
.yz ul li i img{width: 100%;display: block;}
.yz ul li b{font-size:1.5rem;color: #000000;display: block;padding-top: 0.75rem;}
.yz ul li span{font-size:1.1rem ;color:#666666 ;display: block;line-height: 2.2rem;padding-top:1.8rem;}
/* -- 产品中心 -- */
.cp .cp1{height: 44.4rem;background: #ebefed;position: relative;}
.cp1 h3{text-align: center;height: 3.2rem;padding-top: 2.35rem;margin-bottom: 1.6rem;}
.cp1 h3 em{font-size: 2.1rem;color:#333333 ;display: block;font-weight: normal;}
.cp1 dl{height: 38.1rem;margin:0 3.1%;}
.cp1 dt{display: block;}
.cp1 dt img{width: 100%;display: block;}
.cp1 dd{height: 14rem;background: #ffffff;padding-top: 1.65rem;}
.cp1 dd h2{height: 3.0rem;background: url(../images/bg2.png) no-repeat 0rem 2.9rem;background-size: 2.5rem 0.05rem;margin-left: 2.25rem;}
.cp1 dd h2 a em{font-size: 1.6rem;color:#1b1b1b ;display: block;font-weight: bold;line-height:1.7rem;}
.cp1 dd h2 a em i{font-weight: normal;}
.cp1 dd span{font-size: 1.2rem;color: #595959;display: block;width: 80%;margin-left: 7.5%;line-height: 2rem;padding-top: 1.25rem;}
.cp1 .more{color: #fefeff;width:35.16%;height:3.1rem;display: block;line-height:3.1rem;font-size:0.9rem;text-align: center;background: #d02736;position: absolute;bottom: 2.7rem;left:10.7rem;}
/* -- 产品2 -- */
.cp2{height: 46.8rem;background: #f6f4f0;position: relative;}
.cp2 dl{height: 38.1rem;margin:0 3.1%;padding-top: 2.5rem;}
.cp2 dt{display: block;}
.cp2 dt img{width: 100%;display: block;}
.cp2 dd{height: 14rem;background: #ffffff;padding-top: 1.65rem;}
.cp2 dd h2{height: 3.0rem;background: url(../images/bg2.png) no-repeat 0rem 2.9rem;background-size: 2.5rem 0.05rem;margin-left: 2.25rem;}
.cp2 dd h2 a em{font-size: 1.6rem;color:#1b1b1b ;display: block;font-weight: bold;line-height:1.7rem;}
.cp2 dd h2 a em i{font-weight: normal;}
.cp2 dd span{font-size: 1.2rem;color: #595959;display: block;width: 80%;margin-left: 7.5%;line-height: 2rem;padding-top: 1.25rem;}
.cp2 .more1{color: #fefeff;width:35.16%;height:3.1rem;display: block;line-height:3.1rem;font-size:0.9rem;text-align: center;background: #d02736;position: absolute;bottom: 2.7rem;left:10.7rem;}
/* -- 产品2 -- */
.cp1s h3{text-align: center;height: 3.2rem;padding-top: 2.35rem;margin-bottom: 1.6rem;}
.cp1s h3 em{font-size: 2.1rem;color:#333333 ;display: block;font-weight: normal;}
.cp1s{height: 53.8rem;background: #f6f4f0;position: relative;}
.cp1s dl{margin:0 3.1%;padding-top: 0.6rem;}
.cp1s dt{display: block;}
.cp1s dt img{width: 100%;display: block;}
.cp1s dd{height: 21rem;background: #ffffff;padding-top: 1.65rem;}
.cp1s dd h2{height: 3.0rem;background: url(../images/bg2.png) no-repeat 0rem 2.9rem;background-size: 2.5rem 0.05rem;margin-left: 2.25rem;}
.cp1s dd h2 a em{font-size: 1.6rem;color:#1b1b1b ;display: block;font-weight: bold;line-height:1.7rem;}
.cp1s dd h2 a em i{font-weight: normal;}
.cp1s dd span{font-size: 1.2rem;color: #595959;display: block;width: 80%;margin-left: 7.5%;line-height: 2rem;padding-top: 1.25rem;}
.cp1s .more1{color: #fefeff;width:35.16%;height:3.1rem;display: block;line-height:3.1rem;font-size:0.9rem;text-align: center;background: #d02736;position: absolute;bottom: 2.7rem;left:10.7rem;}
/* -- 产品3 -- */
.cp3{height: 46.8rem;background: #e7ebee;position: relative;}
.cp3 dl{height: 38.1rem;margin:0 3.1%;padding-top: 2.5rem;}
.cp3 dt{display: block;}
.cp3 dt img{width: 100%;display: block;}
.cp3 dd{height: 14rem;background: #ffffff;padding-top: 1.65rem;}
.cp3 dd h2{height: 3.0rem;background: url(../images/bg2.png) no-repeat 0rem 2.9rem;background-size: 2.5rem 0.05rem;margin-left: 2.25rem;}
.cp3 dd h2 a em{font-size: 1.6rem;color:#1b1b1b ;display: block;font-weight: bold;line-height:1.7rem;}
.cp3 dd h2 a em i{font-weight: normal;}
.cp3 dd span{font-size: 1.2rem;color: #595959;display: block;width: 80%;margin-left: 7.5%;line-height: 2rem;padding-top: 1.25rem;}
.cp3 .more2{color: #fefeff;width:35.16%;height:3.1rem;display: block;line-height:3.1rem;font-size:0.9rem;text-align: center;background: #d02736;position: absolute;bottom: 2.7rem;left:10.7rem;}
/* -- 办公系列 -- */
.bc{height: 39.8rem;background: #eeeeee;position: relative;}
.bc h3{text-align: center;line-height: 3.7rem;padding-top:3.15rem;}
.bc h3 em{background: #d02736;height: 3.7rem;font-size: 1.5rem;color: #ffffff;display: block;font-weight: bold;line-height: 3.8rem;}
.bc h3 em i{font-weight: normal;}

.bc .bc_t{ margin: 0.4rem 3.1% 0; }
.bc .bc_t dl{height: 20.3rem;}
.bc .bc_t dl dd{height: 3.45rem;background: #ffffff;line-height: 3.45rem;text-align: center;}
.bc .bc_t dl dd h2 a{display: block;font-size: 1.2rem;color:#1b1b1b;font-weight: normal; }
.bc .bc_t .sprev{position: absolute;left:1rem;top:6rem;width:1.6rem;height:4.0rem;background:url(../images/lt1.png) no-repeat center;z-index: 10;background-size: 1.6rem 4.0rem;}
.bc .bc_t .snext{position: absolute;right:1rem;top:6rem;width:1.6rem;height:4.0rem;background:url(../images/rt2.png) no-repeat center;z-index: 10; background-size: 1.6rem 4.0rem;}

.qt{height: 7.95rem;margin:1.3rem 3.1% 0;}
.qt h2{background: #d02736;width: 4.75rem;height: 7.95rem;text-align: center;float: left;}
.qt h2 em{font-size:1.2rem ;color:#ffffff ;font-weight: bold;display: block;padding-top: 2.4rem;}
.qt h2 em i{font-weight: normal;}
.qt ul{height: 6.9rem;width: 75.8%;background:#ffffff;float: right;padding-left: 2.25rem;padding-top:1rem;}
.qt ul li{float: left;}
.qt ul li a{font-size: 0.9rem;color: #666666;line-height: 2.0rem;display: block;text-align: left;padding-right: 1rem}
.qt ul li:last-child a{ padding-right:0;}
/*.qt ul li:nth-child(3) a{padding-right: 0rem}*/
/*.qt ul li:nth-child(4) a{padding-right: 2rem}*/
/*.qt ul li:nth-child(6) a{padding-right: 0rem;padding-left:1rem;}*/
/*.qt ul li:nth-child(7) a{padding-right: 2rem}*/
/* -- 咨询 -- */
.zx{position: relative;height: 25.5rem;background:url(../images/zxbg.jpg) no-repeat center 0;background-size: 100% 21.15rem;}
.zx h3{height: 4.4rem;text-align: left;line-height: 2.4rem;padding-top:4.0rem;padding-left: 3.1%;}
.zx h3 em{font-size:1.8rem ;color:#ffffff ;display: block;}
.zx h3 span{font-size: 1.8rem;color:#ffffff ;display: block;font-weight: bold;}
.zx h3 span i{font-weight: normal;}
.zx .more4{background: url(../images/zxp.png) no-repeat center;height:3.1rem ;width: 10.55rem;background-size: 10.55rem 3.1rem;display: block;line-height: 3.1rem;margin-left: 3.1%;margin-top:0.75rem;}
.zx .more4 i{font-size:0.9rem ;color:#d02736 ;display: block;padding-left: 4.2rem;}
.zx1{height: 9.25rem;background:url(../images/zx2.jpg) no-repeat center; background-size: 100% 9.25rem;margin:4.0rem 3.1% 0;}
.zx1 ul{margin-left: 2.0rem;height: 9.25rem;}
.zx1 ul li{float: left;font-size: 1.0rem;color:#ffffff ;font-weight: bold;padding-right:10.5%;padding-top: 1.16rem;}
.zx1 ul li:nth-child(5){padding-right:0rem;}
.zx1 ul li:nth-child(6){padding-left:26%;}
.zx h2{height: 4.4rem;width: 7.5rem;background: #eeeeee;text-align: center;line-height: 4.4rem;position: absolute;bottom: 0rem;left: 1rem;}
.zx h2 b{height: 4.4rem;width: 7.5rem;font-size:1.2rem;color:#1b1b1b ;display: block;font-weight: bold;}
/* -- 优势 -- */
.ys{height: 48.0rem;}
.ys h3{text-align: center;height: 3.2rem;padding-top:2.25rem;margin-bottom: 1.5rem;}
.ys h3 em{font-size: 2.1rem;color:#333333 ;display: block;font-weight: normal;}
.ys h3 em i{font-weight: bold;}
.ys .ys_con{ margin:0 3.1%;}
.ys .ys_con dl{position: relative; }
.ys .ys_con dt img{ width: 100%;}
.ys .ys_con dd{padding:0 2.5rem; background: #f7f7f7; height:17.2rem;box-shadow:0px 16px 0px rgba(0,0,0,0.15);}
.ys .ys_con dd h2{text-align: center;line-height: 2.0rem;padding-top:2.25rem;}
.ys .ys_con dd h2 b{font-size: 1.4rem;color: #333333;display: block;font-weight: bold;}
.ys .ys_con dd p{font-size: 1.2rem;color: #333333;display: block;line-height: 2.0rem;padding-top:1.25rem;}
.ys .ys_con .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.8rem; height: 0.8rem;margin: 0 0.45rem;border: 1px solid #acacac; background: #acacac;}
.ys .ys_con .swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #d02736; background: #d02736;}
.ys .ys_con .swiper-pagination{bottom: 1rem;}
/* -- 新闻 -- */

.news h3{text-align: center;height: 3.2rem;padding-top:2.25rem;margin-bottom:2.3rem;}
.news h3 em{font-size: 2.1rem;color:#333333 ;display: block;font-weight: normal;}
.news .news_t ul{ margin:0 15.78% ;}
.news .news_t li{width:43.37%; margin-right:2.4rem; float: left; position: relative; height:2.85rem; line-height:2.85rem;color: #333333; font-size:1.6rem; text-align: center;}
.news .news_t li.cur{border: 0.1rem solid #d02736; font-weight: bold; color: #d02736;}
.news .news_t li:last-child{ margin-right: 0;}
.news .news_con{ margin:0 4.6%;}
.news .news_con .news1{margin-top:1.5rem;}
.news .news_con .news1 dl{}
.news .news_con .news1 dt{width: 100%; display: block;}
.news .news_con .news1 dt img{width: 100%; display: block;}
.news .news_con .news1 dd{height: 11rem;border-bottom:1px solid #eee;}
.news .news_con .news1 dd b{font-size:1.4rem ;color: #333333;display: block;text-align: left;padding-top: 2.3rem;padding-bottom: 1.1rem;}
.news .news_con .news1 dd b a{line-height: 1.8rem;font-weight: bold;padding-left: 1rem;}
.news .news_con .news1 dd p{font-size: 1.4rem;color:#333333 ;display: block;line-height: 2.1rem;padding:0 1rem;}
.news .news_con .news1 ul{padding-top:1.0rem;padding-bottom:2rem;}
.news .news_con .news1 li{float: left;font-size: 1.2rem;color: #333333;line-height: 2.4rem;}
.news .news_con .news1 li a{color: #333333;font-size: 1.2rem;padding-left: 2.4rem;background:url(../images/dian1.png) no-repeat 0.85rem 0.85rem;background-size: 0.6rem 0.55rem;display: block;}


/* -- 关于我们 -- */
.abt{height: 35.3rem;background: #f7f7f7;}
.abt h3{text-align: center;height: 3.2rem;padding-top:2.75rem;margin-bottom:1.75rem;}
.abt h3 em{font-size: 2.1rem;color:#333333 ;display: block;font-weight: normal;}
.abt1{margin:0 3.75%;height: 23.4rem;}
.abt1 b img{width: 100%;display: block;}
.abt1 p{font-size: 1.2rem;color: #333333;display: block;line-height: 1.8rem;text-align: center;padding-top:1.5rem;}
.abt1 .more5{color: #fefeff;width:35.16%;height:3.1rem;display: block;line-height:3.1rem;font-size:0.9rem;text-align: center;background: #d02736;margin:1.35rem auto 0 ;}



/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html { font-size: 11.25px;}}
@media screen and (min-width:375px) {html { font-size: 11.7px;}}
@media screen and (min-width:384px) {html { font-size: 12px;}}
@media screen and (min-width:480px) {html { font-size: 15px;}}
@media screen and (min-width:414px) {html { font-size: 13px;}}
@media screen and (min-width:560px) {html { font-size: 17.5px;}}
@media screen and (min-width:640px) {html { font-size: 20px;}}

@media screen and (min-width:320px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 11.25px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 11.7px;
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 17.5px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 20px;
    }
}