.xwzx_main{ width: 100%; background: #fff; padding-top: 28px; padding-bottom: 20px; } .td_title{ font-size: 36px; line-height: 38px; font-weight: bold; } .td_title a{ display: block; text-align: center; color: #065ca1; background: no-repeat 0 50%; padding-left: 110px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .td_info{ padding: 0 20px; font-size: 16px; line-height: 36px; color: #999; text-indent: 2em; margin-top: 15px; } .td_info a{ color: #c71717; } .item01{ width: 100%; padding: 20px 20px 0 20px; } .banner_item{ width: 66%; width: 63%; height: 381px; position: relative; float: left; margin-right: 2%; } .bner{ width: 100%; height: 100%; position: relative; } .bner .bd, .bner .bd .tempwrap, .bner .bd .tempwrap ul{ width: 100%; height: 100%; overflow: hidden; } .bner .bd ul li{ float: left; width: 100%; height: 100%; } .bner .bd ul li a{ display: block; width: 100%; height: 100%; position: relative; } .bner .bd ul li a img { width: 100%; height: 100%; } .bner .bd ul li span { position: absolute; bottom: 0; left: 0; width: 100%; height: 54px; line-height: 54px; font-size: 18px; padding: 0 20px; text-align: center; color: #fff; background: rgba(0, 0, 0, .5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prev, .next { width: 42px; height: 67px; position: absolute; top: 157px; } .prev { left: 20px; background: no-repeat; } .next { right: 20px; background: no-repeat; } .news_item{ float: right; width: 32%; width: 35%; } .news_item .news_title{ width: 100%; border-bottom: 1px solid #d7d7d7; } .news_title li{ float: left; width: 33.3333333%; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; width: auto; min-width: 33%; padding:0 5px; } .news_title li.on{ background: #065ca1; border-radius: 8px 8px 0px 0px; } .news_title li.on a{ color: #fff; } .news_item .news_list{ width: 100%; height: 342px; overflow: hidden; } .news_list ul{ display: none; } .news_list li{ width: 100%; font-size: 16px; line-height: 38px; background: no-repeat 0 19px; padding-left: 15px; transition: all linear .4s; } .box>.news_list li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news_list li:hover{ text-indent: 10px; } .zctz_main{ width: 100%; padding: 20px; margin: 20px 0; background: #fff; } .zcxg_item{ float: left; width: 66%; margin-right: 2%; } .zcxg_item .zcxg_title{ width: 100%; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; } .zcxg_title li{ float: left; font-size: 18px; font-weight: bold; } .zcxg_title li.on a{ color: #004e8c; } .zcxg_title .zcfb{ margin-right: 20px; padding-left: 20px; background: no-repeat 0 50%; } .zcxg_title .zcjd{ padding-left: 20px; background: no-repeat 0 50%; } .zcxg_item .zcxg_list{ width: 100%; margin-top: 10px; } .zcxg_list ul{ display: none; } .zcxg_list li{ font-size: 16px; line-height: 38px; transition: all linear .4s; } .zcxg_list li p{ float: left; width: 80%; padding-left: 15px; background: no-repeat 0 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zcxg_list li:hover, .tzgg_item ul li:hover{ text-indent: 10px; } .zcxg_list li span{ float: right; color: #999; } .tzgg_item{ float: right; width: 32%; } .tzgg_item > p{ width: 100%; padding-bottom: 10px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #d7d7d7; } .tzgg_item > p a{ padding-left: 20px; color: #004e8c; background: no-repeat 0 50%; } .tzgg_item ul{ margin-top: 10px; } .tzgg_item ul li{ font-size: 16px; line-height: 38px; padding-left: 15px; background: no-repeat 0 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all linear .4s; } .pic_main{ width: 100%; padding: 20px; background: #fff; } .pic_main .tempwrap ul{ width: 1000% !important; } .pic_main p{ float: left; width: 32%; margin-right:20px; height: 118px; } .pic_main p:last-child{ margin-right:0; } .pic_main p > a{ display: block; width: 100%; height: 100%; } .pic_main p i{ font-style: normal; } .pic_main p .pic_bg{ width: 100%; height: 100%; } .pic_main p span{ display: block; text-align: center; margin-top: -83px; } .pic_main p span *{ vertical-align: middle; } .tzxx .tzxx_txt:hover img, .yjzj .yjzj_txt:hover img{ animation: myfirst 1s; -moz-animation: myfirst 1s; -webkit-animation: myfirst 1s; -o-animation: myfirst 1s; } .pic_main p span i{ font-size: 36px; font-weight: bold; letter-spacing: 2px; color: #fff; margin-left: 23px; } .pic_main .tzxx, .pic_main .yjzj{ /* margin-right: 2%;*/ } .ztzl_main{ width: 100%; padding: 20px; margin-top: 20px; background: #fff; } .ztzl_main .ztzl_title{ width: 100%; margin-bottom: 20px; } .ztzl_title a{ display: block; padding-left: 20px; font-size: 18px; font-weight: bold; color: #004e8c; background: no-repeat 0 50%; } .ztzl_list > div{ float: left; width: 32%; margin-left: 2%; } .ztzl_list .xxqg_item{ margin-left: 0; } .xxqg_item p, .tpgj_item p, .fgf_item p{ width: 100%; height: 56px; } .xxqg_item p img, .tpgj_item p img, .fgf_item p img{ width: 100%; height: 100%; } .xxqg_item p span, .tpgj_item p span, .fgf_item p span{ display: block; width: 100%; text-align: center; font-size: 16px; color: #fff; margin-top: -39px; } .xxqg_item ul, .tpgj_item ul, .fgf_item ul{ margin-top: 10px; } .xxqg_item ul li, .tpgj_item ul li, .fgf_item ul li{ width: 100%; font-size: 16px; line-height: 38px; padding-left: 15px; background: no-repeat 0 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all linear .4s; } .xxqg_item ul li:hover, .tpgj_item ul li:hover, .fgf_item ul li:hover{ text-indent: 10px; } .more{ font-size: 16px !important; font-weight: normal !important; background: none !important; color: gray !important; float: right !important; line-height: 26px !important; } .fixstyle{ position: fixed; right: 0; border-radius: 50px; width: 100px; height: 310px; top: 30%; color: #fff; left: 50%; margin-left: 580px; padding: 20px 10px; text-align: center; } .fixstyle .ewm{ } .fixstyle .ewm im{ width: 80px; height: 80px; } .fixstyle .weibo{ margin-top: 20px; } .fixstyle .weibo img{ width: 80px; } @media (max-width: 1220px) { } @media (max-width: 992px) { .container{ width: 100%; } } @media (max-width: 767px) { .banner_item ,.zcxg_item{ width: 100%; height: 415px; float: none; margin-right: 0%; } .news_item ,.tzgg_item{ float: none; width: 100%; margin-top: 10px; } .ztzl_list > div { float: none; width: 100%; margin-left: 0%; } .pic_main p { float: none; width: 100%; height: 100px; overflow: hidden; } .pic_main .tzxx,.pic_main .yjzj{ /* margin-bottom: 2%;*/ } .pic_main p a>img{ width: 100%; } .prev, .next { width: 40px; height: 45px; position: absolute; top: 90px; background-size: 80%; } .banner_item, .zcxg_item { height: 220px; } .td_title { font-size: 27px; line-height: 38px; font-weight: bold; } .td_title a{ padding-left: 97px; } .zcxg_list li p { width: 68%; } .prev { left: 10px; } .next{ right: 10px; } .header_nav ul li { float: left; height: 33.3%; line-height: 50px; width: 33.3%; } .header_nav ul { height: 150px; } .header_nav li span { margin-right: 10px; font-size: 16px; } .header_nav li a>img{ display: none; } .head_middle .search { float: right; width: 300px; } .search button { width: 88px; } } /*------------ã©â£ëœã§âªâ€”------------*/ #roll1,#roll2,#roll3{ width: 220px; padding: 15px; padding-bottom: 5px; background:#fff; box-sizing:border-box; position:absolute; cursor:pointer; z-index: 10003; } #roll .close,#roll2 .close,#roll3 .close{ position:absolute; width:30px; height:30px; border-radius:50%; border:1px solid #ccc; right:-15px; top:-5px; background:url(/uploads/image/sxi/close.png); background-color:#fff; } #roll2 .pcer{ width:100%; height: 165px; background:url(/uploads/image/sxi/indexpc1.png) no-repeat bottom center; background-size: 100%; } #roll2 a{ display:block; width:100%; height:100%; } .bannerbox{ font-size:0px; } .bannerbox>a{ display: inline-block; width: 33%; height: 83px; } .bannerbox>a a{ margin-left:0.5%; } .bannerbox>a img{ display:block; width:100%; height:100%; } .news_item .news_list{ height:auto; } .bannerbox{ width: 100%; padding: 20px; margin: 20px 0; background: #fff; } .box .news_list>ul{ min-height:150px; } .szfxx_list{ overflow:hidden; height:152px; } .szfxx_list li span{ display:none; }