.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}

.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
/*temp*/

/*THEME 01*/
.theme01  a {
    color: #337ab7;
}
.theme01 a:hover{
    color: #23527c;
}


.slick-projects,.slick-videos,.slick-articles {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.slick-projects.slick-initialized,.slick-videos.slick-initialized,.slick-articles.slick-initialized {
    visibility: visible;
    opacity: 1;    
}
.slick-projects.slick-slider,.slick-articles.slick-slider{
    margin:0!important;
}
.section__header {
    max-width:900px;
    margin:20px 0;
}
.section__project .section__header{margin-bottom:10px;}
.section__header .header__text{
    display:inline-block;
}
.section__header .header__text h2.header__title{
        margin: 0 0 10px;
}
.section__header:before,.section__header:after
{
    display: table;
    content: " ";
}
.section__center .section__header{margin:20px auto 35px; display:block;text-align:center;} 
.section__header h2.header__title  {
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: 'UTM-Avo-Bold';
    line-height: 32px;
    color: #333;
}
.section__header ._underline {
    position: relative;
    margin-bottom:15px!important;
}
/*header line*/
.section__header.header-line {
    background: #efa417;
    max-width: unset;
    background: -webkit-linear-gradient(left, #efa417 0%, #fdfdfd 50%, #efa417 100%);
    background: -o-linear-gradient(left, #efa417 0%, #fdfdfd 50%, #efa417 100%);
    background: linear-gradient(to right, #efa417 0%, #fdfdfd 50%, #efa417 100%);
    background-size: 200%;
    border-radius: 2px;
}
.section__header.header-line h2.header__title {
    margin: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 19px;
    font-family: 'UTM-Avo-Bold';
    line-height: 32px;
    color: #fff;
}
.section__header .view-all {
    float: right;
    display: inline-block;
    margin: 10px 0;
}
._underline:before {
    content: " ";
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 10px;
    border-bottom: 3px solid currentcolor;
    width: 60px;
}
.section__header .header__subtitle{
    font-family: Noto Serif;
    font-style: italic;
    color: #444;
}
.section__center .section__header ._underline:before{
    margin-left: auto;
    margin-right: auto;
}

/*intro*/
.section__intro, .section__project,.section__article,.section__video,section__partners   {
    padding-top: 20px;
    margin-bottom: 30px;
}
.section__intro .intro__text{
    max-width: 900px;
    margin: 10px auto;
    text-align: center;
    float: none;
    font-family: tahoma;
    font-size: 105%;
}
.section__intro .intro__text h1.title {
    font-size: 25px;
    margin-top: 0;
    font-family: 'UTM-Avo-Bold';
    line-height: 1.6;
}
.section__intro .intro__text h1.title i
{
    content: '';
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background-color: #dd3333;
    margin-right: 4px;
    width: 10px;
    display: inline-block;
    height: 19px;
}
.section__intro .read-more-wrap{font-size:105%;}


/*article02*/
 .article02 .row {
    margin-left: -10px;
    margin-right: -10px;
}
.article02 .row .col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
}
.article02 article.item .item_image{position:relative;}
.article02 article.item .item_image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.article02 article.item .item_image a img{
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
    
.article02 article.item .item_text a.title {
    margin-top: 0;
    line-height: 23px;
    font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
    font-size: 17px;
    font-weight: 600;
    width: 100%;
    display: block;
}
.article02 article.item .item_text p.summary {
    font-size: 15px;
    line-height: 20px;
}
/*mg*/
.videos {
    width: 100%;
}
.videos .video-single {
    width: 33.33%;
    float: left;
    background: #fff;
    box-shadow: 0px 1px 9px rgb(222, 213, 213);
  /*  -webkit-transition: all, 0.5s;
    -khtml-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;*/
    margin-bottom: -7px;
    padding:0;
}
.videos figure {
    position: relative;
    display: inline-block;
}
.videos .video-single figure .video__img .ico-play {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    background-image: url(/img/ico-play.png);
    background-size: 100% 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    opacity: .8;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px!important;
    transition: all 0.3s;
}
.videos .video-single figure .video__img:hover .ico-play {
    opacity: 1;
    width: 76px;
    height: 76px;
    margin: -38px 0 0 -38px!important;
}
.videos .video-single .video__img img {
    max-width: 100%;
}
.videos .video-single .video__img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .4;
    pointer-events: none;
    background: linear-gradient(0deg,#000 0,transparent);
    height: 100%;
    content: "";
}
.videos .video-single figure .video__img:hover::before {
    opacity: .3;
}
.videos .video-single  figure figcaption {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: block;
}
.videos .video-single figure figcaption .video__name {
    text-align: center;
    color: #ffffff;
    font-size: 21px;
    padding: 0 10px;
    margin: 0;
    overflow: hidden;
    font-weight: 500;
    font-family: 'UTM-Avo-Bold';
    line-height: 31px;
    display: table;
    margin: 0 auto;
    padding-bottom: 5px;
    border-radius:4px;
}
.videos .video-single figure figcaption hr {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    opacity: .5;
}
.item .article_meta {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 3px;
    padding-bottom: 3px;
}
.item .article_meta .meta_date,.item .article_meta .meta_cate {
    color: #838383;
    font-size: 14px;
}

/*home article*/
.articles {width:100%;}
.articles .article_featured
{
    width: 48%;
    margin-right:2%;
    float: left;
}
/*.articles .article_list{
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
}*/
.articles .item {
    /*width: 33.3333%;
    padding: 0 15px;*/
    position: relative;
    margin-bottom: 15px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}
.articles .article_featured .item .item_text  a.title {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    margin-top: 12px;
}
.articles .article_featured .item .item_text  a.title 
{
    color: #e40000;
}
.article_featured .item .item_text  a.title:hover,
.article_featured .item_image:hover + .item_text a.title{
    color: #bb0000;
}
.articles .article_list .item .item_image{
    position: relative;
    width: 100%;
}
.articles .article_list .item .item_text {
    padding-top: 0px;
    padding-bottom: 0px;
}
.articles .article_list .item .item_text a.title{
    margin-top:0;line-height: 22px;font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
    font-size:17px;
    font-weight:600;
}
/*.articles .article_list .item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
}*/
.articles .item .item_image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.articles .item .item_image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.articles .item .item_text p.summary {
    font-size: 15px;
    line-height: 20px;
}

.articles {width:100%;}
.articles .article_featured
{
    width: 48%;
    margin-right:2%;
    float: left;
}
.articles .article-list{
    width: 50%;
    float: left;
}


.articles .article_featured .item .item_text  a.title {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    margin-top: 12px;
}
.articles .article_featured .item .item_text  a.title 
{
    color: #e40000;
}
.article_featured .item .item_text  a.title:hover,
.article_featured .item_image:hover + .item_text a.title{
    color: #bb0000;
}
.articles .article-list .item .item_image{
    position: relative;
    width: 100%;
    max-width: 130px;
}
.articles .article-list .item .item_text {
    margin-left: 12px;
    padding-top: 0;
    padding-bottom: 0px;
    border-bottom: 1px solid #ddd;
}
.articles .article-list .item:last-child .item_text {
    border-bottom: none;
}
.articles .article_featured .item .item_image{
        position: relative;
}
.articles .article-list .item .item_text a.title{
    margin-top:0;line-height: 26px;
    font-size:17px;
    font-weight:600;color: #464646;    font-family: 'Roboto', tahoma;
}
.articles .article-list .item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
}

 /* background: -webkit-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%);
  background: -o-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%);
  background: linear-gradient(to right, #33c8c1 0%, #119bd2 50%, #33c8c1 100%);*/
.intro-btn {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 25px;
  font-size: 16px;
    line-height: 38px;
    border-radius: 20px;
  border: 0;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  background: -webkit-linear-gradient(left, #b70606 0%, #e80000 50%, #b70606 100%);
  background: -o-linear-gradient(left, #b70606 0%, #e80000 50%, #b70606 100%);
  background: linear-gradient(to right, #b70606 0%, #e80000 50%, #b70606 100%);
  background-size: 200%;
}
.intro-btn:hover {
    color: #fff;
    background-position: right center;
}
.signature{margin-top:22px;margin-bottom:10px;}
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 80px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}

.hotline-phone-ring-circle {
    width: 110px;
    height: 110px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid red;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5
}

.hotline-phone-ring-circle-fill {
    width: 80px;
    height: 80px;
    top: 16px;
    left: 16px;
    position: absolute;
    background-color: rgba(21,100,167,.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.hotline-phone-ring-img-circle {
    background-color: red;
    width: 50px;
    height: 50px;
    top: 16px;
    left: 31px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 33px;
    height: 33px
}

.hotline-bar {
    position: absolute;
    background: red;
    height: 45px;
    width: 165px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    border-radius: 50px!important;
    left: 42px;
    bottom: 16px
}

.hotline-bar>a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    text-indent: 32px;
    letter-spacing: 1px;
    display: block;
    line-height: 45px;
    font-family: Arial
}

.hotline-bar>a:hover,.hotline-bar>a:active {
    color: #fff
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

.hotline-phone-ring-wrap.fix_tel_right {
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    bottom: 0;
    right: 100px
}

@media (max-width: 768px) {
 /*   .hotline-bar {
        display:none
    }*/
 .hotline-phone-ring-circle,.hotline-phone-ring-circle-fill{display:none;}
    .hotline-phone-ring-wrap.fix_tel_right {
        right: 0;
        left: inherit;
        bottom: 25%;
        display: inline-table
    }
}