.dn{left:0 !important;top:0 !important; } .portlet-header{position:relative;} #tab_con1,tab_con2{font-size:16px;} #tab_con1 strong,tab_con2 strong{ font-weight:bold; } #tab_con1 p{ min-height:1px; margin:14px 0; } .fwUl li{ margin-top: 15px; font-size: 0.18rem; display: inline-block; margin-right: 30px; list-style-image: url('/eportal/fileDir/xcxy/resource/cms/2017/05/listStyle_03.png') ; } .portTit { padding-top: 10px; padding-bottom: 5px; border-bottom: 2px solid #dadada; } .portTit span { color: #0075b8; vertical-align: middle; font-size: 0.28rem; } html *{ margin: 0; padding: 0; text-decoration: none; color: #333333; /*font-family: Noto Sans SC,Microsoft YaHei,Arial,sans-serif;*/ font-family:"Microsoft YaHei","寰蒋闆呴粦","榛戜綋","鎬濇簮榛戜綋","鑻规柟","瀹嬩綋"; font-size: inherit; font-weight: inherit; color: inherit; } body{ font-size: 0.16rem; transition:all .8s; /* overflow: hidden; */ } /* span{ vertical-align: middle; } */ html{ font-size: 100px; /* overflow: hidden; */ /* opacity: 0; */ } ul,ol { list-style: none } img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } 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: ''; 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: #4095c8; } */ @media screen and (min-width: 700px){ .itemL{ transform: translateX(-100px); opacity:0; transition: all 1s ease-out 0s; } .itemR{ transform: translateX(100px); opacity:0; transition: all 1s ease-out 0s; } .itemT{ transform: translateY(-100px); opacity:0; transition: all 1s ease-out 0s; } .itemB{ transform: translateY(100px); opacity:0; transition: all 1s ease-out 0s; } .delay1{ transition-delay:0.3s; } .delay2{ transition-delay:0.6s; } .delay3{ transition-delay:0.9s; } .delay4{ transition-delay:1.2s; } .delay5{ transition-delay:1.5s; } .showdiv .itemL,.showdiv .itemR,.showdiv .itemT,.showdiv .itemB { transform: none; opacity: 1; } .swiper-containerXw .xw_ul li:nth-child(odd){ transform: translateX(-100px); opacity:0; transition: all 1s ease-out 0s; } .swiper-containerXw .xw_ul li:nth-child(even){ transform: translateX(100px); opacity:0; transition: all 1s ease-out 0s; } .swiper-containerXw .xw_ul li:nth-child(3){transition-delay:0.2s;} .swiper-containerXw .xw_ul li:nth-child(4){transition-delay:0.2s;} .swiper-containerXw .xw_ul li:nth-child(5){transition-delay:0.4s;} .swiper-containerXw .xw_ul li:nth-child(6){transition-delay:0.4s;} .swiper-containerXw .xw_ul li:nth-child(7){transition-delay:0.6s;} .swiper-containerXw .xw_ul li:nth-child(8){transition-delay:0.6s;} .swiper-containerXw .xw_ul li:nth-child(9){transition-delay:0.8s;} .swiper-containerXw .xw_ul li:nth-child(10){transition-delay:0.8s;} .showdiv .swiper-containerXw .swiper-slide-active .xw_ul li{ transform: none; opacity: 1; } .swiper-containerGg .xw_ul li{ transform: translateY(100px); opacity:0; transition: all 1s ease-out 0s; } .swiper-containerGg .xw_ul li:nth-child(3){transition-delay:0.2s;} .swiper-containerGg .xw_ul li:nth-child(4){transition-delay:0.2s;} .swiper-containerGg .xw_ul li:nth-child(5){transition-delay:0.4s;} .swiper-containerGg .xw_ul li:nth-child(6){transition-delay:0.4s;} .swiper-containerGg .xw_ul li:nth-child(7){transition-delay:0.6s;} .swiper-containerGg .xw_ul li:nth-child(8){transition-delay:0.6s;} .showdiv .swiper-containerGg .swiper-slide-active .xw_ul li{ transform: none; opacity: 1; } .kjrk_ul li img{ transform: rotate(360deg); opacity:0; transition: all 1s ease-out 0s; } .kjrk_ul li:nth-child(1) img{transition-delay:0.1s;} .kjrk_ul li:nth-child(2) img{transition-delay:0.2s;} .kjrk_ul li:nth-child(3) img{transition-delay:0.3s;} .kjrk_ul li:nth-child(4) img{transition-delay:0.4s;} .kjrk_ul li:nth-child(5) img{transition-delay:0.5s;} .kjrk_ul li:nth-child(6) img{transition-delay:0.6s;} .kjrk_ul li:nth-child(7) img{transition-delay:0.7s;} .kjrk_ul li:nth-child(8) img{transition-delay:0.8s;} .kjrk_ul li:nth-child(9) img{transition-delay:0.9s;} .kjrk_ul li:nth-child(10) img{transition-delay:1s;} .kjrk_ul li:nth-child(11) img{transition-delay:1.1s;} .kjrk_ul li:nth-child(12) img{transition-delay:1.2s;} .showdiv .kjrk_ul li img{ transform: none; opacity: 1; } } .w1600{ width: 16rem; margin: auto; } .w1500{ width: 15rem; margin: auto; } .w1400{ width: 14rem; margin: auto; } .home-body{ position: fixed; left: 0%; top: 100%; width: 100%; bottom: 0; right: 0; background: #fff; overflow: hidden; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; z-index: 88; overflow: auto; outline: none; } .home-body-show{ top:1.8rem; } .home-body::-webkit-scrollbar ,.navson_jg3::-webkit-scrollbar{ /*濠婃艾濮╅弶鈩冩殻娴f挻鐗卞锟?/ width : 0.1rem; /*妤傛ê顔旈崚鍡楀焼鐎电懓绨插Ο顏嗙彨濠婃艾濮╅弶锛勬畱鐏忓搫顕?/ height: 1px; background: #ffffff45; } /*濠婃艾濮╅弶锟犲櫡闂堛垹鐨弬鐟版健*/ .home-body::-webkit-scrollbar-thumb ,.navson_jg3::-webkit-scrollbar-thumb{ /*border-radius:2em; background-color:#16a085;*/ border-radius: 1em; /* background-color: #579a57ee; */ background-color: #4095c8; /*background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent );*/ } /*濠婃艾濮╅弶锟犲櫡闂堛垼寤洪柆锟?/ .home-body::-webkit-scrollbar-track ,.navson_jg3::-webkit-scrollbar::-webkit-scrollbar-track{ /*border-radius:2em; background-color:#fff;*/ /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/ /*background: #ffffff45;*/ background-color: rgba(255,255,255,.5); /*鐠佸墽鐤嗛懗灞炬珯闁繑妲?/ border-radius: 10px; } .header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100; color: #fff; transition: all 0.3s ease-out 0s; background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); /* box-shadow: 0 0 10px 5px rgb(0 0 0 / 10%);*/ } .header_state{ background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 15%); color: #333333; } .op{ display: none; } .header .ht{ font-size: 0.2rem; line-height: 0.6rem; position: relative; z-index: 10; /* background: rgba(0,0,0,.2); */ } .header_state .ht{ color: #858383; border-bottom: 1px solid #cbcbcb; } .header .ht a{ display: inline-block; vertical-align: middle; } .header .ht .work span{ margin:0 0.2rem; font-size: 0.1rem; } .header .ht .alink a{ margin-left: 0.34rem; cursor: pointer; } .header .hb{ padding: 0.15rem 0; position: relative; z-index: 10; } .header .hb .block{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center } .header .hb .logo img{ width: 3.21rem; } .nav{ } .nav>li{ position: relative; font-size: 0.26rem; float: left; margin-left: 0.3rem; } .nav>li:first-child{ margin-left: 0; } .nav .navson1{ position: absolute; left: -20%; top: 1.2rem; /* margin-left: -20%; */ width: 140%; z-index: -1; opacity: 0; font-size: 0.16rem; visibility: hidden; transition: all .5s .3s; box-shadow: 0 0 5px #aaa; /* background-image: url(/xy/uiFramework/commonResource/zip/xy/img/nav_jt.png); background-repeat: no-repeat; */ } .nav .navson_jg{ position: absolute; left: 0; top: 1.2rem; /* height: 4rem; */ background: rgba(255,255,255,.98); color: #333; z-index: -1; opacity: 0; font-size: 0.18rem; border-radius: 10px; box-shadow: 0 0 5px #aaa; visibility: hidden; transition: all .5s .3s; display: flex; justify-content: space-between; } .navson_jg>li>a{ background: #4095c8; } .navson_jg>li:first-child{ width: 37%; } .navson_jg>li:last-child{ width: 63%; } .navson_jg>li>a{ display: block; line-height: 0.5rem; color: #fff; font-size: 0.22rem; text-align: center; } .navson_jg2{ margin: 0.35rem 0; border-right: 1px solid #bbbbbb; display: flex; justify-content: space-around; padding:0 10px; } .navson_jg2>li{ /* max-width:25%;*/ } /*.navson_jg2:nth-child(1)>li:nth-child(1),.navson_jg2:nth-child(1)>li:nth-child(2){ width: 50%; padding-left: 10%; box-sizing: border-box; }*/ .navson_jg2>li>a{ display: block; font-size: 0.2rem; color: #4095c8; margin-bottom: 0.35rem; } .navson_jg3{ height: 2.5rem; line-height: 0.35rem; overflow-y: auto; padding-right:0.1rem; } .navson_jg3>li>a{ font-size: 0.18rem; color: #333; } .nav>li .nav_jt{ position: absolute; top: 100%; left: 0; width: 100%; margin-left: 0; transition: all .5s; visibility: hidden; } .nav>li .nav_jt img{ height:0.42rem; } .nav>li:hover .navson1{ top: 0.83rem; z-index: 1; opacity: 1; visibility: visible; /* background-position: center top; */ } .nav>li:hover .navson_jg{ top: 0.83rem; /* z-index: 1; */ opacity: 1; visibility: visible; } .nav>li:hover .nav_jt{ margin-left: 42%; visibility: visible; } .nav .navson1>li{ text-align: center; padding: 0.1rem 0.1rem; position: relative; box-sizing: border-box; width: 100%; /* color: #1e8e20; */ color: #4095c8; background: rgba(255,255,255,0.98); 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; } /* .navbackground { width: 100%; height: 1000px; position: absolute; background: rgba(38, 38, 38, .7); z-index: -1; display: none; } */ .header .tools { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 0.26rem } .header .tools .a { border: 1px solid #fff; border-radius: 100%; margin-left: 0.2rem; width: 0.5rem; height: 0.5rem; line-height: 0.5rem; position: relative; } .header .tools .a:first-child{ margin: 0; } .header_state .tools .a{ border: 1px solid #4095c8; cursor: pointer; color: #4095c8; } .header .tools .a>a { cursor:pointer; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .header .tools .a img{ width: 0.24rem; } .header .tools .lang { font-size: 0.24rem; font-family: en; text-transform: uppercase; font-family: Arial; } .header .tools .lang i{ font-style: normal; } .nav_mobile{ background: #fff; position: fixed; width: 100%; top: 1.3rem; right: -100vw; z-index: 1000; transition: all .5s; opacity: 0; font-size: 0.26rem; box-sizing: border-box; } .nav_mobile_state{ opacity: 1; right:0; } .nav_mobile_state:after{ content:'' ; position: fixed; top: 1.3rem; left: 0; width: 100vw; height: 100vh; z-index: -1; background: rgba(0,0,0,0.8); transition: all .5s; } .nav_mobile>ul{ background: #fff; } .nav_mobile>ul>li{ float: left; width: 50%; text-align:center; box-sizing: border-box; line-height: 0.7rem; /*text-indent: 1em;*/ border-bottom: 1px solid rgba(0,0,0,0.08); } .nav_mobile>ul>li .flex1{ height:0; overflow:hidden; transition:all .5s; flex-wrap: wrap; } .nav_mobile>ul>li .flex1 a{ padding:0 0.1rem; } .nav_mobile>ul>li:hover .flex1{ /* height:0.7rem;*/ height:auto; } .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: #4095c8; color: #fff; line-height: 0.7rem; /*text-indent: 1em;*/ } .nav_mobile .d2 a{ margin-right: 0.2rem; display: inline-block; } .nav_mobile .d2 .work{ padding-left:1em; } .nav_mobile .d2 .alink{ padding-left:1em; padding-top:0.1rem; padding-bottom:0.1rem; line-height: initial; border-top: 1px solid rgba(255,255,255,0.3); } .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: 0.6rem; position: absolute; right: 0.5rem; top: 0.5rem; width: 0.8rem; height: 0.8rem; text-align: center; line-height: 0.8rem; cursor: pointer; color: #ccc; } .layer .search_box form{ height: 45px; line-height: 45px; margin-left: 30vw; width: 40vw; display: -ms-flexbox; display: flex; transform: translateY(-50px); opacity: 0; margin-top: -100px; } .layer .search_box .kw { background: #fff; box-shadow: 3px 3px 3px rgb(0 0 0 / 50%) inset; -ms-flex: 1; flex: 1; padding: 0 0.1rem; font-size: 16px; -webkit-appearance: none; appearance: none; border-radius: 0; box-sizing: border-box; width: 70%; } .layer .search_box .ok { background: #4095c8; color: #fff; padding: 0 0.5rem; 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; } .banner{ overflow: hidden; /* height: 100vh; */ transition: all .5s; } /* .banner_hide{ height: 0; } */ .banner #swiper1{ position: relative; width: 100%; overflow: hidden; transition: all 1s; } .banner #swiper1 .swiper-slide a { position: relative; display: block; height: 100vh; overflow: hidden; width: 100%; transition: all 1s; } .banner #swiper1 .swiper-slide a:before { content:'' ; position: absolute; z-index: 10; left: 0; bottom: 0; right: 0; height: 10vh; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0)); } .banner #swiper1 .swiper-slide>a>img{ position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .banner #swiper1 .swiper-slide>a>video{ width: 100%; height: 100vh; object-fit: fill; } .banner .tit{ position: absolute; width: 100%; bottom: 5vh; z-index: 10; font-size: 0; } .banner .f36{ position: absolute; bottom: 0; left: 40vw; opacity: 0; font-size: 0.36rem; color: #fff; transition: all .8s 1s; } .banner .swiper-slide-active .f36{ left: 0; opacity: 1; } .banner .banner_jt{ position: absolute; right: 0; bottom: 0.2rem; z-index: 10; width: 0.53rem; height: 0.15rem; } .banner .banner_jt img{ width: 100%; height: 100%; vertical-align: top; } .banner .swiper-pagination{ z-index: 10; bottom: 5vh; left: inherit; right: 0.8rem; width: 100%; text-align: right; font-size: 0; } .banner .swiper-pagination span{ font-size: 0.24rem; color: #fff; margin-right: 0.28rem; cursor: pointer; vertical-align: middle; display: none; /* transition: all 1s; */ } .banner .swiper-pagination span.swiper-pagination-active{ font-size: 0.36rem; } .banner .swiper-pagination i{ display: inline-block; width: 0; height: 1px; background: #fff; transition: all 1s; vertical-align: middle; margin-left: 0; } .banner .swiper-pagination span.swiper-pagination-active i{ width: 0.6rem; margin-left: 0.28rem; } .bb{position:absolute;z-index:10;left:50%;bottom:10px;text-align:center;transform:translateX(-50%);color:#94070a;font-size:36px;cursor: pointer;opacity:0;font-family:icon;padding:0 10px;animation:bb 2s linear 0s infinite;font-weight:bold;} @keyframes bb{ 0%{transform:translate(-50%,0);opacity:0;} 20%{transform:translate(-50%,3px);opacity:1;} 80%{transform:translate(-50%,10px);opacity:1;} 90%{transform:translate(-50%,10px);opacity:0;} 100%{transform:translate(-50%,10px);opacity:0;} } .xyrd{ background-image: url(/xy/uiFramework/commonResource/zip/xy/img/xyrd_bg.jpg); background-position: bottom center; background-repeat: no-repeat; background-size:100% 100% ; height: 10rem; } .obturateur { stroke-width: 3; stroke-miterlimit: 10; color: #4a9bcb; } .obturateur * { fill: none; stroke: currentColor; } .tt{ font-size: 0.44rem; padding: 0.5rem; } .tt_white{ color: #fff; } .tt_white .obturateur{ color: #fff; } .tt_black{ color: #333333; } .tt_black .obturateur{ color: #4095c8; } .rd_box{ } .rd_box .d1,.rd_box .d2{ width: calc(50% - 0.25rem); float:left; position: relative; } .rd_box .d2{ float:right; margin-bottom:0.2rem; } .swiper-containerRd{ padding: 5px; color: #fff; } .swiper-containerRd .swiper-wrapper{ /* background: rgba(255,255,255,.8); */ } .swiper-containerRd .swiper-slide{ /*display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;*/ } .swiper-containerRd .d1 img{ width: 100%; height: 4.5rem; object-fit: cover; /*box-shadow: 0 0 5px rgb(255 225 225);*/ } .swiper-containerRd .sTT{ padding: 0 0.2rem; } .swiper-containerRd .d1 h1{ font-size: 0.26rem; font-weight: bold; padding: 0.2rem 0; } .swiper-containerRd .d1 p{ padding-bottom: 0.2rem; } .swiper-containerRd .d1 p.ov2,.swiper-containerRd .d2_tt p{ text-indent: 2em; } .swiper-containerRd .d2{ background: #fff; color: #333; height: 1.9rem; } .swiper-containerRd .d2:hover{ box-shadow: 0 0 10px rgb(172,28,42); } .swiper-containerRd .d2_pic{ width: 40%; height: 100%; } .swiper-containerRd .d2_pic img{ width: 100%; height: 100%; object-fit: cover; /*box-shadow: 0 0 5px rgb(255 225 225);*/ } .swiper-containerRd .d2_tt{ width: 54%; padding:0 2% 0 4%; } .swiper-containerRd .d2_tt h1{ font-size: 0.24rem; height: 0.65rem; margin-bottom: 0.1rem; padding-top: 0.2rem; } .swiper-containerRd .d2_tt p{ font-size: 0.16rem; } .swiper-containerRd .swiper-buttonRd{ display: inline-block; padding-left: 0.2rem; } .swiper-containerRd .swiper-button-prevRd{ margin-right: 1rem; margin-top: 0.2rem; } .swiper-containerRd .swiper-buttonRd img{ width: 0.69rem; height: 0.56rem; cursor: pointer; margin-top: 0.2rem; } .xyxw{ overflow:hidden; } .swiper-containerXw,.swiper-containerGg{ overflow: inherit; } .tabindexList{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: center; padding-bottom: 0.66rem; } .tabindexList span{ font-size: 0.26rem; margin: 0 0.15rem; color: #4095c8; border: 1px solid #4095c8; padding: 0.08rem 0.4rem; border-radius: 0.4rem; cursor: pointer; /*transition: all 0.8s;*/ } .tabindexList span.tab{ background: #4095c8 ; color: #fff; } .swiper-containerXw .swiper-slide{ } .xw_ul,.xw_ul_div{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; } .ejList .xw_ul li{ width: 100%; border-bottom: 1px solid #e2e2e2; padding: 0.33rem 0 !important; } .ejList .xw_ul li a:hover{ color:red; } .xw_ul li{ width: calc(50% - 0.6rem); border-bottom: 1px solid #e2e2e2; padding: 0.33rem 0; } /*.tabindexListXS { padding-bottom: 0; padding-top: 0.2rem; justify-content: left; } .tabindexListXS span{ margin:0; }*/ .swiper-containerXS { width:11rem; } .swiper-containerXS .xw_ul li{ width: 100%; overflow: hidden; border: 0; padding: 0.15rem 0 !important; } .swiper-containerXS .xw_ul li h2{ display: inline-block; vertical-align: middle; width: 80%; } .swiper-containerXS .xw_ul li span{ float:right; font-size:0.2rem; } .xw_ul li:nth-child(1),.xw_ul li:nth-child(2){ padding-top: 0; } .xw_ul li img{ width: 100%; height: 2.26rem; object-fit: cover; transition:all .3s; } .xw_ul_div>div{ width: calc(50% - 0.12rem); overflow: hidden; } .xw_ul_div:hover img{ transform: scale(1.05); } .xw_ul li h1{ font-size: 0.24rem; height: 1.3rem; } .xw_ul li h1 p{ font-size: 0.16rem; } .xw_ul li h2{ font-size: 0.2rem; } .xw_more{ text-align: center; font-size: 0.24rem; padding: 0.4rem 0; } .xw_more img{ width: 0.69rem; height: 0.56rem; margin-right: 0.5rem; } .xw_more a:hover img{ animation: pulse 1s; } .ztwz{ background-image: url(/xy/uiFramework/commonResource/zip/xy/img/ztwz_bg.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; background-size:100% 100% ; height: 9rem; } .zt_box{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .swiperZt .swiper-slide{width:25%;} .zt_box li:hover{ animation: bounce 1s; } .zt_box .d1 img{ width: 100%; height: 4.36rem; object-fit: cover; } .zt_box .d2 img{ width: 100%; height: 1.23rem; object-fit: cover; } .zt_box .d2{ position: relative; } .zt_box .d2 p{ position: absolute; left: 0; bottom: 0; padding-top: 0.2rem; padding-left:0.1rem; padding-right:0.1rem; box-sizing: border-box; height: 100%; width: 100%; line-height: inherit; font-size: 0.24rem; text-align: center; color: #fff; } .zt_box li{padding:0 0.01rem;} .zt_box li:nth-child(5) .d2 p{padding-top: 0.4rem;} /*.zt_box li:nth-child(4) .d2 p{padding-top: 0.4rem;}*/ .xsky{ padding-top: 1rem; padding-bottom: 3.2rem; background: url(/xy/uiFramework/commonResource/zip/xy/img/xsky_bg.jpg) right bottom no-repeat; background-size: 6.33rem 7.57rem; } .xsky .ky_box1{ /*width: 8.8rem;*/ } .xsky .ky_box1 .pic_l{ width: 4.9rem; } .xsky .ky_box1 .pic_l img{ width:100%; height: 6rem; } .xsky .ky_box1 .pic_r{ width: 3.6rem; } .xsky .ky_box1 .pic_r img:first-child{ width: 100%; height: 3.2rem; margin-bottom: 0.3rem; } .xsky .ky_box1 .pic_r img:last-child{ width: 100%; height: 2.5rem; } .xsky .ky_box1 img:hover{ animation: pulse 0.5s; } .xsky .ky_box2{ /*width: 5.56rem;*/ padding-left:0.5rem; } .xsky .tt{ padding-top: 0; padding-left: 0; } .xsky .ky_summary{ font-size: 0.2rem; text-align: justify; height: 2rem; } .xsky .xw_more{ /*text-align: left;*/ } .xyrw{ margin-top: -2rem; position: relative; height: 4.9rem; } .xyrw:after{ content:'' ; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 2.8rem; background: #f5f5f5; } .xyrw .tt,.xysh .tt{ text-align: left; padding: 0; } .xyrw .rw_box1{ width: 2.5rem; } .xyrw .rw_box1,.xyrw .rw_box2{ position: relative; z-index: 2; } .xyrw .rw_box2{ width: 12rem; } .xyrw .rw_box2 li.itemR img{ width: 5.8rem; height: 3.5rem; object-fit: cover; } .xyrw .rw_box2 li.itemR p{ font-size: 0.16rem; line-height: 0.3rem; text-align: center; padding:0; margin: 0.6em 1.15em; } .xysh{ padding-top: 1rem; padding-bottom: 4.9rem; background-image: url(/xy/uiFramework/commonResource/zip/xy/img/xysh_bg.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%; } .xysh .xw_more{ text-align: left; color: #fff; } .xysh .sh_box2{ width: 6.86rem; } .xysh .sh_box2 img{ width: 100%; height: 5.22rem; object-fit: cover; } .xysh .sh_box3{ position: absolute; z-index: 10; left: 0; top:2rem; width: 100%; } .xysh .sh_box3 li{ float: left; width: 3.5rem; height: 3.16rem; text-align: center; font-size: 0.36rem; color: #fff; /*transition: all .5s;*/ position: relative; align-self: flex-end; } .xysh .sh_box3 li:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-mask: -webkit-gradient(linear, left top, right top, from(#000), to(#000)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #000), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #000), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#000), to(#000)), -webkit-gradient(linear, right top, left top, from(#000), to(#000)); -webkit-mask: linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to left, #000 0%, #000 100%); mask: -webkit-gradient(linear, left top, right top, from(#000), to(#000)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #000), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #000), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#000), to(#000)), -webkit-gradient(linear, right top, left top, from(#000), to(#000)); mask: linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to left, #000 0%, #000 100%); -webkit-mask-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px; mask-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px; -webkit-mask-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%; mask-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%; -webkit-mask-repeat: no-repeat, no-repeat; mask-repeat: no-repeat, no-repeat; -webkit-transition: -webkit-transform 0.4s ease-in-out, -webkit-mask-position 0.4s ease-in-out, -webkit-mask-size 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out, -webkit-mask-position 0.4s ease-in-out, -webkit-mask-size 0.4s ease-in-out; transition: transform 0.4s ease-in-out, mask-position 0.4s ease-in-out, mask-size 0.4s ease-in-out; transition: transform 0.4s ease-in-out, mask-position 0.4s ease-in-out, mask-size 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -webkit-mask-position 0.4s ease-in-out, -webkit-mask-size 0.4s ease-in-out; -webkit-transform: scaleX(0) rotate(0deg); transform: scaleX(0) rotate(0deg); -webkit-transition-delay: 0.8s, 0.4s, 0s; transition-delay: 0.8s, 0.4s, 0s; background: -webkit-gradient(linear, left top, left bottom, from(#40e0d0), color-stop(#ff8c00), to(#ff0080)); background: linear-gradient(to bottom, #40e0d0, #ff8c00, #ff0080); } .xysh .sh_box3 li:not(.sh_li4):hover:before { -webkit-mask-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px; mask-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px; -webkit-mask-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%; mask-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%; -webkit-transform: scaleX(1) rotate(0deg); transform: scaleX(1) rotate(0deg); -webkit-transition-delay: 0s, 0.4s, 0.8s; transition-delay: 0s, 0.4s, 0.8s; } .xysh .sh_box3 li img:first-child{ margin-top: 0.7rem; height: 0.9rem; } .xysh .sh_box3 li:not(.sh_li4):hover img:first-child{ animation: rubberBand 1s; } body .xysh .sh_box3 li:hover{ background-size: 110% 110%; /* border-radius: 100%; */ } body .xysh .sh_box3 li:hover a{ } .xysh .sh_box3 li>a{ display: block; position: relative; z-index: 10; } .xysh .sh_box3 li a{ position: relative; z-index: 10; } .xysh .sh_box3 li p{ margin-top: 0.2rem; margin-bottom: 0.2rem; } .xysh .sh_box3 li span{ font-size: 0.2rem; } .xysh .sh_box3 li i{ vertical-align: middle; font-size: 0.16rem; font-style: normal; margin: 0 0.2rem; } .xysh .sh_box3 li.sh_li1{ background: #4286af; } .xysh .sh_box3 li.sh_li2{ background: url(/xy/uiFramework/commonResource/zip/xy/img/xysh_xyshBg.jpg) no-repeat; background-size: 100% 100%; } .xysh .sh_box3 li.sh_li3{ background: #2ba7b1; } .xysh .sh_box3 li.sh_li4{ margin-left: -0.5rem; width: 7.5rem; } .xysh .sh_box3 li.sh_li4 img{ width: 100%; margin-top: 0; height: auto; } .xysh .sh_box3 li.sh_li5{ background: url(/xy/uiFramework/commonResource/zip/xy/img/xysh_xyfgBg.jpg) no-repeat; background-size: 100% 100%; } .xysh .sh_box3 li.sh_li6{ background: url(/xy/uiFramework/commonResource/zip/xy/img/xysh_bfxyBg.jpg) no-repeat; background-size: 100% 100%; } .xygg .xw_ul li h2{ display: inline-block; width: 80%; vertical-align: middle; } .xygg .xw_ul li strong{font-weight:bold;} .xygg .xw_ul li span{ width: 20%; text-align: right; display: inline-block; font-size: 0.2rem; vertical-align: middle; } .kjrk{ background: #f4f4f4; padding-bottom: 0.8rem; } .kjrk_ul{ text-align: center; font-size: 0.24rem; } .kjrk_ul li{ position: relative; } .kjrk_ul li img{ width: 0.45rem; height: 0.45rem; margin-bottom: 0.2rem; } .kjrk_ul li a:hover img{ animation: swing 1s; } .footer{ background: url(/xy/uiFramework/commonResource/zip/xy/img/foot_bg.jpg) fixed no-repeat; background-size: 100% 100%; color: #fff; font-size: 0.16rem; } .footer .f1{ padding: 0.45rem 0; width: 120%; margin-left: -10%; } .footer .f1 img{ width: 2.9rem; } .footer .f2{ border-top: 1px solid #515151; padding-top: 0.4rem; } .footer .f2 .f21{ width: 11.4rem; border-bottom: 1px solid #515151; } .footer .f2 .f21 img{ width: 3.2rem; } .footer .f2 .f21 p{ margin-bottom: 0.2rem; } .footer .f2 .f22{ width: 1.73rem; position: relative; } .footer .f2 .f22 img{ width: 100%; } .footer .f2 .f22 p{ position: absolute; width: 120%; left: -10%; bottom: -0.3rem; text-align: center; } .footer .f3{ line-height: 0.8rem; color: #6e6e6e; } /* 浜岀骇椤甸潰 */ .ejPage .header{ background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 15%); color: #333333; } .ejPage .oz1{ display: none; } .ejPage .oz2{ display: block; } .ejPage .nav_jt1{ display: none; } .ejPage .nav_jt2{ display: block; } .ejPage .ht { border-bottom: 1px solid #cbcbcb; } .ejPage .tools .a { border: 1px solid #4095c8; cursor: pointer; color: #4095c8; } .ejPage .home-body{ top: 1.9rem; } .ejPage .footer{ margin-top: 0.9rem; } .ejPic img{ width: 100%; } .ejNav{ position: relative; z-index: 1; padding:0.35rem 0; margin-top: -0.6rem; background: #fff; font-size: 0.24rem; color: #4095c8; box-shadow: 0 0 10px rgb(0 0 0 / 15%); } .ejNav li{ border: 1px solid #4095c8; padding: 0.1rem 0.3rem; border-radius: 0.5rem; margin: 0 0.2rem; } .ejNav li.state{ background: #4095c8; color: #fff; } .dw{ padding: 0.3rem 0; font-size: 0.22rem; color: #666464; } .tabindexListTab{ font-size: 0.36rem; color: #666464; border-bottom: 1px solid #666464; display: flex; justify-content: center; margin-bottom: 0.4rem; } .tabindexListTab span{ position: relative; padding-bottom: 0.12rem; cursor: pointer; } .tabindexListTab span:nth-child(n+2){ margin-left: 0.8rem; } .tabindexListTab .tab{ color: #4095c8; } .tabindexListTab .tab:before{ content:'' ; position: absolute; width: 100%; height: 3px; left: 0; bottom: -1px; background: #4095c8; } .tabindexListTab .tab i{ display:block; padding:0.1rem 0; font-style:normal; font-size:0.2rem; } .tabindexListTab .tabxx{ text-align:center; color:#333; } .ej_box{ background-image: url(/xy/uiFramework/commonResource/zip/xy/img/ej_bg.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: 7.3rem 7.75rem; } .pl30{ padding-left: 0.3rem; } .ejTitPic{ position: relative; font-size: 0.3rem; margin: 0.3rem 0; } .ejTitPic:before{ content: ' '; position: absolute; left: -0.3rem; top: 0.08rem; width: 0.08rem; height: 0.3rem; background: #4095c8; } .ej_c1{ font-size: 0.24rem; color: #4095c8; } .ej_c1 p{ white-space: pre-wrap; } /* 鏍″洯椋庡厜 */ .thumb_box{ flex-wrap: wrap; } .thumb{ margin: 0.3rem 0; width: calc(50% - 0.2rem); } .thumb>a{ display: block; width: 100%; height: 3rem; position: relative; overflow:hidden; } .thumb p{ font-size: 0.24rem; margin-top: 0.2rem; text-align: center; } .thumb img { width:100%; height:100%; object-fit: cover; } .thumb em { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0)); background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0)); background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0)); background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); -moz-transition: 0s; -o-transition: 0s; -webkit-transition: 0s; transition: 0s; cursor: pointer; } /*.thumb:hover em { left:100%; transition:.7s; -moz-transition:.7s; -o-transition:.7s; -webkit-transition:.7s }*/ .lxdh{ font-size: 0.24rem; } .lxdh .pl30{ width: 50%; } .lxdh p{ line-height: 0.5rem; white-space: pre-wrap; } #tab_con1 .lxdh p{margin:0;} .ldxx_ul{ flex-wrap: wrap; } .ldxx_ul li{ width:4.5rem; padding:0.2rem 0 0.2rem 0.2rem; box-sizing:border-box; border: 1px solid rgb(233,233,233); margin-bottom: 0.3rem; transition:all .5s; } .ldxx_ul li:hover{ box-shadow:0 0 10px rgb(233,233,233); margin-top:-0.05rem; } .ldxx_ul li .img{ width:1.85rem; height:2.2rem; overflow:hidden; } .ldxx_ul li img{ width:100%; } .ldxx_ul li .intro{ width:2rem; } .ldxx_ul li .intro h1{ font-size:0.24rem; } .ldxx_ul li .intro h2{ font-size:0.18rem; } .ldxx_ul li .intro p{ font-size:0.18rem; margin-top:0.2rem; padding-top:0.15rem; padding-right:0.2rem; border-top: 1px solid rgb(233,233,233); } .fy_box{ padding:0.4rem 0; text-align:center; font-size:0.16rem; } .fy_box div{display:inline-block; margin: 0 0.2rem;} .fy_box ._num .NormalRed,.fy_box ._num span,.fy_box ._num a{ font-size:0.16rem; } .fy_box>span{ padding: 0.08rem; } .fy_box ._input{ width:0.6rem; line-height:0.28rem; border:1px solid #999999; border-radius:5px; text-align:center; } .fy_box ._btn{ padding: 0.032rem 0.08rem; border-radius: 5px; } /*@media screen and (max-width: 1600px){ .w1600{width: 14rem;} .header .ht {font-size: 0.16rem;line-height: 0.35rem;} .nav>li{font-size:0.22rem} .tt {font-size: 0.3rem;padding: 0.2rem;} } */ @media screen and (min-width: 1800px){ .navson_jg>li:first-child{ width: 30%; } .navson_jg>li:last-child{ width: 70%; } } @media screen and (max-width: 1800px){ .w1600{width: 90%;} .w1500{width: 85%;} .nav .navson_jg{width:18rem;} .footer .f1 {width: 110%;margin-left: -5%;} /* .header .ht {font-size: 0.16rem;line-height: 0.35rem;} .header .hb{padding:0.1rem 0;} .home-body-show {top: 1.5rem;} .nav>li{font-size:0.22rem} .tt {font-size: 0.3rem;padding: 0.2rem;}*/ } /*@media screen and (max-width: 1200px){ .banner #swiper1 .swiper-slide a{ height: auto; } .banner #swiper1 .swiper-slide>a>img{ position: relative; left: 0; top: 0; height: auto; transform:none } .banner #swiper1 .swiper-slide>a>video{ width: 100%; height: auto; object-fit: fill; } } */ @media screen and (max-width: 1600px){ .xyrw .rw_box2{width:13rem;} } @media screen and (max-width: 765px){ .w1600{width: 96%;} .w1500{width: 96%;} .w1400{width: 96%;} .home-body{ position: relative; top: 0; } .ejPage .home-body{ position: relative; top: 1.4rem; } .ht,.nav{ display: none; } .hb{ margin-top: 0.1rem; } .navson_jg2{ display:block; } .navson_jg2>li { max-width: 50%; float: left; width: 50%; margin-bottom: 0.2rem; } .navson_jg3{ height: auto; } .header .menu { width: 24px; height: 22px; position: relative; margin-left: 15px; } .header .menu i { height: 2px; background: #fff; width: 26px; border-radius: 1px; transition: all .5s; } .ejPage .header .menu i{ background: #4095c8; } .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; } .layer .search_box form{margin-left: 10vw;width:80vw;} .xyrd,.ztwz,.xysh,.footer{ background-attachment: inherit; /* background-position: inherit; */ } .banner #swiper1 .swiper-slide a{ height: auto; } .banner #swiper1 .swiper-slide>a>img{ position: relative; left: 0; top: 0; height: auto; transform:none } .banner .tit{ bottom: 1vh; } .banner .f36{ font-size: 0.26rem; } .banner .banner_jt{ display: none; } .banner .swiper-pagination{ bottom: 1vh; right: 0; } .banner .swiper-pagination span.swiper-pagination-active i{ display: none; } .banner .swiper-pagination span{ } .banner .swiper-pagination span.swiper-pagination-active { } .bb{display:none;} .xyrd{ height: auto; } .swiper-containerRd .swiper-slide{ display: block; } .rd_box .d1, .rd_box .d2{ width: 100%; } .swiper-containerRd .d1 img{ height: auto; } .swiper-containerRd .swiper-buttonRd { display: block; padding-left: 0.2rem; text-align: center; } .swiper-containerRd .swiper-buttonRd img{ margin-top: 0.2rem; margin-bottom: 0.2rem; } .tabindexList span { margin: 0 0.1rem; padding: 0.08rem 0.2rem; } .xw_ul li{ width: 100%; border-bottom: 1px solid #e2e2e2; padding: 0.2rem 0 !important; } .xw_ul li img { height: auto; } .xw_ul li p{ display: none; } .ztwz{ height: auto; background-size: initial; } .zt_box .d1 img { height: 3.36rem; } .zt_box .d2 img { height: 1.2rem; } .zt_box .d2 p { padding-top: 0.3rem; padding-left: 0; padding-right: 0; line-height: normal; font-size: 0.18rem; } .zt_box li:nth-child(1) .d2 p{padding-top: 0.05rem;} .zt_box li:nth-child(4) .d2 p{padding-top: 0.15rem;} .zt_box li:nth-child(5) .d2 p{padding-top: 0.4rem;} .xsky .tt{ text-align: center; } .xsky .ky_box1{ display: none; } .xsky .ky_box2{ width: 100%; padding-left:0; } .xsky .xw_more { text-align: center; } .xyrw .rw_box1,.xyrw .rw_box2{ width: 100%; } .xyrw .tt, .xysh .tt { text-align: center; } .xysh { padding-top: 1rem; padding-bottom: 1rem; background-size: initial; } .xysh .xw_more{ text-align: center; } .xysh .sh_box2{ width: 100%; } .xyrw .rw_box2 li.itemR img{ height: auto; } .xysh>.flex2{ display: block; } .xysh .sh_box3 { position: relative; top: 0.2rem; } .xysh .sh_box3 li { width: 33.3%; height: 2rem; font-size: 0.26rem; } .xysh .sh_box3 li a{ height: 100%; } .xysh .sh_box3 li img:last-child { width: 0.5rem; } .xysh .sh_box3 li img:first-child { margin-top: 0.5rem; height: 0.4rem; } .xysh .sh_box3 li p{ margin-bottom: 0; } .xysh .sh_box3 li.sh_li4 { margin-left: 0; width: 33.3%; } .xysh .sh_box3 li.sh_li4 img{ margin-top: 0; width: 100%; height: 100%; object-fit: cover; } .kjrk{ padding-bottom: 0; } .kjrk_ul{ flex-wrap: wrap; } .kjrk_ul li { width: 25%; margin-bottom: 0.5rem; } .footer{ background-size: cover; } .footer .flex2{ display: block; text-align: center; } .footer .f1{ width:100%; margin-left:0; } .footer .f1 li{ display: inline-block; width: 32%; margin-bottom: 0.2rem; } .footer .f1 img{ width: 100%; } .footer .f2 .f21{ width: 100%; } .footer .f2 .f22 { width: 100%; text-align: center; } .footer .f2 .f22 img { width: 30%; margin-top: 0.2rem; } .footer .f2 .f22 p { position: relative; width: 100%; left: 0; bottom: -0.1rem; text-align: center; } .swiper-containerTab .swiper-slide *{max-width:100% !important;} .swiper-containerTab .swiper-slide img{height:auto !important;} #home-body .ul-leader li{height: 2.5rem;width:100%;} #home-body .ul-leader li img{height: 2rem !important;} #home-body .main-inner{padding:0;} #home-body .leader-img .left {width: 100%;float: none;display: block;} #home-body .leader-img .right{float:none;display: block;width: 100%; text-align: center;border:0;} .ldxx_ul li{width:100%;} .ldxx_ul li .img {width: 25%;} .ldxx_ul li .intro {width: 70%;} /* 浜岀骇椤甸潰 */ .ejNav { padding: 0.1rem 0.1rem; margin-top: 0.2rem; flex-wrap: wrap; } .ejNav li { padding: 0.05rem 0.1rem; border-radius: 0.1rem; width: auto; margin: 0 1%; box-sizing: border-box; text-align: center; margin-top: 0.1rem; } .thumb>a{ height: 2rem; } .swiper-containerXS{ width:100%; } .tabindexListXS{ justify-content: center; } }