#tabfirst_3 { margin: 0px; background-repeat: no-repeat; } #tabfirst_3 ul { background: #cc0001; } #tabfirst_3 li { font-size: 12px; cursor: pointer; line-height: 35px; text-align: center; font-weight: normal; color: #333; } #tabfirst_3 li.tabin { font-size: 14px; cursor: pointer; font-weight: bold; color: #fff; font-weight: bold; background: #9e2c12; background-repeat: no-repeat; background-position: center bottom; } #tabfirst_3 li.tabin a { color: #ffffff; font-size: 14px } .contentfirst_3 { clear: left; width: 345px; display: none; } .contentin_3 { display: block; } #tabfirst_4 { margin: 0px; background-repeat: no-repeat; } #tabfirst_4 ul { background: #cc0001; } #tabfirst_4 li { font-size: 12px; cursor: pointer; line-height: 35px; text-align: center; font-weight: normal; color: #333; } #tabfirst_4 li.tabin { font-size: 14px; cursor: pointer; font-weight: bold; color: #fff; font-weight: bold; background: #9e2c12; background-repeat: no-repeat; background-position: center bottom; } #tabfirst_4 li.tabin a { color: #ffffff; font-size: 14px } .contentfirst_4 { clear: left; width: 345px; display: none; } .contentin_4 { display: block; } .zilanmu { /* color:black; */ width: 150px; display: inline; } .zilanmu a { /* color:black; */ } .zilanmu-ul { width: 100%; } .ul_bar .col-md-2 { text-align: center; line-height: 54px } .zilanmu-ul { display: none; background-color: #4c8cde; position: absolute; top: 54px; left: 0px; z-index: 9999 } .flex_row { display: flex; flex-direction: row } .div_img { width: 1200px; margin: 10px auto 0; } .div_news { width: 49.2%; margin-top: 20px; float: right } .div_lunbo { width: 49.2%; margin-top: 20px; float: left } .left_item { width: 49.2%; float: left } .right_item { width: 49.2%; float: right } .ul_zwicon li { padding-left: 0 } .ul_zwicon2 li { padding-left: 0 } .ul_link { width: 1200px; margin: 0 auto 20px auto; background-color: #e2edfa; height: 80px; padding: 20px 0 } .ul_link ul li { float: left; display: inline; vertical-align: middle; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; height: 36px; line-height: 36px; } .ul_link ul li select { padding: 0 10px; width: 180px } .ul_link span{display: inline; vertical-align: middle; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; height: 36px; line-height: 36px; float: left;} .ul_link dl{width:180px; position:relative; font-size:14px; float: left; margin-right: 30px} .ul_link dl.dlend{margin-right:0;} .ul_link dl dt{border:#b8b8b8 1px solid; height:36px; padding-left:17px; color:#000000; line-height:39px; position:relative; z-index:2;} .ul_link dl dt i{background:url(/uploads/image/global/link_xlbtn.jpg) left center no-repeat; width: 29px; height: 34px; position: absolute; right: 0;} .ul_link dl dd{ display:none; position:absolute; bottom:36px; left:0; background:#fff; border:#ccc 1px solid; width:180px; /*height:250px;*/ overflow-y:scroll; z-index: 5;} .ul_link dl dd a{ display:block; padding:10px 0 10px 20px; line-height:18px; color:#666; border-bottom:#e3e3e3 1px dotted; background:#fff;} .ul_link dl dd a:hover{background:#f8f8f8; color:#0054a7;} .div_content { margin-top: 0px } .mt_20 { margin-top: 20px } .carousel { position: fixed; z-index: 999; border: 1px solid #000; right: 0; bottom: 0; width: 252px; height: 162px; } .carousel .swiper-carousel { width: 252px; height: 162px; } .carousel .closed{ position: absolute; right: 0; width: 15px; height: 13px; z-index: 10; cursor: pointer; } .carousel .closed img{ display: block; } .carousel .swiper-carousel img { width: 252px; height: 162px; } .carousel .pagination{ position: absolute; text-align: right; bottom: 5px; z-index: 2; right: 10px; margin: 0; } .carousel .swiper-pagination-switch { width: 10px; height: 10px; background: #b6c0c1; border-radius: 5px; cursor: pointer; margin: 0 5px; display: inline-block; transition: all 0.4s; } .carousel .pagination .swiper-active-switch { background: #3b94d9; } @media (max-width: 1024px) { .div_img, .ul_link{width: 100%;} .p_jianjie{height: auto;} .div_zxft{margin-bottom: 10px;} .ul_zwicon li a{font-size: 12px;} .ul_hdjl li a img{height: 83px;} } @media (max-width: 912px) { .div_content, .ul_link, .div_footer{padding: 0 2%; width: auto;} .div_lunbo{padding-top: 30px;} .div_lunbo, .div_news, .left_item, .right_item{width: 100%; float: none;} .ul_zwicon2{display: flex; justify-content: space-between;} .right_item{margin-top: 30px;} .ul_hdjl li a img{height: 128px;} .ul_link{height: auto; padding: 20px 0} .ul_link{display: flex; justify-content: center;} .ul_zwicon li a{font-size: 16px;} .col-md-5{width: 100%; text-align: center !important;} .col-md-7{text-align: center;} } @media (max-width: 820px) { .ul_zwicon2 li{text-align: center;} .ul_zwicon2 li a s.icon_zhinan{display: block; margin-bottom: 10px; margin-left: 35%} .ul_zwicon2 li a s.icon_mulu{display: block; margin-bottom: 10px; margin-left: 35%} .ul_zwicon2 li a s.icon_yishenqing{display: block; margin-bottom: 10px; margin-left: 35%} .ul_zwicon2 li a s.icon_baogao{display: block; margin-bottom: 10px; margin-left: 35%} .ul_hdjl li a img{height: 12rem;} } @media (max-width: 768px) { .ul_hdjl li a img{height: 10rem;} } @media (max-width: 640px) { .ul_hdjl li a img{height: 9rem;} } @media (max-width: 540px) { .ul_zwicon, .ul_zwicon2{display: flex; justify-content: space-between; flex-wrap: wrap; } .div_content .ul_tab{margin: 15px 0 10px !important;} .ul_zwicon{margin-top: 0;} .ul_zwicon li.col-xs-4{width:49%; margin-top: 10px !important;} .ul_hdjl li a img{height: 7.5rem;} .ul_zwicon li{width: 49%; padding: 0; margin: 5px 0;} } @media (max-width: 480px) { .banner1, .banner1 .swiper-banner1, .banner1 img{height: auto;} .banner1 .pagination{bottom: -20px;} .col-xs-3{width: 50%; margin:15px 0 0} .col-xs-5, .col-xs-7{width: 100%; float: none;} .col-xs-7{margin-top: 10px;} .ul_hdjl{padding: 0} .ul_hdjl li a img{height: 5rem;} .div_content .ul_tab{margin-bottom: 0;} .ul_link{display: block;} .ul_link{padding: 0 10px 10px;} .ul_link span, .ul_link dl{display: block; float: none; width: 100%; text-align: center;} .ul_link dl{ text-align: center; display: block; margin:10px 0} .ul_link dl dd{width: 100%;} .ul_link ul li select{width: 100%;} } @media (max-width: 400px) { .ul_zwicon li a{font-size: 14px;} } @media (max-width: 360px) {} @media (max-width: 320px) { .ul_zwicon li.col-xs-4{width: 100%;} } @media (max-width: 280px) {}