/* 首页 - 关于 */
.i-about{ width: 100%; float: left; margin: .4rem 0 0;}
.i-about .i-about-tit{ width: 100%; float: left; position: relative;}
.i-about h2{ width: 100%; float: left; font-size: .4rem; font-weight: bold; color: #03458e; line-height: .82rem; text-align: center; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; position: relative;}
.i-about .line{ width: .76rem; height: .05rem; background: #A9C27E; float: left; left: 50%; transform: translateX(-50%); position: absolute; bottom: 0;}
.i-about-content{ width: 100%; float: left; margin: .9rem 0 74px 0;}

/* 首页简介 */
.i-about-content .i-a-Company{ width: 3.73rem; float: left; margin-left: .4rem;}
.i-about-content .i-a-Company .pic,
.i-about-content .i-a-Company .pic img,
.i-about-content .i-a-Company .text{ width: 100%; float: left;}
.i-about-content .i-a-Company .text .tit{ color: #03458e; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; font-size: .24rem; line-height: .36rem; margin-top: .24rem; text-transform: uppercase;}
.i-about-content .i-a-Company .text p{ color: #898a89; font-size: .14rem; line-height: .21rem; margin: .16rem 0; float: left;}
.i-about-content .i-a-Company .text a{ float: left; margin-top: .24rem; font-size: .14rem; color: #fff; line-height: .3rem; padding: 0 .3rem; background: #03458e; text-transform: uppercase;}
.i-about-content .i-a-Company .text a:hover{ background: #A9C27E}

/* 首页优势 */
.i-about-content .i-a-adv{ width: 3rem; float: left; margin: 0 0 0 .46rem;}
.i-about-content .i-a-adv ul{ width: 100%; float: left;}
.i-about-content .i-a-adv ul li{ height: 100%; float: left; box-sizing: border-box; padding: 0 0 0 .5rem; position: relative;}
.i-about-content .i-a-adv ul li h4{ font-size: .16rem; color: #000; text-transform: uppercase; line-height: .34rem; width: 100%; float: left;}
.i-about-content .i-a-adv ul li i{ font-family: "iconfont1","tx-icon"; width: .34rem; height: .34rem; background: #03458e; color: #fff; border-radius: 50%; font-size: .18rem; text-align: center; line-height: .34rem; float: left; position: absolute; top: 0; left: 0; }
.i-about-content .i-a-adv ul span{ width: 100%; float: left; color:#898a89; height: .66rem; overflow: hidden; font-size: .14rem; line-height: .22rem; margin:0;}

/* 质量保障 */
.i-Quality{ float: right; width: 3.65rem; margin:  0 .4rem 0 0; position: relative; background: #f5f5f5;}
.i-Quality .bd{ width: 100%; float: left; overflow: hidden;}
.i-Quality .bd li{ width: 100%; float: left; text-align: center; }
.i-Quality .bd li .img{ display: inline-block; float: left;  width: 100%;  font-size: 0; overflow: hidden; box-sizing: border-box; padding: .2rem .2rem;}
.i-Quality .bd li .img img{ width: 100%; float: left;}
.i-Quality .bd li h2{ font-size: .24rem; line-height: .4rem; color: #03458e; text-transform: uppercase; width: 100%; float: left; text-align: center; margin: .15rem 0 .35rem; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif;}
.i-Quality .hd{ display: none;}
.i-Quality .prev,.i-Quality .next{  width: 20px;  line-height: 80px; top: 50%; transform: translateY(-50%); position: absolute; text-align: center;  font-family: 'iconfont1';  font-size: 18px;  font-weight: bold;  color: #fff;  right: 45px;  z-index: 1113;  background: #03458e;}
.i-Quality .prev{  left:0;}
.i-Quality .next{ right: 0;}
.i-Quality .prev:hover,.i-Quality .next:hover{  opacity: 0.7;}

.i-about article > span, .i-about article h2, .i-about article p, .i-about article a, .i-about aside{
    transform: translateY( 20px); opacity: 0;
}



@media screen and (max-width: 734px){ 
    /* 首页 - 关于 */
    .i-about{ margin: .1rem 0 0;}
    .i-about h2{ text-transform: uppercase;}
    .i-about-content{ margin: .2rem 0;}

    /* 首页简介 */
    .i-about-content .i-a-Company{ width: 100%; margin-left: 0; box-sizing: border-box; padding: 0 .2rem;}
    .i-about-content .i-a-Company .text .tit{ margin-top: .14rem;}
    .i-about-content .i-a-Company .text p{ margin: .1rem 0;}
    .i-about-content .i-a-Company .text a{ margin: .1rem 0 .3rem;}

    /* 首页优势 */
    .i-about-content .i-a-adv{ width: 100%; float: left; margin: 0; background: #eee;  box-sizing: border-box; padding: .3rem .2rem;}
    .i-about-content .i-a-adv ul li{ margin: .1rem 0;}
    .i-about-content .i-a-adv ul span{ height: auto;}
    /* 质量保障 */
    .i-Quality{ float: right; width: 100%; margin:  0; position: relative; background: #fff;}
    .i-Quality .bd li p{ font-size: .14rem; margin: .3rem 0;}
    .i-Quality .prev,.i-Quality .next{  width: .3rem;  line-height: .8rem; top: 50%; transform: translateY(-50%); position: absolute; text-align: center;  font-family: 'iconfont1';  font-size: .18rem;  font-weight: bold;  color: #fff; z-index: 1113;  background: #03458e;}
    .i-Quality .prev{  left:0;}
    .i-Quality .next{ right: 0;}
}

.pagination{ display: flex; justify-content: center;}
.bullet{ margin: 0 7px; border-radius: 100%; background: #ccc; width: 10px; height: 10px;}
.bullet-active{ background: #A9C27E}