.iw_reactive_block1{padding:60px 0;font-size:14px;color:#333}
.iw_reactive_block1 .img{display:block;width:720px}
.iw_reactive_block1 .con{width:420px;padding-top:65px}
.iw_reactive_block1 .tit{font-size:24px}
.iw_reactive_block1 .txt{margin-top:25px;color:#999}
.iw_reactive_block1 .ion{width:100%;display:block;margin-top:40px}
.iw_reactive_block2{background-repeat:no-repeat;background-position:center;background-size:auto 100%;background-image:url(../images/iw_reactive_3.png)}
.iw_reactive_block2 .wrap_con{width:1200px;margin:0 auto;height:96px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;font-size:15px}
.iw_reactive_block2 .wrap_con span{font-size:16px;border:solid 1px #fff;display:inline-block;vertical-align:middle;width:26px;height:26px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;text-align:center;line-height:24px;margin-right:1em}
.iw_reactive_block3{padding:60px 0;color:#333;background-color:#fff}
.iw_reactive_block3 .tit{text-align:center;font-size:24px}
.iw_reactive_block3 .nature_list{overflow:hidden}
.iw_reactive_block3 .nature_list li{float:left;width:255px;height:344px;background-color:#fff;margin-top:60px;margin-right:60px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:48px 48px 0;text-align:center}
.iw_reactive_block3 .nature_list li:nth-child(4n){margin-right:0}
.iw_reactive_block3 .nature_list li .tit{color:#333;font-weight:700;font-size:16px;margin-top:30px}
.iw_reactive_block3 .nature_list li .txt{margin-top:25px;font-size:14px;color:#999;line-height:24px}
.iw_reactive_block3 .nature_list li .ion{display:block;margin:10px auto 0;width:70px;height:70px;background-repeat:no-repeat;background-position:center;background-size:100%}
.iw_reactive_block3 .nature_list li .em{background-color:#57c2e9;height:5px;position:absolute;left:0;top:0;width:100%;display:block;-webkit-transform:scale(0);transform:scale(0)}
.iw_reactive_block3 .nature_list li:nth-child(1) .ion{background-image:url(../images/iw_guar_ion1.png)}
.iw_reactive_block3 .nature_list li:nth-child(2) .ion{background-image:url(../images/iw_guar_ion2.png)}
.iw_reactive_block3 .nature_list li:nth-child(3) .ion{background-image:url(../images/iw_guar_ion3.png)}
.iw_reactive_block3 .nature_list li:nth-child(4) .ion{background-image:url(../images/iw_guar_ion4.png)}
.iw_reactive_block3 .nature_list li:hover{background-color:#effbff}
.iw_reactive_block3 .nature_list li:hover .em{-webkit-transform:scale(1);transform:scale(1)}
.iw_reactive_block3 .nature_list li:hover:nth-child(1) .ion{background-image:url(../images/iw_guar_ion1_.png)}
.iw_reactive_block3 .nature_list li:hover:nth-child(2) .ion{background-image:url(../images/iw_guar_ion2_.png)}
.iw_reactive_block3 .nature_list li:hover:nth-child(3) .ion{background-image:url(../images/iw_guar_ion3_.png)}
.iw_reactive_block3 .nature_list li:hover:nth-child(4) .ion{background-image:url(../images/iw_guar_ion4_.png)}
.iw_reactive_block3.design{background-size:auto 100%;background-repeat:no-repeat;background-position:center;background-image:url(../images/iw_reactive_5.png);height:620px;-webkit-box-sizing:border-box;box-sizing:border-box}
.iw_reactive_block3 .img{float:left;width:580px;display:block}
.iw_reactive_block3 .design_wrap{padding-top:40px}
.iw_reactive_block3 .design_list{float:right;width:580px;font-size:14px;overflow:hidden}
.iw_reactive_block3 .design_list li{padding:10px 0;margin:35px 0;padding-left:100px;line-height:24px;background-position:left center;background-repeat:no-repeat;background-size:80px}
.iw_reactive_block3 .design_list .t1{padding:3px 0;color:#333;font-size:18px}
.iw_reactive_block3 .design_list .t2{padding:3px 0;color:#666;font-size:14px}
.iw_reactive_block3 .ys_list{overflow:hidden;margin-top:50px}
.iw_reactive_block3 .ys_list li{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:240px;height:280px;background-color:#fff;border-style:solid;border-color:#dcdcdc;border-width:1px;padding:28px 28px 0;text-align:center}
.iw_reactive_block3 .ys_list li .ion{display:block;width:60px;height:60px;margin:18px auto 0;background-position:center;background-repeat:no-repeat;background-size:100%}
.iw_reactive_block3 .ys_list li .t1{color:#333;font-size:17px;margin-top:20px}
.iw_reactive_block3 .ys_list li .t2{margin-top:20px;line-height:26px;font-size:14px;color:#999}
.iw_reactive_block3 .ys_list li:hover{background-color:#3bbff0}
.iw_reactive_block3 .ys_list li:hover .t1{color:#fff}
.iw_reactive_block3 .ys_list li:hover .t2{color:#fff;opacity:.7}
.iw_reactive_block3 .ys_list li:nth-child(1) .ion{background-image:url(../images/iw_prepo_ion1.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(1) .ion{background-image:url(../images/iw_prepo_ion1_.png)}
.iw_reactive_block3 .ys_list li:nth-child(2) .ion{background-image:url(../images/iw_prepo_ion2.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(2) .ion{background-image:url(../images/iw_prepo_ion2_.png)}
.iw_reactive_block3 .ys_list li:nth-child(3) .ion{background-image:url(../images/iw_prepo_ion3.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(3) .ion{background-image:url(../images/iw_prepo_ion3_.png)}
.iw_reactive_block3 .ys_list li:nth-child(4) .ion{background-image:url(../images/iw_prepo_ion4.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(4) .ion{background-image:url(../images/iw_prepo_ion4_.png)}
.iw_reactive_block3 .ys_list li:nth-child(5) .ion{background-image:url(../images/iw_prepo_ion5.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(5) .ion{background-image:url(../images/iw_prepo_ion5_.png)}
.iw_reactive_block3 .ys_list li:nth-child(6) .ion{background-image:url(../images/iw_prepo_ion6.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(6) .ion{background-image:url(../images/iw_prepo_ion6_.png)}
.iw_reactive_block3 .ys_list li:nth-child(7) .ion{background-image:url(../images/iw_prepo_ion7.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(7) .ion{background-image:url(../images/iw_prepo_ion7_.png)}
.iw_reactive_block3 .ys_list li:nth-child(8) .ion{background-image:url(../images/iw_prepo_ion8.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(8) .ion{background-image:url(../images/iw_prepo_ion8_.png)}
.iw_reactive_block3 .ys_list li:nth-child(9) .ion{background-image:url(../images/iw_prepo_ion9.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(9) .ion{background-image:url(../images/iw_prepo_ion9_.png)}
.iw_reactive_block3 .ys_list li:nth-child(10) .ion{background-image:url(../images/iw_prepo_ion10.png)}
.iw_reactive_block3 .ys_list li:hover:nth-child(10) .ion{background-image:url(../images/iw_prepo_ion10_.png)}
.iw_custom_block1{padding:45px 0;background-color:#f9f9f9}
.iw_custom_block1 .item{padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:solid 1px #e0e0e0;float:left;width:25%;font-size:14px;background-position:25px center;background-size:100px auto;background-repeat:no-repeat;padding-left:150px}
.iw_custom_block1 .item:nth-child(1){background-image:url(../images/iw_custom_ion1.png)}
.iw_custom_block1 .item:nth-child(2){background-image:url(../images/iw_custom_ion2.png)}
.iw_custom_block1 .item:nth-child(3){background-image:url(../images/iw_custom_ion3.png)}
.iw_custom_block1 .item:nth-child(4){background-image:url(../images/iw_custom_ion4.png)}
.iw_custom_block1 .item:last-child{border-right:0}
.iw_custom_block1 .item p{padding:5px 0}
.iw_custom_block1 .item .t1{color:#999}
.iw_custom_block1 .item .t1 span{color:#757575;font-weight:700;font-size:30px;margin-right:.3em}
.iw_custom_block1 .item .t2{color:#666}
.iw_custom_block2 .nee{color:#fff;font-size:14px;margin-top:30px;opacity:.5}
.iw_custom_block2 .issue_list{overflow:hidden}
.iw_custom_block2 .issue_list li{float:left;width:582px;margin-right:36px;height:178px;margin-top:38px;background-color:#fff8f9;-webkit-box-sizing:border-box;box-sizing:border-box;padding:50px 26px;padding-left:132px;background-position:26px center;background-repeat:no-repeat;background-size:80px auto}
.iw_custom_block2 .issue_list li:nth-child(1){background-image:url(../images/iw_issue_ion1.png)}
.iw_custom_block2 .issue_list li:nth-child(2){background-image:url(../images/iw_issue_ion2.png)}
.iw_custom_block2 .issue_list li:nth-child(3){background-image:url(../images/iw_issue_ion3.png)}
.iw_custom_block2 .issue_list li:nth-child(4){background-image:url(../images/iw_issue_ion4.png)}
.iw_custom_block2 .issue_list li:nth-child(even){margin-right:0}
.iw_custom_block2 .issue_list li p{padding:5px 0}
.iw_custom_block2 .issue_list li .t1{font-size:18px;color:#333}
.iw_custom_block2 .issue_list li .t2{font-size:14px;color:#999;line-height:24px}
.iw_custom_block2 .system_list{overflow:hidden;padding-bottom:14px}
.iw_custom_block2 .system_list li{float:left;width:376px;margin-right:36px;margin-bottom:36px;text-align:center;line-height:24px}
.iw_custom_block2 .system_list li:nth-child(3n){margin-right:0}
.iw_custom_block2 .system_list li .t1{padding:15px 0;font-size:18px;color:#333}
.iw_custom_block2 .system_list li .t2{font-size:14px;color:#999}
.iw_custom_block2.youshi{-webkit-box-sizing:border-box;box-sizing:border-box;height:688px;background-position:center;background-repeat:no-repeat;background-size:auto 100%;background-image:url(../images/iw_reactive_11.png)}
.iw_custom_block2.youshi .nci-bt .title{color:#fff}
.iw_custom_block2 .youshi_list{margin-top:30px}
.iw_custom_block2 .youshi_list .item{-webkit-transition:background-color .2s;transition:background-color .2s;-webkit-box-sizing:border-box;box-sizing:border-box;padding:80px 58px;margin-right:26px;float:left;width:280px;height:418px;background-color:rgba(255,255,255,.6);color:#333;font-size:14px;text-align:center}
.iw_custom_block2 .youshi_list .item:nth-child(4n){margin-right:0}
.iw_custom_block2 .youshi_list .item .t1{font-weight:700;font-size:18px;margin-top:40px}
.iw_custom_block2 .youshi_list .item .t2{line-height:24px;margin-top:40px}
.iw_custom_block2 .youshi_list .item .ion{display:block;width:58px;height:58px;margin:0 auto;background-position:center;background-repeat:no-repeat;background-size:100% auto}
.iw_custom_block2 .youshi_list .item:nth-child(1) .ion{background-image:url(../images/iw_tage_ion1.png)}
.iw_custom_block2 .youshi_list .item:nth-child(1):hover .ion{background-image:url(../images/iw_tage_ion1_.png)}
.iw_custom_block2 .youshi_list .item:nth-child(2) .ion{background-image:url(../images/iw_tage_ion2.png)}
.iw_custom_block2 .youshi_list .item:nth-child(2):hover .ion{background-image:url(../images/iw_tage_ion2_.png)}
.iw_custom_block2 .youshi_list .item:nth-child(3) .ion{background-image:url(../images/iw_tage_ion3.png)}
.iw_custom_block2 .youshi_list .item:nth-child(3):hover .ion{background-image:url(../images/iw_tage_ion3_.png)}
.iw_custom_block2 .youshi_list .item:nth-child(4) .ion{background-image:url(../images/iw_tage_ion4.png)}
.iw_custom_block2 .youshi_list .item:nth-child(4):hover .ion{background-image:url(../images/iw_tage_ion4_.png)}
.iw_custom_block2 .youshi_list .item:hover{color:#fff;background-color:#eb485b}
.iw_custom_block2 .design_list{padding:25px 40px 0}
.iw_custom_block2 .design_list li{padding:25px 0;font-size:14px;color:#666}
.iw_custom_block2 .design_list li .content{float:left;width:508px;height:316px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px;display:table}
.iw_custom_block2 .design_list li .content .cell{display:table-cell;vertical-align:middle}
.iw_custom_block2 .design_list li .img{float:right;width:558px;height:316px;-o-object-fit:cover;object-fit:cover}
.iw_custom_block2 .design_list li .ti{color:#333;font-size:20px;padding:15px 0}
.iw_custom_block2 .design_list li .it{line-height:24px;padding:2px 0;padding-left:16px;position:relative}
.iw_custom_block2 .design_list li .it::before{content:'';background-color:#626262;width:6px;height:6px;border-radius:50%;position:absolute;top:11px;left:0}
.iw_custom_block2 .design_list li:nth-child(even) .img{float:left}
.iw_custom_block2 .design_list li:nth-child(even) .content{float:right}