/*  简介  */
.Company{ width: 100%; display: block; font-size: 0; margin-bottom: .7rem;}
.Company .title{ display: block; text-align: center; font-size: 0; position: relative; margin: .5rem 0 .43rem;}
.Company .title::before,.Company .title::after{ content: ""; vertical-align: middle; height: 1px; width: 2.2rem; display: inline-block; background: #a6a6a6;}
.Company .title .tit{ display: inline-block; padding: 0 .26rem; vertical-align: middle;}
.Company .title .tit h2{ display: block; color: #a6a6a6; font-size: .24rem; line-height: .32rem; font-weight: bold;}
.Company .title .tit h2 span{ color: #20853a;}
.Company .title .tit h3{ display: block; color: #878787; font-size: .14rem; line-height: .18rem; height: .32rem;; letter-spacing: .03rem;}

.Company .list{ width: 100%; display: block; position: relative;}
.Company .list .img{ width: 7.44rem; height: 5.53rem; display: inline-block;}
.Company .list .img img{ max-width: 100%;}
.Company .text{ width: 6.86rem; background: #fff; box-shadow: 0 3px 10px #ccc; position: absolute; top: 50%; right: 0; transform: translateY(-50%); box-sizing: border-box; padding: .28rem .5rem;}
.Company .text p{ font-size: .16rem; color: #878787; display: block; line-height: .32rem; margin: 0; text-indent: .32rem;}
.Company .text p b span{ color: #20853a; }
.Company .text a{ color: #fff; text-align: center; width: 1.24rem; line-height: .4rem; display: block; z-index: 2; overflow: hidden; position: relative; font-size: .16rem; text-transform: uppercase; background: #20853a; margin: .28rem 0 .42rem;}
.Company .text a:hover{ background: #000;}
.Company .text .img{ border: 2px solid #20853a; border-radius: 2.75rem; height: 5.49rem; width: 5.49rem; overflow: hidden; margin-left: .12rem;}
.Company .text .img img{ max-width: 100%; border: 30px solid #fff; border-radius: 2.74rem;}




/* 文化 */
.Culture{ width: 100%; display: block; background: url(../image/Culture-bj.jpg) no-repeat center center; font-size: 0; height: 4.44rem;}
.Culture .title{ display: block; text-align: center; font-size: 0; position: relative; padding: .5rem 0 .43rem;}
.Culture .title::before,.Culture .title::after{ content: ""; vertical-align: middle; height: 1px; width: 2.2rem; display: inline-block; background: #fff;}
.Culture .title .tit{ display: inline-block; padding: 0 .26rem; vertical-align: middle;}
.Culture .title .tit h2{ display: block; color: #fff; font-size: .24rem; line-height: .32rem; font-weight: bold;}
.Culture .title .tit h3{ display: block; color: #fff; font-size: .14rem; line-height: .18rem; height: .32rem;; letter-spacing: .03rem;}
.Culture .list{ width: 100%; display: block; position: relative; text-align: center}
.Culture .text{ display: inline-block; width: 1.8rem; margin: 0 .6rem; vertical-align: top;}
.Culture .text i{ font-family: iconfont; display: block; font-size: .6rem; color: #fff;}
.Culture .text h2{ display: block; font-size: .32rem; font-weight: bold; color: #fff; margin-bottom: .24rem;}
.Culture .text span{ display: block; font-size: .24rem; color: #fff;}


/*发展历程*/
.History{ width: 100%; display: block; font-size: 0; margin-bottom: .7rem;}
.History .title{ display: block; text-align: center; font-size: 0; position: relative; margin: .5rem 0 .23rem;}
.History .title::before,.History .title::after{ content: ""; vertical-align: middle; height: 1px; width: 2.2rem; display: inline-block; background: #a6a6a6;}
.History .title .tit{ display: inline-block; padding: 0 .26rem; vertical-align: middle;}
.History .title .tit h2{ display: block; color: #a6a6a6; font-size: .24rem; line-height: .32rem; font-weight: bold;}
.History .title .tit h2 span{ color: #20853a;}
.History .title .tit h3{ display: block; color: #878787; font-size: .14rem; line-height: .18rem; height: .32rem;; letter-spacing: .03rem;}
.History .list{ display: block; width: 100%; position: relative; overflow: hidden; box-sizing: border-box; padding: 0 1rem;}
.History .list ul{ position: relative; z-index: 1;}
.History ul li{ display: inline-block; width: 1.84rem; height: 1.4rem;}
.History ul li .top{ display: block; border-bottom: 1px solid #007909; text-align: center; height: 0.7rem; margin-bottom: .1rem; box-sizing: border-box; padding-top: .3rem}
.History ul li .top .year{ width: 40%; display: inline-block; vertical-align: bottom; font-size: .24rem; line-height: .4rem; color: #007909; font-weight: bold; transition: all 0.3s ease-in-out}
.History ul li .top i{ width: 40%; display: inline-block; vertical-align: bottom; transition: all 0.3s ease-in-out; font-family: "iconfont"; color: #000; font-size: .4rem; line-height: .4rem;}
.History ul li .text{ height: .6rem; font-size: .21rem; line-height: .24rem; display: block; text-align: center; box-sizing: border-box; padding: 0 .15rem; color: #007909; transition: all 0.3s ease-in-out}

.History  .list .prev,.History  .list .next{ position: absolute; width: .4rem; height: .3rem; line-height: .3rem; text-align: center; font-size: .48rem; font-family: "iconfont"; color: #23863c; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer;}
.History  .list .prev{ left: 0%; }
.History  .list .next{ right: .1rem; margin-top: .03rem;}

.History  .list .swiper-slide-prev .year{ opacity: 0;}
.History  .list .swiper-slide-prev i{ opacity: 0;}
.History  .list .swiper-slide-prev .text{ opacity: 0;}
.History  .list .swiper-slide-duplicate-prev .year{ opacity: 0;}
.History  .list .swiper-slide-duplicate-prev i{ opacity: 0;}
.History  .list .swiper-slide-duplicate-prev .text{ opacity: 0;}



/* 证书 */
.Honorary{ width: 100%; display: block; background: #f1f1f1; font-size: 0; padding: .45rem 0 .55rem;}
.Honorary .title{ display: block; text-align: center; font-size: 0; position: relative; margin: 0 0 .43rem;}
.Honorary .title::before,.Honorary .title::after{ content: ""; vertical-align: middle; height: 1px; width: 2.2rem; display: inline-block; background: #a6a6a6;}
.Honorary .title .tit{ display: inline-block; padding: 0 .26rem; vertical-align: middle;}
.Honorary .title .tit h2{ display: block; color: #a6a6a6; font-size: .24rem; line-height: .32rem; font-weight: bold;}
.Honorary .title .tit h2 span{ color: #20853a;}
.Honorary .title .tit h3{ display: block; color: #878787; font-size: .14rem; line-height: .18rem; height: .32rem;; letter-spacing: .03rem;}
.Honorary .main{ width: 12rem;}
.Honorary ul{ display: block; font-size: 0;}
.Honorary ul li:first-of-type{ width: 47.5%; width: 23%; float: left; margin: 1%;}
.Honorary ul li{ display: inline-block; width: 23%; margin: 1%;}
.Honorary ul li img{ width: 100%;}


/* 联系 */
.Contact-info{ width: 100%; display: block; font-size: 0; overflow: hidden;}
.Contact-info .title{ display: block; text-align: center; font-size: 0; position: relative; padding: .5rem 0 .43rem; box-sizing: border-box; background: #007909; height: 1.35rem;}
.Contact-info .title::before,.Contact-info .title::after{ content: ""; vertical-align: middle; height: 1px; width: 2.2rem; display: inline-block; background: #fff;}
.Contact-info .title .tit{ display: inline-block; padding: 0 .26rem; vertical-align: middle;}
.Contact-info .title .tit h2{ display: block; color: #fff; font-size: .24rem; line-height: .32rem; font-weight: bold;}
.Contact-info .title .tit h3{ display: block; color: #fff; font-size: .14rem; line-height: .18rem; height: .32rem;; letter-spacing: .03rem;}
.Contact-info .list{ width: 40%; display: inline-block; position: relative; text-align: left; height: 6.1rem; vertical-align: top; box-sizing: border-box; padding: .6rem 1rem;}
.Contact-info .list .tit{ display: block; min-height: .5rem;}
.Contact-info .list .tit{ background: url(../image/i-c-logo.png) no-repeat left center; padding-left: .7rem; margin-bottom: .04rem;}
.Contact-info .list .tit h2{ display: block; color: #268740; font-size: .18rem;}
.Contact-info .list .tit h3{ display: block; color: #878787; font-size: .16rem;}
.Contact-info .list ul{ display: block;}
.Contact-info .list ul li{ width: 50%; display: inline-block; line-height: .4rem; color: #7f7f7f; font-size: .14rem;}
.Contact-info .list ul li:first-child{ width: 100%;}
.Contact-info .list ul li i{ font-family: "iconfont"; display: inline-block; vertical-align: middle; font-size: .16rem; width: .46rem; text-align: center; line-height: .4rem; color: #7f7f7f;}
.Contact-info .list ul li a{ line-height: .4rem; color: #7f7f7f; font-size: .14rem;}
.Contact-info .list form{ display: block; width: 100%; margin-top: .3rem;}
.Contact-info .list input{ display: block; width: 100%; background: #fff; line-height: .24rem; padding: .11rem; box-sizing: border-box; border: 1px solid #268740; margin: .1rem 0;}
.Contact-info .list textarea{ display: block; width: 100%; background: #fff; border: 1px solid #268740; margin: .1rem 0; line-height: .24rem; padding: .11rem; box-sizing: border-box;}
.Contact-info .list input::placeholder,
.Contact-info .list textarea::placeholder{ color: #bebebe; font-size: .14rem;}
.Contact-info .list input.none{ display: none;}
.Contact-info .list button{ line-height: .36rem; background: #4c4c4c; width: 1.48rem; border: none; text-align: center; font-size: .16rem; color: #fff; transition: all .3s ease-in-out}
.Contact-info .list button:hover{ background: #268740;}
.Contact-info .map{ width: 60%; display: inline-block; height: 6.1rem; vertical-align: top;}



@media screen and (max-width: 736px){
.main{ width: 100%; padding: 0; box-sizing: border-box;}
/*  简介  */
.Company{ margin-bottom: 0rem;}
.Company .title{ margin: .5rem 0 .43rem;}
.Company .title::before,.Company .title::after{ width: .8rem;}
.Company .list .img{ width: 100%; height: auto;}
.Company .text{ width: 100%; box-shadow: none; position: relative; top: 0; right: 0; transform: translateY(0); box-sizing: border-box; padding: .2rem;}

.Company .text p{ font-size: .15rem; color: #878787; display: block; line-height: .24rem; margin: 0 0 .1rem; text-indent: .3rem;}
.Company .text p b span{ color: #20853a; }



/* 文化 */
.Culture{ width: 100%; display: block; background: url(../image/Culture-bj.jpg) no-repeat center center; font-size: 0; height: auto; padding-bottom: .5rem;}
.Culture .title{ display: block; text-align: center; font-size: 0; position: relative; padding: .5rem 0 .43rem;}
.Culture .title::before,.Culture .title::after{ width: .8rem;}


.Culture .list{ width: 100%; display: block; position: relative; text-align: center}
.Culture .text{ display: inline-block; width: 31%; margin: 0 1%; vertical-align: top;}
.Culture .text i{ font-family: iconfont; display: block; font-size: .36rem; color: #fff;}
.Culture .text h2{ display: block; font-size: .18rem; font-weight: bold; color: #fff; margin: .1rem 0;}
.Culture .text span{ display: block; font-size: .14rem; color: #fff;}


/*发展历程*/
.History{ width: 100%; display: block; font-size: 0; margin-bottom: .7rem;}
.History .title{ display: block; text-align: center; font-size: 0; position: relative; margin: .5rem 0 .23rem;}
.History .title::before,.History .title::after{ width: .8rem;}

.History .list{ display: block; width: 100%; position: relative; overflow: hidden; box-sizing: border-box; padding: 0 1rem;}
.History .list ul{ position: relative; z-index: 1;}
.History ul li{ display: inline-block; width: 1.84rem; height: 1.4rem;}
.History ul li .top{ display: block; border-bottom: 1px solid #007909; text-align: center; height: 0.7rem; margin-bottom: .1rem; box-sizing: border-box; padding-top: .3rem}
.History ul li .top .year{ width: 40%; display: inline-block; vertical-align: bottom; font-size: .24rem; line-height: .4rem; color: #007909; font-weight: bold; transition: all 0.3s ease-in-out}
.History ul li .top i{ width: 40%; display: inline-block; vertical-align: bottom; transition: all 0.3s ease-in-out; font-family: "iconfont"; color: #000; font-size: .4rem; line-height: .4rem;}
.History ul li .text{ height: .6rem; font-size: .21rem; line-height: .24rem; display: block; text-align: center; box-sizing: border-box; padding: 0 .15rem; color: #007909; transition: all 0.3s ease-in-out}

.History  .list .prev,.History  .list .next{ position: absolute; width: .4rem; height: .3rem; line-height: .3rem; text-align: center; font-size: .48rem; font-family: "iconfont"; color: #23863c; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer;}
.History  .list .prev{ left: 0%; }
.History  .list .next{ right: .1rem; margin-top: .03rem;}

.History  .list .swiper-slide-next .year{ opacity: 0;}
.History  .list .swiper-slide-next i{ opacity: 0;}
.History  .list .swiper-slide-next .text{ opacity: 0;}



/* 证书 */
.Honorary{ width: 100%; display: block; background: #f1f1f1; font-size: 0; padding: .45rem 0 .2rem;}
.Honorary .title{ display: block; text-align: center; font-size: 0; position: relative; margin: 0 0 .43rem;}
.Honorary .title::before,.Honorary .title::after{ width: .8rem;}
.Honorary .main{ width: 100%; box-sizing: border-box; padding: 0 .2rem;}
.Honorary ul{ display: block; font-size: 0;}
.Honorary ul li:first-of-type{ width: 98%; float: left; margin: 1%;}
.Honorary ul li{ display: inline-block; width: 48%; margin: 1%;}
.Honorary ul li img{ width: 100%;}


/* 联系 */
.Contact-info .title{ padding: .3rem 0 .25rem; height: auto;}
.Contact-info .title::before,.Contact-info .title::after{ width: .8rem;}

.Contact-info .list{ width: 100%; height: auto; vertical-align: top; box-sizing: border-box; padding: .3rem .2rem;}
.Contact-info .map{ width: 100%; display: inline-block; height: 4.2rem; vertical-align: top;}



}