/* by Adon , CSS Document */


.header-div{ display:none}
.company1{overflow:hidden; float:left; width:100%;background:url(/Public/Home/img/company1.jpg) no-repeat center; background-size:cover; height:987px;background-attachment: fixed; position:relative;}
.company1 .container{ position:relative; height:100%;}
.company1 span{ font-size:60px;margin-top:-60px; line-height:60px;position: absolute; left:0; right:0;top:50%; color:#fff; text-align:center;}
.company1 font{ font-size:15px;;position: absolute; left:15px; bottom:10%; color:#fff;}
.company2{ float:left; width:100%; margin:10% 0;}
.company2 .item{ width:45%;padding:7.5% 0;}
.company2 .item .p1{ font-weight:bold}
.company2 .item .p1,.company3 span,.company4 .item span,.company5 .item span,.company6 .p1,.company7 .item span{ font-size:60px; line-height:60px; text-transform:uppercase; margin-bottom:7.5%;}
.company2 .item .p2,.company3 ul li p,.company4 .item font,.company5 .item font,.company5 ul li p,.company6 ul li font,.company7 .item font{ font-size:17px;}
.company2 .thumb{ width:45%; height:758px;background:url(/Public/Home/img/company2.jpg) no-repeat center; background-size:cover; }
.company2 .thumb img{ display:none}
.company3{ background:#fffbf2; float:left; width:100%; padding:10% 0;}
.company3 span{ width:50%;}
.company3 span i{ border-bottom:solid 1px #e0dfde; padding-bottom:5%; max-width:550px; font-style:normal; display:block}
.company3 ul li font{ font-size:25px; margin-bottom:5%; font-weight:bold; padding-right:10%;}
.company3 ul li{ background:url(/Public/Home/img/company3.png) no-repeat left 10px;width:50%; float:left; padding-left:2.5%;}
.company3 ul.ul2{ margin-top:5%;}
.company4{overflow:hidden; float:left; width:100%; position:relative;background:url(/Public/Home/img/company4.jpg) no-repeat center; background-size:cover; height:987px;}
.company4 .container{ position:relative; height:100%;}
.company4 .item{ margin-top:-115px; position: absolute; left:0;top:50%; color:#fff;}
.company4 .item font{ max-width:630px;}
.company5{ float:left; width:100%; background:#000; color:#fff; padding:7.5% 0;}
.company5 .container{ position:relative; height:100%;}
.company5 .item span{ margin-bottom:35%;}
.company5 .item font{ margin-bottom:10%;}
.company5 .item em,.company5 ul li font{ font-style:normal; font-weight:bold;text-transform:uppercase;font-size:30px; display:block; margin-bottom:8px;}
.company5 .item{ width:45%; float:left;}
.company5 .thumb{ width:45%; position:absolute; top:0; right:5%;}
.company5 ul { clear:both;}
.company5 ul li{margin-bottom:2.5%; width:47.5%; float:left; margin:2.5% 0; height:150px;}
.company5 ul li.l{ margin-right:2.5%}
.company5 ul li.r{ margin-left:2.5%}


.company6{ float:left; width:100%; margin:10% 0}
.company6 .p1{ margin-bottom:3%;}
.company6 ul li{margin-bottom:1%; width:47.5%; float:left; margin:2.5% 0; height:150px;}
.company6 ul li.l{ margin-right:2.5%}
.company6 ul li.r{ margin-left:2.5%}
.company6 ul li font{ font-size:25px; font-weight:bold;background:url(/Public/Home/img/li.png) no-repeat left; padding-left:23px;}
.company6 ul li p{ font-size:17px; color:#696969; margin-top:20px;}


/*.company6{ float:left; width:100%; margin:15% 0 0 0;}
.company6 .p1{ text-align:center;}
.company6 ul { width:90%; margin:0 auto;}
.company6 ul li{ border:solid 2px #e1e1e1; margin-right:1%; margin-bottom:1%; width:24%; float:left; padding:2.5%; height:380px;}
.company6 ul li.clear{ margin-right:0}
.company6 ul li span{ font-size:30px; margin-bottom:150px;text-transform:uppercase}
.company6 .p2{ text-align:center; font-size:22px; margin:5% auto; max-width:880px; text-transform:uppercase}
*/

.company7{overflow:hidden; float:left; width:100%; position:relative;background:url(/Public/Home/img/company7.jpg) no-repeat center; background-size:cover; height:987px;}
.company7 .container{ position:relative; height:100%;}
.company7 .item{ margin-top:-115px; position: absolute; left:0;top:50%; color:#fff;}
.company7 .item font{ max-width:630px;}

@media (max-width:1500px){
.company4 .item,.company7 .item{ padding:0 15px;}
}

@media (max-width:1366px){
.company5 .item span{ margin-bottom:25%;}
}
@media (max-width:1024px){
.company2 .item .p1,.company3 span,.company4 .item span,.company5 .item span,.company6 .p1,.company7 .item span{ font-size:50px; line-height:50px;}
.company2 .item .p2,.company3 ul li p,.company4 .item font,.company5 .item font,.company5 ul li p,.company4 .item font{ font-size:15px;}
.company3 ul li font{ font-size:20px;}
.company3 span i{ padding-bottom:10%;}
.company5 .item{ margin-top:0}
/*.company6 ul li { height:350px;}
.company6 ul li span{ font-size:26px; margin-bottom:100px;}
.company6 .p2{ font-size:18px;}*/
.company6 ul li font{ font-size:20px;}
.company6 ul li p{ font-size:15px;}
}
@media (max-width:768px){
.company1{ height:auto; background-attachment:inherit; padding:35% 0; height:auto}
.company1 span{ position:static; margin:0;}
.company1 .container{ position:static;}
.company2 .item .p1,.company3 span,.company4 .item span,.company5 .item span,.company6 .p1,.company7 .item span{ margin-bottom:5%;}
.company2 .item,.company2 .thumb{ width:100%; height:auto;}
.company2 .thumb{ background:none}
.company2 .thumb img{ display: block; width:100%;}
.company3 span,.company3 ul,.company3 ul li{ width:100%;}
.company3 ul.ul2{ margin:0;}
.company3 ul li{ margin:2.5% 0; background-position:left 5px;}
.company3 span i{ padding-bottom:5%;}
.company4,.company7{ height:auto;padding:35% 0; height:auto}
.company4 .item,.company7 .item{ position:static; margin:0;}
.company5 { padding:15% 0 0 0;}
.company5 .item{ width:100%;}
.company5 .thumb{ position:static; width:100%; margin-top:5%;}
.company5 ul li{height:auto;width:100%; margin:2.5% 0 !important}
.company5 .item font{ margin-bottom:4%;}
/*.company6{ margin-top:25%;}
.company6 ul li { height:320px; width:49%; padding:5%;}
.company6 ul li span{ font-size:26px; margin-bottom:100px;}
.company6 .p2{ font-size:18px;}
.company6 ul{ width:100%;}*/
.company4 .item,.company7 .item{ padding:0;}
.company6 ul li{ height:190px;}
}
@media (max-width:480px){
.company1 span{ font-size:30px; line-height:35px;}
.company1 font{ font-size:13px;}
.company2{ margin:15% 0;}
.company2 .item{ padding:0 0 10% 0}
.company2 .item .p1,.company3 span,.company4 .item span,.company5 .item span,.company7 .item span{ font-size:34px; line-height:34px;}
.company2 .item .p2,.company3 ul li p,.company4 .item font,.company5 .item font,.company5 ul li p,.company7 .item font{ font-size:14px;}
.company3 ul li font{ font-size:16px;}
.company3 ul li{ padding-left:5%;}
.company4 .item span,.company7 .item span,.company6 .p1{ font-size:33px; margin-bottom:15px;}
.company4 .item font,.company7 .item font{ font-size:14px;}
.company5 .item em,.company5 ul li font{ font-size:20px;}
.company5 ul li{ margin:5% 0 !important}
.company5 .item font{ margin-bottom:7.5%;}
/*.company6 ul li span{ font-size:20px; margin-bottom:70px;}
.company6 .p2{ font-size:14px;}*/
.company6 ul li{ height:auto; width:100%; margin:5% 0 !important}
.company6 ul li font{ font-size:17px;}
.company6 ul li p{ font-size:14px;}
}
@media (max-width:320px){
.company1 span{ font-size:24px; line-height:30px;}
.company1 font{ font-size:12px;}
.company2 .item .p1,.company3 span,.company4 .item span,.company5 .item span,.company7 .item span{ font-size:28px; line-height:28px;}
.company2 .item .p2,.company3 ul li p,.company4 .item font,.company5 .item font,.company5 ul li p,.company7 .item font{ font-size:13px;}
.company3 ul li font{ font-size:15px;}
.company4 .item span,.company7 .item span,.company6 .p1{ font-size:26px;}
.company4 .item font,.company7 .item font{ font-size:13px;}
.company5 .item em{ font-size:22px; line-height:25px;}
/*.company6 ul li{ width:100%; margin:1% 0 !important; height:auto; padding:10% 7.5%}*/
.company6 ul li font{ font-size:15px;}
.company6 ul li p{ font-size:13px;}
.company5 .item em,.company5 ul li font{ font-size:16px;}
}