/* CSS Document */

.p03_banner{width: 100%; height: 800px; background: url(../images/authorize_banner.jpg) left top/100% 100% no-repeat; overflow: hidden;}
.p03_banner .textBox{min-height: 575px; background: url(../images/p03_01.png) no-repeat center; text-align: center; margin-top: 160px; color: #fff;font-weight:600px}
.p03_banner .textBox h3{font-size: 60px; font-weight: 100; line-height: 100%; padding: 150px 0 30px 0;}
.p03_banner .textBox h4{font-size: 30px; line-height: 100%;}
.p03_banner .textBox .line{width: 100px; margin: 30px auto; height: 1px; background: #000;}
.p03_banner .textBox p{font-size: 24px; line-height: 100%;}

.p03_content_1{text-align: center; padding: 70px 0;}
.p03_content_1 h2, .p03_content_1 h3{font-weight: 100;}
.p03_content_1 h2{font-size: 40px; padding-bottom: 30px; line-height: 100%;}
.p03_content_1 h3{font-size: 18px;}
.p03_content_1 ul{max-width: 1350px; margin: 0 auto; overflow: hidden; padding-top: 60px;}
.p03_content_1 ul li{float: left; width: 25%;}
.p03_content_1 ul li p{font-size: 16px; line-height: 200%;}

.p03_content_2{text-align: center; padding: 70px 0; background: #dcefff;}
.p03_content_2 h2, .p03_content_2 h3{font-weight: 100; line-height: 100%;}
.p03_content_2 h2{font-size: 40px; color: #003366; padding-bottom: 30px;}
.p03_content_2 h3{font-size: 18px; padding-bottom: 60px;}
.p03_content_2 ul{max-width: 1350px; margin: 0 auto; overflow: hidden;}
.p03_content_2 ul li{float: left; width: 25%;}
.p03_content_2 ul li div{width: 55%; margin: 0 auto; border: 1px solid #8bacd7; padding: 10% 0; border-radius: 50%; }
.p03_content_2 ul li p{font-size: 16px; line-height: 150%; padding-top: 30px;}

.p03_content_3{text-align: center; background: url(../images/p03_03_bg.jpg) left top/100% 100% no-repeat; height: 300px; color: #fff;}
.p03_content_3 h3{font-size: 40px; line-height: 100%; padding-top: 70px;}
.p03_content_3 .line{width: 100px; height: 2px; background: #fff; margin: 40px auto;}
.p03_content_3 p{font-size: 30px;}


@media screen and (max-width: 1350px){
    .p03_content_1 ul{width: 1000px;}
    .p03_content_2 ul{width: 1000px;}
    .p03_content_2 ul li div{width: 60%;}
    .p03_content_4 ul{width: 1000px;}
    .p03_content_5 ul{width: 1000px;}
    .p03_content_5 ul li{margin: 0 35px;}
    .p03_content_6 ul{width: 1000px;}
}
@media screen and (max-width: 1023px){
    .p03_banner{height: auto;padding-bottom: 50px;}
    .p03_banner .textBox{background-size: 100% auto;margin-top: 80px;}
    .p03_banner .textBox h3{font-size: 40px;}
    .p03_banner .textBox h4{font-size: 20px;}
    .p03_banner .textBox p{font-size: 16px;}
    .p03_content_1 ul{width:98%;}
    .p03_content_1 h2{font-size: 30px;}

    .p03_content_2 h2{font-size: 30px;}
    .p03_content_2 h3{font-size: 14px;}
    .p03_content_2 ul{width: 752px;}
    .p03_content_2 ul li div{width: 75%;}
    .p03_content_2 ul li p{font-size: 14px;}

    .p03_content_3 h3{font-size: 30px;}
    .p03_content_3 p{font-size: 20px;}

    .p03_content_4 h3{font-size: 30px;}
    .p03_content_4 ul{width: 98%;}

    .p03_content_5 h3{font-size: 30px;}
    .p03_content_5 h4{font-size: 14px;}
    .p03_content_5 ul{width: 98%;}
    .p03_content_5 ul li{margin: 0 ;width:32%;margin-right: 2%}
    .p03_content_5 ul li:last-child{margin-right: 0}

    .p03_content_6 h3{font-size: 30px;}
    .p03_content_6 ul{width: 98%;}
    .p03_content_6 ul li h4{font-size: 16px;}
    .p03_content_6 ul li p{font-size: 12px;}
}
@media screen and (max-width: 767px){
    .p03_banner .textBox{min-height: 300px;background: none}
    .p03_banner .textBox h3{padding:80px 0 30px 0;font-size: 24px;}
    .p03_banner .textBox h4{font-size: 14px;}

    .p03_content_1{padding:40px 0;}
    .p03_content_1 h2{font-size: 16px;}
    .p03_content_1 h3{font-size: 14px;width:94%;margin: 0 auto}
    .p03_content_1 ul li{width: 50%;}
    .p03_content_1 ul li p{font-size: 14px;}

    .p03_content_2{padding:40px 0;}
    .p03_content_2 h2{font-size: 18px;}
    .p03_content_2 h3{padding-bottom: 30px;width:94%;margin: 0 auto}
    .p03_content_2 ul{width: 98%;}
    .p03_content_2 ul li{width: 50%;margin-bottom: 15px;padding:0 5px;box-sizing: border-box}
    .p03_content_2 ul li div{width: 120px;height: 120px;padding:0;line-height: 120px;}
    .p03_content_2 ul li div img{width: 80%;}
    .p03_content_2 ul li p{font-size: 12px;}

    .p03_content_3{height: auto;padding-bottom: 30px;}
    .p03_content_3 h3{font-size: 18px;padding-top: 30px;}
    .p03_content_3 .line{margin: 20px auto}
    .p03_content_3 p{font-size: 14px;}

    .p03_content_4 h3{font-size: 18px;padding-top: 30px;}
    .p03_content_4 ul{margin:30px auto;}
    .p03_content_4 ul li{width: 50%;padding:0}
    .p03_content_4 ul li p{font-size: 14px;}
    .p03_content_4 ul li:nth-child(2n){background:#fff}
    .p03_content_4 ul li:nth-child(3n){background:#fff}
    .p03_content_4 ul li:nth-child(4n){background:#eaf5ff}
    .p03_content_4 ul li:nth-child(5n){background:#eaf5ff}
    .p03_content_4 ul li:nth-child(9n){background:#eaf5ff}
    .p03_content_4 ul li:nth-child(10n){background:#fff}
    .p03_content_4 ul li:nth-child(11n){background:#fff}

    .p03_content_5{background-size: cover;height: auto}
    .p03_content_5 h3{font-size: 18px;padding-top: 30px;width:94%;margin: 0 auto}
    .p03_content_5 h4{font-size: 12px;padding-bottom: 30px;width:94%;margin: 0 auto}
    .p03_content_5 ul{width:94%;margin: 0 auto}
    .p03_content_5 ul li{width: 100%;margin: 0;margin-bottom: 10px;height: auto}
    .p03_content_5 ul li img{margin-top: 15px;padding-bottom: 20px;}
    .p03_content_5 ul li p{font-size: 14px;}

    .p03_content_6 h3{padding-top: 30px;font-size: 18px;}
    .p03_content_6 ul{margin:20px auto;padding-bottom: 30px; }
    .p03_content_6 ul li{width: 50%;padding:0 5px;box-sizing: border-box;height: 256px;}
    .p03_content_6 ul li img{width: 80%;}
    .p03_content_6 ul li h4{font-size: 14px;line-height: 18px;height: 36px;padding:5px 0;}
}