.portlet { position: relative; z-index: 1; } .dn{ left:0 !important; top:0 !important; } html *{ margin: 0; padding: 0; text-decoration: none; color: #333333; font-family: "寰蒋闆呴粦","Microsoft YaHei","Arial",sans-serif; font-size: inherit; font-weight: inherit; color: inherit; list-style: none; box-sizing: border-box; } body{ font-size: 16px; transition:all .8s; color: #333; } ul,ol { list-style: none } img { vertical-align: middle; border: 0; } button,select,textarea { font-size: 100%; vertical-align: middle; outline: none; } textarea { resize: none } button,input[type="button"],input[type="reset"],input[type="submit"] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button } input{ border: 0; outline: 0; } input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder { color: transparent } button::-moz-focus-inner,input::-moz-focus-inner { padding: 0; border: 0 } table { border-collapse: collapse; border-spacing: 0 } .fl { float: left; } .fr { float: right; } .hide { display: none; } .show { display: block; } .ellipsis { white-space: Nowrap; text-overflow: ellipsis; overflow: hidden } .break { word-break: break-all; word-wrap: break-word } .clearfix { *zoom: 1; } .clearfix:after { content: "\200B"; display: block; height: 0; clear: both; } .rl{ position: relative; } .vi{ visibility: hidden; } .vid{ visibility: visible; } .tl{ text-align: left; } .tc{ text-align: center; } .tr{ text-align: right; } .ov1{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ov2{ -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: justify; } .ov3{ -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: justify; } .flex1{ display: flex; justify-content: space-around; } .flex2{ display: flex; justify-content: space-between; } .flex3{ display: flex; justify-content: center; } /* a:hover{ color: #e4393c; } */ .w1400{ width: 1400px; margin: auto; } .header{ width: 100%; height: 156px; line-height: 156px; color: #fff; background: url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/header-bg.jpg) no-repeat; background-size:100% 100% ; position: relative; z-index: 10; } .header .logo img{ width: 320px; } .header .logo i{ width: 1px; height: 34px; margin: 0 25px; background: #fff; display: inline-block; vertical-align: middle; } .header .logo span.siteName{ font-size: 40px; color: #fff; vertical-align: middle; } .header .search-form{ position: relative; color: #fff; } .header .search-form .kw{ width: 238px; height: 38px; padding: 0 20px; border: 1px solid #fff; background: transparent; border-radius: 20px; box-sizing: border-box; vertical-align: middle; position:relative; top:60px; } .header .search-form input.kw::-webkit-input-placeholder{ color: #fff; } .header .search-form .search{ width: 24px; height: 24px; position: absolute; right: 20px; bottom: 66px; } .header .menu{ display: none; } .pc-nav{ border-top: 1px solid #ae1c17; background: linear-gradient(#ae1d17,#c6423a); position: relative; z-index: 1; color: #fff; font-size: 20px; line-height: 50px; position: relative; z-index: 10; } .nav:after{ display: none; } .nav>li{ position: relative; /* padding: 0 50px; */ flex: 1; text-align: center; } .nav>li.bb,.nav>li:hover{ background: linear-gradient(#840601,#c6423a); } .nav>li:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: linear-gradient(#dc345b,#c6423b); } .nav>li:first-child:before{ display: none; } .nav .navson1{ position: absolute; left: 0; top:80px; /* margin-left: -20%; */ width: 100%; z-index: 10; opacity: 0; font-size: 16px; visibility: hidden; transition: all .5s ease-out; box-shadow: 0 0 5px #aaa; } .nav>li:hover .navson1{ top: 100%; z-index: 1; opacity: 1; visibility: visible; /* background-position: center top; */ } .nav .navson1>li{ line-height: 35px; text-align: center; padding: 10px 20px; position: relative; box-sizing: border-box; width: 100%; /* color: #4095c8; */ /* background: rgba(255,255,255,0.9); */ color: #fff; background: rgba(198,66,58,.9); border-bottom: 1px solid rgba(76,76,76,0.1); border-top: 1px solid rgba(76,76,76,0.1); } .nav .navson1>li:hover{ animation: swing .5s; } .header .menu { display: none; width: 24px; height: 22px; position: relative; /* margin-left: 15px; */ top: 18px; right: 10px; } .header .menu i { height: 2px; background: #fff; width: 26px; border-radius: 1px; transition: all .5s; } .header_state .menu i{ background: #333; } .header .menu i:nth-child(1) { position: absolute; left: 0px; top: 2px; } .header .menu i:nth-child(2) { position: absolute; left: 0px; top: 11px; } .header .menu i:nth-child(3) { position: absolute; left: 0px; top: 20px; } .header .menu_state i:nth-child(1){ transform: rotate(405deg); top: 10px; } .header .menu_state i:nth-child(2){ opacity: 0; } .header .menu_state i:nth-child(3){ transform: rotate(-405deg); top: 10px; } .search_mobile{ display: none; height: 30px; width: 30px; padding: 8px; border: 1px solid #fff; border-radius: 50%; position: relative; top: 40px; } .search_mobile img{ width: 100%; display: block; } .layer{ background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease-out 0s; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; /* justify-content: center;*/ } .layer .close1 { font-size: 60px; position: absolute; right: 0; top: 0; width: 80px; height: 80px; text-align: center; line-height: 80px; cursor: pointer; color: #ccc; } .layer .search_box form{ height: 45px; line-height: 45px; margin-left: 7.5vw; width: 80vw; display: -ms-flexbox; display: flex; transform: translateY(-50px); opacity: 0; margin-top: -100px; } .layer .search_box .kw { color: #333; background: #fff; box-shadow: 3px 3px 3px rgb(0 0 0 / 50%) inset; -ms-flex: 1; flex: 1; padding: 0 10px; font-size: 16px; -webkit-appearance: none; appearance: none; border-radius: 0; box-sizing: border-box; width: 70%; } .layer .search_box .ok { background: #c4261d; color: #fff; padding: 0 50px; text-align: center; font-size: 18px; cursor: pointer; -webkit-appearance: none; appearance: none; border-radius: 0; box-sizing: border-box; width: 30%; } .layer.showdiv { opacity: 1; visibility: visible; } .layer.showdiv .search_box form { transform: none; transition: all 0.5s ease-out 0s; opacity: 1; } .nav_mobile{ background: #fff; position: fixed; width: 100%; top: 60px; right: -100vw; z-index: 99; transition: all .5s; opacity: 0; font-size: 16px; box-sizing: border-box; } .nav_mobile_state{ opacity: 1; right:0; } .nav_mobile_state:after{ content: ''; position: fixed; top: 130px; left: 0; width: 100vw; height: 100vh; z-index: -1; background: rgba(0,0,0,0.8); transition: all .5s; } .nav_mobile>ul{ background: #c03442; } .nav_mobile>ul>li{ float: left; width: 50%; box-sizing: border-box; line-height: 50px; text-indent: 1em; border-bottom: 1px solid rgba(0,0,0,0.08); } .nav_mobile>ul>li:nth-child(odd){ border-right: 1px solid rgba(0,0,0,0.08); } .nav_mobile>ul>li:nth-child(-n+2) { border-top: 1px solid rgba(0,0,0,0.08); } .nav_mobile .d2{ background: #a51f18; color: #fff; line-height: 70px; text-indent: 1em; } .nav_mobile .d2 a{ margin-right: 20px; } .nav_mobile .d2 .alink{ border-top: 1px solid rgba(255,255,255,0.3); } .main{ background: url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/content-bg.jpg) no-repeat; background-size: 100% 100%; } .xw{ padding: 25px 30px; background: #fff; box-shadow: 0 0 10px #ddd; } .xw>.w1400{ background: #fff; box-shadow: 0 0 10px #ddd; } .swiper-containerXW{ width: 635px; height: 400px; margin: 0; } .swiper-containerXW p { font-size: 20px; color: #fff; position: absolute; z-index: 10; left: 0; bottom: -100%; width: 75%; padding: 0 20px; box-sizing: border-box; transition: all .5s .8s; } .swiper-containerXW .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; } .swiper-containerXW .swiper-slide-active p{ bottom: 20px; } .swiper-containerXW .swiper-pagination,.swiper-containerZT .swiper-pagination{ right: 30px; text-align: right; padding-right: 30px; bottom: 20px; box-sizing: border-box; } .swiper-containerXW .swiper-pagination-bullet,.swiper-containerZT .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 100%; background: #a6a4a3; opacity: 1; transition: all .3s; } .swiper-containerXW .swiper-pagination-bullet-active,.swiper-containerZT .swiper-pagination-bullet-active{ width: 24px; background: #dabe87; border-radius: 10px; } .swiper-containerTab{ width: 680px; margin-left: 20px; overflow: hidden; box-shadow: 0 0 5px #ddd; } .tabindexList{ background: #f5f5f5; border-bottom: 1px solid #e4e4e4; font-size: 18px; } .tabindexList span{ float: left; line-height: 50px; height: 50px; position: relative; padding: 0 25px 0 65px; transition: all .3s; background-position: 25px center; background-repeat: no-repeat; } .tabindexList span.tab{ color: #fff; background-color: #c03442; } .tabindexList span.tab:before{ content: ''; position: absolute; width: 0; height: 0; border-top: 8px solid #c03442; border-bottom: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; left: 73px; top: 100%; } .tabindexList span:first-child{ background-image:url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/xw-icon1.png); } .tabindexList span:last-child{ background-image:url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/xw-icon2.png); } .tabindexList span.tab:first-child{ background-image:url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/xw-icon1-state.png); } .tabindexList span.tab:last-child{ background-image:url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/xw-icon2-state.png); } .xw-list{ font-size: 16px; padding: 25px; line-height: 35px; } .xw-list li{ display: flex; justify-content: space-between; padding-left: 25px; background: url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/xw-icon-yuan.png) left center no-repeat; } .xw-list li:hover{ color: #c03442; background: url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/xw-icon-yuan-state.png) left center no-repeat; } .xw-list a{ display: inline-block; width: 85%; vertical-align: middle; } .xw-list span{ /*display: inline-block; width: 14%; text-align: right; vertical-align: middle;*/ text-align: justify; } .ztzl{ margin: 30px 0; } .to{ background: #fff; padding: 25px 30px 40px 30px; box-shadow: 0 0 10px #ddd; } .to-con{ width: 32%; position: relative; top: 0; box-shadow: 0 0 10px #ddd; transition: all .3s ease-out; } .to-con:hover{ top: -5px; box-shadow: 0 10px 10px #ddd; } /* .to2{ margin: 0 2%; } */ .to-tt{ position: relative; } .to-tt img{ width: 100%; } .to-tt h1{ position: absolute; width: 50%; line-height: 60px; padding-left: 40px; color: #fff; font-size: 36px; left: 0; bottom: 35px; box-sizing: border-box; } .to1 .to-tt h1{ background: linear-gradient(to right,rgba(201,54,59,1),rgba(255,255,255,0)); } .to2 .to-tt h1{ background: linear-gradient(to right,rgba(21,102,202,1),rgba(255,255,255,0)); } .to3 .to-tt h1{ background: linear-gradient(to right,rgba(230,132,31,1),rgba(255,255,255,0)); } .to-ul{ font-size: 18px; padding: 10px 30px 20px 30px; line-height: 59px; } .to-ul li{ border-top: 1px solid #e2e2e2; } .to-ul li:first-child{ border-top: 0; } .to-ul li:hover{ color: #e4393c; } .footer{ color: #fff; overflow: hidden; } .footer .ft{ height: 162px; padding: 35px 0; box-sizing: border-box; background: url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/footer-bg.jpg) no-repeat; background-size: cover; } .footer .flogo img{ width: 250px; } .footer .fo-box{ align-items: flex-start; } .footer .fo{ padding: 0 20px; border-left: 1px solid #fff; flex:auto; } .footer .fo1{ width: 370px; } .footer .fo2{ width: 350px; } .footer .fo3{ width: 100px; padding-right: 0; } .footer .fo p{ position: relative; margin-top: 15px; } .footer .fo p:first-child{ margin-top: 0; } .footer .fo3 img{ margin-right: 20px; } .footer .fo3 .weixin-pic{ width: 150px; height: 150px; visibility: hidden; position: absolute; z-index: 1; top: 100px; left: -70px; opacity: 0; transition: all .5s ease-out; } .footer p:first-child:hover .weixin-pic{ opacity: 1; top: -30px; visibility: visible; } .footer .fb{ text-align: center; line-height: 42px; background: #73050c; } /* 浜岀骇椤甸潰 */ .listbox{ box-shadow: 0 0 10px #ddd; padding: 30px 40px 40px 40px; } .shadow-box{ box-shadow: 0 0 5px #ddd; border: 1px solid #e5e5e5; } #listPage-left{ border-right: 1px solid #e5e5e5; } .leftNav{ width: 240px; } .leftNav h1{ text-align: center; font-size: 20px; font-weight: 600; line-height: 50px; height: 50px; position: relative; color: #fff; background-color: #c03442; } .leftNav h1:before { content: ''; position: absolute; width: 0; height: 0; border-top: 8px solid #c03442; border-bottom: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; left: 47%; top: 100%; } .leftNav ul{ position: relative; padding-top: 30px; } .leftNav .cc{ position: absolute; box-sizing: border-box; width: 100%; left: 0; top: 0; height: 50px; background: #f6e8e9; border-left: 6px solid #c03442; border-right: 6px solid #c03442; } .leftNav ul li{ height: 50px; line-height: 50px; font-size: 18px; background: #f5f5f5; margin-bottom: 15px; text-align: center; } .leftNav ul li a{ position: relative; z-index: 10; transition: all .5s ease-out; } .leftNav ul li:hover a{ color: #c03442; } .rightBox{ overflow-y: hidden; box-sizing: border-box; width: 1080px; background: url(/mkszyxy/uiFramework/commonResource/image/mkszyxy/list-bg.jpg) right bottom no-repeat; } .rightBox .dw{ background: #f5f5f5; font-size: 16px; color: #666464; padding-left: 40px; line-height: 50px; height: 50px; border-bottom: 1px solid #e4e4e4; } .rightBox .xw-list{ line-height: 79px; padding: 0 40px; } .rightBox .xw-list li{ border-bottom: 1px dashed #e4e4e4; } .fy{ line-height: 100px; text-align: center; font-size: 18px; color:#d1d0d0; } .fy *{ display:inline-block; } .fy .pagingNormal,.fy .NormalRed{ font-size:18px; width:38px; height:38px; line-height:38px; text-align:center; border:1px solid #d1d0d0; border-radius:50%; } .fy .NormalRed{ background:#c03442; color:#fff; } .fy em{ font-style:normal; } .fy .fy-bt{ cursor:pointer; margin:0 10px; } .fy em{ width:90px; height:38px; line-height:38px; text-align:center; border:1px solid #d1d0d0; border-radius:20px; } .listXX{padding:0 40px;line-height: 1.5;} @media screen and (max-width: 1500px){ .w1400{width: 90vw;} } @media screen and (min-width:1200px) and (max-width: 1400px){ .header .logo img { width: 250px; } .header .logo span.siteName{ font-size: 32px; } .pc-nav li{ font-size: 20px; } .swiper-containerXW{ height: 320px; } .xw-list { font-size: 16px; padding: 15px; line-height: 28px; } .to-ul{ font-size: 16px; line-height: 50px; padding: 10px 30px 20px 30px; } .to-tt h1{ font-size: 30px; } .footer .fo{ padding: 0 10px; } } @media screen and (min-width:960px) and (max-width:1200px){ .header .logo img { width: 200px; } .header .logo span.siteName{ font-size: 28px; } .pc-nav li{ font-size: 18px; } .swiper-containerXW{ height: 250px; } .xw-list { font-size: 16px; padding: 15px; line-height: 30px; } .swiper-containerTab .xw-list li:nth-child(n + 6){ display: none; } .to-ul{ font-size: 16px; line-height: 45px; padding: 10px 30px 20px 30px; } .to-tt h1{ font-size: 20px; } .footer .fo{ padding: 0 10px; } } @media screen and (min-width:769px) and (max-width: 960px){ .nav .navson1{ width: 200%; left: -50%; } .header .logo img { width: 150px; } .header .logo span.siteName{ font-size: 24px; } .pc-nav li{ font-size: 16px; } .swiper-containerXW{ height: 200px; } .xw-list { font-size: 16px; padding: 15px; line-height: 22px; } .xw-list li{ padding-left: 15px; } .xw-list a{ width: 79%; } /*.xw-list span { width: 20%; }*/ .swiper-containerTab .xw-list li:nth-child(n + 6){ display: none; } .to-ul{ font-size: 16px; line-height: 45px; padding: 5px 10px 10px 10px; } .to-tt h1{ font-size: 18px; width: 80%; } .footer .fo{ padding: 0 10px; } } @media screen and (max-width: 765px){ .w1400{width: 100%;} .nav{ display: none; } .flex2{ flex-wrap: wrap; } .header{ position: fixed; height: 60px; line-height: 60px; top: 0; z-index: 100; } .header .logo img { width: 130px; margin-left: 10px; } .header .logo i { width: 1px; height: 20px; margin: 0 5px; } .header .logo span.siteName { font-size: 16px; } .header .search-form{ display: none; } .search_mobile{ display:block; top: 15px; } .pc-nav{ display: none; } .header .menu{ display: block; } .main{ margin-top: 60px; } .swiper-containerXW .swiper-slide-active p{ bottom: 5px; } .swiper-containerTab{ margin-left: 0; margin-top: 10px; } .tabindexList{ height: 50px; text-align: center; } .tabindexList span{ float: none; display: inline-block; } .xw{ padding: 0; } .xw-list{ padding: 5px; } .xw-list li { padding-left: 15px; } .xw-list a{ width: 79%; } /*.xw-list span { width: 20%; }*/ #xwServer{ width:100% } .swiper-containerXW { width: 100%; height: 220px; } .swiper-containerXW .swiper-slide img{ height: 220px; } .swiper-containerXW p{ font-size: 16px; } .ztzl{ margin: 15px 0; } .to{ padding: 0; } .to2{ margin: 0; } .to-con{ width: 100%; margin-bottom: 20px; } .to-tt h1 { line-height: 40px; padding-left: 20px; font-size: 18px; } .to-ul { font-size: 16px; padding: 5px; } .to-ul li{ line-height: 45px; } .footer{ font-size: 14px; } .footer .ft { height: auto; padding: 15px 0; } .footer .flogo img { width: 200px; } .footer .ft .flex2{ justify-content: space-around; } .footer .fo-box{ margin-top: 10px; } .footer .fo p{ margin-top: 0; } .footer .fo3{ margin: 10px 0; display: flex; justify-content: space-around; } .footer .fo3 .weixin-pic{ left: 100px; } .footer p:first-child:hover .weixin-pic { opacity: 1; top: -160px; visibility: visible; } .footer .fb{ line-height: 25px; } .footer .fb span{ display: inline-block; } /* 浜岀骇椤甸潰 */ .listbox { padding: 0; margin-top: 80px; } #listPage-left{ width: 100%; } .leftNav { width: 100%; } .leftNav h1:before { left: 48%; } .leftNav ul { padding-top: 15px; } .leftNav ul li { margin-bottom: 5px; } .rightBox{ width: 100%; } .rightBox .dw{ padding-left: 10px; } .rightBox .xw-list { line-height: 50px; padding: 0 10px; } .rightBox .xw-list a{ width: 69%; } /*.rightBox .xw-list span{ width: 30%; }*/ .fy{ font-size: 14px; } .fy .pagingNormal, .fy .NormalRed { font-size: 14px; width: 28px; height: 28px; line-height: 28px; } .fy .fy-bt{ margin: 0 5px; } .fy span{ display: none !important; } .fy em { width: 80px; height: 28px; line-height: 28px; } .linkOld{display:none;} } .leftNav h1.hNO:before{display:none;}