@font-face{font-family:TablePress;src:url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPUAA0AAAAACZAAAAN+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCUhEICoQIgnILFgABNgIkAygEIAWGcgeBARv6B8iuBzK53oAhKg2KWDsrezjalSefocfD9/uZ575PSbYEqJHAIdo6tMDGdCprFIHd+F9r+rZE46O2iHBJfoAuxwW0yfgKS8KGVFE4dHX1gPmgVhzwhcJbReQ9RWXcraeutbmNHE7T7B1sex8stfMfnkvv0XsgUZrYO1hirXme9TnUkBvQ22RGX50VAr48H54Cn9b8GD73edAAhjboBpIQ6kKOhCz7GA8V5HfzyeA6h0mnrFTJnPjxC7KCrl9caqIUg0EAYACGDBn6YGCxeIE+EkwANTWJX/brZpNfyE5o/7r9uPZjS4tESbCTExLCjxOEbxGi2dQeNEAXUMMlvADkqSV0IHXtkQXNOnI2ctJpRIPt8+HjNivx3rlQYA8FqGwdCxF2aZrdJluMnaqFvy+yngVKbBcn0fSOd1xTpnW4HTkptV8Gi2kvCeUHC0BD+D0VKMIqXniZPJyPya9D7gT6DvUpwJER6avgKDsOfW9jU+YGc/ng6MhA3VSar3NdtvrD9WHZurKVKYOi0RwlY9500YSuWDE084F+jMinu4sTudD5yBTTozA9Horpmb+M3TwIBHempnzdpu1/raWypX0JND/ki4p71CQQlFqnAvkijABrVFIq5BdNJbFncoBOF03/h3IINPQRBxJCYDoAOnkRIDR0w0BSmYiBzDinAuQ6eROg0DEGY6DUiEUYqKyILwFq2qS9GKhrpFsykdeFLmDjknYG4jKbNeNyQ1zhCoP840pdYiqu8jTW4mp6pMXH1HVJp8wRmHmQKTKiUOBVSMHrlKuBlYidxkMgw6/bMoG5RD6qfs8yO8LVqFCFa8ELrcVLEqTaS7UG5aqVq1GlWi28k3rRgCjbiU+qqOItvDEqXjkvwF/dUF595jB8LSqqgwIWAWsRmcJJ5GsHbYUqVbirBi5IpRMxLso/i2oSA6ZYDoMFCiknI7ZkGacSVYUjlLSXyG8n08nOQcXTeyzU5ozbiGRQZRt0vu/TMoEV8RLI3DiBSiVzMtNKAPgErlwLoqiAY2fJ9UbRMU/0rz38UP5FQtH3i8V3KYSHYJdSYRnwW8XazUAUop3gQY19hkEH98OA2QQ6wg0S+FjtwOwdOvF5J2VXBBLQmo2EAxsIKVJkkUcRZVRRa7NrP+my6Ns8cKszHYJf+fPPLPTq5vFcmYKZNL+fn1CZDgoYecKZHwA=) format('woff2'),url(fonts/tablepress.woff) format('woff');font-weight:400;font-style:normal;font-display:block}.tablepress-table-description{clear:both;display:block}.tablepress{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:1em;border:none}.tablepress td,.tablepress th{padding:8px;border:none;background:0 0;text-align:left;float:none!important}.tablepress tbody td{vertical-align:top}.tablepress tbody td,.tablepress tfoot th{border-top:1px solid #ddd}.tablepress tbody tr:first-child td{border-top:0}.tablepress thead th{border-bottom:1px solid #ddd}.tablepress tfoot th,.tablepress thead th{background-color:#d9edf7;font-weight:700;vertical-align:middle}.tablepress .odd td{background-color:#f9f9f9}.tablepress .even td{background-color:#fff}.tablepress .row-hover tr:hover td{background-color:#f3f3f3}.tablepress img{margin:0;padding:0;border:none;max-width:none}.dataTables_wrapper{clear:both;margin-bottom:1em}.dataTables_wrapper .tablepress{clear:both;margin:0!important}.dataTables_length{float:left;white-space:nowrap}.dataTables_filter{float:right;white-space:nowrap}.dataTables_wrapper .dataTables_filter input{margin-left:.5em}.dataTables_info{clear:both;float:left;margin:4px 0 0}.dataTables_paginate{float:right;margin:4px 0 0}.dataTables_paginate a{color:#111!important;display:inline-block;outline:0;position:relative;text-decoration:underline;margin:0 5px}.dataTables_paginate a:first-child{margin-left:0}.dataTables_paginate a:last-child{margin-right:0}.paginate_button:hover{cursor:pointer;text-decoration:none}.paginate_button.disabled{color:#999!important;text-decoration:none;cursor:default}.paginate_button.current{font-weight:700;text-decoration:none;cursor:default}.dataTables_paginate.paging_simple{padding:0 15px}.paging_simple .paginate_button.next:after,.paging_simple .paginate_button.previous:before{text-align:left;font-family:TablePress;font-size:14px;font-weight:700;-webkit-font-smoothing:antialiased;content:"\f053";text-shadow:.1em .1em #666;position:absolute;top:0;right:auto;bottom:0;left:-14px;margin:auto;height:14px;width:14px;line-height:1}.paging_simple .paginate_button.next:after{text-align:right;content:"\f054";left:auto}.paginate_button:after,.paginate_button:before{color:#d9edf7}.paginate_button:hover:after,.paginate_button:hover:before{color:#049cdb}.paginate_button.disabled:after,.paginate_button.disabled:before{color:#f9f9f9}.dataTables_processing{display:none}.dataTables_scroll{clear:both}.dataTables_scrollBody{-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing{height:0;overflow:hidden;margin:0!important;padding:0!important}.tablepress .sorting,.tablepress .sorting_asc,.tablepress .sorting_desc{position:relative;padding-right:20px;cursor:pointer;outline:0}.tablepress .sorting:after,.tablepress .sorting_asc:after,.tablepress .sorting_desc:after{font-family:TablePress;font-weight:400;font-size:14px;-webkit-font-smoothing:antialiased;position:absolute;top:0;bottom:0;left:auto;right:6px;margin:auto;height:14px;line-height:1}.tablepress .sorting:after{content:"\f0dc"}.tablepress .sorting_asc:after{content:"\f0d8";padding:0 0 2px}.tablepress .sorting_desc:after{content:"\f0d7"}.tablepress .sorting:hover,.tablepress .sorting_asc,.tablepress .sorting_desc{background-color:#049cdb}.dataTables_scrollBody .tablepress thead th:after{content:""}.dataTables_wrapper:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}.dataTables_wrapper label input,.dataTables_wrapper label select{display:inline;margin:2px;width:auto}
.itrans-01,.itrans-02,.itrans-03,.itrans-04,.itrans-05{   
	display: block;
    overflow: hidden;
}
.itrans-01 {
    display: block;
    position: relative
}
.itrans-01:after, .itrans-01:before {
    z-index: 1;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:before {
    background-color: rgba(255,255,255,.5);
    bottom: 50%;
    top: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:after {
    background-color: rgba(255,255,255,.5);
    left: 50%;
    right: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}
/*tran 02*/
.itrans-02 {
	position: relative;
}
.itrans-02::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.itrans-02:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*tran 3*/
.itrans-03 {
	position: relative;
}
.itrans-03::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.itrans-03:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*trans 04*/
.itrans-04:hover img {
	opacity: 1;
	-webkit-animation: flash 2s;
	animation: flash 2s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
/*trans 5*/
.itrans-05 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.itrans-05:hover img {
	opacity: .6;
}
.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: 900;
    font-size:25px;
    font-family: Roboto, Arial, Tahoma;
    line-height: 32px;
   /* color: #40403f;*/
    color: #0065b2;
}
h2.has-underline:after {
    content: "";
    background: url(/img/underline.png);
    display: inline-block;
    margin: 0 auto;
    display: block;
    width: 230px;
    height: 21px;
    background-repeat: no-repeat;opacity: 0.85;
}
.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-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: 35px;
    margin-bottom: 30px;
}
.section__intro .intro__text{
    max-width: 700px;
    margin: 10px auto;
        font-size: 17px;
    font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
}
.section__intro .intro__text h1.title {
    font-size: 25px;
    margin-top: 0;
    font-family: 'UTM-Avo-Bold';
    line-height: 1.6;    color: #0369b6;
    margin-top: 18px;font-size:24px;
}
.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 .intro__text h3{
    color: #e74c3c;
    font-family: tahoma;
    font-size: 20px;
}
.section__intro .read-more-wrap{font-size:105%;}
.section__intro intro__image{padding-top:15px;}

/*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: 6px;
    padding-bottom: 6px;
}
.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;
}
 /* 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, #066cba 0%, #167ecd 50%, #046ab7 100%);
  background: -o-linear-gradient(left, #066cba 0%, #167ecd 50%, #046ab7 100%);
  background: linear-gradient(to right, #066cba 0%, #167ecd 50%, #046ab7 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
    }
}