*{margin: 0px; padding: 0px; box-sizing: border-box;}

.intro_wrap{width: 100%; height:100%; background: url(../images/ipsi/intro_bg.png) no-repeat; background-size: cover; overflow: hidden; background-color: rgba(0,0,0,0); overflow-y: scroll;}

.intro_wrap .content_wrap {max-width: 1200px; min-height:667px; width: 100%; height: 100%; margin:0 auto; padding: 20px 10px; position:relative;}
.intro_wrap .footer{position: absolute; left: 0px; bottom:0; width: 100%; text-align: center; font-size: 16px; color:rgba(255,255,255,0.6); margin-bottom: 20px;}

.intro_wrap .content_wrap .header{width: 100%; font-size: 24px; color: #fff; text-align: right;}

.intro_wrap .content_wrap .header div{overflow: hidden; border-bottom:1px solid #eeeeee; padding:10px 0; margin-bottom: 10px; display: table; width: 100%;}
.intro_wrap .content_wrap .header div img{display: table-cell;}
.intro_wrap .content_wrap .header div span{display: table-cell; font-size:34px;}

.con{position:absolute; top:50%; left: 0; margin-top:-110px; width: 100%; padding:0 10px;}
.con::before{content: ""; clear: both;}
.con > ul > li{float: left; width: 50%; display: inline-block;}
.linkbox{font-size:38px; color:#fff; padding: 50px 30px; height: 160px; font-weight: 500;}
.linkbox a{float: right; padding:5px 20px; font-size: 18px; color:#fff; font-weight: 100; margin-top: 15px;}

.linkbox.a1{background-color:rgba(224,161,43,0.85);}
.linkbox.a1 a{background: #ae7204;}

.linkbox.a2{background-color:rgba(8,58,112,0.85);}
.linkbox.a2 a{background: #002750;}

.con > ul > li:nth-of-type(2){height: 320px; background:rgba(14,96,157,0.85);}
.quick_wrap li{position: relative; float:left; width:33.33333333333333%; height: 160px; text-align: center;}
.quick_wrap li a{position: absolute; left: 50%; top:50%; margin-top:-50px; margin-left:-75px; width:150px; height: 100px; font-size:20px; color:#fff; font-weight:500;}
.quick_wrap li a span{display:block; position: absolute; bottom:0; width: 100%;}

/* tablet */
@media (max-width: 1200px) and (min-width: 850px){

}

/* tablet */
@media (max-width: 850px) and (min-width: 600px){
    .intro_wrap .content_wrap .header{font-size: 14px;}
    .intro_wrap .content_wrap .header div img{width: 100px;}
    .intro_wrap .content_wrap .header div span{font-size:24px;}
    
    .con{position:static; margin-top:30px; padding:0;}
    .con > ul > li{width: 100%;}
    .linkbox{font-size:20px; height: auto; padding:30px;}
    .linkbox a{font-size:14px; margin-top:0;}
    .con > ul > li:nth-of-type(2){height: auto;}
    .quick_wrap li{width:16.6666%;}
    .quick_wrap li a{height:90px;}
    .quick_wrap li a span{font-size: 15px;}
    .intro_wrap .footer{font-size:14px;}
}

@media (max-width: 600px){
    .intro_wrap .content_wrap .header{font-size: 14px; text-align: center;}
    .intro_wrap .content_wrap .header div img{width: 100px; display:inline;}
    .intro_wrap .content_wrap .header div span{font-size:24px; display:none;}
    
    .con{position:static; margin-top:30px; padding:0;}
    .con > ul > li{width: 100%;}
    .linkbox{font-size:20px; height: auto; padding:30px;}
    .linkbox a{font-size:14px; margin-top:0;}
    .con > ul > li:nth-of-type(2){height: auto;}
    .quick_wrap li{width:33.33333%; height:125px;}
    .quick_wrap li a{height:90px;}
    .quick_wrap li a span{font-size: 15px;}
    .intro_wrap .footer{font-size:12px;}
}