.owl-nav{
    width: auto;
}

.w1900 > .owl-dots{
    position: absolute;
    /* margin: 0 auto; */
    text-align: center;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

    /*a.white:hover:not(a.white.teaserbt){
    border-bottom: 3px solid;
    line-height: 0.9em;
    display: inline-block;
    text-decoration:none;
    }*/


.teaser{
    width: 100%;
    background-color: #c9f5e7;
}

.teasertitle{
    padding: 5% 7% 0 7%;
}

.teasername{
    font-size: 90px;
    line-height: 0.8;
}

.teasersdesc{
    line-height: 1em;
    padding-left: 4px;
    
}

.teaserimg, .teaserimg img{
        max-height: 555px;
}

.teaserbt{
    text-align: center;
    width: 100%;
    font-size: 30px;
    margin-top: 3%;
    color: white;
}

.teasertitle > a.white:hover{
 text-decoration: none;
}


.supportbox{
    padding: 45px 0;
}

.carebox{
    padding: 6% 0 8% 0;
}

.subdetail{
    padding-top: 30px;
    display: table;
    width: 100%;
}

.subdetail>a{
    /*padding: 4% 12%;*/
    display: table-cell;
    float:none;
    vertical-align: top;
}

.cirdetail{
    padding-top: 30px;
    display: table;
}

.cirdetail>div{
    display: table-cell;
    float:none;
}


.subdetail>a>div>div>img{
    margin-bottom: 5%;
}
.subdetail>a>div>div>div{
    line-height: 1.2em;
}

.subdetail> a:hover{
    text-decoration: none;
}
.subdetail .pad20{
  padding: 60px 20px;
}
.supportline{
    border-bottom: 4px solid #1b936f;
    width: 100px;
    margin: 0 auto;
}

.heart1,.human1{
    position: absolute;
}

.heart2, .human2{
    opacity: 0;
}


    .bgcircle:hover .heart1{
    opacity: 0;
}

.bgcircle:hover .heart2{
    opacity: 1;
}

.bgcircle:hover .human1{
    opacity: 0;
}

.bgcircle:hover .human2{
    opacity: 1;
}




.handbg{
    background-image: url("../images/share/img/bgcontent.jpg");
        background-repeat: no-repeat;
        background-size:cover;

}

.bgcircle{
    position: relative;
    background-color: #1B936F;
    border-radius: 50%;
    opacity: 0.8;
    width: 250px;
    height:250px;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.bgcircle:hover{
      opacity: 1;
     transform: scale(1.1);
     -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);

}

.bgcircle:hover div .txt30{
text-decoration: none;

}

.bgcircle img{
   width: 60px;
}

.circleinfo .txt30{
        padding-top: 10%;
         line-height: 1em;
    }

.circleinfo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.circleleft{
    float: right;
    margin-right: 5%;
}

.circleright{
    float: left;
    margin-left: 5%;
}

.newsother, .blogother{
    font-size: 30px;
    bottom: 15px;
    right: 0px;
}

.newsbox{
    padding: 5% 0 5% 0;
}


.newsdetail{
    padding-top: 0px;
}

.owl-news-carousel > .owl-stage-outer{
    background-color: #1B936F;
        max-height: 500px;
}

.mapinfo{
    padding: 0 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;

}


.newsdetail>div>img{
    width: 100%;
    height: 100%;
}

.newsdesc{
    position: absolute;
    height: 100%;
    right: 0;
    padding: 2%;
}

.newsdesc > .readmore{
    position: absolute;
    bottom: 0px;
}
.newstt{
    line-height: 1em;
    padding: 4% 0;
    font-size: 50px;
}

.newstt > a.white:hover{
    text-decoration:none;
  
}

.bgmaingreen:hover{  
    background-color: #20AC82;
}

.newssdesc{
    line-height: 1em;
    font-size: 27px;
}

.newsimg:hover{
    transform: scale(1.1);
     -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.newsimg{
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.imgcover{
    overflow: hidden;
}

.owl-news-carousel .imgcover{
    max-height: 500px;
}

.readmore{

    padding: 0 !important;
}
.bloginfo{
    width: 100%;
    height: 300px;
    background-color: white;
    padding: 4% 10%;
}

.bloginfo .readmore a.maingreen:hover{
    text-decoration: underline;
}

.blogdetail {
    padding-top: 30px;
    padding-right:10px;
}

.blogtt{
    font-size: 50px;
}

.blogdesc{
    font-size: 25px;
    line-height: 1.2em;
}

.blogautor{
    padding: 3% 0;
    padding-left: 58px;
}


.authorpic{
    background-size: cover;
    background-repeat: no-repeat;
    height: 100px !important;
    width: 100px !important;
    border-radius: 50%;
    display: inline-block !important;
}

.authornm{
    font-size: 30px;
}

.authordt{
      font-size: 25px;
}

.authorinfo{
   padding-left: 15px;
   display: inline-block;
   vertical-align: middle;
   width: 70%;
}

.authorinfo div{
    line-height: 1em;
}

.authorimg{
    display: inline-block;
}

.blogbox{
    background-color: #eeeeee;
    width: 100%;
    padding: 3% 0;
}

.bloginfo>.readmore{
    position: absolute;
    bottom: 10px;
    color: #1b936f;
}


.blogtrian{
    width: 0;
    height: 0;
    border-top: 50px solid #1b936f;
    border-left: 50px solid transparent;

}

.contactbox table tr td{
    text-align: left;
        font-size: 25px;
}

.contact-description .txt30{
        line-height: 1.0em;
    padding-top: 10px;
}
/*hotline amd fb */

.hotline-infomation, .fb-infomation, .contact-infomation{
   padding: 0 20%;
    text-align: center;
}

.hotlint-description ,.fb-description, .contact-description{
    font-size: 35px;
    line-height: 1.2em;
}

.hotlint-description{
    max-width: 550px;
    margin: 0 auto;
}

.hotlint-description > p > a:hover, .hotlint-description > p > a:focus{
    color: #1b936f;
}

.telbox{
    background-color: #d6eef8;
    color: #1f6ab6;
    margin: 10% 0;
    padding: 4% 20%;
    font-size: 35px;
    line-height: 1em;
}

.telbox span{
    display: block;
}

.telbox span a[href^="tel:"]{
    color: #1f6ab6;
}

.telbox span a[href^="tel:"]:hover{
    color: #1f6ab6;
    text-decoration: none;
}

.tbleft, .tbright{
    text-align: left;
}

.fbsupportbox{
    background-color: #1f6ab6;
    color: white;
    margin: 10% 0;
    padding: 4%;
}

.fbsupportbox .info{
        padding-bottom: 20px;
}

.fbsupportbox span{
    font-size: 25px;
    line-height: 0.5em;
}

.fbsupportbox p{
    font-size: 35px;
        line-height: 1.0em;
}

.fbsupportbox:hover{
    background-color: #2480db;
}

a.infobox:hover{
    text-decoration: none;
}

.phoneimg{
    width:100%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.fbimg{
    width:100%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.telbox table{
    margin: 0 auto;
}

.telbox table tr td{
    padding-right: 10px;
    padding-left: 10px;
    width: 50%;
}

.space{
    padding-bottom: 100px;
}

.about-info{
    position: relative;
    font-size: 30px;
}

.about-detail{
    padding: 20px 10%;
    text-align: center;
    line-height: 1.2em;
        word-wrap: break-word;
}



.quote{
    position: relative;
    border: 1px solid #1b936f;
    padding: 2% 15%;
    font-size: 50px;
    text-align: center;
    margin: 5% 0;
}

.q1{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.q2{
    position: absolute;
    bottom: -20px;
        left: 50%;
            transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.qoute-img{
    position: absolute;
    bottom: 220px;
    right: -100px;
}

.mailbox{
   /*padding: 10% 5%;*/
   background-color: #1b936f;
   color: white;
   text-align: center;
   font-size: 30px;
   line-height: 1.2em;
    position: absolute;
    top: 50%;
    /*transform: translateY(-50%);*/
    -webkit-transform: translateY(-50%);
    /*-ms-transform: translateY(-50%);*/
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.mailbox> .mail-word> div{
    font-size: 40px;
}

.mailbox> .mail-word> a:hover{
    color: white;
}

.mail-word{
    padding-bottom: 5%;
}
.mailbox >img {
    width: 100px;
    padding: 20px 0;
}

.youtubelink {
    max-width: 640px;
    height: 360px;
    margin-bottom: 20px;
}

.clickbt{
    border: 1px white solid;
    line-height: 1.2em;
    width: 30%;
    font-size: 25px;
    margin: 0 auto;
}

.clickbt:hover{
    background-color:white;
}

a .clickbt{
    font-size: 25px !important;
}

.mailbox a:hover {
    text-decoration: none;
     color: black;
}

.about-foot{
    display: table;
}

.foot-detail{
    display: table-cell;
    float: none;
    vertical-align: top;
    background-color: #1b936f;
}
div.txt30{
  /*max-width: 480px;*/
  margin: 0 auto;
}

.contact-description .txt30{
     max-width: 460px;
}
/*----------------- responsive 1280 -----------------*/
@media (max-width: 1440px ) {

    .teasertitle{
        padding: 4% 7% 0 9%;
    }

    .teasername {
        font-size: 70px;
        line-height: 0.8;
    }

    .teasersdesc {
        width: 100%;
        font-size: 25px;
    }

    .teaserbt {
        margin-top: 5%;
    }

    .qoute-img{
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: -325px;
        z-index: 10;
        top: auto;
        right: auto;
    }
}

@media (max-width: 1280px ) {

    .teasername {
        font-size: 60px;
    }


    .teaserbt {
        font-size: 25px;
    }

    .subdetail > div {
        /*padding: 4% 8%;*/
    }


    .about-foot {
        display: table;
        padding-top: 145px;
}
}

@media (max-width: 1024px ) {

    .newssdesc {
        line-height: 1em;
        font-size: 20px;
    }

    .mailbox >img {
    width: 70px;

}

.blogtt {
    font-size: 40px;
    
}

.newstt {

    font-size: 40px;
}

}

@media (max-width: 980px ) {

        .w1900 > .owl-dots {
    bottom: 10px;
    }

    .teasername {
        font-size: 45px !important;
        line-height: 1;
    }

    .teasersdesc {
        font-size: 20px !important;
    }

    .teaserbt {
        font-size: 20px !important;
    }

    div.txt70{
        font-size: 60px;
        line-height: 1.4em ;
    }

    div.txt40{
        font-size: 35px;
    }

    div.txt30{
        font-size: 25px;
        /*padding: 0 10%;*/
    }


    .newsother, .blogother{
        font-size: 25px;
        bottom: 0px;
    }

            .mailbox{
        font-size: 25px;
    }

        .mailbox > .mail-word > div {
            font-size: 30px;
        }

        .mapinfo .txt50{
     font-size: 35px;
    }

      .mapinfo .txt30{
     font-size: 25px;
    }

    .teasertitle {
    padding: 3% 8% 0 10%;
    }

    .bloginfo {
        height: 330px;
    }

    .authorinfo{
        width: 60%;
    }

}

@media (max-width: 768px) {

    .w1900 > .owl-dots{

    bottom: 0;

    }

    .contactbox table tr td{
    width: auto;
    }

    .contact-infomation{
        padding: 0 0;
        text-align: center;
    }

    .contactbox table tr td{
        font-size: 25px;
    }


    .w1900 > div {
        float: left !important;
    }

    .teasertitle{
       padding-top: 10%;
       padding-bottom: 10%;
    }

    .paddinglr{
        padding-left: 20px;
        padding-right: 20px;
    }

    .teasername{
        text-align: center;
        font-size: 45px !important;
    }

    .teasersdesc{
        text-align: center;
        font-size: 23px !important;
    }

    .teaserbt{
        font-size: 25px !important;
    }

    .teaserbt:hover{
        display: block;
    }

    .carebox > .subtitle{
        padding: 0 10%;
    }
    .subdetail{
        display: block;
    }

    .subdetail>a{
        display: block;
        float: none;
    }


    .subdetail>a>div>img{
        margin-bottom: 5%;
    }

    .cirdetail{
    display: block;
    }

    .cirdetail>div{
        display: block;
        padding: 20px;
    }

    .circleleft, .circleright{
        margin: 0 auto;
        float:none;
    }

    .circleinfo .txt30{
        padding-top: 17px;
        line-height: 1em;
    }

    .circleinfo img{
        width: 50px;
    }

    .bgcircle{
        display:block;
        width: 200px;
        height: 200px;
    }


    .newsother, .blogother{
        padding: 20px 0;
        font-size: 25px;
        text-align: center;
    }

    .newsdesc{
        position: static;
        height: 400px;
    }

    .newstt{
        font-size: 40px;
        padding: 1% 0;
    }


    .newssdesc{
        padding: 2% 0 20% 0;
        font-size: 25px;
    }

    .readmore{
        padding-top: 5%;
    }


    .subtitle{
        text-align: center;
        margin: 0 auto;
    }

    .owl-news-carousel{
    margin-top: 20px;
    }

    .newsdesc > .readmore {
    position: absolute;
    bottom: 0px;
}
    .owl-news-carousel > .owl-stage-outer {

    max-height: 100%;
}
    .blogdetail {
    padding-right:0;
}


    /*hotline*/
    .hotline-infomation{
        padding: 0 5%;

    }

    .about-foot{
        display: block;
    }

    .foot-detail{
        display: block;
    }

    .tbleft, .tbright{
    text-align: center;
    }

    .telbox span{
    display: block;
    padding-bottom:5px;
}

    .qoute-img{
        bottom: -300px;
    }
    .quote{
        font-size: 40px;
        line-height: 1.2em;
        padding: 4% 5%;
    }

    .mailbox{
    padding: 10% 5%;
    line-height: 1.2em;
    position: static;
    transform: translate(0);
    -moz-transform: translate(0);
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);

}
    .mailbox{
        font-size: 30px;
    }

    .mailbox > .mail-word > div {
            font-size: 40px;
        }

    .mapinfo .txt50{
     font-size: 50px;
    }

      .mapinfo .txt30{
     font-size: 30px;
    }

      .fb-infomation{
   padding: 0 5%;

    }

    .authornm {
        font-size: 25px;
    }

    .authorinfo{
        width: 70%;
    }
}

@media (max-width: 600px ) {

    .teasertitle {
        padding-bottom: 15%;
    }

    .hotlint-description{
        font-size: 25px;

    }

    .telbox{
        font-size: 25px;
    }

.authorpic{
        height: 70px !important;
        width: 70px !important;
    }

    .authorinfo{
        padding-top: 0px;
      
    }

    .fb-description{
        font-size: 30px;
    }

    .telbox{

    margin: 10% 0;
    padding: 4% 5%;

    }

    .bloginfo {
    height: 340px;
    }

    .blogtrian {

        border-top: 40px solid #1b936f;
        border-left: 40px solid transparent;
    }

    .about-info{
        font-size: 25px;
    }

    .quote {
        font-size: 35px;

    }

}

@media (max-width: 425px ) {

    div.txt70{
        font-size: 40px;
        line-height: 1em;
    }

    div.txt40{
        font-size: 30px;
    
    }
    div.txt30{
        font-size: 22px;
        padding: 0;
    }

    .newsdt{
        font-size: 22px !important;
    }

    .newstt{
        font-size: 35px;
    }

    .newssdesc{
        font-size: 22px;
    }

    .txt25{
        font-size: 22px;
    }

    .blogtt{
        font-size: 35px;
    }

    .blogdesc{
        font-size: 22px;
    }

    div.readmore{
        font-size: 22px;
    }

    .blogtrian {
        border-top: 30px solid #1b936f;
        border-left: 30px solid transparent;
    }

    .authornm {
    font-size: 20px;
    }

    .authordt {
    font-size: 20px;
    }
        .mailbox{
        font-size: 25px;
    }
        .mailbox > .mail-word > div {
            font-size: 30px;
        }

    .mapinfo .txt50{
     font-size: 35px;
    }

      .mapinfo .txt30{
     font-size: 25px;
    }

      .newsbox, .blogbox {
    padding: 20% 0;
}

      .newsother, .blogother {
    padding: 0;
}

    .authorinfo{
        width: 50%;
    }


}

@media (max-width: 375px ) {

    .teasername{
        font-size: 40px;
    }

    .teasersdesc{
        font-size: 20px;
    }
    .teaserbt{
        font-size: 22px;
    }

          .newsbox, .blogbox {
    padding: 10% 0;
}




}