@charset "utf-8";
/* CSS Document */
.nav{ width:100%; height:60px; background:#0660ae;}
.nav .content{ width:1162px;}
.nav .content li{ width:166px; float:left; line-height:60px; color:#fff; background:url(../images/i.png) no-repeat right center; text-align:center}
.nav .content li a{ display:block}
.nav .content li:last-child{ background:none}

/*banner*/
.swiper-slide img{ display:block}
/*banner*/




.inbox1{ background:#ecf0f4;}
.inbox1 .content{ position:relative}
.inbox1 .content .pic{ width:885px; height:515px;}
.inbox1 .content .main{ width:545px; height:400px; background:#ecf0f4; position:absolute; bottom:0; right:-18px; z-index:1001; padding:40px; box-sizing:border-box}
.inbox1 .content .main .title{ font-size:32px; color:#0660ae; font-weight:bold;font-family: "SimHei";}
.inbox1 .content .main p{ font-size:14px; color:#333333; line-height:30px; margin-top:16px; text-indent:2em; font-weight:400}
.inbox1 .content .main .link{ width:90px; height:34px; background:#0660ae; border-radius:34px; font-size:12px; color:#fff; text-align:center; line-height:34px; font-weight:bold; margin-top:24px;}

.inbox2{ height:400px; background:url(../images/inb2.jpg) no-repeat center}
.inbox2 .content{ position:relative}
.inbox2 .content .main{ width:540px; position:absolute; top:150px; left:224px; font-size:14px; line-height:30px;}
.inbox2 .content .main .link{ width:90px; height:34px; background:#ecf0f4; border-radius:34px; font-size:12px; color:#777778;text-align:center; line-height:34px; font-weight:bold; margin-top:24px; float:right}
.inbox3{ background:#ecf0f4}
.inbox3 .content .pro{display: flex;justify-content:space-between;flex-wrap:wrap; }
.inbox3 .content .pro li{ width:380px; position:relative}
.inbox3 .content .pro li .link{ width:380px; height:325px; background:url(../images/link.png) no-repeat center;  position:absolute; top:0; z-index:1002; display:none}
.inbox3 .content .pro li .txt{ width:380px; height:325px; background:#000; opacity:0.5; position:absolute; top:0; z-index:1001; display:none;}

.inbox3 .content .pro li:hover .txt{ display:block}
.inbox3 .content .pro li:hover .link{ display:block}

.inbox4 .content .main{ width:380px;}
.inbox4 .content .main .title{ font-size:26px; color:#0660AE;height:68px; line-height:50px; font-weight:bold}
.inbox4 .content .main li{padding:17px 0;padding-left:60px; box-sizing:border-box; border-top:1px solid #cccccc; line-height:24px;}
.inbox4 .content .main li:last-child{ border-bottom:1px solid #cccccc}
.inbox4 .content .main .m1{background:url(../images/m1.png) no-repeat left center ;}
.inbox4 .content .main .m2{background:url(../images/m2.png) no-repeat left center ;}
.inbox4 .content .main .m3{background:url(../images/m3.png) no-repeat left center ;}
.inbox4 .content .main .m4{background:url(../images/m4.png) no-repeat left center ;}