@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{margin:0;padding:0;}
body{font-family: 'Roboto', sans-serif;background:#f6f8fa}
section.about_banner{background:url(../png/about_banner.png) no-repeat;padding:200px 0;background-size:100% 100%;background-attachment:fixed}
.about_banner_head>h1{color:#fff;font-size:52px;font-weight:700;font-family: 'Roboto', sans-serif;letter-spacing:1px;margin:0;line-height:65px;}
.about_banner_relt{position:relative}
.about_thicon{background:url(../png/about_banner_con.png) no-repeat;position:absolute;right:0;bottom:-294px;width:135px;height:200px;z-index:1}
.about_count_wrap{position:absolute;left:0;background:#fff;box-shadow: 6px 34px 23px -10px #dedede;width:82%;bottom:-277px;z-index:1;}
.about_count_wrap>ul{}
.about_count_wrap>ul>li{width:20%;min-height: 200px;float:left;list-style:none;text-align:center;color:#127ad5;font-size:14px;font-weight:400;padding:50px 9px;backgound:#fff;transition:.3s;font-family: 'Roboto', sans-serif;}
.about_count_wrap>ul>li>h3{color:#127ad5;font-weight:710;font-size:52px;font-family: 'Roboto', sans-serif;}
.about_count_wrap>ul>li>h3.active{color:#fff}
.about_count_wrap>ul>li:hover{background:#1383e5;color:#fff}
.about_count_wrap>ul>li:hover>h3{color:#fff}
.about_count_wrap>ul>li:nth-child(1){background:#127ad5;color:#fff}
.abmjtp{margin:100px 0 0 0}
section.abtpdg{padding:100px 0}
.about_title_wrap{font-family: 'Roboto', sans-serif;width:90%}
.about_title_wrap h4{color:#20bb40;text-transform:uppercase;letter-spacing:1px;font-weight:500;font-size:13px;margin:0!important}
.about_title_wrap h2{color:#242424;font-size:42px;font-weight:700;margin:20px 0 25px!important}
.about_title_wrap h5{color:#868686;font-size:15px;line-height:31px;font-weight:310}
.about_title_wrap p{color:#3e3e3e;font-size:13px;line-height:31px}


.about_title_wrap_anl{font-family: 'Roboto', sans-serif;width:90%;}
.about_title_wrap_anl h4{color:#20bb40;text-transform:uppercase;letter-spacing:1px;font-weight:500;font-size:13px;margin:0!important}
.about_title_wrap_anl h2{color:#242424;font-size:42px;font-weight:710;margin:20px 0 25px!important;letter-spacing:1px}
.about_title_wrap_anl p{color:#3e3e3e;font-size:13px;line-height:31px}


.about_misionbg{background:#fff;box-shadow:0px 0px 20px #dedede;padding:30px 60px;text-align:center;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:510;line-height:25px;margin-bottom:50px}
.abtpr_img>img{box-shadow:0px 0px 30px #dedede}
.abot_prowrp{float:right;margin-top:55px}
.abt_pro_btn{background:#4bcb6a;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:1px;padding:15px 35px;border-radius:10px;border:none;margin:40px 0 0 0;transition:.3s}
.abt_pro_btn:hover{background:#2aab49}
.abt_ceo_wrap{width:80%;margin:50px auto 0;font-family: 'Roboto', sans-serif;text-align:center}
.abt_ceo_wrap>img{border-radius:10px;margin:0 0 30px;width:100%}
.abt_ceo_wrap>h4{font-size:18px;font-weight:700;text-transform:uppercase;color:#2d2d2d;margin:0 0 7px!important}
.abt_ceo_wrap>p{font-size:18px;font-weight:400;color:#2d2d2d;}

.fr_mjt{float:right;padding-top:50px}
.fl_mjt{float:left;padding-top:50px}

.sales_team {
	background:url(../png/sales_pic.png);
	width:100%;
	background-repeat:repeat;
	height:380px;
	position:absolute;
	animation:sales 60s linear infinite
}
@keyframes sales {
from {
background-position:0 0
}
to {
	background-position:-2679px 0
}
}


.database_team {
	background:url(../png/database_pic.png);
	width:100%;
	background-repeat:repeat;
	height:380px;
	position:absolute;
	animation:database 60s linear infinite
}
@keyframes database {
from {
background-position:0 0
}
to {
	background-position:2679px 0
}
}



.it_team {
	background:url(../png/it_pic.png);
	width:100%;
	background-repeat:repeat;
	height:380px;
	position:absolute;
	animation:it 60s linear infinite
}
@keyframes it {
from {
background-position:0 0
}
to {
	background-position:-2679px 0
}
}



.management_team {
	background:url(../png/management_pic.png);
	width:100%;
	background-repeat:repeat;
	height:380px;
	position:absolute;
	animation:management 60s linear infinite
}
@keyframes management {
from {
background-position:0 0
}
to {
	background-position:2679px 0
}
}




@media only screen and (max-width:800px) { 
.abot_prowrp{margin-top:25px}
section.abtpdg{padding:40px 0 0px}

.fr_mjt{float:none;padding-top:30px}
.fl_mjt{float:none;padding-top:30px}
.about_title_wrap{width:100%}

.abt_pro_btn{margin:0px 0 20px}

.abtpr_img{float:left}

.about_title_wrap_anl{width:100%}
.sales_team { position:static;}
.sales_team>img { width:100%}

.database_team { position:static;}
.database_team>img { width:100%}

.it_team { position:static;}
.it_team>img { width:100%}


.management_team { position:static;}
.management_team>img { width:100%}

 
 .abt_ceo_wrap{width:100%}
 

.about_thicon{display:none}
.about_count_wrap{width:100%}
.about_count_wrap>ul>li{width:33%;padding:10px 3px;font-size:14px;min-height: 100px;}
.about_count_wrap>ul>li>h3{font-size:26px}
 
.about_misionbg{padding:15px;}
.abt_ceo_wrap{width:100%}
}