@import url(reset.css);
body{width: 960px;min-width: 960px;margin: 0 auto}
.cl{clear: both;}
.page{float: left;width: 100%;margin-bottom:50px;box-shadow: 0 0 5px 5px #ccc;padding:50px 30px}
/*page1*/
.pg1{background: url(../img/1.jpg) no-repeat center top;float: left;height:1350px;background-size: 100%;position: relative;margin-bottom: 50px;}
.lg li{display: inline-block}
.lg li h1{text-transform: uppercase;font-size:55px;float: left;line-height: 75px;color: #0298f9;margin-left: 8px;}
.lg > span{text-transform: uppercase;color: #2e3025;font-size:35px;float: left;margin-top: 15px;width: 100%;}
.pg1 p{margin-top:825px;color: #2e3022;font-size: 22px;line-height: 1.3;}
.ib{margin-top: 100px;}
.ib li{display: inline-block;color: #28a8ff;font-size: 30px;padding-right:8px;margin-right: 5px;}
.bb{position: absolute;bottom: 0;left: 0;width: 100%;background: url(../img/bb.jpg) no-repeat center bottom;background-size:100%;height:185px; }
/*pg2*/
.pg2{float: left;width: 100%;box-shadow: 0 0 5px 5px #ccc}
.box-list{position: relative;}
.box-list img{position: absolute;right: 0;top: 0;}
.box-list h3{font-size:18px;color: #262b24;margin-bottom: 14px;}
.list{background: #008cf6;padding: 20px;margin-bottom:10px}
.list li{line-height: 1.6;font-size: 16px;color: #fff;}
.list li:before{content: "•";margin-right: 10px;margin-left: 10px;}
.list2{background: #e9fbff;}
.list2 li{color: #0c91ee;font-size: 15px;}
.list2 li:before{content: ""}
.list2 li span{background: #0190f8;color: #fff;font-weight: bold;border-radius: 100%;width: 20px;height: 20px;float: left;text-align: center;line-height: 23px;}
.list2 p{color: #2c322e;font-size: 15px;line-height: 1.3;margin-top: 15px;width: 55%;}
.list3{margin-top: 10px;float: left;}
.list3 li{width: 30%;float: left;margin-right: 5%;font-size: 15px;line-height: 1.3;}
.list3 li:last-child{float: right;margin-right: 0;}
.bb2{background: url(../img/bb2.jpg) no-repeat center bottom;height: 215px;float: left;width: 100%;padding: 10px 30px}
.bb2 p{color: #fff;font-size:19px;line-height: 1.5;margin-top:40px;}
.bb2 .ib{margin-top: 20px;}
.bb2 .ib li{font-size: 25px;color: #fff}
/*pg3*/
.pg3{margin-top:50px;float: left;width: 100%;box-shadow: 0 0 5px 5px #ccc}
.pg3 .page{padding: 50px 30px 0 30px;margin-bottom: 0;}
.pg3-top{background: url(../img/bn3.jpg) no-repeat center bottom;height: 196px;padding-top: 100px;border-bottom: 10px solid #0296fa;}
.pg3-top .lg{margin-left: 15px;}
.pg3-top .lg img{width: 50px;}
.pg3-top .lg h1{font-size: 33px;line-height: 50px;}
.pg3-one{background: url(../img/3.jpg) no-repeat center top;height: 297px;}
.pg3-one p{text-transform: uppercase;font-size: 13px;color: #646661;margin-left: 395px;}
.pg3-one h3{float: right;text-align: right;font-size: 15px;color: #2f3227}
.tb{float: left;width: 70%;border-collapse: collapse;margin-top: 20px;}
.tb tr td{border: 1px solid #acaeab;padding:10px;text-align: center;color: #5b6856;font-size: 15px;}
.tb tr:first-child td{background: #101006;color: #fff}
.tb tr:first-child td:first-child{color: #fff;background: #018ff3;}
.tb tr td:first-child{background: #b2e6fe;width:80px;}
.tb tr td:nth-child(2){width: 105px;}
.height{border-bottom: 10px solid #0296fa;height: 100px;width: 100%;float: left;}
.height h1{font-style: italic;text-transform: uppercase;font-size:35px;color: #1b1e15;float: right;margin-top: 30px;}
.pg3-two{background: url(../img/31.jpg) no-repeat center top;height: 297px;float: left;margin-top:10px;width: 100%;}
.pg3-two p{text-transform: uppercase;font-size: 13px;color: #646661;margin-left: 365px;margin-top: 15px;}
.pg3-two h3{float: right;text-align: right;font-size: 15px;color: #2f3227;padding-right: 20px}
.list-bottom{background: #0092f9;color: #fff;height:90px;padding-top: 30px;padding-left: 10px;}
.list-bottom li{color: #fff;font-size: 14px;margin-bottom: 6px;}
/*pg4*/
.pg4 .page{margin-top: 50px;}
.pg4 .lg img{width: 45px;}
.pg4 .lg h1{font-size: 35px;line-height: 40px;}
.box{margin-top: 20px;}
.box p{font-size: 17px;color: #0e130c;line-height:2;}
.box > span{color: #0096ff;font-size: 19px;margin-top: 15px;float: left;width: 100%;margin-bottom: 15px;}
.list-pr{float: left;width: 100%;}
.list-pr li{width: 210px;float: left;margin-right: 20px;margin-bottom: 20px;}
.list-pr li img{float: left;width: 100%;height: 210px;margin-bottom: 15px;}
.list-pr li:nth-child(4n){margin-right: 0;}
.se7en{float: left;width: 100%;background: #50c4fd;padding: 30px 15px}
.se7en h1{float: left;font-weight: bold;font-size:100px;position: relative;top: -17px;}
.se7en ul{float: right;width: 780px;}
.se7en span{text-transform: uppercase;font-size:28px;}
.se7en ul li{font-size: 19px;}
.rl{float: left;width: 100%;padding-bottom: 15px;margin-top: 15px;border-bottom: 1px solid #858681;margin-bottom: 20px;}
.rl li{float: left;width: 50%;display: inline-block;font-size: 19px;color: #009efe}
.qk{float: left;width: 50%;}
.qk > ul{float: left;width: 27%;margin-right: 20px;}
.qk > ul > li{color: #23221d;font-size: 12px;margin-bottom: 5px;}
.nc{float: left;margin-top: 20px;width: 100%;}
.nc > img{float: left;margin-left: 15px;}
.nc ul{float: right;width:70%;}
.nc ul li{color: #242d2a}
.nc ul li img{margin-left:30px;}
.pagetung h2{width: 700px;
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 1.8em;
    font-weight: bold;
}
.pagetung h3{
   width: 832px;
    margin: 0 auto;
    margin-bottom: 79px;
    margin-top: 20px;

    font-weight: bold;
    font-size: 1.5em;
}
.pagetung{width: 960px;
    height: auto;
    padding: 66px 10px;
    font-family: Arial;
    text-align: center;
}
.tunglogo{float: left;
    width: 960px;
    height: 100px;
    margin-bottom: 16px; }
.tunglogo img{width: 343px;
    height: 90px;
    float: left;
    margin: 10px 10px 15px 37px;}
.tunglogo h2{color: red;
    width: 489px;
    float: left;
    margin-top: 23px;
    font-size: 1.6em;
    font-weight: 600;}

