@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
a,ul,li{ list-style:none; text-decoration:none;}
@font-face {
    font-family:SegoePrint;
    src: url('/zty/fonts/segoeprb.ttf')
}

/*r·ÆÂɱöרÌâ*/
/*body{overflow-x: hidden;}*/
.banner{background: url("/zty/philippines/images/banner.jpg")no-repeat top center;height: 800px;text-align: center;}
.banner h1{color: #fff;font-weight: bold;padding-top: 300px;}
.banner h2{width: 500px;height: 50px;background-color: #fecb11;border: solid 5px #fff;margin:60px auto;line-height: 40px;border-radius: 5px;}
.banner p{width: 900px;margin:0 auto;color: #fff;font-size: 26px;}

.wrap { max-width: 1500px; margin:0 auto; overflow:hidden}

.jieshao{ overflow:hidden;background: url("/zty/philippines/images/bg.png")no-repeat top center;}
.welcome{ margin-top:60px; margin-bottom:30px; width:100%; overflow:hidden}
.welcome_right{ float:right; width:46%;text-align: right;}
.welcome_right span{display: block; width: 40%;height: 2px;background: black;float: right;margin: 10px 0; }
.welcome_right p{clear: right;line-height: 30px;color: #000;}
.welcome_left{ float:left; width:54%;}
.welcome_left h4{ font-size: 26px;color: #fecb11; text-shadow:2px 2px 0 #030200; padding:10px 0; display:inline-block; font-weight:bold;margin-bottom: 16px;font-family: Arial-BoldMT;}
.welcome_left p{font-size: 16px;color: #ef0303;line-height: 27px; margin-bottom:20px;}
.welcome_left p span{font-weight: bold;}
.welcome_left p:last-child{width: 83%;color: #000;font-size: 14px;}

.capacity{ max-width: 1500px; margin:120px auto 0; overflow:hidden;}
.capacity p{text-indent:2em; line-height:28px; font-size:15px; }
.title h3{ font-weight: bold;margin-bottom: 30px; }
.title h3 a{color:#000;padding:10px 50px;background: #fecb11; }


.about-box{ width:65%; overflow:hidden;float: left;}
.about-box ul{ overflow:hidden; margin-top:20px;}
.about-box ul li{ float:left; width:31.66%; margin-right: 10px;margin-bottom: 10px;}
.about-box ul li img {width: 100%; height: auto; }
.about-box ul li:nth-child(4),.about-box ul li:nth-child(5){width: 48%; }
.fenlei{float: right;width: 30%; padding-top: 20px;}
.fenlei ul{float: left;margin-right: 90px;}
.fenlei ul li{width: 180px;height: 180px;background: #fecb11;padding: 50px 10px;text-align: center;font-size: 18px;font-weight: bold;line-height: 25px;margin-bottom: 40px;}
.fenlei ul li a{color:#333; }
.fenlei ul li:hover{background:#5b5a59; }
.fenlei ul li:hover a{color:#fecb11; }

.shengchanjidi{ width:100%; overflow:hidden; margin-top:50px;padding:50px 0;background: url("/zty/philippines/images/bg.jpg")no-repeat top center;}
.shengchanjidi h3{ text-align: center;font-size: 26px;font-weight: bold;}
.shengchanjidi h3 a{ color: #333;}
.shengchanjidi ul{ display: flex;justify-content: space-between;margin-top: 30px;}
.shengchanjidi li{ width:30%;padding-top: 5%;height: 580px;text-align: center;background: url("/zty/philippines/images/box.png")no-repeat top center;position: relative;}
.shengchanjidi li img{ width:95%; height:auto}
.shengchanjidi li>span{ position: absolute;left: 11px;top:20px;width: 60px;height: 70px;background: #b40c04;font-size: 30px;color: #fff;line-height: 70px;}
.shengchanjidi li h4{ font-size:20px; height:50px; line-height:50px; text-align:center; font-weight:600; width:100%;margin:0;}
.shengchanjidi li h4 a{  color:#333; }
.shengchanjidi li div{width: 95%;margin:20px auto 0;}
.shengchanjidi li div p{ font-size: 16px;margin: 5px 0 0 0;color:#333;text-align: left;}
.shengchanjidi li div p span{ font-weight: bold;margin-left: -8px;}

.zhanhui{ margin:30px auto; overflow:hidden;}
.zhanhui img{ width: 100%;}

@media (max-width: 1520px){
    .wrap { max-width: 1300px;}
    .capacity{ max-width: 1300px;}
    .fenlei ul{margin-right: 30px;}
    .shengchanjidi li{padding-top: 7%;height: 550px;}
    .welcome_right{width: 52%;    margin-top: 80px;}
    .welcome_left{width: 48%;}
}
@media (max-width: 1340px){
    .wrap { max-width: 1100px;}
    .capacity{ max-width: 1100px;margin: 50px auto 0;}
    .banner{height: 500px;}
    .banner h1{padding-top: 130px;}
    .fenlei ul li{width: 150px;height: 120px;padding: 40px 0;}
    .welcome_right{display: none;}
    .welcome_left{width: 100%;}
    .welcome_left p:last-child{width: 100%;}
    .shengchanjidi li h4{font-size: 18px;}
    .shengchanjidi li>span{height: 60px;line-height: 60px;}
}
@media (max-width: 1100px){
    .wrap { max-width: 90%;}
    .capacity{ max-width: 90%;}
    .shengchanjidi li{width: 48%;}
    .shengchanjidi li:last-child{display:none;}

    .fenlei{display: none;}
    .about-box{width: 100%;margin-left: 20px;}
    .banner{height: 500px;}
    .banner h1{font-size: 24px;padding-top: 150px;}
    .banner h2{font-size: 22px;width: 400px;}
    .banner p{font-size: 20px;width: 600px;}
}
@media (max-width: 768px){
    .wrap { max-width: 96%;}
    .shengchanjidi li:nth-child(2){display:none;}
    .welcome_left p:last-child{width: 100%;}
    .shengchanjidi li img,.shengchanjidi li div{width: 80%;}
    .shengchanjidi li>span{left: 50px;}
    .shengchanjidi li{background-size: cover;}
    .about-box ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .about-box ul li{width: 48%;margin-right: 0;}
    .shengchanjidi li{width: 100%;padding-top: 15%;}
    .banner h1{font-size: 20px;padding-top: 100px;}
    .banner h2{font-size: 22px;width: 400px;}
    .banner p{font-size: 20px;width: 90%;}
}