*{margin: 0; padding: 0;list-style-type: none;}
.ida_banner1{width: 100%;}
.main1{width: 100%; height: 788px; /*background: url(/custom/images/indon-bg1.jpg) no-repeat center;*/}
/*.bg{width: 100%;}*/
/*.m1{position: absolute; top: 30%; margin: 24%; width: 52%; height: 58%;}
.m1 li{height: 40%; margin: 1%; width: 98%; border-bottom: 1px solid #999999; overflow: hidden;}
.m1 li a{display: block; width: 100%; height: 100%;}
.m1>li>a>span:hover{background: #D1D1D1; transition: background-color 1s;}
.m1 li img{float: left; margin: 1% 6%; width: 24%; height: auto;}
.m1 li span{float: left; display: inline-block; padding-top: 11%; width: 64%; height: 50%; text-align: center; color: #8d2029; font: 24 arial;}*/
.m1{margin: 0 auto; padding-top: 68px; width: 1000px;}
.m1 li a{display: block; height: 220px; margin: 10px; width: 980px; /*border: 1px solid #999999;*/}
.m1>li>a>span:hover{background: #D1D1D1; transition: background-color 1s;}
.m1 li img{float: left; margin: 10px 90px; width: 300px; height: auto;}
.m1 li span{float: left; display: inline-block; width: 51%; height: 100%; text-align: center; color: #8d2029; font: 24px/220px arial;}


.main2{width: auto; height:894px; /*background: url(/custom/images/indon-bg2.jpg) no-repeat center top;*/}
.m2{margin: 0 auto; padding-top: 68px; width: 1000px;}
.m2 li{float: left; width: 50%; height: 355px; overflow: hidden;}
.m2 a{position: relative; display: block; width: 100%; height: 100%; text-decoration: none;}
.m2 h4{padding: 30px; text-align: center; color: black;}
.m2 img{margin: 0 auto;}
.m2 li:nth-of-type(1) a{background: #ffff00 url(../images/indon-pro1.png) no-repeat bottom+30px center;}
.m2 li:nth-of-type(2) a{background: url(/custom/images/indon-pro2.png) no-repeat bottom+25px center;}
.m2 li:nth-of-type(3) a{background: url(/custom/images/indon-pro3.png) no-repeat bottom+10px center;}
.m2 li:nth-of-type(4) a{background: #ffff00 url(../images/indon-pro4.png) no-repeat bottom+50px center;}
.m2 span{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black url(../images/see.png) no-repeat center; opacity: 0;}
.m2 a:hover{transform: scale(1.1); transition: transform 1s;}
.m2 span:hover{opacity: 0.8; transition: opacity 1s;}
.main2 p{margin: 0 auto; width: 1000px; overflow:hidden; text-align: center; font-size:13px; line-height:20px;}

.main3{width: auto; height: 600px; /*background: url(/custom/images/indon-bg3.jpg) no-repeat center bottom;*/}
.m3{margin: 0 auto; width: 1000px;}
.m3 a{float: left; margin: 5px 10px; display: block; width: 300px; height: 285px; background: white; text-decoration: none;}
.m3 a:hover{text-decoration: underline; background: #EAEAEA; transition: background-color 0.3s;}
.m3 img{margin: 3% 2%; width: 96%; height: auto;}
.m3 p{text-align: center; color: black;}



/*yinni 2*/
*{margin: 0; padding: 0;list-style-type: none;}
.ida_bannerb{width: 100%; margin-top:150px;}
.ida_mb{width: 100%; background: url(/custom/images/id_bg.jpg) no-repeat center; overflow: hidden;}
.ida_mb1{margin: 0 auto; width: 1100px; overflow: hidden;}
.ida_mb1 li{float: left; width: 1010px; height: 650px; transform: rotate(-10deg) translateX(4%);}
.ida_mb1 li:nth-of-type(1){background: url(/custom/images/id_bg11.png) no-repeat center;}
.ida_mb1 li:nth-of-type(2){background: url(/custom/images/id_bg22.png) no-repeat center;}
.ida_mb1 li:nth-of-type(3){background: url(/custom/images/id_bg33.png) no-repeat center;}
.ida_mb1 li:nth-of-type(4){background: url(/custom/images/id_bg44.png) no-repeat center;}
.ida_timg{width: 600px; height: auto;}
.ida_timg1{margin-top: 40px; margin-left: 25px;}
.ida_timg2,.ida_timg4{margin-top: 50px; margin-left: 400px;}
.ida_timg3{margin-top: 40px; margin-left: 15px;}
.ida_mb1 p{display: inline-block; width: 330px;}
.ida_mb1_p1{float: right; margin-top: 175px;}
.ida_mb1_p2{float: left; margin-top: -125px; margin-left: 30px;}
.ida_mb1_p3{float: right; margin-top: 170px;}
.ida_mb1_p4{float: left; margin-top: -275px; margin-left: 30px;}

.ida_go{display: inline-block; padding-left: 10px; width: 190px; height: 50px; color: white; font: 20px/50px arial; background: #567ba1 url(../images/ida_go.png) no-repeat 135px center; border-radius: 25px;}
.ida_go1{float: right; margin-top: -100px; margin-right: 150px;}
.ida_go2{float: left; margin-top: 70px; margin-left: -220px;}
.ida_go3{float: right; margin-top: -100px; margin-right: 160px;}
.ida_go4{float: left; margin-top: -100px; margin-left: 140px;}
.ida_go:hover{background-position-x: 160px; transition: background-position-x 0.2s ease-out;}

.ida_bimg{display: block; margin-top: 20px;}
.ida_bimg a{margin: 5px; border: 1px dashed #D1D1D1;}
.ida_bimg a:hover{border: 1px solid #000000;}
.ida_bimg img{width: 126px; height: auto;}
.ida_bimg1{margin-left: 60px;}
.ida_bimg1 a{float: left;}
.ida_bimg2{float: right; margin-right: 20px;}
.ida_bimg2 a{float: left;}
.ida_bimg3{margin-left: 10px;}
.ida_bimg3 a{float: left;}
.ida_bimg4{float: right; margin-right: 20px;}
.ida_bimg4 a{float: left;}

.ida_mb2{margin: 50px auto; width: 1000px; height: 520px; background: url(/custom/images/ida_bg55.png) no-repeat center;}
.ida_mb2 a{display: inline-block; margin: 127px 8px 0 8px; position: relative; width: 230px; height: 315px; overflow: hidden;}
.ida_mb2 img{position: absolute; width: 100%;}
.ida_mb2 b{display: block; width: 100%; height: 0; background: black; opacity: 0;}
.ida_mb2 span{position: absolute; top: 30%; margin: 0 auto; display: block; color: white; text-decoration: none; text-align: center; font: 30px/50px impact; opacity: 0;}
.ida_mb2 a:hover .mask_txt{opacity: 1; transition: opacity 1s;}
.ida_mb2 a:hover .ida_mask{opacity: 0.8; height: 315px; transition: height 0.5s,opacity 1s;}

.ida_mb3{display: block; position: relative; margin: 50px auto; width: 1000px; height: 440px; background: url(/custom/images/ida_bg66.png) no-repeat center;}
.ida_mb3 a:nth-of-type(1){display: block; position: absolute; left: 5%; width: 55%; height: 100%;}
.ida_mb3 a:nth-of-type(2){display: block; position: absolute; top: 41%; right: 7.1%; text-decoration: none;}
.ida_mb3 strong{font: 36px impact; color: white;}
.ida_mb3 span{font: 25px impact; color: yellow; display: block;}
.ida_ashow:hover .ida_wline{border-bottom: 2px solid white;}
.ida_ashow:hover .ida_yline{border-bottom: 1px dashed yellow;}

.ida_mb4{overflow: hidden; padding-top: 40px; background: url(/custom/images/ida_m4_tbg.png) no-repeat center top;}
.ida_mb4 p{float: left; margin: 0; width: 33.3%; position: relative;}
.ida_mb4 img{width: 100%;}
.ida_mb4 a{display: block; position: absolute; opacity: 0;}
.ida_mb4 p:nth-of-type(1) a{top: 0; right: 0; width: 50%; height: 49%; background: #005641 url(../images/ida_txt1.png) no-repeat center;}
.ida_mb4 p:nth-of-type(2) a{top: 0; right: 0; width: 100%; height: 99%; background: #a44d54 url(../images/ida_txt2.png) no-repeat center;}
.ida_mb4 p:nth-of-type(3) a{bottom: 0; left: 0; width: 50%; height: 50%; background: #000000 url(../images/ida_txt3.png) no-repeat center;}
.ida_mb4 a:hover{opacity: 1; transition: opacity 0.5s;}