.w1200{ width:1208px; margin:0 auto; position:relative} #b01{ background: url(/uploads/image/x2wimg/ztbanner.jpg) center top no-repeat; min-width: 1310px; margin: 0 auto; height: 1080px; overflow: hidden; position: relative; } #b02{ background: url(/uploads/image/x2wimg/navbg.jpg) center top no-repeat; height:101px ; min-width: 1310px; margin: 0 auto; overflow: hidden; position: relative; } #b03{ background: url(/uploads/image/x2wimg/boxbg.jpg) center top no-repeat; height:1197px ; min-width: 1310px; margin: 0 auto; overflow: hidden; position: relative; } #b04{ background: url(/uploads/image/x2wimg/boxbg02.jpg) center top no-repeat; height:696px ; min-width: 1310px; margin: 0 auto; overflow: hidden; position: relative; } #b05{ background: url(/uploads/image/x2wimg/boxbg03.jpg) center top no-repeat; height:778px ; min-width: 1310px; margin: 0 auto; overflow: hidden; position: relative; } #b06{ background: url(/uploads/image/x2wimg/boxbg04.jpg) center top no-repeat; height:1000px ; min-width: 1310px; margin: 0 auto; overflow: hidden; position: relative; } #b07{ background: url(/uploads/image/x2wimg/boxbg05.jpg) center top no-repeat; height:1380px ; min-width: 1310px; margin: 0 auto; overflow: hidden; position: relative; } #b08{ background: url(/uploads/image/x2wimg/fotter.jpg) center top no-repeat; height:467px ; min-width: 1310px; margin: 0 auto; overflow: hidden; position: relative; } .ztnav{ margin-left: 335px; margin-top: 18px; } .ztnav ul li{ font-size: 26px; font-family: microsoft yahei; font-weight: 400; color: #fffee2; padding: 0 30px; height: 64px; line-height: 64px; background: url(/uploads/image/x2wimg/line.png) right center no-repeat; cursor: pointer; } .ztnav ul li:last-child{ background: none; } .hotnews{ overflow: hidden; margin-top: 53px;} .hotnews dl{ overflow: hidden; text-align:center; } .hotnews dl dt a{ font-size: 36px; font-family: microsoft yahei; font-weight: bold; color: #ffffff; } .hotnews dl dd{ font-size: 18px; font-family: microsoft yahei; font-weight: 400; color: #fffefe; margin-top: 16px; } .ggkf_jdt{ margin-top: 30px; overflow: hidden;} .ggkf_jdt .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible } .ggkf_jdt .ws_images {width: 910px; height: 510px; float: left; overflow: hidden; position: relative;} .ggkf_jdt .ws_images ul li {width: 910px; height: 510px; overflow: hidden; position: relative;} .ggkf_jdt .ws_images ul li img {width: 910px; height: 510px; } .ggkf_jdt .ws_images ul li .bg{ width:100%; height:76px; position:absolute; overflow:hidden; left:0; bottom:0; background:#000; filter: alpha(opacity=50); -moz-opacity: 0.5;opacity: 0.5; z-index:1;transition: all 0.5s} .ggkf_jdt .ws_images:hover ul li .bg{ } .ggkf_jdt .ws_images ul li .bt{ width:870px; height:76px; padding: 0 20px; line-height:76px; font-size:24px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:15;} .ggkf_jdt .ws_images ul li .bt a{ color:#fff;} .ggkf_jdt .next, .ggkf_jdt .prev { position: absolute; display: none; cursor: pointer; top: 190px; z-index: 60; height: 71px; width: 71px; background-image: url(/uploads/image/nx2gimages/arrows.png); background-size: 200% } .ggkf_jdt .next { background-position: 100% 0; right: 20px } .ggkf_jdt .prev { left: 20px; background-position: 0 0 } .ggkf_jdt .next:hover { background-position: 100% 100% } .ggkf_jdt .prev:hover { background-position: 0 100% } .ggkf_jdt .ws_images:hover .next, .ggkf_jdt .ws_images:hover .prev,.ggkf_jdt .ws_thumbs:hover .img1,.ggkf_jdt .ws_thumbs:hover .img2 { display: block } .ggkf_jdt .ws_thumbs { float: right; width: 271px; height: 510px; overflow: hidden; position: relative;} .ggkf_jdt .ws_thumbs .img1,.ggkf_jdt .ws_thumbs .img2{ position: absolute; left: 115px;z-index: 999;display: none; opacity: .6} .ggkf_jdt .ws_thumbs .img1{ top:0;} .ggkf_jdt .ws_thumbs .img2{ bottom:0;} .ggkf_jdt .ws_thumbs ul { position: relative; width: 100% } .ggkf_jdt .ws_thumbs ul li{width: 271px; height: 175px; overflow: hidden;} .ggkf_jdt .ws_thumbs ul li img { width: 271px; height: 160px;box-sizing: border-box; } .ggkf_jdt .ws_thumbs ul li:first-child{height: 160px;} .ggkf_jdt .ws_thumbs .on img{ border: 1px solid #ca0000} .tab_pic { width: 720px; height: 405px; position: relative; margin: 0 auto; float: left; margin-left:0; margin-top:50px; overflow:hidden; } .tab_pic a.prev, .tab_pic a.next { width: 39px; height: 405px; top: 0; display: block; position: absolute; z-index: 99; transition: all 0.5s linear; } .tab_pic a.next { background: url(/uploads/image/x2wimg/r.png) center center no-repeat; right: -50px; } .tab_pic a.prev { background: url(/uploads/image/x2wimg/l.png) center center no-repeat; left: -50px;; } .tab_pic:hover a.prev { left:0; display: block } .tab_pic:hover a.next { right:0; display: block } .tab_pic .bd { width: 720px; height: 405px; } .tab_pic .bd li { position: relative; width: 720px; height: 405px; } .tab_pic .bd li img { width: 720px; height: 405px; } .tab_pic .bd li p { height: 42px; width: 720px; position: absolute; left: 0; bottom: 0; text-align: left; line-height: 42px; text-indent: 12px; z-index: 3; } .tab_pic .bd li p { text-align: left; color: #fff; font-size: 16px; } .tab_pic .bd li a:after{ content: ""; position: absolute; width:100% ; height: 100%; opacity: .8; box-shadow: 0 -52px 30px -2px #333 inset; z-index:1 } .tab_pic .hd { position: absolute; height: 10px; right: 5px; bottom: 16px; z-index: 99; } .tab_pic .hd ul { } .tab_pic .hd ul li { font-size: 0px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; margin: 0 3px; float: left; cursor:pointer } .tab_pic .hd ul li.on { background-color: #51b9dfff } .w430{ width: 430px; float: right; overflow: hidden; } .w430 dl{ overflow: hidden; padding-bottom: 12px; border-bottom: 1px dashed #bfbfbf; margin-top: 42px; } .w430 dl dt a{ font-size: 20px; font-family: microsoft yahei; font-weight: 400; color: #333333; } .w430 dl dt{ line-height: 32px; } .w430 dl dd{ font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #787878; line-height: 28px; text-indent: 2em; margin-top: 6px; } .w430 .nav{ height: 36px; position: relative; line-height: 36px; margin-top: 14px; overflow: hidden; } .w430 .nav:after{ content: ""; left: 0; top: 6px; position: absolute; width: 4px; height: 26px; background: #bd0415; } .w430 .nav strong{ font-size: 24px; font-family: microsoft yahei; font-weight: bold; color: #bd0415; float: left; margin-left: 16px; } .w430 .nav a.more{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #787878; float: right; margin-top: 0px; } .w430 ul{ padding-top: 20px;} .w430 ul li{ font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 36px; } .box01{ width: 596px; height: 438px; overflow: hidden; background: url(/uploads/image/x2wimg/boxbg01.png) center top no-repeat; margin-top: 186px; position: relative; } .box01 .t{ font-size: 24px; font-family: microsoft yahei; font-weight: 400; color: #fffee2; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.48); position: absolute; left: 28px; top: 14px; } .box01 .m{ font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #fffee2; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.48); position: absolute; right: 60px; top: 20px; } .box01 ul{ width: 540px; overflow: hidden; margin: 0 auto; padding-top: 14px; } .box01 ul li{ font-size: 18px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 36px; background:url(/uploads/image/x2wimg/ulli01.png) left center no-repeat; text-indent: 22px; } .boximg{ width: 540px; overflow: hidden; margin: 0 auto; margin-top: 84px; height:108px ; padding-bottom: 21px; border-bottom: 1px dashed #787878; } .boximg img{ width: 192px; height: 108px; float: left; } .boximg p{ width: 332px; font-size: 20px; font-family: microsoft yahei; font-weight: bold; color: #333333; line-height: 32px; text-align: justify; float: right; overflow: hidden; } .listimg{ width: 1200px; overflow: hidden; margin-top: 310px; } .listimg ul{ width: 1284px; } .listimg ul li{ width: 558px; margin-top: 20px; margin-right: 84px; overflow: hidden; } .listimg ul li img{ width: 208px; height: 118px; float: left; } .listimg ul li p{ font-size: 20px; font-family: microsoft yahei; font-weight: bold; color: #333333; line-height: 32px; text-align: justify; float: right; width: 332px; white-space: normal; } .zyd{ font-size: 18px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 32px; text-indent: 2em; text-align: justify; } .sjztab .hd{ height: 64px; position: relative; width: 1200px; overflow: hidden; margin-top: 18px; } .sjztab .hd:after{ content: ""; position: absolute; left: 1px; bottom:4px ; width: 1198px; height: 8px; background: #aaa39d; border-radius: 4px; z-index: 1; } .sjztab .hd ul{ width: 1240px; } .sjztab .hd ul li{ width: 66px; text-align: center; font-size: 30px; font-family: sourcehanserifcn; color: #ffffff; float: left; position: relative; height: 64px; margin: 0 35px 0 10px; cursor: pointer; } .sjztab .hd ul li:after{ content: ""; width: 12px; height: 12px; background: #dad1ca; border-radius: 50%; position: absolute; border: 2px solid #fff; left: 26px; bottom: 0; z-index: 99; } .sjztab .hd ul li.on{ color: #ffca76; } .sjztab .hd ul li.on:after{ background: #ffca76; } .sjztab .bd{ overflow: hidden; width: 1200px; height: 524px; margin-top: 28px; border-radius: 5px; } .sjztab .box{ width: 1200px; height: 524px; background: #ffffff; border-radius: 5px; } .sjztab .tempwrap{ overflow: hidden; width: 1200px; height: 524px; border-radius: 5px; margin-top: 28px; } .sjztab .box ul{} .sjztab .box ul li{ margin-right: 16px; margin-top: 25px; } .sjztab .box ul li img{ width: 210px; height: 118px; } .sjztab .box ul li p{ width: 210px; overflow: hidden; text-align: center; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; padding-top: 6px; margin-bottom: -4px; } .sjztab .box ul li:first-child{ width: 705px; margin-left: 20px; } .sjztab .box ul li:first-child img{ width: 705px; height: 396px; } .sjztab .box ul li:first-child p{ width: 705px; padding-top: 12px; font-size: 18px; } .imglist{ position: relative; height:340px ; margin-top: 164px; } .imglist a.next,.imglist a.prev{ width: 35px; height: 340px; position: absolute; display: block; top: 0; } .imglist a.next{ background: url(/uploads/image/x2wimg/rb.jpg) center center no-repeat; right: -55px; } .imglist a.prev{ background: url(/uploads/image/x2wimg/lb.jpg) center center no-repeat; left: -55px; } .imglist .bd{ width: 1200px; overflow: hidden;} .imglist .bd ul{width: 1260px;} .imglist .bd ul li{ width: 192px; height: 340px; margin-right: 60px; } .imglist .bd ul li img{ width: 192px; height: 340px; } .hbgbg{ background: url(/uploads/image/x2wimg/hbbg.png) center top no-repeat; width: 1200px; height: 700px; overflow: hidden; margin-top: 38px; } .hbg_bq_bg{ background: url(/uploads/image/x2wimg/sqbg.png) center top no-repeat; width: 1058px; height: 260px; float: left; margin-left: 78px; } .hbg_bq_bg ul li{ width: 180px; height: 160px; overflow: hidden; white-space: normal; } .hbg_bq_bg ul li p{ font-size: 18px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 32px; text-align: justify; } .hbg_bq_bg ul li p span{ padding-left: 5px; } .hbg_bq_bg ul li:nth-child(1){ margin:42px 0 0 20px } .hbg_bq_bg ul li:nth-child(2){ margin:42px 0 0 88px } .hbg_bq_bg ul li:nth-child(3){ margin:42px 0 0 102px } .hbg_bq_bg ul li:nth-child(4){ margin:42px 0 0 94px } .input_box{ width: 1076px; margin: 0 auto; overflow: hidden; margin-top: 30px; } .input_box input{ border: 0; background: none; } .text_srk{ width: 661px; height: 49px; background: #ffffff; border: 1px solid #d3d3d3; float: left; } .text_srk input{ width:651px; height:49px; line-height:49px; font-size:16px; padding:0 5px } .name_srk{ width: 232px; height: 49px; background: #ffffff; border: 1px solid #d3d3d3; float: left; margin-left: 21px; } .name_srk input{ width:222px; height:49px; line-height:49px; font-size:16px; padding:0 5px } .btn_srk{ width: 136px; height: 49px; background: #b82c2c; border: 1px solid #d3d3d3; float: right; } .btn_srk input{ width: 136px; height: 49px; line-height:49px; font-size:16px; color: #ffffff; text-align: center; cursor: pointer; }