@charset "utf-8"; html,body { margin:0; padding:0; width:100%; } body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;} ul,ol,li,dl,dd,dt{list-style-type:none;} select,input,img,select,button,textarea{vertical-align:middle;font-size:0.15rem; outline:none;font-family:/*'Noto Sans SC', */Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';font-weight: 400; } a {color:#333;text-decoration:none;} a:hover{ text-decoration:none; color:#0068b7} *:focus {outline:none !important;text-decoration:none !important} html{-webkit-text-size-adjust: none;} body{background:#f1f2f6;color:#333;font-size:0.16rem; font-family:/*'Noto Sans SC', */Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';font-weight: 400; } .wow{visibility:hidden} @font-face { font-family: 'Novecento Normal'; src: url('font/Novecento Normal.eot'), url('font/Novecento Normal.eot?#iefix') format('embedded-opentype'), url('font/Novecento Normal.ttf') format('truetype'), url('font/Novecento Normal.svg#Novecento Normal') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'dincond-medium-webfont'; src: url('font/dincond-medium-webfont.eot'); src: url('font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/dincond-medium-webfont.ttf') format('truetype'), url('font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg'); } @@font-face {font-family:"Montserrat-Regular";src:url("font/Montserrat-Regular.eot?") format("eot"),url("font/Montserrat-Regular.woff") format("woff"),url("font/Montserrat-Regular.ttf") format("truetype"),url("font/Montserrat-Regular.svg#Montserrat-Regular") format("svg");font-weight:normal;font-style:normal;} @font-face{font-family:'brandon-bold';font-style:normal;font-weight:200;src:url('font/brandon-bold.ttf') format('truetype');} @font-face{font-family:'brandon';font-style:normal;font-weight:200;src:url('font/brandon.ttf') format('truetype');} @font-face{font-family:'Rajdhani-SemiBold';font-style:normal;font-weight:200;src:url('font/Rajdhani-SemiBold.ttf') format('truetype');} @font-face{font-family:'Rajdhani-Bold';font-style:normal;font-weight:200;src:url('font/Rajdhani-Bold.ttf') format('truetype');} @font-face{font-family:'Rajdhani-Regular';font-style:normal;font-weight:200;src:url('font/Rajdhani-Regular.ttf') format('truetype');} /* 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: 'iconfont'; /* Project id 4339008 */ src: url('//at.alicdn.com/t/c/font_4339008_iq3ze746j5.woff2?t=1705320661248') format('woff2'), url('//at.alicdn.com/t/c/font_4339008_iq3ze746j5.woff?t=1705320661248') format('woff'), url('//at.alicdn.com/t/c/font_4339008_iq3ze746j5.ttf?t=1705320661248') format('truetype'); } .iconfont{font-family:"iconfont" !important; font-size:0.16rem;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%} html{font-size: 100px;} @media (max-width: 1366px){html{font-size: 94px;}} @media (max-width: 1199px){html{font-size: 88px;}} @media (max-width: 991px){html{font-size: 76px;}} @media (max-width: 767px){html{font-size: 70px;}} @media (max-width: 339px){html{font-size: 60px;}} h2, .h2 {font-size: 0.36rem;} h3, .h3 {font-size: 0.26rem;} @-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}} @-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to { -moz-transform: rotate(360deg);}} @keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}} :-moz-placeholder {color: #c4cbd1;} ::-moz-placeholder {color: #c4cbd1;} input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #c4cbd1;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #c4cbd1;} .mt30{ margin-top:0.3rem} .mt1{ margin-top:1px} .mb30{ margin-bottom:30px} .mb20{ margin-bottom:0.2rem} .w100{ width:100% !important} .w50{ width:50% !important} .col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 { min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative;width: 20%; float: left;} @media (min-width: 992px) { .col-sm-1-5 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-1-5 {width: 20%; float: left;} } @media (min-width: 1200px) { .col-lg-1-5 { width: 20%; float: left;} } @media (max-width: 991px) { select,input,img,select,button,textarea{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif} body{ font-size:0.18rem; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif} .mt30{ margin-top:5px} .mt1{ margin-top:5px} .mb30{ margin-bottom:14px} .w50{ width:100% !important} .container {padding-right:20px;padding-left:20px;} .phone-hide{ display:none} .row {margin-right: -5px; margin-left: -5px;} .m-w100{ width:100% !important; padding:0 !important;} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5{ padding-left:5px; padding-right:5px} .col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5{width:50%;float:left} } .pages{ margin-top:0.3rem} .pages p{ float:left; display:none} .pages ul{ text-align:center} .pages ul li{ display: inline-block; margin: 0 2px;} .pages ul li:last-child{margin-right: 0;} .pages ul a{ display:inline-block; width:0.5rem; height:0.5rem; border:2px #eee solid; background-color:#fff; font-family:Helvetica, sans-serif; text-align:center; line-height:0.5rem; font-size:0.16rem; color:#999; } .pages ul a:hover{ text-decoration:underline} .pages ul a.active{ border:2px #0068b7 solid; color:#fff; background-color:#0068b7} @media (max-width:991px) { .pages p{ display:none} .pages ul{ float:none; text-align:center} } .weui-cell{width:100%; height:100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;} .weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;} .weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;} .weui-cell__ft{text-align: right; color: #999999;} .weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;} .weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;} .load{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;overflow:hidden;z-index:5000;color:#00499a} .load.active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all 0.8s cubic-bezier(.77,0,.175,1);-o-transition:all 0.8s cubic-bezier(.77,0,.175,1);transition:all 0.8s cubic-bezier(.77,0,.175,1)} .load_con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;text-align:center} .load_text{-webkit-animation:0.8s .2s fadeInUp both;animation:0.8s .2s fadeInUp both} .load_logo{display:inline-block;vertical-align:top;height:0.6rem;width:auto} .load_sign{margin-top:0.4rem} .load_sign .icon_jiazai{display:inline-block;vertical-align:middle;line-height:1;-webkit-animation:loader 0.8s linear infinite;animation:loader 0.8s linear infinite;font-size:0.3rem} @-webkit-keyframes loader{ 0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes loader{ 0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } .header{height:1rem; position:fixed;border-bottom:1px rgba(150,150,150,0.1) solid; left:0;top:0; right:0; z-index:1000;-webkit-transition: all .4s;transition: all .4s;} .header-wrapper{ position:relative;} .header .logo{ display:block; width:2.04rem; height:0.6rem; background:url(../images/logo.png) no-repeat center center;background-size:cover;margin-top:0.2rem;margin-left:2%;float:left; z-index:2} .header .nav-bar{ float:left;margin-left:5%} .header .nav-bar ul{ position:relative} .header .nav-bar li{ float:left; position:relative; z-index:2; } .header .nav-bar li span{ display:block; } .header .nav-bar li span a{ display:block;padding:0.25rem 0.2rem; text-align:center; line-height:0.5rem; overflow:hidden; font-size:0.18rem;color:#333; position:relative} .header .nav-bar li span a:after {content:"";display:block; width:0;position:absolute;left:50%;bottom:0;height:100%;background-color:#0068b7; transition: all .3s; transform: translateX(-50%); z-index:-1 } .header .nav-bar li span a:hover{ color:#fff !important} .header .nav-bar li span a:hover:after{width:100%;} .header.hover .nav-bar li.hover span a{ color:#fff !important;font-weight:bold} .header.hover .nav-bar li.hover span a:after{width:100%;} .header.hover .nav-bar li span a{ color:#fff !important} /* .header.hover .nav-bar li.current span a:after{width:100%;} */ .sub-nav{position:fixed;left:0;top:0.99rem;right:0;height:0.55rem; display:none;background-color:#0068b7; /*box-shadow: 0 4px 4px rgba(0,0,0,0.07); border-top:1px #eee solid;*/} .sub-nav dl{ position:absolute;left:50%;top:0;} .sub-nav dl dd{ display:inline-block;padding:0 0.2rem} .sub-nav dl dd a{ display:inline-block;line-height:0.55rem;color:#fff;padding:0;position:relative;font-size:0.15rem} .sub-nav dl dd a:after{content:"";display:block; width:0;position:absolute;left:50%;bottom:0;height:3px;background-color:#0068b7; transition: all .3s; transform: translateX(-50%);} .sub-nav dl dd a:hover{color:#c6d2ff} .sub-nav dl dd a:hover:after{width:100%;} .sub-nav dl dd a.current{color:#c6d2ff} .sub-nav dl dd a.current:after{width:100%;} /* .header .nav-bar li.hover dl{top:0.9rem;visibility:visible; opacity:1;} .header .nav-bar li.hover span a:after{height:5px; left:0; right:0 } */ .header.current .nav-bar{ display:none} .header.current{ background-color:rgba(0,0,0,0.7);/*box-shadow: 0 0px 10px rgba(0,0,0,0.07);*/left:0;top:0; right:0} .header.current .logo{ background-image:url(../images/logo-blank.png)} /* .header.current .nav-bar li span a{ color:#222} */ .header.hover{ background-color:rgba(0,0,0,0.7);/*box-shadow: 0 10px 10px hsla(0,0%,93.3%,.5);*/left:0;top:0; right:0} .header.hover .logo{ background-image:url(../images/logo-blank.png)} /* .header.hover .nav-bar li span a{ color:#222} */ .header-btn{ position:absolute; right:0;top:0;} .header-btn .search-btn{ float:left; border-left:1px rgba(150,150,150,0.1) solid; } .header-btn .search-btn a{ color:#333;line-height:1rem;padding:0 0.2rem;display:block} .header-btn .search-btn i{ font-size:0.26rem; position:relative;top:0.04rem; line-height:0.2rem; } .header-btn .alibaba-btn{ float:left; border-left:1px rgba(150,150,150,0.1) solid; } .header-btn .alibaba-btn a{ color:#333;line-height:1rem;padding:0 0.1rem;display:block} .header-btn .alibaba-btn i{ font-size:0.26rem; position:relative;top:0.04rem; line-height:0.2rem; } .header.hover .header-btn .search-btn a{ color:#fff} .header.current .header-btn .search-btn a{ color:#fff} .header.hover .header-btn .alibaba-btn a{ color:#fff} .header.current .header-btn .alibaba-btn a{ color:#fff} .menu-box{ position:fixed;top:1rem; left:0; width:100%; height:0; visibility:hidden; overflow:hidden;border-top:1px #ddd solid; z-index:998; transition: .3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1); -o-transition: 0.3s cubic-bezier(0.215,.61,.215,1); background-color:rgba(255,255,255,0.4);box-shadow: 0px 10px 35px 0 rgba(0, 0, 0, 0.2);} .menu-box .menu-wrapper{ margin-top:1rem} .menu-box .menu-wrapper dl{ width:14.2%; float:left} .menu-box .menu-wrapper dl dt{ font-size:0.24rem; font-weight:normal; margin-bottom:0.3rem} .menu-box .menu-wrapper dl dt i{ display:none} .menu-box .menu-wrapper dl dd{ margin-bottom:0.15rem;} .menu-box .menu-wrapper dl dd a{display:block;padding:0.08rem 0} .menu-box.show{ height:100vh;visibility:visible; background-color:rgba(255,255,255,1);} .search-box{ position:fixed;top:1rem; left:0; width:100%; height:0; visibility:hidden; overflow:hidden;border-top:1px #ddd solid; z-index:998; transition: .3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1); -o-transition: 0.3s cubic-bezier(0.215,.61,.215,1); background-color:rgba(255,255,255,0.4);box-shadow: 0px 10px 35px 0 rgba(0, 0, 0, 0.2);} .search-box .search-wrapper{ border:3px #999 solid; width:50%; max-width:5rem; height:0.66rem; margin:1rem auto; padding-right:0.8rem; position:relative} .search-box .search-wrapper input{ display:block; width:100%; background:none; border:0; height:0.6rem; padding:0 0.2rem} .search-box .search-wrapper button{ width:0.8rem; height:0.6rem; background:none; border:0; position:absolute; right:0;top:0; text-align:center; } .search-box .search-wrapper button i{ font-size:0.3rem} .search-box.show{ height:3rem;visibility:visible; background-color:rgba(255,255,255,1);} @media (max-width:1199px){ .header-btn .alibaba-btn{display:none} } @media (max-width:991px){ .search-box .search-wrapper{ width:80%;} } .menubtn{ position:relative; z-index: 20; float: right; transition: 0.4s;padding:0 0.2rem;height:1rem; cursor: pointer;border-left:1px rgba(150,150,150,0.1) solid; } .menubtn:hover{} .menuiphone{ display: none;} .menubtn span{ display:block;float:left; width:0.24rem; height:2px; background:#333; border-radius:2px; margin:auto; top:50%; margin-top:-1px; position:relative; vertical-align: middle; } .menubtn span:after, .menubtn span:before { content: ""; position: absolute; display: inline-block; width: 0.3rem; height: 2px;border-radius:2px; left: 0; background-color: #333; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;} .menubtn span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;} .menubtn span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;transition-property: bottom,transform;} .menubtn em{display:block;float:left;line-height:1rem;color:#333;margin-left:0.15rem;font-size:0.2rem;font-weight:200; font-family: "Rajdhani-Regular";letter-spacing: -1px; } .menubtn.active span {background-color: transparent !important;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s} .menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s} .menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)} .menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .header.hover .menubtn span{ background-color:#fff} .header.hover .menubtn span:after, .header.hover .menubtn span:before{ background-color:#fff} .header.hover .menubtn em{color:#fff} .header.current .menubtn span{ background-color:#fff} .header.current .menubtn span:after, .header.current .menubtn span:before{ background-color:#fff} .header.current .menubtn em{color:#fff} @media (max-width: 1299px) { .header .nav-bar li span a{padding:0.25rem 0.15rem;} } @media (max-width: 1199px) { .header .nav-bar{ display:none} } @media (max-width: 991px) { .index-wrapper{ padding:0;width:100%} .header .nav-bar{ display:none} } @media (max-width: 991px) { .header { height:0.8rem; overflow:hidden;} .header .logo{position:relative;float:none;margin-top:0.1rem;margin-left:0.1rem; width:65%;height:0.6rem; background-size:contain;background-image:url(../images/logo.png); background-position:0 center;max-width:300px} .header-btn{} .header-btn .search-btn{display:block;margin-right:0.2rem;} .header-btn .search-btn a{color:#222;line-height:0.8rem;} .header .container{padding:0} .menubtn{ width:0.8rem; height:0.8rem;left:0;right:auto;box-shadow: 1px 2px 8px rgba(0,0,0,0.1);margin-left:0;} .menubtn em{display:none} .menubtn span{ width:0.36rem; background-color:#222} .menubtn span:after, .menubtn span:before{background-color:#222;width:0.36rem} .menu-box{top:0.8rem;background-color:#eee !important;} .menu-box .menu-wrapper{margin-top:0} .menu-box .container{padding:0} .menu-box .menu-wrapper dl{ width:100%; float:none; margin-bottom:1px;background-color:#fff;border-radius:0.06rem;padding:0.25rem 0.3rem } .menu-box .menu-wrapper dl dt{ font-size:0.24rem; margin-bottom:0} .menu-box .menu-wrapper dl dt.hasSub{} .menu-box .menu-wrapper dl dt a{ display:block; position:relative;} .menu-box .menu-wrapper dl dt a i{ display:block; font-size:0.14rem; color:#666; position:absolute; right:0.1rem;top:50%; margin-top:-0.07rem;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-webkit-transition:all 0.3s ease;transition:all 0.3s ease; } .menu-box .menu-wrapper dl dt.hover a i{transform:rotate(0deg);-webkit-transform:rotate(0deg);} .menu-box .menu-wrapper dl dd{display:none;padding-top:0.2rem} .menu-box .menu-wrapper dl dd a{display:block;color:#888;font-size:0.2rem;padding:0.05rem 0} .menu-box .menu-wrapper dl:last-child{border-bottom:0;} .search-box{top:0.8rem} } .search-banner{background-color:#f2f2f2;padding:0.5rem 0;color:#0369b8;padding-top:1.5rem} @media (min-width:768px){ .box-col{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;} } @media (max-width:991px){ .m-box-col{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;} } .white-box{ background-color:#fff;box-shadow:0px 2px 10px rgba(0,0,0,.04); overflow:hidden; } @media (max-width:991px){ .white-box{ border-radius:0; border:0;box-shadow:none; } } @-webkit-keyframes scale-bg { from {-webkit-transform:scale(1.2);transform:scale(1.2);} to {-webkit-transform:scale(1);transform:scale(1);} } @keyframes scale-bg { from {-webkit-transform:scale(1.2);transform:scale(1.2);} to {-webkit-transform:scale(1);transform:scale(1);} } .banner-wrapper {-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;height:100%;position:relative} .banner-slider{ overflow:hidden;height:100%;width:100%; } .banner-slider .image{position:relative;width:100%;height:100%; background-position:center center; background-size:cover;transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00); } .banner-slider .slide-inner {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color:#fff;} .banner-slider .swiper-slide { overflow:hidden;} .banner-slider .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; text-align:center} .banner-slider .weui-cell{width: 100%; height: 100%;} /* .banner-slider .textbox .esd-text{transform: scale(0.5); transition:1.5s cubic-bezier(0.215,.61,.215,1);opacity:0;background:url(../images/20th-text.png) no-repeat center center;background-size:contain;height:4.25rem;margin:0 10%} */ .banner-slider .textbox .banner-text{/*transform: scale(0.5); transition:1.5s cubic-bezier(0.215,.61,.215,1);opacity:0;*/} .banner-slider .textbox .banner-text strong{ display:block;letter-spacing:0.03rem; font-size:0.65rem;line-height:1.3; color:#fff; text-shadow: rgba(0,0,0,0.5) 1px 1px 6px; /*-webkit-animation: fadeOutUp 1.5s; animation: fadeOutUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;?*/} .banner-slider .textbox .banner-text strong em{margin-right:0.2rem} .banner-slider .textbox .banner-text strong.w{letter-spacing:0.08rem;} .banner-slider .textbox .banner-text span{display:block;font-family:'Novecento Normal'; margin-top:0.3rem; color:#fff; font-size:0.23rem; line-height:1.3;letter-spacing:-0.01rem; text-shadow: rgba(0,0,0,0.5) 1px 1px 15px;/*-webkit-animation: fadeOutDown 1.5s; animation: fadeOutDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;*/} .banner-slider .textbox .banner-text span em{margin-right:0.2rem} .banner-slider .swiper-slide-active .textbox .esd-text{transform: scale(1) !important;opacity:1 !important} /* .banner-slider .swiper-slide-active .textbox .banner-text{transform: scale(1) !important;opacity:1 !important} .banner-slider .swiper-slide-active .image{-webkit-animation: scaleBigToSmall 0.5s; animation: scaleBigToSmall 0.5s;} */ .banner-slider .swiper-pagination{ bottom:0.3rem;width:100%;} .banner-slider .swiper-pagination-bullet{ opacity:1; text-indent:inherit; width:0.52rem; height:0.2rem; background:url(../images/banner-dot.png) no-repeat 0.3rem center; margin-right:0} .banner-slider .swiper-pagination-bullet i{ display:block; width:0.2rem; height:0.2rem; border-radius:0;background:none;border:2px rgba(0,0,0,0) solid;border-radius:50%;opacity:1;position:relative} .banner-slider .swiper-pagination-bullet i:after{content:""; position: absolute;width:0.07rem;height:0.07rem; top: 50%;left: 50%;margin-top:-0.03rem; margin-left:-0.03rem;background-color:#fff; border-radius:50%;} .banner-slider .swiper-pagination-bullet:last-child{ width:0.23rem} .banner-slider .swiper-pagination-bullet-active i{ background-position:0 bottom;animation: load 5s linear infinite;border-top:2px #fff solid;border-left:2px #fff solid;} .banner-slider .swiper-pagination-bullet-active i:after{background-color:#fff} @media screen and (max-width: 991px){ .banner-wrapper{height:40vh;position:relative} .banner-slider .swiper-pagination{ bottom:15px} .banner-slider .textbox{height:90%;top:10%;} .banner-slider .textbox .banner-text strong{font-size:0.36rem;font-weight:bold} .banner-slider .textbox .banner-text span{font-size:0.12rem;margin-top:0.2rem} } @media screen and (max-width: 767px){ .banner-slider .textbox .banner-text strong{font-size:0.3rem;font-weight:bold} } @keyframes load { 0% {transform: rotate(0deg);} 100%{transform: rotate( 360deg);} } @-webkit-keyframes scaleBigToSmall { 0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);} to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);} } @-moz-keyframes scaleBigToSmall { 0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);} to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);} } @-o-keyframes scaleBigToSmall { 0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);} to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);} } @keyframes scaleBigToSmall { 0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);} to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);} } .scroll-icon{ position:absolute; right:0.5rem; width:1rem;bottom:0.5rem; z-index:2;} .scroll-icon span{ color:#fff; display:block; height:0.08rem; text-align:center; font-family:Helvetica, sans-serif; font-size:0.12rem; letter-spacing:-1px; margin-top:0.15rem; text-indent:-10000px; background:url(../images/scroll-text.png) no-repeat center center; background-size:auto 100%;} .scroll-icon i{ display:block; width:0.22rem; height:0.36rem; border:2px #fff solid; border-radius:0.2rem; margin:0 auto} .scroll-icon i:before {content:"";display:block;margin:0 auto;position:relative;height:0.08rem;width:0.03rem;-webkit-border-radius:0.02rem;-moz-border-radius:0.02rem;border-radius:0.02rem; background-color:#fff;-webkit-animation:icon 1s ease infinite alternate;-moz-animation:icon 1s ease infinite alternate;-o-animation:icon 1s ease infinite alternate;animation:icon 1s ease infinite alternate;top:0.06rem} @-webkit-keyframes icon { 0% {-webkit-transform:translateY(0);transform:translateY(0)} to {-webkit-transform:translateY(0.1rem);transform:translateY(0.1rem)} } @-moz-keyframes icon { 0% {-moz-transform:translateY(0);transform:translateY(0)} to {-moz-transform:translateY(0.1rem);transform:translateY(0.1rem)} } @-o-keyframes icon { 0% {-o-transform:translateY(0);transform:translateY(0)} to {-o-transform:translateY(0.1rem);transform:translateY(0.1rem)} } @keyframes icon { 0% {-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} to {-webkit-transform:translateY(0.1rem);-moz-transform:translateY(0.1rem);-o-transform:translateY(0.1rem);transform:translateY(0.1rem)} } #fp-nav.hover ul li .fp-tooltip{color:#ea2837} #fp-nav.hover ul li a span:before{background-color:#ea2837} @media screen and (max-width: 1599px){ #fp-nav{display:none} .scroll-icon{display:none} } .swiper-container{overflow:hidden} .main{ position:absolute; left:0;top:0; right:0;bottom:0; display: -webkit-box;display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1; overflow:hidden } @media (max-width:991px) { .main {position:relative;display:block} } .index{ position:relative; width:100% } .index-page-b{padding-top:0.9rem;background:url(../images/index-bg1.jpg) no-repeat center center;background-size:100% 100%} .index-page-b .container{height:100%} .index-page-c{padding-top:0.9rem;background:url(../images/index-bg2.jpg) no-repeat center bottom;background-size:cover;} .index-page-c .container{height:100%;z-index:2;position:relative} .index-page-d{padding-top:0.9rem;background:url(../images/index-bg3.jpg) no-repeat center bottom;background-size:cover} .index-page-d .container{height:100%} .index-page-e{height:auto !important} @media screen and (max-width: 991px){ .index-page-b{padding:0.4rem 0; background:#fff} .index-page-c{padding:0.4rem 0} .index-page-d{padding:0.4rem 0; background:#fff} } @media (min-width: 992px) { [data-translate=bottom].translate-active, [data-translate=left].translate-active, [data-translate=right].translate-active, [data-translate=top].translate-active {opacity: 1; transform: translate(0); transition: all .45s;} [data-translate=bottom], [data-translate=left], [data-translate=right], [data-translate=top] { transition: all .2s; opacity: 0;} [data-translate=top]{transform:translateY(50px)} [data-translate=right]{transform:translateX(-50px)} [data-translate=bottom]{transform:translateY(-50px)} [data-translate=left] {transform: translateX(50px);} } i.arrow {border: solid black;border-width: 0 1px 1px 0;display: inline-block;padding:3px;} i.arrow-right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} .index-page-b{overflow:hidden} .index-page-b .yuan{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); width: 57.662%; padding-top: 57.662%; border-radius: 50%; background: rgba(255,255,255, .40); -webkit-transition: all 1s .1s ease; transition: all 1s .1s ease;} .index-page-b .yuan.hover {transform: translate(-50%,-50%) scale(1);} .index-page-b .bg-text{position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%) scale(1);text-align: center; font-family: "brandon-bold"; line-height: 1; background-image: linear-gradient(to bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 85%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 18vw /*4.14rem*/; margin-top: 0.15rem;} .index-page-b h2{text-align:center;margin-bottom:12vh;} .index-page-b h2 strong{display:block;font-size:0.45rem;font-weight:normal} .index-page-b h2 span{display:block;font-size:0.18rem;margin-top:0.2rem;color:#999} .index-page-b .con{display: flex; justify-content: space-between;} .index-page-b .con .item{width:25%;text-align:center;border-right:1px rgba(0,0,0,0.1) solid} .index-page-b .con .item:last-child{border:0} .index-page-b .con .item .icon{-webkit-transition: all .6s;transition: all .6s;} .index-page-b .con .item .icon img{width:40%;max-width:1.23rem} .index-page-b .con .item .text{margin-top:0.1rem} .index-page-b .con .item .text strong{font-size:0.18rem;} .index-page-b .con .item:hover .icon{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);} @media screen and (max-width: 991px){ .index-page-b h2{text-align:center;margin-bottom:0.3rem;} .index-page-b h2 span{font-size:0.16rem} } .index-page-c h2{text-align:center;margin-bottom:0.3rem;} .index-page-c h2 strong{display:block;font-size:0.45rem;font-weight:normal} .index-page-c h2 span{display:block;font-size:0.18rem;margin-top:0.2rem} .index-page-c .content-row{ display: flex; justify-content: space-between;} .index-page-c .item-a{width: 56.375%; margin-bottom: 1.2vw; overflow: hidden;} .index-page-c .item-a a{display:block;position:relative} .index-page-c .img-wrap{overflow:hidden} .index-page-c .image{transition: 0.65s; } .index-page-c .item-a .image{height:3rem;background-position:center center;background-size:cover} .index-page-c .item-a .txt-wrap{position:absolute;width:100%;bottom:-0.3rem;left:0;background:url(../images/mask.png);background-size:100% 100%;padding:0.2rem;color:#fff;-webkit-transition: all .3s;transition: all .3s;} .index-page-c .item-a .txt-wrap strong{display:block;font-size:0.24rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; } .index-page-c .item-a .txt-wrap em{display:block;opacity:0;margin-top:0.1rem;font-size:0.15rem;line-height:0.2rem;-webkit-transition: all .3s;transition: all .3s;} .index-page-c .item-a:hover .txt-wrap{bottom:0;} .index-page-c .item-a:hover .txt-wrap em{opacity:1;} .index-page-c .item-a:hover .image{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);} .index-page-c .item-b{width: 41.84375%; margin-bottom: 1.2vw;overflow: hidden;} .index-page-c .item-b a{display:block;position:relative} .index-page-c .item-b .image{height:3rem;background-position:center center;background-size:cover} .index-page-c .item-b .txt-wrap{position:absolute;width:100%;bottom:-0.3rem;left:0;background:url(../images/mask.png);background-size:100% 100%;padding:0.2rem;color:#fff;-webkit-transition: all .3s;transition: all .3s;} .index-page-c .item-b .txt-wrap strong{display:block;font-size:0.24rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; } .index-page-c .item-b .txt-wrap em{display:block;opacity:0;margin-top:0.1rem;font-size:0.15rem;line-height:0.2rem;-webkit-transition: all .3s;transition: all .3s;} .index-page-c .item-b:hover .txt-wrap{bottom:0;} .index-page-c .item-b:hover .txt-wrap em{opacity:1;} .index-page-c .item-b:hover .image{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);} .index-page-c .item-c{width: 32.2125%;overflow: hidden;} .index-page-c .item-c a{display:block;position:relative;} .index-page-c .item-c .image{height:2.5rem;background-position:center center;background-size:cover} .index-page-c .item-c .txt-wrap{position:absolute;width:100%;bottom:-0.3rem;left:0;background:url(../images/mask.png);background-size:100% 100%;padding:0.2rem;color:#fff;-webkit-transition: all .3s;transition: all .3s;} .index-page-c .item-c .txt-wrap strong{display:block;font-size:0.24rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; } .index-page-c .item-c .txt-wrap em{display:block;opacity:0;margin-top:0.1rem;font-size:0.15rem;line-height:0.2rem;-webkit-transition: all .3s;transition: all .3s;} .index-page-c .item-c:hover .txt-wrap{bottom:0;} .index-page-c .item-c:hover .txt-wrap em{opacity:1;} .index-page-c .item-c:hover .image{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);} @media screen and (max-width: 991px){ .index-page-c .content-row{display:block} .index-page-c .item-a{width:100%;} .index-page-c .item-b{width:100%;} .index-page-c .item-c{width:100%; margin-bottom: 1.2vw; } } .index-page-d h2{text-align:center;margin-bottom:0.4rem} .index-page-d h2 a{display:inline-block;font-size:0.32rem;padding:0 0.3rem;position:relative;color:#888} .index-page-d h2 a.current{color:#0068b7;font-weight:bold;} .index-page-d h2 a:before{content: "";position: absolute;left:100%;top:50%;height:0.3rem;width:1px;margin-top:-0.15rem;background-color:#ccc} .index-page-d h2 a:last-child:before{display:none} .index-slider{ height:5rem;box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.04);} .index-slider .txt{ background:rgba(0,0,0,0.6); height:0.6rem; padding:0.2rem; position:absolute;left:0;bottom:0;width:100%} .index-slider .txt strong{ display:block; font-weight:normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:0 0.8rem;color:#fff} .index-slider .full {position: absolute;} .index-slider .image{ height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center} .index-slider .swiper-pagination{ bottom:0.2rem} .index-slider .swiper-pagination-bullet{ width:0.13rem; height:0.13rem; background:url(../images/slide_off.png) no-repeat center center; background-size:cover;opacity:1;} .index-slider .swiper-pagination-bullet-active{ background-image:url(../images/slide_on.png)} .index-slider .swiper-container{ height:100%} .index-slider .swiper-button-prev{ background-color:none; width:40px; height:0.6rem; background-size:0.16rem 0.22rem; left:0;bottom:0;top:auto;-webkit-transition: all .3s;transition: all .3s;opacity:1;} .index-slider .swiper-button-next{ background-color:none; width:40px; height:0.6rem; background-size:0.16rem 0.22rem; right:0;bottom:0;top:auto; -webkit-transition: all .3s;transition: all .3s;opacity:1;} .index-slider .swiper-button-next:after, .index-slider .swiper-button-prev:after{display:none} .index-slider .swiper-button-prev:hover{ background-color:#0068b7;} .index-slider .swiper-button-next:hover{ background-color:#0068b7;} .index-slider:hover .swiper-button-prev{opacity:1; left:0;} .index-slider:hover .swiper-button-next{opacity:1; right:0} .index-news-list .item{ padding:0.2rem 0.3rem;height:1.23rem;background-color:#fff;margin-bottom:0.05rem; position:relative; transition: all 0.3s;} .index-news-list .item strong{ display:block; font-size:0.18rem; font-weight:normal; margin-right:0.8rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index-news-list .item p{ margin-top:0.1rem;font-size:0.154rem;color:#999; line-height:1.6; margin-right:0.8rem;text-overflow:-o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .index-news-list .item span{ position:absolute; right:0.3rem;top:0.2rem;font-family:"Rajdhani-SemiBold"; color:#aaa; font-size:0.24rem;} .index-news-list .item i.more-icon{ position:absolute; right:0.3rem;bottom:0.2rem; color:#999;font-family:"Rajdhani-SemiBold"; color:#ccc;font-size:0.16rem;} .index-news-list .item:hover{-webkit-box-shadow: 0 1px 6px 0 hsla(226,7%,54%,.25); box-shadow: 0 1px 6px 0 hsla(226,7%,54%,.25);transform:translateX(-6px)} @media (max-width: 991px) { .index-page-d h2{margin-bottom:0.2rem} .index-page-d h2 a{padding:0;width:50%;float:left;background-color:#f2f2f4;line-height:0.7rem;font-size:0.24rem;} .index-page-d h2 a.current{background-color:#0068b7;color:#fff} .index-page-d h2 a:before{display:none} .index-slider{height:3rem} .index-news-list{margin-top:0.3rem} .index-news-list .item{border:1px #eee solid;margin-bottom:0.2rem} .index-news-list .item strong {white-space:normal; line-height:1.6;color:#222;font-size:0.2rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical} .index-news-list .item p{display:none} } .share{ display:inline-block;} .share span{ display:inline-block;} .share a{ padding-left:20px; height: 20px; margin-left:1px; display: inline-block; background: url(../images/share.png);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; position:relative;top:3px} .share a.i1{ background-position: 0px 0px;} .share a.i2{ background-position: -50px 0px;} .share a.i3{ background-position: -95px 0px;} .share a.i1:hover{ background-position: 0px -20px;} .share a.i2:hover{ background-position: -50px -20px;} .share a.i3:hover{ background-position: -95px -20px;} /*---------网站底部---------------*/ .footer{ background-color:#3d3e40; padding:0.5rem 0 0.2rem;} .footer .footer-about{ width:35%; float:left; padding-right:0.8rem;} .footer .footer-about h3{ font-size:0.16rem; font-weight:600; line-height:1; margin-bottom:0.2rem;color:#fff; position:relative} .footer .footer-about h3 span{ position:absolute; right:0;top:0; font-size:14px; font-weight:normal} .footer .footer-about p{ font-size:0.15rem; line-height:2.2;color:#fff } .footer .footer-about p i{ color:#009ee3; font-size:0.2rem; position:relative;top:0.02rem; margin-left:0.05rem} .footer .footer-about a{color:#888} .footer .footer-menu{ width:52%; float:left; } .footer .footer-menu dl{ width:20%; float:left;font-size:0.14rem;} .footer .footer-menu dl dt{ font-weight:normal; color:#fff; margin-bottom:0.25rem; font-size:0.15rem; line-height:0.2rem; position:relative} .footer .footer-menu dl dt:before {content: "";position: absolute;display: block; height:1px; width: 0.3rem; border-bottom:1px rgba(255,255,255,0.2) dotted; left:0; top:30px;} .footer .footer-menu dl dd{ margin-bottom:8px;} .footer .footer-menu dl dd a{ color:#fff;color:rgba(255,255,255,0.5);} .footer .footer-menu dl dd a:hover{ color:#009ee3; text-decoration:underline} .footer .footer-menu ul{ width:20%; float:left;font-size:0.15rem;} .footer .footer-menu ul li{ margin-bottom:15px;color:#fff; line-height:0.2rem;} .footer .footer-menu ul li a{ color:#fff;} .footer .footer-menu ul li a:hover{ color:#009ee3; text-decoration:underline} .footer .footer-qr{ width:13%; float:right;max-width:1.5rem; padding-left:0.3rem;} .footer .footer-qr .image{} .footer .footer-qr .image img{ width:100%; border:1px #ddd solid; display:block; background-color:#fff} .footer .footer-qr p{ text-align:center; margin-top:10px; font-size:0.14rem; color:#fff} .footer-bar{ padding-top:0.25rem; overflow:hidden; border-top:1px rgba(255,255,255,0.1) solid; margin-top:0.25rem;font-size:0.14rem; line-height:1;} .footer-bar .left-con{ float:left;color:rgba(255,255,255,0.5); } .footer-bar .left-con span{ margin:0 0.15rem; font-size:0.12rem;} .footer-bar .left-con a{ margin-left:0.1rem} .footer-bar .left-con a:hover{ text-decoration:underline} .footer-bar .right-con{ float:right; color:#fff;} .footer-bar .right-con a{ color:#fff} .footer-bar .right-con a:hover{ color:#009ee3} .footer-bar .right-con span{margin:0 0.08rem;font-size:0.12rem;position:relative;top:-1px;color:#999} .footer-bar .right-con img{margin-right:3px;position:relative;top:-1px} @media (max-width:1199px){ .footer .footer-menu{ width:87%} .footer .footer-about{ display:none} } @media (max-width: 991px) { .footer{padding:0.3rem 0;} .footer .footer-about{ display:block; width:100%; float:none; padding-right:0; text-align:center;} .footer .footer-about h3{ display:none} .footer .footer-about .links{ max-width:100%; display:none} .footer .footer-about p{font-size:0.18rem;line-height:1.8} .footer .footer-menu{ display:none} .footer .footer-qr{ width:100%;max-width:100%;float:none; padding:0; margin-top:0.2rem;text-align:center} .footer .footer-qr .image{ width:40%; max-width:100px; margin:0 auto } .footer-bar{ text-align:center!important} .footer-bar .left-con{ float:none} .footer-bar .left-con span{display:none} .footer-bar .right-con{ display:none} .footer-bar .right-con .icp{ display:none} .footer-bar .right-con a.linking{ float:none; display:inline-block; width:140px; height:14px; background-size:cover} } #follow-btn{display:none; position:fixed; right:0.3rem; bottom:-200px; z-index:1001;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);} #follow-btn a{ display:block; background-color:rgba(0,0,0,0.2); color:#aaa; width:0.6rem; height:0.6rem; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative;border-radius:3px } #follow-btn a i{font-size:0.3rem; line-height:0.6rem; color:#fff} #follow-btn a:hover{ background-color:#2965bd; color:#FFF} @media (max-width:1199px){ #follow-btn{ display:none} } body .layer-ext-red .layui-layer-title{ background-color:#c60500; color:#fff; font-weight:bold; border-bottom:0} body .layui-ext-red .layui-layer-btn{ background-color:#e1251b;} body .layui-ext-red .layui-layer-btn a{ color:#fff} .layer-content{ padding:0.2rem 0.3rem; line-height:1.7; font-size:0.15rem; background-color:#e1251b; color:#fff} .page-banner{ height:5.5rem; position:relative;z-index:99;overflow:hidden } .page-banner .image{ position:relative; height:100%; } .page-banner .image .pic{ position:absolute;height:100%; width:108%; background-position:center center; background-repeat:no-repeat; background-size:cover} .page-banner .textbox{ position:absolute; left:0;top:20%; right:0;bottom:0; z-index:2;} .page-banner .textbox strong{ font-size:0.4rem;font-weight:400; display:block; color:#fff;} .page-banner .textbox p{ font-family:"Rajdhani-Regular";font-weight:200; letter-spacing:-3px; font-size:0.5rem; color:rgba(255,255,255,0.4); text-align:left; display:block} @media (max-width:991px){ .page-banner{ height:2.5rem} .page-banner .image:after {display:none;height:100%; width:100%; background-color:#0057bb; position:absolute; opacity:0.8;content:"";} .page-banner .textbox{display:none} .page-banner .textbox p{letter-spacing:-4px;color:rgba(255,255,255,0.2);font-size:0.4rem} } .page{position:relative;z-index:100;background-color:#fff } .page-box{ position:relative; } .page-full-box{ background-color:#fff; position:relative; z-index:20; padding:0.1rem 0.5rem;box-shadow: 0px 10px 26px rgba(0,0,0,0.1); margin-top:-1.2rem} .page-main{ padding-bottom:0.5rem;overflow:hidden;min-height:4rem} @media (max-width:991px){ .page-box{ min-height:4rem; margin-top:0; padding:0} .page-container{ padding:0;} .page-main{ padding:0.3rem 0.2rem;} .page-banner .textbox{ text-align:center} .page-banner .textbox strong{ display:block; font-weight:normal; font-size:0.35rem} .page-banner .textbox p{ font-size:0.3rem; text-align:center; color:rgba(255,255,255,0.3); letter-spacing:-1px; } .page-full-box{padding:0; margin-top:0} } .page-top{border-bottom:1px #eee solid} .page-top .sub-cate{ float:left} .page-top .sub-cate a{ display:block; line-height:0.7rem; float:left; position:relative;margin-right:0.5rem} .page-top .sub-cate a i{ display:block; width:0; height:2px; position:absolute; left:0;bottom:-1px; background-color:#0068b7;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; } .page-top .sub-cate a.hover{ color:#0068b7; font-weight:bold} .page-top .sub-cate a.hover i{width:100%;} .page-top .location{ float:right; border:0; padding:0;line-height:0.7rem;color:#aaa;font-size:0.14rem} .page-top .location a{color:#aaa} .page-top .location i{margin-right:0.05rem} .page-top .location a:last-child{} @media (max-width:1299px){ .page-top .sub-cate a{ margin-right:0.3rem} } @media (max-width:991px){ .page-top .location{display:none} .page-top .sub-cate { float: none; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient: horizontal; box-orient: horizontal; margin:0;text-align:center;background-color:#fafafa} .page-top .sub-cate a{box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; padding: 0;margin:0;} .page-top .container{padding:0} } @media (max-width:671px){ .page-top .core-nav {display:none} } .subNavTab{display:none;} @media (max-width:991px){ .subNavTab{background-color:#fff; position:relative;height:0.6rem;border-bottom: 1px solid #e4e4e4;display:none;} .nav-list{overflow:hidden;overflow-x:scroll;white-space:nowrap;display:flex;height:0.6rem;align-items: center;} .nav-a{color:#888;text-decoration:none;font-size:0.2rem;margin:0px;padding:0 0.15rem;display:inline-block;width:auto !important;height:100%;overflow:hidden;position:relative;text-align:center;} .nav-a.selected{} .nav-a.selected .underLine{width:15px;height:1px;background:#FFF;bottom:0px;left:0px;right:0px;margin:auto; } .nav-a span{line-height:0.59rem;display:inline-block;border-bottom:2px rgba(0,0,0,0) solid;} .nav-a.selected span{border-bottom:2px #0068b7 solid;color:#0068b7} ::-webkit-scrollbar{width:0px;height:0px} } .page-con{padding:4%;background-color:#fff} @media (max-width: 991px) { .page-con{padding:0;} } .about-item-a{ padding:0.5rem 0;background: 50% 0 no-repeat fixed; background-attachment: fixed;background-size: cover;background-image:url(../images/about-bg1.jpg);} .about-item-a h2{text-align:center;margin-bottom:0.4rem} .about-item-a h2 strong{display:block;font-weight:normal;font-size:0.36rem} .about-item-a h2 span{display:inline-block;font-size:0.18rem;position:relative;color:#999;letter-spacing:4px;} .about-item-a h2 span:before,.about-item-a h2 span:after{content: ""; display: block;position:absolute;width:0.4rem;height:1px;top:50%; background-color:#ddd} .about-item-a h2 span:before{left:-0.6rem} .about-item-a h2 span:after{right:-0.6rem} .about-item-a .content{ line-height:1.8; font-size:0.16rem;text-align:justify;margin:0 auto;max-width:12rem} .about-item-a .content p{ margin-bottom:0.15rem;} .about-num{ margin:0.4rem auto 0;max-width:10rem } .about-num .item{ text-align:center; border-right:1px #ddd solid;width:33.3333333%;float:left} .about-num .item:last-child{ border:0;} .about-num .item strong{ display:block; color:#009ee3;font-size:0.18rem; } .about-num .item strong b{ font-family:Rajdhani-Regular;font-size:0.65rem; position:relative;top:0.02rem; margin-right:0.02rem} .about-num .item span{ display:block; color:#888} @media (max-width: 991px) { .about-item-a{ padding:0.3rem 0} .about-item-a h2 strong{font-size:0.3rem} .about-item-a .text{ font-size:0.2rem } .about-item-a .text{line-height:1.6} .about-content{ margin-top:0.3rem} .about-num .item strong{ font-size:0.14rem; } .about-num .item strong b{ font-size:0.27rem;} } .about-item-b{ padding:0.8rem 0;background: 50% 0 no-repeat fixed; background-attachment: fixed;background-size: cover;background-image:url(../images/about-bg2.jpg);} .about-item-b h2{text-align:center;font-weight:normal;font-size:0.36rem;color:#fff;margin-bottom:0.4rem;} .about-item-b .history-slider{ overflow:hidden;height:3rem; position:relative;padding-bottom:0.5rem} .about-item-b .history-slider .swiper-slide{ width:25%; float:left; background:url(../images/history-line.png) no-repeat; padding-top:0.4rem; padding-left:0.3rem; color:#fff;} .about-item-b .history-slider .item{transition: all 0.4s; -webkit-transition: all 0.4s;} .about-item-b .history-slider .swiper-slide h3{ font-size:0.2rem;margin-bottom:0.2rem;} .about-item-b .history-slider .swiper-slide h3 strong{font-family:"Rajdhani-SemiBold"; font-size:0.75rem;letter-spacing:-0.03rem;margin-right:0.05rem } .about-item-b .history-slider .swiper-slide p{line-height:1.8;max-width:70%} .about-item-b .history-slider .item:hover{transform: translateY(-0.1rem) } .about-item-b .history-slider .swiper-button-prev,.about-item-b .history-slider .swiper-button-next{width: 0.41rem;height: 0.41rem;z-index:20;top:auto;bottom:0} .about-item-b .history-slider .swiper-button-prev{left:50%;margin-left:-0.6rem;} .about-item-b .history-slider .swiper-button-next{left:50%;margin-left:0.2rem;} .about-item-b .history-slider .swiper-button-prev:after,.about-item-b .history-slider .swiper-button-next:after{display:none} .about-item-b .history-slider .swiper-button-prev i,.about-item-b .history-slider .swiper-button-next i{ display:block;transition: 0.35s;width: 0.41rem;height: 0.41rem;border: #fff solid 1px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;position: relative;} .about-item-b .history-slider .swiper-button-prev i:before,.about-item-b .history-slider .swiper-button-next i:before{content: "";transition: 0.35s;display: block;position: absolute;top: 0;bottom: 0;width: 0.28rem;height:100%;background: center no-repeat;background-size: 100%;} .about-item-b .history-slider .swiper-button-prev i:before{background-image: url(../images/prev28.png); right: -0.08rem;} .about-item-b .history-slider .swiper-button-next i:before{background-image: url(../images/next28.png); left: -0.08rem;} .about-item-b .history-slider .swiper-button-prev:hover,.about-item-b .history-slider .swiper-button-next{border-color:#2e2f92} .about-item-b .history-slider .swiper-button-prev:hover i:before{right: 0;} .about-item-b .history-slider .swiper-button-next:hover i:before{left: 0;} .about-item-b .history-slider .swiper-button-disabled{opacity:1;} .about-item-c{ padding:0.8rem 0;background: 50% bottom no-repeat;background-size: cover;background-image:url(../images/about-bg3.jpg);} .about-item-c h2{text-align:center;font-weight:normal;font-size:0.36rem;margin-bottom:0.4rem;} .about-item-c .map{background:url(../images/about-map.jpg) no-repeat center center #004ea2;background-size:auto 100%;overflow:hidden} .about-item-c .map .content{margin-left:50%;width:50%;padding:8% 7%;color:#fff;} .about-item-c .map .content h3{font-size:0.3rem;} .about-item-c .map .content p{margin-top:0.3rem;line-height:2;text-align:justify} .about-item-c .list{margin-top:0.4rem} .about-item-c .list .item{transition: all 0.4s; -webkit-transition: all 0.4s;} .about-item-c .list .item a{display:block;position:relative;background-color:#fff;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1);} .about-item-c .list .item .image{height:3rem;background-position:center center;background-repeat:no-repeat;background-size:cover} .about-item-c .list .item span{display:block;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:5%; } .about-item-c .list .item:hover{transform: translateY(-0.1rem)} @media (max-width: 991px) { .about-item-c .list .item{margin-bottom:0.2rem} .about-item-c .map{background:#004ea2;padding-bottom:0;} .about-item-c .map .content{width:100%;margin:0} } .zuzhi-info{background-color:#ecf4fb;padding:0.4rem;line-height:1.8;color:#006fcd;margin-bottom:0.5rem} @media (max-width:991px){ .zuzhi-info{ margin-bottom:0.3rem} } .about-text{ line-height:1.7} .about-text p{ margin-bottom:0.15rem} .about-text img{ max-width:100%} .culture-item-a{ padding:0.5rem 0;} .culture-item-a h2{text-align:center;margin-bottom:0.4rem} .culture-item-a h2 strong{display:block;font-weight:normal;font-size:0.36rem} .culture-item-a .content{ line-height:1.8; font-size:0.16rem;text-align:justify;margin:0 auto;max-width:12rem} .culture-item-a .content p{ margin-bottom:0.15rem;} .culture-item-b{margin-top:0.5rem} .culture-item-b .con{ background: 50% 0 no-repeat fixed;overflow:hidden; background-attachment: fixed;background-size: cover;background-image:url(../images/culture-bg.jpg);position:relative} .culture-item-b h2{text-align:center;font-weight:normal;font-size:0.36rem;margin-bottom:0.4rem;} .culture-item-b .item{width:33.333333%;float:left;position:relative;height:100%;text-align:center;color:#fff;border-right:1px rgba(255,255,255,0.2) solid;padding:1.2rem 0;transition: all 0.4s; -webkit-transition: all 0.4s;} .culture-item-b .item h3{font-size:0.24rem;transition: all 0.4s; -webkit-transition: all 0.4s;} .culture-item-b .item p{margin-top:0.2rem;transition: all 0.4s; -webkit-transition: all 0.4s;} @media (min-width: 992px){ .culture-item-b .item:hover{background:rgba(46,67,150,0.7)} .culture-item-b .item:hover h3{transform: translateY(-0.1rem);} .culture-item-b .item:hover p{transform: translateY(-0.1rem);} } @media (max-width:991px){ .culture-item-b{margin-top:0.3rem} .culture-item-b .item{width:100%;border-right:0;border-bottom:1px rgba(255,255,255,0.2) solid;padding:0.5rem 0;} } .culture-item-c{padding:0.5rem 0;} .culture-item-c h2{text-align:center;font-weight:normal;font-size:0.36rem;margin-bottom:0.4rem;} .culture-item-c .item{border:1px #ddd solid;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1);background-color:#fff;margin-bottom:0.3rem;text-align:center;padding:0.3rem;transition: all 0.4s; -webkit-transition: all 0.4s;} .culture-item-c .item i{color:#0068b7;font-size:0.5rem;transition: all 0.4s; -webkit-transition: all 0.4s;} .culture-item-c .item img{max-width:1rem;width:100%} .culture-item-c .item h3{font-size:0.24rem;margin-top:0.1rem;} .culture-item-c .item p{font-size:0.15rem;margin-top:0.1rem;line-height:1.6;min-height:0.5rem;color:#888;transition: all 0.4s; -webkit-transition: all 0.4s;} @media (min-width: 992px){ .culture-item-c .item:hover{transform: translateY(-0.1rem);background:#0068b7;color:#fff} .culture-item-c .item:hover i{color:#fff} .culture-item-c .item:hover p{color:#fff} } .honor-list{padding:0.5rem 0} .honor-list .item{border:1px #e2e2e2 solid;padding:0.1rem;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1);background-color:#fff;margin-bottom:0.3rem;text-align:center;transition: all 0.4s; -webkit-transition: all 0.4s;} .honor-list .item .image{background-position:center center;background-repeat:no-repeat;background-size:100% 100%;height:1.7rem;background-color:#f2f2f2} .honor-list .item .title{text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0.1rem;transition: all 0.4s; -webkit-transition: all 0.4s;} @media (min-width: 992px){ .honor-list .item:hover{transform: translateY(-0.1rem);background:#0068b7;color:#fff} .honor-list .item:hover .title{color:#fff} } @media (max-width:991px){ .honor-list .item .image{height:1.5rem} } .tixi-list{padding:0.5rem 0} .tixi-list .item{border:1px #e2e2e2 solid;padding:0.1rem;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1);background-color:#fff;margin-bottom:0.3rem;text-align:center;transition: all 0.4s; -webkit-transition: all 0.4s;} .tixi-list .item .image{background-position:center center;background-repeat:no-repeat;background-size:100% 100%;height:2.7rem;background-color:#f2f2f2} .tixi-list .item .title{text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0.1rem;transition: all 0.4s; -webkit-transition: all 0.4s;} @media (min-width: 992px){ .tixi-list .item:hover{transform: translateY(-0.1rem);background:#0068b7;color:#fff} .tixi-list .item:hover .title{color:#fff} } @media (max-width:991px){ .tixi-list .item .image{height:2.5rem} } .sr-item-a{ padding:0.5rem 0;} .sr-item-a h2{text-align:center;margin-bottom:0.4rem} .sr-item-a h2 strong{display:block;font-weight:normal;font-size:0.36rem} .sr-item-a .item{background-color:#fafafa;padding:0.4rem;min-height:3.5rem;transition: all 0.4s; -webkit-transition: all 0.4s;} .sr-item-a .item img{display:none} .sr-item-a .item h3{font-weight:bold;color:#0068b7;font-size:0.18rem;margin-bottom:0.2rem;transition: all 0.4s; -webkit-transition: all 0.4s;} .sr-item-a .item p{ line-height:1.8; font-size:0.16rem;text-align:justify;margin:0 auto;margin-bottom:0.2rem} .sr-item-a .item p em{display:inline-block;width:1em} .sr-item-a .item p:last-child{margin-bottom:0} .sr-item-a .item .link{display:inline-block;background-color:#fff;padding:0.1rem 0.1rem;font-weight:bold;margin:0 0.03rem;border-radius:3px;cursor:pointer;margin-bottom:0.05rem} @media (min-width: 992px){ .sr-item-a .item:hover{transform: translateY(-0.1rem);background:#0068b7;color:#fff} .sr-item-a .item:hover h3{color:#fff} .sr-item-a .item:hover .link{color:#0068b7;} } @media (max-width:1199px){ .sr-item-a .item{margin-bottom:0.3rem;min-height:2rem;} } @media (max-width:991px){ .sr-item-a{padding:0.3rem 0} .sr-item-a .item{margin-bottom:0.3rem;min-height:0} } .sr-item-b{background:url(../images/sr-bg.jpg) no-repeat center center;background-size:cover;padding:0.5rem 0;background-attachment:fixed;} .sr-item-b h2{text-align:center;font-size:0.36rem;margin-bottom:0.3rem} .sr-item-b .item{width:100%} .sr-item-b .item a{display:block;position:relative;background-color:#fff;padding:5%;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.2); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.2);} .sr-item-b .item .image{height:2.5rem;background-position:center center;background-repeat:no-repeat;background-size:contain} .sr-item-b .item span{display:block;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:0.1rem } .sr-item-c{padding:0.5rem 0;background:url(../images/sr-bg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;} .sr-item-c h2{text-align:center;font-weight:normal;font-size:0.36rem;margin-bottom:0.4rem;} .sr-item-c .item{margin-bottom:0.2rem;} .sr-item-c .item a{display:block;/*border:1px #eee solid;*/border-radius:5px;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1);background-color:#fff;padding:0.2rem 0.3rem;transition: all 0.4s; -webkit-transition: all 0.4s;} .sr-item-c .item a i{color:#0068b7;font-size:0.18rem;transition: all 0.4s; -webkit-transition: all 0.4s;} @media (min-width: 992px){ .sr-item-c .item a:hover{transform: translateY(-0.1rem);background:#0068b7;color:#fff} .sr-item-c .item a:hover i{color:#fff} .sr-item-c .item a:hover span{color:#fff} } @media (max-width:991px){ .sr-item-c .item{margin-bottom:0.1rem;} } .p50{ padding:0.5rem} .white-bg{ background-color:#fff !important; padding-bottom:0 !important} .product-main{position:relative;z-index:10;padding:0.5rem 0} .product-main .item{position:relative;overflow:hidden;margin-bottom:0.3rem} .product-main .item a{display:block} .product-main .item .image{height:3.5rem;overflow:hidden;position:relative;} .product-main .item .image .pic{background-size:cover;background-position:center center;position:relative;height:100%;transition: all 1s;} .product-main .item .text{position:absolute; width:100%; height:100%; top:0; left:-100%; color:#000; line-height:1.6; } .product-main .item .text_in{ position:absolute; left:0.5rem; top:0.5rem; bottom:0.5rem; right:0.5rem; background:rgba(255,255,255,0.85);} .product-main .item .text_tb{ display:table; width:100%; height:100%; table-layout:fixed;} .product-main .item .text_td{ display:table-cell; width:100%; height:100%; vertical-align:middle;} .product-main .item .txt{ padding:1em 9.5%;} .product-main .item .txt h3{ color:#000;font-size:0.2rem} .product-main .item .txt .sum{ height:1.6em; overflow:hidden;color:#888;font-size:0.14rem;margin-top:0.1rem} .product-main .item .txt .more{ margin-top:0.3rem;} .product-main .item .txt .more .btn_more{ line-height:2.8; display:inline-block; padding:0 2.2em; background:#0068b7; color:#fff;font-size:0.14rem} .product-main .item .title{position:absolute;z-index:2;color:#fff;left:0;bottom:0;right:0;padding:0.5rem 0.4rem 0.3rem; background:url(../images/mask.png) no-repeat;background-size:100% 100%;transition: all 0.3s;} .product-main .item .title strong{font-size:0.18rem;display:block} .product-main .item .title p{font-size:0.15rem;color:rgba(255,255,255,0.7);margin-top:0.05rem} @media (min-width: 992px) { .product-main .item a:hover .title{bottom:-0.3rem;opacity:0} .product-main .item a:hover .image .pic{transform:scale(1.1);-webkit-transform:scale(1.1)} } @media (max-width: 991px) { .product-main {padding:0.2rem} .product-main .container{padding:0} .product-main .item{margin-bottom:0.2rem} .product-main .text{display:none} .product-main .item .image{height:2.4rem} .product-main .item .title{} .product-main .item .title strong{font-size:0.24rem} } .product-list{ padding:0.5rem 0;} .product-list .item{margin-bottom:0.3rem;position:relative;background-color:#f4f6f8;transition: all 0.4s; -webkit-transition: all 0.4s;} .product-list .item .img-wrap{overflow:hidden} .product-list .item .img-wrap .image{transition: all 0.6s; -webkit-transition: all 0.6s;} .product-list .item .img-wrap .image img{width:100%} .product-list .item .txt-wrap{padding:4% 5%; } .product-list .item .txt-wrap strong{display:block;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:0.2rem;color:#222} .product-list .item .txt-wrap span{display:block;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#888;margin-top:0.05rem;font-size:0.15rem} @media (min-width: 992px){ .product-list .item:hover{transform: translateY(-0.1rem);background-color:#0068b7;} .product-list .item:hover .img-wrap .image{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);} .product-list .item:hover .txt-wrap strong{color:#fff} .product-list .item:hover .txt-wrap span{color:rgba(255,255,255,0.5)} } .product-view .image img{width:100%} .product-view .content{line-height:1.8;max-height:4rem;overflow-y:auto;font-size:0.15rem} .product-view .content p{margin-bottom:0.1rem} @media (max-width:991px){ .product-view .content{margin-top:0.3rem;max-height:none;} } .btn{padding: 0.05rem 0.15rem; font-size: 0.13rem; line-height: 1.5; border-radius: 0.05rem;} .btn.focus,.btn:focus{box-shadow: 0 0 0 .04rem rgba(0,123,255,.25)} .btn-primary.focus,.btn-primary:focus { box-shadow: 0 0 0 .04rem rgba(38,143,255,.5)} .close{font-size:0.16rem} .modal-title{font-size:0.2rem} .modal-content{border-radius:3px} .modal-header,.modal-body{padding: 0.2rem; } .modal-header .close {padding: 0.25rem; margin: -0.2rem -0.2rem -0.2rem auto;} .modal-footer{padding:0.2rem} .modal-footer>*{margin:0.05rem} .core-main{position:relative;z-index:10;padding:0.5rem 0} .core-main .item{margin-bottom:0.3rem} .core-main .item a{display:block;position:relative;overflow:hidden;border:1px #eee solid;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1);background-color:#fff;} .core-main .item .image{height:2.8rem;overflow:hidden;position:relative;} .core-main .item .image .pic{background-size:cover;background-position:center center;position:absolute;left:0;top:0;right:0;bottom:0.8rem;transition: all 1s;} .core-main .item .title{position:absolute;z-index:2;left:0;bottom:0;right:0;padding:0.15rem 0.2rem; background:#fff;background-size:100% 100%;transition: all 0.3s;text-align:center} .core-main .item .title strong{font-size:0.18rem;display:block} .core-main .item .title p{font-size:0.15rem;color:#888;margin-top:0.05rem} .core-main .item .title em{text-decoration:underline;font-size:0.14rem;color:#0068b7;display:block;height:0px;overflow:hidden;transition: all 0.3s;margin-top:0.1rem} @media (min-width: 992px) { .core-main .item a:hover .title{} .core-main .item a:hover .image .pic{transform:scale(1.1);-webkit-transform:scale(1.1)} .core-main .item a:hover .title em{height:0.3rem;} } @media (max-width: 991px) { .core-main {padding:0.2rem} .core-main .container{padding:0} .core-main .item{margin-bottom:0.2rem} .core-main .item .image{height:3.5rem} .core-main .item .title{font-size:0.24rem} } .core-list{position:relative;z-index:10;padding:0.5rem 0} .core-list h2{text-align:center;font-weight:normal;font-size:0.36rem;margin-bottom:0.4rem;} .core-list .item-a{margin-bottom:0.3rem} .core-list .item-a .image{height:4rem;overflow:hidden;position:relative;} .core-list .item-a .image .pic{background-size:cover;background-position:center center;position:absolute;left:0;top:0;right:0;bottom:0;transition: all 1s;} .core-list .item-a .title{position:absolute;left:0;top:0;width:48.8%;height:100%; z-index:2;background-color:rgba(46,67,150,0.8);color:#fff;padding:0.2rem 0.5rem;transition: all 0.3s;} .core-list .item-a .title h3{font-size:0.2rem;position:relative} .core-list .item-a .title h3 strong{line-height:1;display:inline-block;} .core-list .item-a .title h3 strong b{font-weight:normal;font-size:0.7rem;letter-spacing:-2px;font-family:Rajdhani-Bold;} .core-list .item-a .title h4 label{display:inline-block;background-color:rgba(255,255,255,0.5);padding:0.02rem 0.2rem;border-radius:4px;position:absolute;top:0;left:0;margin:0} .core-list .item-a .title h4{font-size:0.24rem;margin-bottom:0.3rem;position:relative;padding-top:0.6rem;line-height:1.5} .core-list .item-a .title p{line-height:1.6} .core-list .item-b{margin-bottom:0.3rem} .core-list .item-b .image{overflow:hidden;position:relative;} .core-list .item-b .image img{display:block;width:100%;} .core-list .item-b .image .pic{background-size:cover;background-position:center center;height:4rem;transition: all 1s;} .core-list .item-b .title{position:absolute;left:0;bottom:0;width:100%;z-index:2;background-color:rgba(46,67,150,0.5);color:#fff;padding:0.15rem 0.5rem;transition: all 0.3s;} .core-list .item-b .title h3{font-size:0.2rem;position:relative} .core-list .item-b .title h3 strong{line-height:1;font-weight:normal;display:inline-block;} .core-list .item-b .title h3 strong b{font-weight:normal;font-size:0.5rem;letter-spacing:-2px;font-family:Rajdhani-Bold;} .core-list .item-b .title h3 label{position:absolute;right:-0.2rem;top:-0.06rem;margin:0} .core-list .item-b .title h3 label b{font-size:0.4rem} .core-list .item-b .content{display:none} @media (min-width: 992px) { .core-list .item-a:hover .title{background-color:#0068b7;} .core-list .item-b:hover .title{background-color:#0068b7;} } @media (max-width: 992px) { .core-list .item-a .title{width:100%;top:auto;bottom:0;height:auto} } .core-list2{position:relative;z-index:10;padding:0.5rem 0;background-color:#f5f5f6} .core-list2 h2{text-align:center;font-weight:normal;font-size:0.36rem;margin-bottom:0.4rem;} .core-list2 .item{margin-bottom:0.3rem;position:relative;overflow:hidden;border:1px #eee solid;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.1);background-color:#fff;} .core-list2 .item .image{height:2.5rem;overflow:hidden;position:relative;width:50%} .core-list2 .item .image .pic{background-size:cover;background-position:center center;position:absolute;left:0;top:0;right:0;bottom:0;transition: all 1s;} .core-list2 .item .title{position:absolute;z-index:2;left:50%;top:0;bottom:0;right:0;padding:5%; background:#fff;background-size:100% 100%;transition: all 0.3s;} .core-list2 .item .title h3{font-size:0.22rem;display:block;font-weight:bold;margin-bottom:0.2rem} .core-list2 .item .title h3 label{display:block;font-weight:normal;margin-bottom:0;padding-top:0.1rem;font-size:0.15rem;color:#0068b7} .core-list2 .item .title p{font-size:0.15rem;color:#888;line-height:1.6} .core-list2 .item .title em{text-decoration:underline;font-size:0.14rem;color:#0068b7;display:block;height:0px;overflow:hidden;transition: all 0.3s;margin-top:0.1rem} @media (min-width: 992px) { .core-list2 .item:hover{-webkit-box-shadow: 0 2px 8px 0 hsla(226,7%,54%,.2); box-shadow: 0 2px 8px 0 hsla(226,7%,54%,.2);} .core-list2 .item:hover .image .pic{transform:scale(1.1);-webkit-transform:scale(1.1)} } @media (max-width: 992px) { .core-list2 .item .image{width:100%} .core-list2 .item .title{position:relative;left:0} } .core-content{ padding:0.5rem 0;} .core-content h2{text-align:center;margin-bottom:0.4rem} .core-content h2 strong{display:block;font-weight:normal;font-size:0.36rem} .core-content h2 span{display:inline-block;font-size:0.18rem;position:relative;color:#999;letter-spacing:4px;} .core-content h2 span:before,.core-content h2 span:after{content: ""; display: block;position:absolute;width:0.4rem;height:1px;top:50%; background-color:#ddd} .core-content h2 span:before{left:-0.6rem} .core-content h2 span:after{right:-0.6rem} .core-content .content{ line-height:1.8; font-size:0.16rem;text-align:justify;margin:0 auto;max-width:12rem} .core-content .content p{ margin-bottom:0.15rem;} .core-content .content img{width:100%} @media (max-width: 991px) { .core-content{ padding:0.3rem 0} .core-content h2 span{padding:0 0.3rem;display:block;margin-top:0.2rem} .core-content h2 span:before,.core-content h2 span:after{display:none} .core-content .content{ font-size:0.2rem } .core-content .content{line-height:1.6} } .innovate-item-a{position:relative;z-index:10;padding:0.5rem 0 0;} .innovate-item-a h2{text-align:center;font-weight:normal;font-size:0.36rem;margin-bottom:0.4rem;} .innovate-item-a .con{position:relative;overflow:hidden; z-index:2;text-align:center} .innovate-item-a .con img{width:100%;max-width:10rem} .tagcloud{height:3rem;} .tagcloud div{width: 1rem; height: 1rem;line-height:1rem; border-radius: 1rem; color: #409AED;transition: all 0.3s;text-align: center;font-size: 0.18rem; cursor: pointer;background-color:rgba(0,0,0,0.2);color:#fff; /*background: url(../images/qipao.png) no-repeat center; */ background-size: cover; } .tagcloud div:hover{transform:scale(1.1) !important;-webkit-transform:scale(1.1) !important} .innovate-item-b{padding-bottom:0.7rem; margin:0 auto;max-width:10rem; } .innovate-item-b .item{ text-align:center; border-right:1px #ddd solid;width:25%;float:left} .innovate-item-b .item:last-child{ border:0;} .innovate-item-b .item strong{ display:block; color:#0068b7;font-size:0.18rem; } .innovate-item-b .item strong b{ font-family:Rajdhani-Bold;font-size:0.7rem; position:relative;top:0.02rem; margin-right:0.02rem} .innovate-item-b .item span{ display:block; color:#888} @media (max-width: 991px) { .innovate-item-b{padding-bottom:0.3rem;} .innovate-item-b .item strong{ font-size:0.14rem; } .innovate-item-b .item strong b{ font-size:0.5rem;} .innovate-item-b .item span{font-size:0.12rem} } .news-list{ min-height:3.5rem;padding:0.4rem 0;background-color:#f2f2f4;} .news-list .list{ } .news-list .list li{ border-top:3px #f2f2f4 solid; background-color:#fff} .news-list .list li a{ display:block;display: -ms-flex;display: -webkit-flex;display: flex;padding:0.3rem; position:relative; overflow:hidden;transition: all 0.5s; -webkit-transition: all 0.5s; } .news-list .list li .date{ min-width:1.5rem; font-family:Rajdhani-Bold;font-size:0.21rem; color:#0068b7; line-height:0.38rem} .news-list .list li .text strong{ font-size:0.22rem; font-weight:normal} .news-list .list li .text p{margin-top:0.1rem; font-size:0.14rem; line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} .news-list .list li .more{ position:absolute; top:0; width:1.3rem;right:-1.3rem; height:100%; background-color:#0068b7; color:#fff; text-align:center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;} .news-list .list li .more i{ font-size:0.5rem; position:absolute; top:50%; margin-top:-0.35rem; left:50%; margin-left:-0.25rem} .news-list .list li .more span{position:absolute; top:50%; margin-top:0.15rem; left:0;text-align:center;width:100%; font-size:0.14rem } .news-list .list li a:hover .more{ right:0;opacity: 1; width:142px;} @media (max-width: 767px) { .news-list .container{ padding:0;} .news-list{padding-bottom:0.4rem} .news-list .list li{ font-size:0.18rem; line-height:1.5;border-top:1px #e8e8e8 solid;} .news-list .list li .date{ min-width:1.05rem; font-size:0.15rem} .news-list .list li .text p{ display:none} .news-list .list li .text strong{ font-size:0.22rem} } .news-list1{min-height:3.5rem;padding:0.4rem 0;background-color:#f2f2f4; } .news-list1 .item { margin-bottom:0.3rem;} .news-list1 .item a{ display:block;background-color:#fff; transition: 0.45s;top:0; position:relative } .news-list1 .item a:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.5; z-index: 3; transition: 0.45s;} .news-list1 .item a .img-wrap{ overflow:hidden; position:relative; z-index:4; } .news-list1 .item a .img-wrap .image{ width:100%;transition: 0.65s; height:2.3rem; background-repeat:no-repeat; background-size:cover; background-position:center center} .news-list1 .item a .txt-wrap{ padding:0.2rem 0.3rem 0.3rem; position:relative; overflow:hidden;} .news-list1 .item a .txt-wrap:before{content: ""; display: block; width: 2rem; height: 2rem; position: absolute;right:-2rem;bottom:-2rem;background:url(../images/news-logo.png) no-repeat center center; background-size:cover;transition: 0.45s;} .news-list1 .item a .txt-wrap strong{display:block;font-size:0.18rem;font-weight:normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin:0.1rem 0 0.2rem} .news-list1 .item a .txt-wrap span{display:block;font-size:0.12rem;color:#999;} .news-list1 .item a .txt-wrap em{display:block;text-align:right;color:#0068b7;font-size:0.14rem;} .news-list1 .item a:hover .txt-wrap em{text-decoration:underLine} @media (min-width: 992px) { .news-list1 .item a:hover{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);} .news-list1 .item a:hover .img-wrap .image{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);} .news-list1 .item a:hover .txt-wrap strong{ color:#1d5aae} .news-list1 .item a:hover .txt-wrap p{ } .news-list1 .item a:hover .txt-wrap span{ } .news-list1 .item a:hover .txt-wrap:before{ right:-0.5rem;bottom:-0.5rem} .news-list1 .item a:hover:before{ opacity: 1; visibility: visible; border-color:#81b7f6 } } @media (max-width:1199px){ .news-list1 .item a .img-wrap .image{height:2rem;} } @media (max-width:991px){ .news-list1{padding:0 0 0.3rem 0; } .news-list1 .container{padding:0} .news-list1 .item { margin-bottom:1px;} .news-list1 .item a{ min-height:0; padding-left:0; padding:0.2rem;padding-right:1.7rem;} .news-list1 .item a:before{ display:none} .news-list1 .item a .img-wrap{ width:1.2rem; left:auto; right:0.2rem; position:absolute} .news-list1 .item a .img-wrap .image{ height:0.9rem;} .news-list1 .item a .txt-wrap{ height:1rem; border:0; padding:0;} .news-list1 .item a .txt-wrap strong{ font-size:0.22rem; font-weight:normal; white-space:normal; color:#222; margin-top:0.05rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news-list1 .item a .txt-wrap span{ position:absolute; left:0;bottom:0; font-size:0.15rem; color:#aaa; letter-spacing:0} .news-list1 .item a .txt-wrap p{ display:none} .news-list1 .item a .txt-wrap em{ display:none} .news-list1 .item a .txt-wrap:before{ display:none} } .news-list2{min-height:3.5rem;padding:0.4rem 0;background-color:#f2f2f4;} .news-list2 ul.list{} .news-list2 ul.list li{ position:relative;} .news-list2 ul.list li a{ display:block;padding:0.25rem 0; padding-left:1.5rem; position:relative;border-bottom:1px rgba(0,0,0,0.1) solid} .news-list2 ul.list li .time-wrap{ position:absolute; font-family:'MONTSERRAT-REGULAR'; line-height:1; font-size:0.18rem; letter-spacing: -1px; left:0;top:50%; margin-top:-0.09rem; color:#aaa; z-index:2;transition: all 0.5s; -webkit-transition: all 0.5s;} .news-list2 ul.list li .txt-wrap{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight:normal; font-size:0.18rem; position:relative; z-index:2;display:flex; } .news-list2 ul.list li a.nonelink{ cursor:default;} .news-list2 ul.list li a.nonelink:hover{color:#111} .news-list2 ul.list li a.nonelink .txt-wrap span{color:#aaa} .news-list2 ul.list li a.nonelink:hover:before{opacity:0} .news-list2 ul.list li a.nonelink:hover:after{ background-image:url(../images/doc.png); background-color:#f4f4f4} .news-list2 ul.list li:last-child a{border-bottom:0;} .news-list2 ul.list li a:after{content: ""; display: none; width:1.2rem; height: 100%; position: absolute;top:0;right:0; background:url(../images/doc.png) no-repeat center center #f4f4f4; background-size:auto 40%; transition: all 0.5s; -webkit-transition: all 0.5s;} @media (min-width: 992px) { .news-list2 ul.list li a:before{content: ""; display: block; width:0; height: 100%; position: absolute;top:0;left:50%; background-color:#f8f8f8; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s;} .news-list2 ul.list li a:hover:before{ left:0; width:100%; opacity:1} .news-list2 ul.list li a:hover .time-wrap{ padding-left:0.3rem;color:#0068b7} } @media (max-width:991px) { .news-list2{box-shadow:none;padding:0.2rem;background-color:#fff} .news-list2 .container{padding:0} .news-list2 ul.list li a{ padding:0.2rem 1.2rem 0.2rem 0.2rem;background-color:#f8f8f8;margin-bottom:0.1rem;border-bottom:0; height:1rem} .news-list2 ul.list li .time-wrap{ display: none; position:absolute;top:inherit; margin-top:0;bottom:0.2rem; left:0.25rem; padding-left:0;font-size:0.15rem; color:#aaa; letter-spacing:0} .news-list2 ul.list li .txt-wrap{font-size:0.2rem;line-height:0.28rem;height:0.56rem; white-space:normal;font-weight:normal;overflow: hidden;white-space:inherit; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; position:absolute; left:0.2rem; right:1.2rem;top: 50%; transform: translateY(-50%);} .news-list2 ul.list li a:after { display: block; width:1rem;background-size:50% auto;} } /* .news-list3{ } .news-list3 .item { margin-bottom:0.3rem} .news-list3 .item a{ display:block;background-color:#fff; position:relative; padding-left:4.1rem } .news-list3 .item a .img-wrap{ overflow:hidden; position:absolute; left:0;top:0; width:4rem} .news-list3 .item a .img-wrap .image{ width:100%;transition: 0.65s; height:2.4rem; background-repeat:no-repeat; background-size:cover; background-position:center center} .news-list3 .item a .txt-wrap{ padding:0.4rem 0.4rem 0.4rem; height:2.4rem; border: 1px solid #e0e0e0; position:relative; overflow:hidden;} .news-list3 .item a .txt-wrap strong{ font-size:0.24rem; margin-top:0.1rem; font-weight:normal; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#444;transition: 0.45s;} .news-list3 .item a .txt-wrap p{ color:#aaa; line-height:1.7; font-size:0.14rem; margin-top:0.15rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news-list3 .item a .txt-wrap span{ display:block; color:#0099fe; font-family:'MONTSERRAT-REGULAR'; line-height:1; font-size:0.2rem; letter-spacing: -1px; } .news-list3 .item a .txt-wrap em{ display:block; margin-top:0.2rem;font-family:'MONTSERRAT-REGULAR'; letter-spacing: -1px; font-size:0.15rem; color:#aaa; position:relative;transition: 0.45s;} .news-list3 .item a .txt-wrap em:before{content: ""; display: block; width:0; height: 3px; position: absolute;left:0;top:50%; margin-top:-1px; background-color:#e9d7ae;transition: 0.45s;} @media (min-width: 992px) { .news-list3 .item a:hover{ } .news-list3 .item a:hover .img-wrap .image{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);} .news-list3 .item a:hover .txt-wrap{} .news-list3 .item a:hover .txt-wrap strong{ color:#111} .news-list3 .item a:hover .txt-wrap em{ padding-left:0.45rem } .news-list3 .item a:hover .txt-wrap em:before{ width:0.4rem} } @media (max-width:991px){ .news-list3 .item { margin-bottom:0.2rem; padding-bottom:0.2rem; border-bottom:1px #eee solid} .news-list3 .item a{ padding-right:1.7rem; padding-left:0} .news-list3 .item a .img-wrap{ width:1.2rem; left:auto; right:0} .news-list3 .item a .img-wrap .image{ height:0.9rem;} .news-list3 .item a .txt-wrap{ height:0.9rem; border:0; padding:0;} .news-list3 .item a .txt-wrap strong{ font-size:0.22rem; color:#222; margin-top:0.05rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; white-space:inherit;} .news-list3 .item a .txt-wrap span{ position:absolute; left:0;bottom:0; font-size:0.15rem; color:#aaa; letter-spacing:0} .news-list3 .item a .txt-wrap p{ display:none} .news-list3 .item a .txt-wrap em{ display:none;} } .news-list4 ul li{ padding:0.2rem 0; padding-right:1rem; position:relative;border-bottom: dashed 1px #e3e3e3;} .news-list4 ul li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left:0.1rem; color:#333} .news-list4 ul li a:before{content: ""; display: block; width: 0.04rem; height: 0.04rem; position: absolute;left:0;top:50%; margin-top:-0.02rem; background-color:#ccc; border-radius:1px } .news-list4 ul li a:hover{ color:#05a} .news-list4 ul li span{ font-size:0.15rem; color:#999; position:absolute; right:0;top:0.15rem;} @media (max-width:991px) { .news-list4 ul li{ padding-right:0;} .news-list4 ul li span{ display:block; position:relative; top:inherit; margin-top:0.1rem} .news-list4 ul li a{ font-size:0.22rem;text-overflow:inherit;white-space:inherit; padding:0;} .news-list4 ul li a:before{ display:none} } .news-list5{ } .news-list5 .top-news{ padding-bottom:0.3rem;border-bottom:3px #f2f2f4 solid; } .news-list5 .top-news .container{ position:relative;} .news-list5 .top-news a{ position:relative; display:block; background-color:#fff; position:relative; padding-left:3.3rem} .news-list5 .top-news .image{ width:3rem; position:absolute; left:0;top:0; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover} .news-list5 .top-news .text{ position:relative;} .news-list5 .top-news .text span{ display:block; color:#aaa; margin-top:0.4rem} .news-list5 .top-news .text strong{ display:block; font-size:0.18rem;} .news-list5 .top-news .text p{ margin-top:0.2rem; font-size:0.14rem; line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} .news-list5 .top-news .text .more-btn{ background-color:#fff; color:#999; position:absolute; right:0;bottom:0;} .news-list5 .top-news .text .more-btn i{ font-size:0.13rem} .news-list5 .top-news .text .more-btn:hover{ color:#fff} .news-list5 .top-news .text .more-btn:before{ background-color:#06b} .news-list5 .list{ } .news-list5 .list li{ border-bottom:3px #f2f2f4 solid; background-color:#fff} .news-list5 .list li a{ display:block;display: -ms-flex;display: -webkit-flex;display: flex;padding:0.3rem 0; position:relative; overflow:hidden;transition: all 0.5s; -webkit-transition: all 0.5s; } .news-list5 .list li .date{ min-width:1.2rem; position:relative;top:0.01rem; } .news-list5 .list li .date strong{ display:block; font-weight:normal;font-size:0.18rem;color:#008ccf; font-family:ArchivoNarrow, Helvetica, sans-serif} .news-list5 .list li .date span{ color:#888; display:block; margin-top:0.05rem; font-size:0.15rem} .news-list5 .list li .text strong{ font-size:0.18rem;} .news-list5 .list li .text p{margin-top:0.1rem; font-size:0.14rem; line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} .news-list5 .list li .more{ position:absolute; top:0; width:1.3rem;right:-1.3rem; height:100%; background-color:#06b; color:#fff; text-align:center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;} .news-list5 .list li .more i{ font-size:0.5rem; position:absolute; top:50%; margin-top:-0.35rem; left:50%; margin-left:-0.25rem} .news-list5 .list li .more span{position:absolute; top:50%; margin-top:0.15rem; left:0;text-align:center;width:100%; font-size:0.14rem } @media (max-width: 991px) { .news-list5{ padding:0 } .news-list5 .top-news{border-bottom:1px #f2f2f4 solid; } .news-list5 .top-news a{ padding-left:1.8rem} .news-list5 .top-news .image{ width:1.6rem;} .news-list5 .top-news .text{ } .news-list5 .top-news .text strong{ font-size:0.22rem; font-weight:normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} .news-list5 .top-news .text p{ line-height:1.5; display:none} .news-list5 .top-news .text .more-btn{ font-size:0.14rem} .news-list5 .list li{ font-size:0.2rem; line-height:1.5;border-bottom:1px #f2f2f4 solid; } .news-list5 .list li a{ padding:0.2rem 0} .news-list5 .list li .date{ min-width:1.15rem;font-size:0.15rem;top:-0.02rem} .news-list5 .list li .text p{ display:none} .news-list5 .list li .text strong{ font-size:0.22rem;font-weight:normal;} } @media (min-width: 767px) { .news-list5 .list li a:hover .more{ right:0;opacity: 1; width:142px;} } .news-list6 ul li{ position:relative; margin-bottom:0.1rem} .news-list6 ul li a{ display:block;padding:0.35rem 1.5rem; position:relative; background:#f9f9f9} .news-list6 ul li .time-wrap{ position:absolute; font-family:'MONTSERRAT-REGULAR'; line-height:1; font-size:0.18rem; letter-spacing: -1px; left:0;top:50%; margin-top:-0.09rem; color:#0099fe; padding-left:0.3rem; z-index:2} .news-list6 ul li .txt-wrap{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight:normal; font-size:0.18rem; position:relative; z-index:2;display:flex } .news-list6 ul li a:before{content: ""; display: block; width:0; height: 100%; position: absolute;top:0;left:50%; background-color:#f2f2f2; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s;} .news-list6 ul li a:after{content: ""; display: block; width:1.2rem; height: 100%; position: absolute;top:0;right:0; background:url(../images/doc.png) no-repeat center center #f4f4f4; background-size:40% auto; transition: all 0.5s; -webkit-transition: all 0.5s;} .news-list6 ul li a:hover:before{ left:0; width:100%; opacity:1} .news-list6 ul li a:hover:after{ background-image:url(../images/doc_on.png); background-color:#0099fe} .news-list6 ul li a.nonelink{ cursor:default;} .news-list6 ul li a.nonelink:hover{color:#111} .news-list6 ul li a.nonelink .txt-wrap span{color:#aaa} .news-list6 ul li a.nonelink:hover:before{opacity:0} .news-list6 ul li a.nonelink:hover:after{ background-image:url(../images/doc.png); background-color:#f4f4f4} @media (max-width:991px) { .news-list6 ul li a{ padding:0.2rem 1.2rem 0.2rem 0.2rem; height:1rem} .news-list6 ul li .time-wrap{ display:none; position:absolute;top:inherit; margin-top:0;bottom:0.2rem; left:0.25rem; padding-left:0;font-size:0.15rem; color:#aaa; letter-spacing:0} .news-list6 ul li .txt-wrap{font-size:0.2rem; font-weight:normal;overflow: hidden;white-space:inherit; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; position:absolute; left:0.2rem; right:1.2rem;top: 50%; transform: translateY(-50%);} .news-list6 ul li a:after { width:1rem;background-size:50% auto;} } */ .bid-list{ background-color:#f2f2f4; padding:0.5rem 0 } .bid-list .item{position:relative; padding:0.3rem; margin-bottom:0.2rem;background-color:#fff;transition: all 0.5s; -webkit-transition: all 0.5s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position:relative; } .bid-list .item a{ display:block;-webkit-transition: background-color .25s;transition:background-color .25s;} .bid-list .item .date{font-family:Rajdhani-SemiBold; overflow:hidden} .bid-list .item .date strong{ display:block; padding:0 0.2rem; line-height:0.6rem; background-color:#828d95; text-align:center; font-size:0.36rem; color:#fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-weight:normal} .bid-list .item .date span{ display:block;padding:0 0.2rem; line-height:0.24rem; text-align:center; font-size:0.13rem; color:#fff; margin-top:1px; background-color:#ccc;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;} .bid-list .item .text{ position:relative; padding-left:0.2rem; width:100% } .bid-list .item .text .title{ display:block; line-height:1.5; font-size:0.2rem;margin-right:1.2rem; min-height:0.54rem} .bid-list .item .text .other{ margin-top:0.05rem; color:#aaa;font-size:0.13rem} .bid-list .item .text .other i{ margin-right:3px; position:relative;top:2px; font-size:0.2rem} .bid-list .item .text .other span{ margin:0 0.1rem; color:#ccc} .bid-list .item .text a.more{position: absolute; z-index:1;right: 0;top: 0.05rem;overflow:hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;transition: all 0.3s; -webkit-transition: all 0.3s; background-color:#fff;color:#0068b7;border:1px #e2e2e2 solid;padding:0 0.2rem;line-height:0.35rem; font-size:0.14rem; text-align:center} .bid-list .item .text a.more i{ margin-right:2px; font-size:0.2rem; line-height:0.38rem; font-weight:normal} .bid-list .item .text a.more:after {content: "";position: absolute; left: -1px;z-index:-1; top:0; width: 1px; height: 100%; background-color:#0068b7; transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;} .bid-list .item .text a.more.off{color:#fff} .bid-list .item .text a.more.off:after{display:none} @media (min-width: 992px) { .bid-list .item:hover{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);} .bid-list .item:hover .text a.more{color:#fff} .bid-list .item:hover .text a.more:after{width:110%;} .bid-list .item:hover .date strong{background-color:#0068b7} } .bid-list .item .text a.off{ background-color:#ccc !important} @media (max-width: 991px) { .bid-list{padding:0;padding-bottom:0.3rem; padding-top:1px; background-color:#f2f2f4} .bid-list .container{padding:0} .bid-list .item{padding:0.3rem 0.2rem; margin-bottom:1px } .bid-list .item .text .title{ font-size:0.2rem} } .more-btn{ width:1.1rem; height: 0.4rem; border:1px #ddd solid; border-radius:0.2rem; overflow:hidden; display: block; line-height: 0.37rem; text-align: center; position: relative; z-index: 1; margin:0.3rem auto 0;transition: all 0.5s;} .more-btn:before{ content:""; width:100%; height:100%; background-color:#fff; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; } .more-btn i{font-size:0.12rem; margin-left:0.03rem; position:relative;top:-1px} .more-btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;} p.none-msg{ padding:6vh 0;text-align:center; color:#aaa; font-size:0.18rem} p.none-msg i{ display:block; font-size:1rem; margin-bottom:0.1rem} a.back-home{display:block;float:right;background-color:#229aff;color:#fff;line-height:0.4rem;padding:0 0.25rem;border-radius:0.4rem;margin-top:0.2rem} a.back-home:hover{background-color:#0082dd} .news-view{} .news-view .page-con{position:relative;margin-top:-18vh; z-index:100} .news-view .title{ color:#333; text-align:center; padding-bottom:0.3rem; text-align:center} .news-view .title h1{font-size:0.3rem;line-height:1.5} .news-view .title p{ font-size:0.18rem; margin-top:0.05rem;color:#dd0000; } .news-view .info{color:#bbb; position:relative; padding-bottom:0.2rem;font-size:0.14rem; border-bottom:1px #ddd solid;} .news-view .info span.source{background: url(../images/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;} .news-view .info span.date{background: url(../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;} .news-view .info span.hits{background: url(../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;} .news-view .info em{ display:none} .news-view .info .share{ position:absolute; right:0;top:0px;} .news-view .content{ line-height:2;margin:0.3rem 0px; overflow:hidden} .news-view .content p{ margin-bottom:0.15rem;} .news-view .content p img{ margin-bottom:0.1rem} .news-view .content img{ max-width:800px;_width:800px} .news-view table{display:table;border-collapse:separate;border-spacing:0px;border-color:#666;max-width:100%;margin:0 auto} .news-view table td{border:1px #666 solid !important;} .news-view .photo-slider{ position:relative; margin:30px auto 0px; } .news-view .photo-slider .swiper-container{overflow:hidden;} .news-view .photo-slider .swiper-slide{ text-align:center;} .news-view .photo-slider .swiper-slide img{max-width:800px; height:450px;} .news-view .photo-slider .swiper-slide .txt{ margin-top:0.2rem;; font-family:"楷体"} .news-view .photo-slider .swiper-pagination{position: absolute; z-index: 20; bottom:60px; width: 100%; text-align: center;} .news-view .photo-slider .swiper-prev{ position:absolute; left:0;top:50%; margin-top:-0.5rem; cursor:pointer; z-index:2} .news-view .photo-slider .swiper-prev i{ font-size:0.5rem; color:rgba(110,110,110,0.3)} .news-view .photo-slider .swiper-next{ position:absolute; right:0;top:50%; margin-top:-0.5rem; cursor:pointer; z-index:2} .news-view .photo-slider .swiper-next i{ font-size:0.5rem;color:rgba(110,110,110,0.3)} .news-view .news-video-con{width:960px;margin:0.5rem auto} .news-view .news-video-con p{ text-align:center;margin-top:0.15rem;} .news-view .file{ background-color:#ebf0f5; padding:0.4rem} .news-view .file h2{ font-size:0.22rem} .news-view .file h2 i{ font-size:0.22rem; margin-right:5px;} .news-view .file ul{ margin-top:0.2rem} .news-view .file ul li{ margin-bottom:0.1rem} .news-view .file ul li a{ color:#05b} .news-view .file ul li a:hover{ text-decoration:underline} .news-view .file ul li i{ margin-right:0.05rem; color:#aaa} .news-view .other{border-top:4px #aaa solid; position:relative; margin-top:0.5rem; padding-top:0.3rem; min-height:1rem} .news-view .other:after {content: "";position: absolute; left: 0; right: 0; top:3px; margin: auto; height: 1px; width: 100%; background-color:#aaa; } .news-view .other ul{ margin-right:2rem} .news-view .other ul li{ margin-bottom:0.1rem; color:#999} .news-view .other .btns{ position:absolute; right:0;top:0.2rem;} .news-view .other .btns a{ display:block; float:left; margin-left:0.3rem;text-align:center; } .news-view .other .btns a em{ display:block; height:0.5rem;} .news-view .other .btns a em i{ line-height:0.5rem; font-size:0.35rem; color:#888 } .news-view .other .btns a span{ display:block; font-size:0.14rem} @media (max-width: 1199px) { .news-view .news-video-con{width:100%;margin:0.2rem auto} } @media (max-width: 991px) { .news-view{padding:0.2rem;background-color:#fff} .news-view .page-con{margin-top:0} .news-view .container{padding:0} .news-view .title{ text-align:left} .news-view .title h1{ line-height:1.3; font-size:0.24rem; font-weight:bold; } .news-view .title p{ font-size:0.2rem} .news-view .info{ border-bottom:0; padding-bottom:0; font-size:0.18rem} .news-view .info .share{ display:none} .news-view .info span{ background-size:auto 0.15rem !important; padding-left:0.2rem !important} .news-view .info span.hits{ display:none} .news-view .info span.source{ } .news-view .content{ line-height:1.8;font-size:0.2rem;} .news-view .content img{ max-width:100%; height:auto} .news-view .photo-slider .swiper-next{ display:none !important} .news-view .photo-slider .swiper-prev{ display:none !important} .news-view .photo-slider .swiper-slide img{width:100%;height:auto} .news-view .photo-slider .swiper-slide .txt{ color:#aaa; font-size:0.14rem} .news-view .other ul{ margin-right:0} .news-view .other .btns{ display:none} } .party-item-a{background-color:#fff;padding:0.5rem 0} .party-item-a h2{text-align:center;font-size:0.36rem;margin-bottom:0.3rem} .party-item-a .content-row{ display: flex; justify-content: space-between;} .party-item-a .item-a{width: 56.375%; margin-bottom: 1.2vw; overflow: hidden;} .party-item-a .item-a a{display:block;position:relative} .party-item-a .img-wrap{overflow:hidden} .party-item-a .image{transition: 0.65s; } .party-item-a .item-a .image{height:4rem;background-position:center center;background-size:cover} .party-item-a .item-a .txt-wrap{position:absolute;width:100%;bottom:0;left:0;background-color:rgba(46,67,150,0.6);padding:0.2rem;color:#fff} .party-item-a .item-a .txt-wrap strong{display:block;font-size:0.18rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; } .party-item-a .item-a .txt-wrap span{display:block;font-size:0.12rem;color:#fff;margin-top:0.05rem} .party-item-a .item-b{width: 41.84375%; margin-bottom: 1.2vw;} .party-item-a .item-b a{display:block;position:relative} .party-item-a .item-b .image{height:4rem;background-position:center center;background-size:cover} .party-item-a .item-b .txt-wrap{position:absolute;width:100%;bottom:0;left:0;background-color:rgba(0,0,0,0.5);padding:0.2rem;color:#fff} .party-item-a .item-b .txt-wrap strong{display:block;font-size:0.18rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; } .party-item-a .item-b .txt-wrap span{display:block;font-size:0.12rem;color:#999;margin-top:0.05rem} .party-item-a .item-c{width: 32.2125%;} .party-item-a .item-c a{display:block;position:relative;} .party-item-a .item-c .image{height:2.5rem;background-position:center center;background-size:cover} .party-item-a .item-c .txt-wrap{padding:0.2rem;background-color:#fff;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.2); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.2);} .party-item-a .item-c .txt-wrap strong{display:block;font-size:0.18rem;font-weight:normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin:0.1rem 0 0.2rem} .party-item-a .item-c .txt-wrap span{display:block;font-size:0.12rem;color:#999;} .party-item-a .item-c .txt-wrap em{display:block;text-align:right;color:#0068b7;font-size:0.14rem;} .party-item-a .item-c a:hover .txt-wrap em{text-decoration:underline} .party-item-a .more{margin:0.4rem auto 0.2rem;width:40%;max-width:1.6rem;display:block;border:1px #e2e2e2 solid;text-align:center;line-height:0.5rem;position:relative;overflow:hidden;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;} .party-item-a .more i{margin-left:0.1rem} .party-item-a .more:after {content: "";position: absolute; left: -1px;z-index:-1; top:0; width: 1px; height: 100%; background-color:#0068b7; transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;} .party-item-a .more:hover{color:#fff} .party-item-a .more:hover:after{width:110%;} @media (min-width: 992px) { .party-item-a a:hover .img-wrap .image{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);} } @media (max-width: 992px) { .party-item-a .content-row{display:block} .party-item-a .item-a{width:100%;margin-bottom:0.2rem} .party-item-a .item-b{width:100%;margin-bottom:0.2rem} .party-item-a .item-c{width:100%;margin-bottom:0.2rem} } .party-item-b{background:url(../images/honor-bg.jpg) no-repeat center center;background-size:cover;padding:0.5rem 0;background-attachment:fixed;} .party-item-b h2{text-align:center;font-size:0.36rem;margin-bottom:0.3rem} .party-item-b .item{width:100%} .party-item-b .item a{display:block;position:relative;background-color:#fff;padding:5%;-webkit-box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.2); box-shadow: 0 1px 4px 0 hsla(226,7%,54%,.2);} .party-item-b .item .image{height:2.5rem;background-position:center center;background-repeat:no-repeat;background-size:contain} .party-item-b .item span{display:block;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:0.1rem } .honor-slider{padding-bottom:0.5rem;} .honor-slider .swiper-wrapper{} .honor-slider .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;transition: 300ms;transform: scale(0.8); } .honor-slider .swiper-slide-active,.honor-slider .swiper-slide-duplicate-active{transform: scale(1);} .honor-slider .swiper-button-prev,.honor-slider .swiper-button-next{background-color:rgba(255,255,255,0.8);border-radius:4px} .honor-slider .swiper-button-prev{left:0;} .honor-slider .swiper-button-next{right:0;} .honor-slider .swiper-button-prev i,.honor-slider .swiper-button-next i{font-size:0.15rem;color:#888} .honor-slider .swiper-button-prev:after,.honor-slider .swiper-button-next:after{display:none; z-index:100;} .jubao{background-color:#f2f2f4;padding:0.5rem 0} .jubao .jubao-left{padding:0.4rem 0.5rem;border-right:1px #eee solid;margin-top:0;line-height:1.6;width:70%;float:left} .jubao .jubao-left h2{text-align:center;font-weight:bold;font-size:0.26rem;margin-bottom:0.4rem} .jubao .jubao-left .content p{margin-bottom:0.15rem} .jubao .jubao-right{background:url(../images/jubao-contact-bg.jpg) no-repeat right top;padding:0.4rem 0.9rem 0.4rem 0.3rem;width:30%;float:right} .jubao .jubao-right h2{background-size:auto 0.18rem;margin-bottom:0.3rem;background-color:#0068b7;color:#fff;padding:0.1rem 0.2rem 0.1rem 0.2rem;border-radius:0.05rem;display:inline-block;font-size:0.18rem;font-weight:bold} .jubao .jubao-right h2 i{margin-right:0.05rem;} .jubao .jubao-right p{margin-bottom:0.12rem;line-height:1.6} @media (max-width: 991px) { .jubao{padding:0;} .jubao .container{padding:0;} .jubao .jubao-left{padding:0.3rem;border-right:0;border-bottom:1px #eee solid;width:100%;float:none} .jubao .jubao-right{width:100%;float:none;padding:0.3rem} } .contact-item-a{ padding:0.5rem 0; background-color:#fff;} .contact-item-a .icons{ width:35%; float:left;} .contact-item-a .icons .item{ padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px #eee solid; padding-left:1rem; position:relative;} .contact-item-a .icons .item strong{ font-size:0.22rem; font-weight:normal} .contact-item-a .icons .item em{ position:absolute; left:0;top:0px;} .contact-item-a .icons .item i{ font-size:0.5rem; color:#aaa;} .contact-item-a .icons .item p{ margin-top:5px; color:#888;} .contact-item-a .icons .item:last-child{ border-bottom:0} .contact-item-a .map-con{ width:65%; float:left; padding-left:0.5rem;} .contact-item-a #Gmap{ border:1px #e2e2e2 solid} @media (max-width: 991px) { .contact-item-a{ padding:0.3rem 0} .contact-item-a .icons{ width:100%; float:none;} .contact-item-a .map-con{ width:100%; float:none; padding:0} .contact-item-a .icons .item p{ line-height:1.5; font-size:0.18rem} .contact-item-a .icons .item em{ left:15px;} } .contact-item-b{background:url(../images/contact-bg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;padding:0.5rem 0} .contact-item-b .item{-webkit-transition: all .3s;transition: all .3s;background-color:#fff;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);overflow:hidden;margin-bottom:0.3rem; padding-right:50%;position:relative;} .contact-item-b .item .text{padding:10%} .contact-item-b .item .text em{color:#0068b7;font-size:0.12rem;display:block} .contact-item-b .item .text em i{font-size:0.12rem} .contact-item-b .item .text h2{font-size:0.2rem;margin:0.1rem 0 0.2rem} .contact-item-b .item .text p{margin-bottom:0.05rem;color:#888} .contact-item-b .item .image{position:absolute;width:50%;height:100%;right:0;bottom:0;background-size:cover;background-position:center center} .contact-item-b .item:before { content: "";display:block; width: 0; height: 3px;background-color:#0068b7; transition: .3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1); -o-transition: 0.3s cubic-bezier(0.215,.61,.215,1); } .contact-item-b .item:hover{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);} .contact-item-b .item:hover:before{width:100%} @media (max-width:991px) { .contact-item-b{padding:0.3rem 0} .contact-item-b .item{padding-right:0;box-shadow:none;background:none} .contact-item-b .item .image{width:100%;height:1.7rem;position:relative;right:auto;bottom:auto;} .contact-item-b .item .text{padding:5%;background:#fff} } .search-result-info{ font-size:0.14rem; color:#999} .search-result-list{ margin-bottom:0.4rem} .search-result-list .item{ margin-top:0.3rem;} .search-result-list .item .title a{ color:#00c; text-decoration:underline; font-size:0.18rem} .search-result-list .item .title a span{ background-color:#ffffae; color:#f00} .search-result-list .item .title a:hover{ text-decoration:none} .search-result-list .item .description{ margin-top:0.1rem; line-height:1.6; color:#888;overflow:hidden;text-overflow: ellipsis;white-space:inherit; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:0.14rem} .search-result-list .item .url{ color:#008000; margin-top:0.05rem; font-size:0.14rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .search-result-list .item .url span{ color:#f00} .search-result-none{ margin-top:0.3rem; line-height:1.8} .search-result-none b{ display:block; margin-bottom:0.2rem} @media (max-width:991px) { } /* --------------图片浏览滚动效果---------------------- */ .imgShowBox{background: none rgba(20,20,20,0.85);bottom: 0;left: 0;position: fixed;right: 0;top: 0;transform: translateY(100%);transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;z-index: 99999;width: 100%;overflow: hidden;-webkit-overflow-scrolling: touch;} .no-csstransitions .imgShowBox{display: none;} .imgShowDemo{width: 100%;height: 100%;position: relative;overflow: hidden;} .imgShowDemo .item{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;position: relative;background-size: contain;} .imgShowDemo .img{vertical-align: middle;height: auto;width: auto;max-height: 100%;max-width: 90%;margin: auto;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); } .imgShowDemo p{background:#555;font-size: 16px;color: #fff;position: absolute;left: 0;right: 0;bottom: 0;width: 100%;padding: 0.2rem; text-align:center} /*.imgShowDemo .txt .i{padding:0px 3%;} .imgShowDemo .txt .t{font-size: 22px;line-height: 1.4;padding: 15px 0px;}*/.hi-num{width: 85px;height: 65px;background: #272727;color: #fff;border-left: 1px solid #3a3a3a;position: absolute;bottom: 0;right: 0;text-align: center;line-height: 65px;font-size: 16px;} .img-show{transform: translateY(0) !important;-webkit-transform: translateY(0) !important;} .no-csstransitions .img-show{display: block;} .imgShowDemo .slick-prev, .imgShowDemo .slick-next{width:0.5rem;height:0.5rem;position: absolute;top: 50%;margin-top: -0.25rem;z-index: 100;transition: .3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1); -o-transition: 0.3s cubic-bezier(0.215,.61,.215,1);font-size: 0; border:0;} .imgShowDemo .slick-prev{background: url(../images/icon-left.png) no-repeat center center;background-size:0.4rem 0.4rem;left: 2%;} .imgShowDemo .slick-next{background: url(../images/icon-right.png) no-repeat center center;background-size:0.4rem 0.4rem;right: 2%;} .imgShowDemo .slick-prev:hover{left:1.2%;} .imgShowDemo .slick-next:hover{right:1.2%;} .overlayClose{width:0.5rem;height:0.5rem;display: block;position: fixed;right: 0.25rem;top:0.25rem;transition: 300ms;-webkit-transition: 300ms;z-index: 100; cursor:pointer} .overlayClose i{background: url(../images/close4.png) no-repeat scroll center center;background-size:100% 100%;width: 100%;height: 100%;display: block;transition: 400ms;-webkit-transition: 400ms;} .overlayClose:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);} /* Slider*/ .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden{display: none;} /*slick end*/ .jsmodern-share{position:fixed;top:50%;left:50%;width:300px;height:335px;z-index:999999;background:#fff;border:#ccc solid 1px;border-radius:10px; box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.3); overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0} .jsmodern-share div{width:260px;height:260px;margin:0 auto} .jsmodern-share b{position:absolute;width:20px;height:20px;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s} .jsmodern-share b:hover{opacity:.5} .jsmodern-marquee{overflow:hidden} .jsmodern-marquee-inner{float:none!important;margin:0!important;padding:0!important;background:transparent!important} .jsmodern-marquee-default,.jsmodern-marquee-repeat{float:left;margin:0!important;padding:0!important;background:transparent!important} .jsmodern-marquee-part{display:block;float:left} .jsmodern-picture-container{display:block;position:relative;overflow:hidden} .jsmodern-picture-container a{display:block;color:#fff;text-decoration:none} .jsmodern-picture-container img{border:0} .jsmodern-picture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .jsmodern-picture-part{overflow:hidden} .jsmodern-picture-fade{width:100%} .jsmodern-picture-fade .jsmodern-picture-part{position:absolute;display:none} .jsmodern-picture-slide .jsmodern-picture-part{float:left} .jsmodern-picture-slide img{display:block} .jsmodern-picture-dot{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .jsmodern-picture-dot b{display:block;float:left;width:10px;height:10px;background:#777;border-radius:5px;cursor:pointer;margin:0 5px;transition:.4s} .jsmodern-picture-dot b.active{background:#fff} .jsmodern-picture-prev,.jsmodern-picture-next{display:block;position:absolute;top:50%;width:17px;height:32px;margin-top:-16px;cursor:pointer;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat} .jsmodern-picture-prev{margin-left:15px} .jsmodern-picture-next{right:0;margin-right:15px;background-position:-17px 0} .jsmodern-video{background:#000;position:relative;overflow:hidden;z-index:10} .jsmodern-video-panel{position:absolute;bottom:0;left:0;z-index:2147483648;width:100%;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none} .jsmodern-video-panel.jsmodern-video-panelFull{left:50%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);padding:3px 5px;border-radius:8px} .jsmodern-video-linebox{height:6px;background:rgba(255,255,255,.25);border-radius:3px;width:460px;width:-webkit-calc(100% - 305px);width:-moz-calc(100% - 305px);width:calc(100% - 305px);float:left;margin:17px 0 0 15px;position:relative;cursor:pointer} .jsmodern-video-pass{position:absolute;border-radius:3px;height:100%;background:#F06000} .jsmodern-video-linedot{width:6px;height:6px;background:#fff;border-radius:3px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute} .jsmodern-video-panel b{cursor:pointer} .jsmodern-video-panel b,.jsmodern-video-panel span{display:block;float:left} .jsmodern-video-panel span{font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none} .jsmodern-video-start{margin-left:10px} .jsmodern-video-start+span{width:14px;height:12px;text-align:center;line-height:12px;font-size:10px;overflow:hidden;margin-top:13px;-webkit-transform:scale(1,0.9) translateY(1px);-ms-transform:scale(1,0.9) translateY(1px);transform:scale(1,0.9) translateY(1px);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .jsmodern-video-start,.jsmodern-video-end{width:39px;text-align:center} .jsmodern-video-volumebox{width:80px;height:6px;background:rgba(255,255,255,.25);border-radius:3px;float:left;margin:18px 0 0 7px;position:relative;cursor:pointer} .jsmodern-video-volumeline{width:40px;height:6px;background:#F06000;border-radius:3px;margin-top:0} .jsmodern-video-volumedot{width:6px;height:6px;background:#fff;border-radius:3px;margin:-6px 0 0 37px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute} .jsmodern-video-play,.jsmodern-video-volume,.jsmodern-video-fullin{width:18px;height:18px;margin-top:11px;background-position:center;background-repeat:no-repeat} .jsmodern-video-play{margin-left:10px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)} .jsmodern-video-pause{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)} .jsmodern-video-volume{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)} .jsmodern-video-muted{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)} .jsmodern-video-fullin{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)} .jsmodern-video-fullout{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)} b.jsmodern-video-fullFalse{opacity:.5;cursor:default} .jsmodern-dialog-container{position:fixed;width:100%;height:100%;z-index:2147483649;top:0;left:0;background:rgba(0,0,0,.6);opacity:0} .jsmodern-dialog{position:fixed;top:-10px;left:50%;width:500px;min-width:500px;height:auto;overflow:hidden;padding:15px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff;border-radius:6px;border:#555 solid 1px;box-shadow:0 0 15px rgba(0,0,0,.4);opacity:0} .jsmodern-dialog-title{text-align:left;font-size:16px;font-weight:bold;color:#000;word-wrap:break-word;word-break:normal} .jsmodern-dialog-content{width:100%;height:auto;min-height:60px;overflow:hidden;word-wrap:break-word;word-break:normal;margin-top:10px;font-size:14px;color:#333;line-height:160%} .jsmodern-dialog>span{display:block;float:right;height:30px;line-height:30px;font-size:13px;padding:0 12px;cursor:pointer;margin:13px 0 0 10px;border-radius:4px;border:#ccc solid 1px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .jsmodern-dialog>span.jsmodern-dialog-sure{background:#2F7CBE;border-color:#2F7CBE;color:#fff} .jsmodern-dialog>span.jsmodern-dialog-sure:hover{background:#1563A6;border-color:#1563A6} .jsmodern-dialog>span.jsmodern-dialog-cancel:hover{background:#eee} .jsmodern-scrollBar-container{overflow:hidden;position:relative} .jsmodern-scrollBar-inner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .jsmodern-scrollbar{position:absolute;top:0;right:2px;width:6px;background:rgba(0,0,0,.3);border-radius:3px;z-index:10px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .jsmodern-lazyload{display:block;opacity:0} .jsmodern-page-content{text-align:center;margin-left:auto;margin-right:auto} .jsmodern-page-target>*{display:none} .jsmodern-page{height:38px;display:inline-block;overflow:hidden;border-radius:19px;border:#e8e8e8 solid 1px;margin:0 auto} .jsmodern-page>div i,.jsmodern-page>i{display:block;float:left;width:40px;height:38px;line-height:38px;font-size:13px;text-align:center;cursor:pointer;font-style:normal;background:#f5f5f5;transition:.15s;font-weight:bold;color:#333} .jsmodern-page i{border-right:#e3e3e3 solid 1px;border-left:#fff solid 1px} .jsmodern-page>div{float:left;max-width:420px;overflow:hidden} .jsmodern-page>div div{height:38px} .jsmodern-page i.active{background:#E04636;color:#fff;box-shadow:rgba(0,0,0,.2) 0 0 10px inset;border-right-color:#fff} .jsmodern-page i:hover{color:#E04636} .jsmodern-page i.active:hover{color:#fff} .jsmodern-page>i span{display:inline-block;font-size:20px} .jsmodern-page>i:first-child{border-radius:19px 0 0 19px} .jsmodern-page>i:last-child{border-radius:0 19px 19px 0} i.jsmodern-page-first,i.jsmodern-page-last,i.jsmodern-page-next,i.jsmodern-page-prev{line-height:33px} .ahinvFd .ad {z-index:100;background:none;position:absolute;display:none;} .ahinvFd a {color:#000000;display:inline-block;text-decoration:none;} .ahinvFd a img {} .ahinvFd .opacity {position:absolute;top:0;width:18px;height:18px;display:none} .opacity1 {opacity:0.90;filter:alpha(opacity = 90);} .ahinvFd .text {position:absolute;top:0;right:0;width:18px;height:18px;color:#000000;} .ahinvFd .text .button {position:relative;top:5px;right:5px;width:18px;height:18px;background:url("images/close.png") no-repeat;background-size:cover;cursor:pointer;}