/* by Adon , CSS Document */


.islider{overflow:hidden;position:relative;}
.islider,.islider li,.islider li a{float:left;width:100%; overflow:hidden;}
.islider li img{animation: imageZoom linear 10s infinite;-webkit-animation: imageZoom linear 10s infinite;-moz-animation: imageZoom linear 10s infinite;-ms-animation: imageZoom linear 10s infinite;}
.islider li{position:relative;overflow:hidden}
.islider .islider-p{position:absolute;right:0; left:0; text-align:center; bottom:35%;width:100%; max-width:770px; margin:0 auto;color:#fff;font-weight:bold}
.islider .islider-p .p1{ font-size:50px; text-transform:uppercase; line-height:55px;}
.islider .islider-p .p2{ font-size:30px; margin:25px auto; text-transform:uppercase; line-height:35px;}
.islider .islider-p .p3{ background:#17927a; margin:0 auto; max-width:165px; line-height:38px; text-transform:uppercase; font-size:16px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}
.islider .islider-p .p3 a{ color:#fff;}
.islider .owl-pagination { position:absolute; left:0; bottom:7.5%; max-width:135px;text-align:center;right:0; margin:0 auto;background:url(/Public/Home/img/slider.png) repeat; line-height:35px;border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}
.islider .owl-pagination .owl-page{ background:#fff; width:9px; height:9px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;display:inline-block; margin:0 3px;}
.islider .owl-pagination .owl-page.active{ background:#17927a;}
.iabout{ float:left; width:100%; margin:5% 0 2.5% 0;}
.iabout .item{ background:url(/Public/Home/img/iabout.jpg) no-repeat right #f6f6f6; padding-left:10%; padding-top:5%; padding-bottom:5%; max-height:513px; background-size: contain}
.iabout .item .p1{ font-size:30px; color:#17927a; text-transform:uppercase; font-weight:bold}
.iabout .item .p2{ font-size:40px;text-transform:uppercase; line-height:40px; font-weight:bold; color:#1a2225; margin:5% 0 2.5% 0;}
.iabout .item .p3{ font-size:16px; color:#868686; max-width:630px;}
.iabout .item .p4{ display:none}
.loop{ background:#f6f6f6; position:relative; padding:150px 0 200px 0; overflow:hidden; float:left; width:100%;}
.loop .container{ position:relative;}
.loop .container .btns{ position:absolute; top:35px; right:50px; z-index:1}
.loop .container .btns .swiper-button-next,.loop .container .btns .swiper-button-prev{ color:#17927a;}
.loop .container .btns .swiper-button-next{right: -40px; top:0;}
.loop .container .btns .swiper-button-prev{left: -40px; top:0;}
.loop .title{ margin-top:0;}
.loop .title .p2{ font-size:24px; max-width:inherit}
.loop .swiper-slide{width: auto; position:relative; margin-right:20px;}
.loop .swiper-slide .detail{ position:absolute; width:100%; color:#fff; text-transform:uppercase; text-align:center; top:50%; margin:-80px auto;right:0; padding:0 20%;}
.loop .swiper-slide .detail p{ font-size:20px; font-weight:bold; line-height:30px;}
.loop .swiper-slide .detail span{ font-size:22px; margin-top:20px;}
.ilists .title .p1{ text-align:left;color:#17927a}
.ilists{ float:left; width:100%}
.iul{ float:left; width:100%; height:795px; margin:10% 0 2.5% 0;background:url(/Public/Home/img/home.jpg) no-repeat center; color:#fff; background-size:cover; padding-top:40px}
.iul .title{ text-align:left; margin-bottom:2.5%}
.iul .title .p1{ text-align:left;}
.iul .title .p2{padding-top:15px;}
.iul ul{ overflow:hidden;}
.iul ul li{ width:24%;margin-right:1%;border:solid 1px #797979;padding:5% 0;text-align:center;float:left;}
.iul ul li .p1{ font-size:35px; text-transform:uppercase; margin:5% 0; font-weight:bold}
.iul ul li .p2{ font-size:16px; height:88px; padding:0 15%;}
.iul ul li a{ color:#fff;}
.inews{ float:left; width:100%; background:#f6f6f6; margin-top:7.5%;overflow:hidden;}
.inews .video{ width:30%}
.inews .list{ width:68%}
.inews .list .p{ font-weight:bold; margin:5%;font-size:40px;}
.inews .list li{ float:left; width:45%;margin-left:5%;  margin-bottom:5%;}
.inews .list li span{ font-size:25px; font-weight:bold; height:70px; overflow:hidden;}
.inews .list li p{ font-size:15px; color:#868686; height:63px; overflow:hidden; margin:20px 0 5px 0;}
.inews .list li em{ font-size:14px; color:#17927a; font-style:normal}

.about3 .title .p1{ text-align:left; color:#17927a;}


@media (max-width:1024px){
.islider li img{ width:125%; max-width:125%; margin-left:-15%}
.islider .islider-p .p3{ max-width:145px; line-height:35px;font-size:14px;}
.islider .islider-p{ bottom:30%;}
.iabout .item { padding-left:7.5%}
.iul{ padding-top:10%;}
.iul ul li .p1{ font-size:30px;}
.iul ul li .p2{ font-size:15px;}
.inews .video{ width:100%; text-align:center; display:block;}
.inews{ max-height: inherit; padding-top:7.5%}
.inews .list{ width:100%;}
.inews .list .p{ text-align:center; font-size:34px;}
.inews .list li{ margin-left:2.5%; margin-right:2.5%; font-size:18px;}
}
@media (max-width:768px){
.loop{ padding:10% 0 15% 0;}	
.loop .container .btns{ display:none}	
.islider .owl-pagination{ display:none}	
.islider .islider-p .p1{ font-size:40px;line-height:45px;}
.islider .islider-p .p2{ font-size:25px;}
.islider .islider-p{ bottom:25%;}
.iabout{ margin:10% 0 5% 0;}
.iabout .item { background:#f6f6f6; max-height:inherit; padding:5% 15px;}
.iabout .item .p1{ font-size:26px;}
.iabout .item .p2{ font-size:36px;line-height:36px;}
.iabout .item .p3{ font-size:14px;}
.iabout .item .p4{ display: block; text-align:center; margin:0 auto; margin-top:5%;}
.iabout .item .p4 img{ width:50%;}
.iul{ padding:5% 0 10% 0; height:auto}
.iul ul li{ width:49%; margin-bottom:1%;}
.iul ul li .p1{ font-size:24px;}
.iul ul li .p2{ font-size:14px;}
}
@media (max-width:640px){
.loop .title .p2{ font-size:18px}	
.loop .swiper-slide{ width: calc((100% - 40px)) !important;}
.islider li img{ width:150%; max-width:150%; margin-left:-25%}
.iabout .item .p1{ font-size:22px;}
.iabout .item .p2{ font-size:32px;line-height:32px;}
.iabout .item .p4 img{ width:75%;}
.inews .list .p{ font-size:30px;}
.inews .list li{ margin-bottom:5%;width:100%; height:auto; margin-left:0; margin-right:0}
.inews .list li span{ height:auto; font-size:22px;}
.inews .list li p{ height:auto; font-size:14px;}
}
@media (max-width:480px){
.iabout .item { padding:7.5% 15px;}
.iabout .item .p1{ font-size:18px;}
.iabout .item .p2{ font-size:24px;line-height:24px; margin:10% 0 5% 0;}
.iabout .item .p3{ font-size:13px;}
.islider .islider-p .p1{ font-size:24px;line-height:30px;}
.islider .islider-p .p2{ font-size:16px; margin:10px auto;width:auto;line-height: 22px;}
.islider .islider-p .p3{ max-width:125px; line-height:30px;font-size:12px;}
.iul ul li .p1{ font-size:20px;}
.iul ul li .p2{ font-size:13px;}
.iul ul li img{ height:50px;}
.iul{ padding:10% 0;}
.inews .list .p{ font-size:24px; margin:7.5% 0;}
.inews{ margin-top:15%; padding-top:10%; padding-bottom:5%;}
.inews .list li span{font-size:18px;}
.inews .list li p{font-size:13px;}
.ilists ul li.li{ height:auto; padding-bottom:50%;}
}
@media (max-width:320px){
.islider .islider-p .p1{ font-size:20px;line-height:20px;}
.islider .islider-p .p3{ display:none}
.iabout .item .p1{ font-size:16px;}
.iabout .item .p2{ font-size:18px;line-height:18px;}
.iabout .item .p3{ font-size:12px;}
.iul ul li .p1{ font-size:18px;}
.iul ul li .p2{ font-size:12px;}
.iul ul li img{ height:40px;}
.inews .list .p{ font-size:20px;}
.inews .list li span{font-size:16px;}
.inews .list li p{font-size:12px;}
}