.indexflashtel{display:none;} .main{ position: relative; width:100%; } .fullslide{ width:100%; position:relative; height:528px; background:#fff;} .fullslide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullslide .bd ul{ width:100% !important; } .fullslide .bd li{ width:100% !important; height:528px; overflow:hidden; text-align:center; } .fullslide .bd li a{ display:block; height:528px; } .fullslide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;text-align:center;} .fullslide .hd ul{ position:absolute;right:18%;bottom:20px;z-index: 999;} .fullslide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:6px; height:6px; margin:5px; background:#ccc; overflow:hidden; line-height:9999px; } .fullslide .hd ul .on{ background:#f4ae00; } .ban_bg1{background: url(/uploads/image/pimages/002.jpg) center center no-repeat;} .ban_bg2{background: url(/uploads/image/pimages/003.jpg) center center no-repeat;} .pagestate{position:absolute;left:18%;bottom:20px;color:#fff;} .pagestate span{color:#f4ae00;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .fullslide .prev, .fullslide .next{ position:absolute; left:3%; top:50%; margin-top:-34px; display:block; width:68px; height:68px; background: 14px 24px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index: 999;} .fullslide .next{ left:auto; right:3%; background-position:-110px 24px; } .fullslide .prev:hover, .fullslide .next:hover{ filter:alpha(opacity=100);opacity:1;} .main .wal4{ position: absolute;left: 50%; margin-left: -700px; top:0; z-index: 9;width: 100%; } .wal4 .i_gonggao{ width:25%; float: right; background: url(/uploads/image/pimages/003.png); height:528px;display:block; } .i_gonggao .txt01{ color:#fff; font-size: 30px; font-family: simsun; text-align: center; font-weight: bold; padding: 55px 0 35px 0;text-shadow: #000 1px 1px 1px;} .i_gonggao ul{ width:100%;} .i_gonggao ul li{ width:100%; padding: 12px 30px; background: url(/uploads/image/pimages/004.png); margin-bottom: 7px;} .i_gonggao ul li .txt02{ font-size: 16px; color:#fff; text-align: left; margin-bottom: 3px;} .i_gonggao ul li .txt03{ font-size: 12px; color: #d4d4d4;text-align: left;} .i_gonggao ul li:hover{background:#88664e;} .details{ width:180px; height:51px; margin:auto; position:relative; opacity:0; visibility:hidden; position:relative; top:30px;} .details:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:320ms ease-in-out; transform:scaley(0); -webkit-transform:scaley(0); -moz-transform:scaley(0); opacity:0; visibility:hidden;} .details a{ display:block; border:2px solid #fff; padding-left:39px; line-height:47px; position:relative; color:#fff; font-size:14px; text-align:left; background: 106px center no-repeat;} .details:hover:before{ opacity:1; transform:scaley(1); -webkit-transform:scaley(1); -moz-transform:scaley(1); visibility:visible;} .details:hover a{ color:#0c7040; background: 112px center no-repeat;} .bamnline { width: 100%; bottom: 0; background:rgba(21,94,159,0.0); z-index:20; position:absolute;} .bamnline span { display: block; width: 0; height: 2px; background: #f3b61f; } .bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; } .bannertel{ display: none; } .slick4_bantel{position:relative; overflow:hidden; max-width:1004px; padding-top: 50px;} .slick4_bantel .slick img{ width:100%;} .slick4_bantel .slick-dots{ position:absolute; left:0; text-align: center; width: 100%; bottom:20px;} .slick4_bantel .slick-dots li{display:inline-block; margin:0 8px; width:10px; height:10px; background: url(/uploads/image/pimages/ico3.png) no-repeat;list-style-type:none;} .slick4_bantel .slick-dots .slick-active{ background: url(/uploads/image/pimages/ico3on.png) no-repeat;} /*********indexpart1*********/ .indexpart1{ width:100%; background: url(/uploads/image/pimages/001.jpg) no-repeat bottom center #ffffff; padding:4% 0 2% 0;} .indexpart1 .name{ width:198px; height: 55px; text-align: center; line-height: 55px; font-size: 24px; color: #ffffff; margin: 0 auto;background: #88664e; margin-bottom: 50px;} .indexpart1 .left{ width:53%; float: left; margin-left: 2%;} .indexpart1 .left p{ line-height: 36px; margin-bottom: 10px; width: 90%;} .indexpart1 .left .more{ width:99px; height: 31px; border-radius: 35px; background: #88664e; text-align: center; line-height: 31px; color: #fff; font-size: 12px; margin-top: 40px;} .indexpart1 .left .more:hover{background: #4a4846;} .indexpart1 .right{ width:43%; float: right; text-align: right; margin-right: 2%;} .indexpart1 .right img{ width:100%; height: auto; max-width: 545px;} /*********indexpart2*********/ .indexpart2{padding:48px 0; width: 100%; margin: 0 auto; background: #fff;} .indexpart2 ul{ width:100%;} .indexpart2 ul li{ width:22%; margin: 0 1.5%; float: left; text-align: left; border-radius: 5px;} .indexpart2 ul li img{ width:100%; height: auto;} /*********indexpart3*********/ .indexpart3{ padding:3.5% 0 2.5%;background: url(/uploads/image/pimages/008.jpg) no-repeat bottom;} .indexpart3 .name{ width:198px; height: 55px; text-align: center; line-height: 55px; font-size: 24px; color: #ffffff; margin: 0 auto;background: #88664e; margin-bottom: 40px;} .indexpart3 ul{ width:100%;} .indexpart3 li{ width:47%; margin: 0 1.5%; background:url(/uploads/image/pimages/007.png); padding: 30px; margin-bottom: 13px; float: left;transition: 300ms;} .indexpart3 li .txt01{background:url(/uploads/image/pimages/008.png)no-repeat left; padding-left: 20px; color:#fff; font-size: 18px; line-height: 1;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .indexpart3 li .txt01 span{ float:right; font-size: 14px; color: #fff;line-height: 1; padding-top: 3px;} .indexpart3 li:hover{background:#88664e; } .indexpart3 .more{ width:126px;height: 42px; background: #fff; margin: 0 auto; text-align: center; line-height: 42px; border-radius: 42px; color:#262626; margin-top: 14px;transition: 300ms;} .indexpart3 .more:hover{background: #88664e; color: #fff } /*********indexpart4*********/ .indexpart4{padding:4% 0; width:100%;background: #fff;} .indexpart4 ul{} .indexpart4 li{width:22%; margin: 0 1.5%; float: left; text-align: left; background: #f6f6f6;border-radius: 35px;-moz-box-shadow: 3px 3px 1px #d0cecd;box-shadow: 3px 3px 1px #d0cecd; padding: 40px 1.5% 40px 2%;} .indexpart4 li .ico{ width:38%; float: right; text-align: right;} .indexpart4 li .txt{ width:62%; float: left; text-align: left; padding-top: 10px;} .indexpart4 li .ico img{ width:92%; height: auto; margin: 0 auto;} .indexpart4 li .txt .z01{ font-size: 24px; color: #2c2c2c; } .indexpart4 li .txt .z02{ font-size: 14px; color: #9c9a9a;text-transform:uppercase; font-family: arial;} .indexpart4 li:hover .ico{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}