/* tem33-about */
.tem33-about .mainBar{position:relative;}
.tem33-about .bgimg .Phone_img{display:none;}
.tem33-about .bgimg img{width:100%;}
.tem33-about .text{position:absolute;width:86%;height:100%;left:0;top:0;margin:0 7%;padding:7% 0;}
.tem33-about.content-right .left{float:right;}
.tem33-about.content-right .right{float:left;}
.tem33-about .left{float:left;width:25%;position:relative;height:100%;}
.tem33-about .left .box{position:absolute;left:0;top:0;color:#fff;height:100%;}
.tem33-about .left .title-header .title{font-size:3rem;line-height:1.1em;}
.tem33-about .left .title-header .subtitle{padding-top:50%;color:rgba(255, 255, 255, 0.7);line-height:24px;letter-spacing:1px;font-size:13px;}
.tem33-about .left .more{bottom:0;position:absolute;bottom:0;}
.tem33-about .left .more a{color:#fff;border-color:#fff;height:34px;position:relative;display:block;}
.tem33-about .left .more a::before{content:"";position:absolute;width:30px;height:1px;left:-12px;top:21.5px;border-top:1px solid;border-color:inherit;-o-transition:all 0.35s ease-in 0s;
-moz-transition:all 0.35s ease-in 0s;
-ms-transition:all 0.35s ease-in 0s;
-webkit-transition:all 0.35s ease-in 0s;
transition:all 0.35s ease-in 0s;}
.tem33-about .left .more a:hover::before{left:-2px;}
.tem33-about .left .more a span{font-size:14px;border-width:1px;border-style:solid;border-color: inherit;border-radius:50%;display:block;text-align:center;line-height:32px;height:32px;width:32px;position:absolute;left:0;top:5px;-o-transition:all 0.35s ease-out 0s;
-moz-transition:all 0.35s ease-out 0s;
-ms-transition:all 0.35s ease-out 0s;
-webkit-transition:all 0.35s ease-out 0s;
transition:all 0.35s ease-out 0s;}
.tem33-about .left .more a:hover span{-o-transform:translateX(10px);
-moz-transform:translateX(10px);
-ms-transform:translateX(10px);
-webkit-transform:translateX(10px);
transform:translateX(10px);}
.tem33-about .left .more a span::before{color:inherit;}
.tem33-about .left .more a b{font-size:12px;padding-left:50px;display:block;font-weight:600;line-height:20px;}
.tem33-about .right{float:right;width:25%;position:relative;height: 100%;}
.tem33-about .right .item{position:absolute;left:0;top:0;height: 100%;overflow-y: auto;}
.tem33-about .right .items{position:absolute;left:0;top:0;counter-reset:div;}
.tem33-about .right .item ul{counter-reset:li;}
.tem33-about .right .item ul li,
.tem33-about .right .items .texts{width:100%;position:relative;color:#fff;opacity:.3;border-color:rgba(255,255,255,.3);transition:all .4s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;}
.tem33-about .right .item ul li:hover,
.tem33-about .right .items .texts:hover{opacity:1;}
.tem33-about .right .item ul li:nth-of-type(1),
.tem33-about .right .items .texts:nth-of-type(1){opacity:1;}
.tem33-about .right .item ul li::after,
.tem33-about .right .items .texts::after{width:100%;height:1px;left:0;top:0;position:absolute;content:"";border-top:1px solid;border-color:inherit;}
.tem33-about .right .item ul li:nth-of-type(1)::after,
.tem33-about .right .items .texts:nth-of-type(1)::after{border-top:0;}
.tem33-about .right .item ul li::before,
.tem33-about .right .items .texts::before{content:counter(li, decimal);counter-increment:li 1;font-size:4rem;margin-top:-40px;position:absolute;left:0;top:50%;color:inherit;font-family:"HELVETICANEUELTPRO-THEX",Arial;}
.tem33-about .right .items .texts::before{content:counter(div, decimal);counter-increment:div 1;}
.tem33-about .right .item ul li a,
.tem33-about .right .items .texts .li-tit{width:100%;padding:40px 0 40px 70px;color:inherit;font-size:15px;display:block;line-height:26px;}
@media (max-width:768px){
.tem33-about{position:relative;}
.tem33-about .container{padding-left: 3%!important;padding-right: 3%!important}
.tem33-about.full-screen-spacing .container{padding-left: 0!important;padding-right: 0!important}
.tem33-about .left,.tem33-about .right{width:100%;float:none;}
.tem33-about .mainBar,.tem33-about .text,
.tem33-about .left, .tem33-about .right,
.tem33-about .left .box,.tem33-about .right .item,.tem33-about .left .more{position:relative;}
.tem33-about .bgimg img{display:none;}
.tem33-about .bgimg .Phone_img{display:block;position:absolute;left:0;top:0;height:100%;width:auto;min-width:100%;}
.tem33-about .text{padding:20px;margin:0;width:100%;}
.tem33-about .left,.tem33-about .right{width:100%;float:none;}
.tem33-about .left .title-header .subtitle{padding:15px 0;}
.tem33-about .left .title-header .title{font-size:2.5rem;}
.tem33-about .left .more a b{padding-top:10px;}
.tem33-about .left, .tem33-about .right{margin-top:20px;}
.tem33-about .right .item ul li::before,
.tem33-about .right .items .texts::before{font-size:3rem;margin-top:-30px;}
.tem33-about .right .item ul li a,
.tem33-about .right .items .texts .li-tit{font-size:14px;line-height:24px;padding:30px 0 30px 50px;}
}
@media (max-width:480px){
.tem33-about .left .title-header .title{font-size:2rem;}
.tem33-about .right .item ul li::before,
.tem33-about .right .items .texts::before{font-size:2rem;margin-top:-20px;}
.tem33-about .right .item ul li a,
.tem33-about .right .items .texts .li-tit{padding:12px 0 12px 35px;}
}