@charset "utf-8";
/* CSS Document */
html{height:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em,select, td, th, input, textarea, button{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;font-family:"Microsoft YaHei","PingFang SC","Source Han Sans CN","Helvetica Neue",Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; outline:none;}
body{font-size:0.16rem;background:#f7f8f8}
a{ color:#333}
a:hover{ color:#ea2837; text-decoration:none}
a:focus{color:#ea2837; text-decoration:none}
html{font-size: 100px;}
@media (max-width: 1399px){html{font-size: 94px;}}
@media (max-width: 1199px){html{font-size: 88px;}}
@media (max-width: 992px){html{font-size: 76px;}}
@media (max-width: 767px){html{font-size: 85px;}}
h1, .h1 {font-size: 0.40rem;}
h2, .h2 {font-size: 0.34rem;}
h3, .h3 {font-size: 0.26rem;}
h4, .h4 {font-size: 0.22rem;}
h5, .h5 {font-size: 0.16rem;}
.fixedImg { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.black-50{ background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
@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');
}
/* CDN 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
font-family: 'iconfont'; /* Project id 3892431 */
src: url('//at.alicdn.com/t/c/font_3892431_thpkywrq1zf.woff2?t=1677202665332') format('woff2'),
url('//at.alicdn.com/t/c/font_3892431_thpkywrq1zf.woff?t=1677202665332') format('woff'),
url('//at.alicdn.com/t/c/font_3892431_thpkywrq1zf.ttf?t=1677202665332') format('truetype');
}
@font-face{font-family:'QualcommWeb';font-style:normal;font-weight:200;src:url('font/QualcommWeb-Light.woff') format('woff'), url('font/QualcommWeb-Light.ttf') format('truetype');}
@font-face{font-family:'QualcommWeb';font-style:normal;font-weight:400;src:url('font/QualcommWeb-Regular.woff') format('woff'), url('font/QualcommWeb-Regular.ttf') format('truetype');}
@font-face{font-family:'QualcommWeb';font-style:normal;font-weight:600;src:url('font/QualcommWeb-Semibold.woff') format('woff'), url('font/QualcommWeb-Semibold.ttf') format('truetype');}
@font-face{font-family:'QualcommBoing';font-style:normal;font-weight:200;src:url('font/QualcommBoing-Thin.woff') format('woff'), url('font/QualcommBoing-Thin.ttf') format('truetype');}
@font-face{font-family:'QualcommNext';font-style:normal;font-weight:200;src:url('font/QualcommBoing-Thin.woff') format('woff'), url('font/QualcommBoing-Thin.ttf') format('truetype');}
@font-face{font-family:'QualcommNext';font-style:normal;font-weight:400;src:url('font/QualcommNext-Regular.woff') format('woff'), url('font/QualcommNext-Regular.ttf') format('truetype');}
@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;}
.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {position:relative;min-height:1px;padding-right:10px;padding-left:10px;}
.col-xs-1-5 {width:20%;float:left;}
@media (min-width:768px) {
.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;}
}
.wow{visibility:hidden}
@media (max-width: 767px) {
.container {padding-right:20px;padding-left: 20px;}
.page-box .container{padding:0}
.row {margin-right: -5px; margin-left: -5px;}
.col-md-8,.col-md-4,.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-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-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,.col-6,.col-sm-6{ padding-left:5px; padding-right:5px}
}
.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}
#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}
#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:Tahoma, "microsoft Yahei"; line-height:26px;}
#message .msg a{ text-decoration:underline; color:#0066cc}
#message .msg a:hover{ color:#b1000; text-decoration:none}
@-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: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}
.video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none}
.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; z-index:1 }
.video-play .box{ width:960px; height:540px; position:relative; z-index:3; margin:0 auto }
.video-play .close-btn{ background:url(../images/close2.gif) no-repeat center center; background-size:60% 60%; display:block; text-indent:-10000px; width:0.5rem; height:0.5rem; position:absolute; right:0.2rem; top:0.2rem; z-index:4;-webkit-transition: -webkit-transform 1s;}
.video-play .close-btn:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg); }
#con_video_div{ background:#000}
.jw-controlbar{width:100%}
@media (max-width: 767px) {
.video-play .box{ width:100%; height:300px;}
.video-play .close-btn{ right:0.2rem;top:-0.5rem; width:0.3rem; height:0.3rem; background-size:cover}
#con_video_div{ width:100% !important;height:300px !important}
}
@media (min-width: 993px) {
[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);}
}
.b{font-weight:bold}
.red{ color:#ee4433 !important}
.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;}
.footer{box-shadow: 0 0px 10px rgba(0,0,0,0.05);background-color:#fff;}
.footer-info{background:url(../images/footer-bg.jpg) no-repeat center bottom;background-size:cover;padding:0.4rem 0}
.footer-contact{padding-left:3.2rem;position:relative}
.footer-contact .link{position:absolute;left:0;top:0;width:3rem}
.footer-contact .link a{display:block;background-color:#ea2837;color:#fff;border-radius:0.06rem;text-align:center;padding:0.15rem;vertical-align:top;width:1.4rem;float:left;margin-right:0.1rem}
.footer-contact .link span{display:block;font-size:0.12rem}
.footer-contact .link i{font-size:0.24rem;vertical-align:top}
.footer-contact .link em{display:inline-block;vertical-align:top}
.footer-contact .text{line-height:1.8;padding-top:0.1rem}
.footer-contact .text a{color:#ea2837;margin-left:0.05rem}
.footer-links{margin-top:0.3rem;padding-left:0.25rem}
.footer-links a{color:#999;margin:0 0.05rem}
.footer-links a:hover{color:#ea2837}
.footer-weixin{text-align:center}
.footer-weixin img{width:40%;max-width:140px;border:1px #eee solid}
.footer-weixin span{display:block;font-size:0.14rem;color:#aaa;margin-top:0.07rem}
.footer-copyright{text-align:center;padding:0.25rem 0;line-height:1.8}
.footer-copyright p:last-child{color:#aaa}
.footer-copyright p:last-child a{color:#aaa}
.footer-copyright p:last-child a:hover{color:#ea2837}
@media (max-width:992px){
.footer{box-shadow:none}
.footer-info{padding:0.3rem 0;background: url(../images/index-bg2.jpg) center center;background-size: 100% 100%;}
.footer-contact{padding:0;}
.footer-links{display:none}
.footer-contact .link{position:relative;margin:0 auto;width:60%;display:none}
.footer-contact .text{text-align:center;}
.footer-weixin{margin-top:0.2rem}
.phone-hide{display:none}
.footer-weixin img{max-width:100px;}
}
.header{height:0.9rem; position:fixed;width:100%;left:0;top:0;background:#fff;z-index:900;box-shadow: 0 0px 10px rgba(0,0,0,0.1);-webkit-transition: all .4s;transition: all .4s;}
.header-wrapper{ position:relative}
.header .logo{ display:block; width:4.6rem; height:0.55rem; background:url(../images/logo.png?23212) no-repeat center center;background-size:cover;margin-top:0.2rem;float:left;z-index:2}
.header .nav-bar{ float:right; position:relative }
.header .nav-bar ul{position:relative}
.header .nav-bar li{ float:left; position:relative; z-index:2;padding:0 0.11rem; }
.header .nav-bar li span{ display:block; }
.header .nav-bar li span a{ display:block;padding:0.15rem 0; text-align:center; line-height:0.6rem; overflow:hidden; font-size:0.18rem; color:#333; position:relative}
.header .nav-bar li span a:hover{ color:#ea2837 !important}
.header .nav-bar li.current span a{ color:#ea2837 !important}
.header .nav-bar li.search-btn{padding:0.3rem 0 0.3rem 0.1rem}
.header .nav-bar li.search-btn a{transition: all .3s;line-height:0.3rem;display:block;color:#999;line-height:0.28rem;width:0.32rem;height:0.32rem;border-radius:0.32rem;text-align:center;border:1px #ddd solid}
.header .nav-bar li.search-btn a i{font-size:0.14rem;line-height:1}
.header .nav-bar li.search-btn a:hover{color:#fff;background-color:#ea2837;border-color:#ea2837}
.header .nav-bar .indicator{content:"";display:block; position:absolute;z-index:1;width: 0.66rem; height: 1px;bottom:0px;left:0;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; }
.header .nav-bar .indicator:before{content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ea2837; position: absolute; left: 50%;margin-left:-8px; bottom: 0;}
.sub-nav{position:fixed;left:0;top:1.2rem;right:0;width:1.6rem;border-top:3px #ea2837 solid;height:1px;overflow:hidden;background-color:#fff; box-shadow: 0 0px 6px rgba(215,215,215,0.7);visibility:hidden; opacity:0; transition:top .3s, opacity 0.5s, height .3s;}
.sub-nav dl{}
.sub-nav dl dd a{ display:block;line-height:0.4rem;text-align:center;color:#333;padding:0;position:relative;font-size:0.16rem}
.sub-nav dl dd a:hover{background-color:#ea2837;color:#fff }
.sub-nav dl dd a.current{color:#ea2837}
.header .nav-bar li.hover .sub-nav{top:0.9rem;height:auto;visibility:visible; opacity:1;}
.header .nav-bar li.hover span a:hover:after{width:100%;}
/*
.header.current .nav-bar{ display:none}
.header.current{ background-color:#fff;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.png)}
.header.current .nav-bar li span a{ color:#222}
.header.hover{ background-color:#fff;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.png)}
.header.hover .nav-bar li span a{ color:#222}
*/
.index-slide-header{display:none}
@media (min-width:993px){
.index-header{top:auto;bottom:0}
.index-header .sub-nav{top:auto;bottom:0.9rem}
.index-header .nav-bar li.hover .sub-nav{top:auto;}
.header.hover{bottom:-0.9rem;}
.index-slide-header{display:block;top:-0.9rem}
.index-slide-header.hover{top:0;}
}
.header-btn{ position:absolute; right:0;top:0;overflow:hidden}
.header-btn .search-btn{ float:left; width: 0.9rem; }
.header-btn .search-btn a{ color:#999;display:block;line-height:0.9rem;text-align:center}
.header-btn .search-btn i{ font-size:0.24rem; position:relative;top:0.04rem; line-height:0.2rem; }
.header.hover .header-btn .search-btn a{ color:#000}
.header.current .header-btn .search-btn a{ color:#000}
.menu-box{ position:fixed;top:0.9rem; left:0; width:100%; height:0; visibility:hidden; overflow:hidden;border-top:1px #ddd solid; z-index:800; 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:11.1%; 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:0.9rem; left:0; width:100%; height:0; visibility:hidden; overflow:hidden;border-top:1px #ddd solid; z-index:800; 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);}
.search-box.hover{top:auto;bottom:0.9rem}
@media (max-width:767px){
.search-box .search-wrapper{ width:80%;}
}
.menubtn{ position:relative; z-index: 20; float: right; transition: 0.4s; width: 0.9rem; height:0.9rem; cursor: pointer; display:none}
.menubtn:hover{}
.menuiphone{ display: none;}
.menubtn span{ display:block; width:0.24rem; height:2px; background:#333; border-radius:1px; 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:1px; 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: -10px;-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: -10px;-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.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:#222}
.header.hover .menubtn span:after,
.header.hover .menubtn span:before{ background-color:#222}
.header.current .menubtn span{ background-color:#222}
.header.current .menubtn span:after,
.header.current .menubtn span:before{ background-color:#222}
@media (max-width: 1450px) {
.header-btn{ display:none}
.header .container{width:100%}
.header-btn .search-btn{display:none;}
}
@media (max-width: 1299px) {
.header .nav-bar{ display:none}
.header-btn{ display:block;box-shadow: none !important;}
.header-btn .search-btn{display:block;}
.header-btn .menubtn{display:block;box-shadow: 1px 2px 8px rgba(0,0,0,0.1);}
}
@media (max-width: 992px) {
.index-wrapper{ padding:0;width:100%}
.header .nav-bar{ display:none}
}
@media (max-width: 992px) {
.header { height:0.8rem; box-shadow: 1px 1px 8px rgba(0,0,0,0.1) !important; background:#fff;overflow:hidden;position:relative}
.header .logo{position:relative;float:none;margin-top:0;margin-left:0.1rem; width:65%;height:0.8rem; background-size:contain;background-image:url(../images/logo.png); background-position:0 center; max-width:300px}
.header-btn{ box-shadow: none !important;}
.header-btn .search-btn{display:block;width:0.8rem}
.header-btn .search-btn a{color:#222;line-height:0.8rem}
.header .index-nav-bar{display:none;border-top:0.06rem #265ac8 solid;float:none}
.header .index-nav-bar li span a{color:#265ac8;font-size:0.2rem;line-height:0.3rem}
.header .index-nav-bar li{width:25%;background:url(../images/nav-li-bg.jpg) no-repeat;background-size:cover}
.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 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;padding:0.1rem 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;-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);transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.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;width:50%;float:left;padding:0.05rem 0}
.menu-box .menu-wrapper dl:last-child{border-bottom:0;}
.search-box{top:0.8rem}
}
.search-layer{ position:fixed; left:0;top:0; z-index:800; background:rgba(0,0,0,0.5); width:100%; height:100%; display:none}
.search-layer .search-box{ width:400px; height:70px; background-color:#fff; position:absolute; left:50%; margin-left:-200px;top:50%; margin-top:-35px; }
.search-layer .search-box .input{ width:330px; float:left; border:0;height:70px; padding:10px 25px; line-height:50px}
.search-layer .search-box button{ width:70px; height:70px; border:0; background-color:#008bd5; color:#fff}
.search-layer .search-box button i{ font-size:30px;}
.menu-handler{ position:absolute; right: 0px;top:0; z-index:11; width:60px; height:60px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;-webkit-transition: all .3s;transition: all .3s; display:none}
.menu-handler span{position:absolute; top:50%; left:50%; margin-left:-15px; width:30px; height:3px; background:#666; border-radius:1px;-webkit-transition: all .3s;transition: all .3s;}
.menu-handler span:before, .menu-handler span:after{content:''; display:block; position:absolute; left:0; width:30px; height:3px; background:#666; border-radius:1px; transition:0.3s, 0.3s; transition-property: top, transform; transition-delay:0.3s, 0;}
.menu-handler span:before{top:-9px;}
.menu-handler span:after{top:9px;}
.menu-handler.active span{background:transparent;}
.menu-handler.active span:before{-webkit-transform:rotate(45deg); top:0;}
.menu-handler.active span:after{-webkit-transform:rotate(-45deg); top:0;}
.menu-handler.active span:before, .menu-handler.active span:after{transition-delay:0, 0.3s;}
.menu-Box a{ color: #584d4d;}
.menu-Box a:active,.menu-Box a:hover { color: #06b;}
.menu-Box{ position: fixed; left: 100%; top: 0; width: 100%; height: 100%; overflow-y: auto; background-color: #fff; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menuMobile{ padding: 70px 0px 0px; margin: 0px 10%;}
.menuMobile dd{ border-top: 1px solid #ddd;}
.menuMobile dd:first-child{ border-top:0;}
.menuMobile p a{ font-size: 0.22rem; font-weight:bold; padding: 0.2rem 5% 0.2rem 0px; display: block; position: relative;}
.menuMobile .sub a:before{ content:""; position: absolute; right: 0px; top: 50%; width: 12px; height: 2px; background-color:#ccc; margin-top: -1px; opacity: 1; transition: 300ms; -webkit-transition: 300ms; }
.menuMobile .sub a:after{content:""; position: absolute; right: 5px; top: 50%; width: 2px; height: 12px; background-color:#ccc; margin-top: -6px; opacity: 1; transition: 300ms; -webkit-transition: 300ms; }
.menuMobile .cur a:after{ opacity: 0;}
.menuMobile .msubmenu{font-size: 0.2rem; padding: 0px 0px 10px;}
.menuMobile .msubmenu li{ display: block; margin-bottom:12px; width:50%; float:left;}
@media (max-width: 992px) {
.menuOpen .pusher-black { display: block; }
.menuOpen .menu-Box { left: 0; z-index: 900; }
.menu-handler{ display:block; }
}
@-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);}
}
/* 中共四川省委第十巡视组公告 */
.newxuncha{
position: fixed;
right: 10px;
top: 200px;
z-index: 5000;
max-width: 10vw;
text-align: right;
}
.newxuncha .delete{
position: absolute;
right: 0;
top: 100%;
z-index: 5;
width: 20px;
height: 20px;
background-color: rgba(0,0,0,0.5);
text-align: center;
line-height: 20px;
color: #FFFFFF;
font-size: 12px;
border-radius: 0 0 20px 20px;
}
.newxuncha .delete:hover{
background-color:#000000;
}
.newxuncha img{
position: relative;
z-index: 1;
max-width: 100%;
}
.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% }
.banner-slider .image{ 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 .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #ea2837; text-align: left;}
.banner-slider .weui-cell{width: 100%; height: 80%;}
.banner-slider .textbox strong{ display:block; font-size:0.45rem; font-weight:normal; line-height:1.3; padding-left:20%; 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 p{ margin-top:0.3rem; color:#fff; font-size:0.55rem; line-height:1.3; font-weight:bold;letter-spacing:0.02rem; padding-left:20%;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 .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 5%}
.banner-slider .textbox .xuexi-text{transform: scale(0.5); transition:1.5s cubic-bezier(0.215,.61,.215,1);opacity:0;background:url(../images/xuexi-text.png) no-repeat center center;background-size:contain;height:5.24rem;margin:0 5%}
.banner-slider .textbox .banner-text{transform: scale(0.5); transition:1.5s cubic-bezier(0.215,.61,.215,1);opacity:0;background:url(../images/banner-text.png) no-repeat center center;background-size:contain;height:2.13rem;margin:0 5%}
.banner-slider .swiper-pagination{ bottom:1.3rem}
.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.23rem; height:0.2rem; border-radius:0; background:url(../images/banner-li.png) no-repeat center top; background-size:100% auto;opacity:1;}
.banner-slider .swiper-pagination-bullet:last-child{ width:0.23rem}
.banner-slider .swiper-pagination-bullet-active i{ background-position:0 bottom}
.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 .textbox .xuexi-text{transform: scale(1) !important;opacity:1 !important}
.banner-slider .swiper-slide-active .image{-webkit-animation: scaleBigToSmall 3s cubic-bezier(0.215,.61,.215,1); animation: scaleBigToSmall 3s cubic-bezier(0.215,.61,.215,1);}
.banner-slider .swiper-slide-active strong{opacity: .5; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner-slider .swiper-slide-active p{-webkit-animation: fadeInUp 1s; animation: fadeInUp 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-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);}
}
@media screen and (max-width: 992px){
.banner-wrapper{height:30vh}
.banner-wrapper{padding-top:0 }
.banner-slider .swiper-pagination{ bottom:15px}
.banner-slider .weui-cell{ height: 90%;}
}
.scroll-icon{ position:absolute; right:0.5rem; width:1rem;bottom:1.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}
}
.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:992px) {
.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:cover}
.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;position:relative}
.index-page-c:before{ content: ""; position: absolute;left:0;top:0;height:100%;width:100%;background:url(../images/index-bg2.png) no-repeat center top;background-size:40% auto}
.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: 992px){
.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}
}
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-notice{height:0.68rem;background:url(../images/notice-bg.png) no-repeat left center;background-size:cover; padding-left:1.8rem;position:relative;}
.index-notice h2{position:absolute;left:0;top:0;line-height:0.5rem;padding-left:0.2rem;font-weight:bold;font-size:0.24rem;color:#ea2837;}
.index-notice h2:before{ content: "GS"; position: absolute; left: -0.1rem; top: -0.1rem; color:#aaa;opacity: 0.15;font-family:"times";font-size:0.8rem;line-height:0.7rem }
.index-notice .con{overflow:hidden;position:relative;top:0.17rem;height:0.3rem;margin-right:0.8rem}
.index-notice .notice-swiper{height:0.3rem}
.index-notice .notice-swiper .item{line-height:0.3rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.index-notice .notice-swiper .item span{color:#ea2837;font-weight:bold;margin-right:0.1rem;}
.index-notice a.more{position:absolute;right:0;top:50%;margin-top:-0.17rem;line-height:1;font-size:0.12rem;color:#aaa;display:inline-block;background-color:#fff;padding:0.05rem 0.1rem;border:1px #ddd solid;border-radius:0.2rem}
@media screen and (max-width: 767px){
.index-notice .con{margin-right:0}
.index-notice a.more{display:none}
}
.index-news{margin-top:0.4rem}
.index-news h2{margin-bottom:0.2rem}
.index-news h2 strong{font-size:0.36rem}
.index-news h2 span{font-family:"times";color:#ddd;margin-left:0.1rem;font-size:0.24rem}
.index-slider{height:100%}
.index-slider .txt{ background:url(../images/mask.png);background-size:100% 100%;text-align:center; position:absolute; width:100%; left:0;bottom:0; z-index:3; padding:0.2rem 0.3rem 0.15rem;}
.index-slider .txt strong{ display:block; font-weight:normal; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;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{ text-align:center; bottom:0.4rem}
.index-slider .swiper-pagination-bullet{ width:0.07rem; height:0.07rem;border:1px #fff solid; background:none; background-size:cover;opacity:1;}
.index-slider .swiper-pagination-bullet-active{ background:#ea2837;border:1px #ea2837 solid;}
.index-slider .swiper-container{ height:100%}
.index-slider .swiper-button-prev{ background-color:none; width:40px; height:80px; background-size:18px 29px; left:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-next{ background-color:none; width:40px; height:80px; background-size:18px 29px; right:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-prev:hover{ background-color:#ea2837;}
.index-slider .swiper-button-next:hover{ background-color:#ea2837;}
.index-slider:hover .swiper-button-prev{opacity:1; left:0;}
.index-slider:hover .swiper-button-next{opacity:1; right:0}
.index-news h3{background-color:#fff;border:1px #ddd solid;position:relative;margin-top:-0.6rem}
.index-news h3 a{display:block;width:33.333333%;float:left;line-height:0.6rem;text-align:center;font-size:0.2rem;border-right:1px #ddd solid;transition: 0.35s;}
.index-news h3 a i{display:inline-block;font-size:0.2rem;line-height:0.6rem;margin-right:3px;color:#aaa;transition: 0.35s;}
.index-news h3 a span{display:inline-block;}
.index-news h3 a:last-child{border-right:0}
.index-news h3 a.current{background-color:#ea2837;color:#fff}
.index-news h3 a.current i{color:#fff}
.index-news .con{background-color:#fff;margin-top:0.1rem;padding:0.25rem 0.3rem;border:1px #ddd solid}
.index-news .con .item a{display:block;line-height:0.36rem; padding-right:1rem; position:relative;overflow: hidden;transition: 0.35s;}
.index-news .con .item a:before{ content: "查看详情"; position: absolute;right:-0.8rem;top:0;color:#fff;font-size:0.14rem;line-height:0.36rem;background-color:#ea2837;z-index:3;width:0.8rem;text-align:center;transition: 0.35s; }
.index-news .con .item em{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../images/li.gif) no-repeat 0 center; padding-left:0.1rem; }
.index-news .con .item span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0;line-height:0.36rem;}
.index-topic{margin-top:0.3rem}
.index-topic a{overflow:hidden;display:block}
.index-topic img{width:100%;transition: 0.35s; }
.zhengfu-link{margin-top:0.1rem}
.zhengfu-link img{width:100%}
@media (min-width:993px) {
.index-news .con .item a:hover{background-color:#f2f2f2}
.index-news .con .item a:hover:before{ right:0; }
.index-topic a:hover img{transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
}
@media screen and (max-width: 767px){
.index-news h2{display:none}
.index-news h3{border-radius:0.15rem;margin-top:0}
.index-news{margin-top:0.3rem}
.index-news .con{padding:0;background:none;border:0}
.index-news .con .item a{font-size:0.2rem;line-height:0.4rem}
.index-news .con .item span{line-height:0.4rem}
.index-topic{margin-top:0.1rem}
.index-topic a{margin-bottom:0.1rem}
.zhengfu-link{margin-top:0.2rem}
}
.particles-js{position:absolute;z-index:1;left:0;top:0;width:100%;}
@media screen and (max-width: 767px){
.particles-js{display:none}
}
.index-business-text{}
.index-business-text h2{margin-bottom:0.2rem}
.index-business-text h2 strong{font-size:0.36rem}
.index-business-text h2 span{font-family:"times";color:#ddd;display:block;font-size:0.24rem;text-transform:uppercase;margin-top:0.05rem}
.index-business-text .content{line-height:1.8;color:#888;text-align:justify}
.index-business-text .more{margin-top:0.3rem;position:relative;padding-bottom:0.4rem}
.index-business-text .more span{display:block;color:#ddd;font-size:0.5rem;line-height:1.2;font-family:"times";letter-spacing:-3px;}
.index-business-text .more span:first-child:first-letter {font-size: 0.8rem;}
.index-business-text .more a{display:inline-block;position:absolute;right:0;bottom:0;border-bottom:1px #ea2837 solid;color:#ea2837}
.index-business-text .more a:hover{border-bottom:none}
.index-business-slider{position:relative;height:100%; padding-left:4%}
.index-business-swiper{position:relative;height:100%;background-color:#fff;box-shadow: 0px 2px 15px rgba(0,0,0,.09);}
.index-business-swiper .item{position:relative;height:100%}
.index-business-swiper .item .image{position:relative;height:calc(100% - 1rem);background-position:center center;background-size:cover}
.index-business-swiper .item .text{background:url(../images/mask.png) no-repeat;background-size:100% 100%;position:absolute;left:0;width:100%;bottom:1rem;color:#fff;padding:0.3rem;}
.index-business-swiper .item .text strong{display:none;font-size:0.24rem;margin-bottom:0.1rem}
.index-business-swiper .item .text p{font-size:0.14rem;line-height:1.4}
.index-business-swiper .swiper-pagination-bullet {transition: 0.35s;display:block;float:left;margin:0 !important;width: 12.5%;padding:0.2rem 0;border-radius:0 !important; height: 1rem; color:#888; text-align: center; opacity: 1; background: rgba(255, 255, 255, 1) !important;border-right:1px #ddd solid;}
.index-business-swiper .swiper-pagination-bullet:last-child{border:0}
.index-business-swiper .swiper-pagination-bullet i{font-size:0.32rem}
.index-business-swiper .swiper-pagination-bullet em{text-align:center;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.index-business-swiper .swiper-pagination-bullet-active { color: #fff; background: rgba(242, 22, 22, 1) !important;}
.index-business-swiper .swiper-pagination{bottom:0;}
@media screen and (max-width: 767px){
.index-business-text .content{font-size:0.2rem}
.index-business-text .more{padding-bottom:0.2rem}
.index-business-text .more span{display:none}
.index-business-slider{ padding-left:0;height:3rem;margin-top:0.3rem;}
.index-business-swiper .item .image{overflow:hidden;height:100%}
.index-business-swiper .item .text{bottom:0; padding:0.3rem 0.3rem 0.8rem;}
.index-business-swiper .item .text strong{display:block;}
.index-business-swiper .item .text p{font-size:0.18rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.index-business-swiper .swiper-pagination-bullet{background:rgba(0,0,0,0.5) !important;margin:0 2px !important;padding:0;border-radius:50% !important;display:inline-block;float:none;border:0;width:0.4rem;height:0.4rem;}
.index-business-swiper .swiper-pagination-bullet-active{background: rgba(242, 22, 22, 1) !important;}
.index-business-swiper .swiper-pagination-bullet em{display:none}
.index-business-swiper .swiper-pagination-bullet i{font-size:0.2rem;line-height:0.4rem;}
.index-business-swiper .swiper-pagination{bottom:0.2rem;}
}
.index-video{height:3.8rem;position:relative}
.index-video a{display:block;height:100%;position:relative;overflow:hidden}
.index-video a .image{height:100%;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;transition: 0.35s;}
.index-video a .image:before{content: ""; display: block; width:0.7rem; height:0.7rem;border-radius:0.7rem; position: absolute;top:50%;margin-top:-0.35rem;left:50%;margin-left:-0.35rem;background-color:#000; opacity:0.5; }
.index-video a .image:after{content: ""; display: block; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 22px solid #fff; position: absolute;top:50%;margin-top:-12px;left:50%;margin-left:-8px;z-index:3 }
.index-video a .title{position:absolute;left:0;bottom:0.3rem;width:100%;text-align:center;color:#fff}
.index-links{margin-top:0.3rem}
.index-links a{overflow:hidden;display:block;box-shadow: 0px 2px 15px rgba(0,0,0,.09);}
.index-links img{width:100%;transition: 0.35s; }
.index-links a:hover img{transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.index-video a:hover .image{transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
@media (min-width:993px) {
.index-links a:hover img{transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.index-video a:hover .image{transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
}
@media screen and (max-width: 767px){
.index-video{height:2.4rem;border-radius:0.15rem;overflow:hidden}
.index-links{display:none}
.index-video a .title{font-size:0.24rem;font-weight:bold}
.index-links a{margin-bottom:0.2rem;border-radius:0.15rem;overflow:hidden}
}
.index-party{background-color:#fff;border-radius:0 0.3rem 0 0;background-color:#fff;box-shadow: 0px 2px 15px rgba(0,0,0,.09);overflow:hidden;margin-left:4%}
.index-party h2 a{display:block;width:50%;float:left;line-height:0.7rem;text-align:center;font-size:0.22rem;background-color:#ebeded;transition: 0.35s;}
.index-party h2 a.current{background:url(../images/index-party-bg.jpg) no-repeat center center;background-size:100% 100%;color:#fff}
.index-party .con{padding:5% 7%}
.index-party .topnews{margin-bottom:0.3rem;position:relative;margin-left:1.6rem}
.index-party .topnews .image{height:0.9rem;width:1.3rem;position:absolute;left:-1.6rem;top:0;background-size:cover;background-position:center center}
.index-party .topnews strong{display:block;font-weight:normal;line-height:0.32rem;min-height:0.64rem;font-size:0.22rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.index-party .topnews span{display:block;margin-top:0.1rem;color:#aaa;font-size:0.14rem}
.index-party .item a{display:block;line-height:0.36rem; padding-right:1rem; position:relative;overflow: hidden;transition: 0.35s;}
.index-party .item a:before{ content: "查看详情"; position: absolute;right:-0.8rem;top:0;color:#fff;font-size:0.14rem;line-height:0.36rem;background-color:#ea2837;z-index:3;width:0.8rem;text-align:center;transition: 0.35s; }
.index-party .item em{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../images/li.gif) no-repeat 0 center; padding-left:0.1rem; }
.index-party .item span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0;line-height:0.36rem;}
@media (min-width:993px) {
.index-party .item a:hover{background-color:#f2f2f2}
.index-party .item a:hover:before{ right:0; }
}
@media screen and (max-width: 767px){
.index-party{margin-left:0;margin-top:0.3rem;box-shadow:none;border-radius:0}
.index-party h2{border-radius:0.15rem;overflow:hidden}
.index-party .con{ padding:0;margin-top:0.2rem}
.index-party .topnews strong{font-size:0.2rem}
.index-party .item a{line-height:0.4rem;font-size:0.2rem}
.index-party .item span{line-height:0.4rem}
}
.page-banner{ height:4.5rem; position:relative;overflow:hidden}
.page-banner .image{ position:relative; height:100%; overflow:hidden }
.page-banner .image .pic{ position:absolute;height:100%; width:105%; background-position:center center; background-repeat:no-repeat; background-size:cover}
.page-banner .image .pic:before{content: ""; display: block; width:100%; height: 100%; position: absolute;top:0;left:0; background-color:#000; opacity:0.1; }
.page-banner .textbox{ position:absolute; left:0;top:20%; right:0;bottom:0; z-index:2;}
.page-banner .textbox strong{ font-size:0.4rem; display:block; color:#fff; display:none}
.page-banner .textbox p{ font-family:"dincond-medium-webfont";font-weight:bold; letter-spacing:-1px; font-size:0.6rem; color:rgba(255,255,255,0.4); text-align:right; display:none}
.page-banner .textbox p div{ font-family:"dincond-medium-webfont";}
.page-banner .textbox h1{text-align:center;color:#fff;font-size:0.4rem;font-weight:bold;text-shadow: rgba(0,0,0,0.3) 1px 0px 2px;}
.page-banner .textbox .title img{position:relative;max-height:2rem;max-width:95%}
.page-banner .textbox .title{text-align:center;padding-bottom:0.2rem}
.page-banner .textbox .animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;}
.member-banner .textbox{ background-color:rgba(180,37,37,0.8);}
@media (max-width:767px){
.page-banner{ height:1.5rem}
.page-banner .textbox{top:0;}
.page-banner .textbox .title{ padding-bottom:0}
.page-banner .textbox .title img{height:0.6rem}
.page-banner .textbox h1{font-size:0.24rem}
.page-banner .image:after {display:none;height:100%; width:100%; background-color:#0057bb; position:absolute; opacity:0.8;content:"";}
.page-banner .textbox p{letter-spacing:-4px;color:rgba(255,255,255,0.2);font-size:0.4rem}
.news-banner{height:1.2rem !important}
}
.g-canvas-box{width:100%;height:130%;max-width:1920px;margin:auto;overflow:hidden;left:0;right:0;position:absolute;top:0;z-index:8;}
.g-canvas-box canvas{height:100%;width:100%;max-width:1920px;margin:auto;--blur:2;-webkit-filter:blur(calc(var(--blur) * 1px));filter:blur(calc(var(--blur) * 1px));}
.g-canvas-box .menu{display:none!important;position:absolute;top:0;left:0;color:#fafafa;background:rgba(0,0,0,0.15);display:flex;flex-direction:column;padding:30px;-webkit-transform:translate(-100%,0);transform:translate(-100%,0);transition:-webkit-transform 0.25s ease-out;transition:transform 0.25s ease-out;}
.g-canvas-box .menu button{height:44px;width:44px;background:0;cursor:pointer;border:0;background:rgba(0,0,0,0.15);padding:0;margin:0;position:absolute;left:100%;top:0;}
.g-canvas-box .menu button .icon{height:60%;width:60%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.g-canvas-box .menu button span{width:100%;height:20%;border-radius:4px;background:#fff;display:block;position:absolute;top:0;transition:-webkit-transform 0.25s ease-out;transition:transform 0.25s ease-out;transition:transform 0.25s ease-out,-webkit-transform 0.25s ease-out;}
.g-canvas-box .menu button span:nth-child(1){-webkit-transform-origin:top left;transform-origin:top left;}
.g-canvas-box .menu button span:nth-child(2){top:40%;}
.g-canvas-box .menu button span:nth-child(3){-webkit-transform-origin:top left;transform-origin:top left;top:80%;}
.g-canvas-box .menu label{margin-bottom:30px;}
.g-canvas-box .menu label:last-of-type{margin-bottom:0;}
.g-canvas-box .menu label input{cursor:pointer;display:block;}
.g-canvas-box .menu--open{-webkit-transform:translate(0,0);transform:translate(0,0);}
.g-canvas-box .menu--open span:nth-child(1){-webkit-transform:translate(5px,3px) rotate(45deg);transform:translate(5px,3px) rotate(45deg);}
.g-canvas-box .menu--open span:nth-child(2){-webkit-transform:scaleX(0);transform:scaleX(0);}
.page-top{}
.page-top .box{position:relative;z-index:10;margin-top:-0.5rem; padding:0 0.4rem; background-color:#fff;border-radius:3px;box-shadow: 0px 2px 15px rgba(0,0,0,.09);/*background: linear-gradient(180deg, #fff, #f5f5f5);*/-webkit-box-reflect: below 1px -webkit-gradient(linear, left 40%, left bottom, from(transparent), color-stop(0.5, transparent), to(white));}
.page-top .sub-cate{ float:right}
.page-top .sub-cate a{ display:block; line-height:0.9rem; float:left; position:relative;margin-left:0.4rem}
.page-top .sub-cate a i{ display:block; width:0; height:2px; position:absolute; left:0;bottom:-1px; background-color:#ea2837;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.page-top .sub-cate a.hover{ color:#ea2837; font-weight:bold}
.page-top .sub-cate a.hover i{width:100%;}
.page-top .location{ float:left; border:0; padding:0;line-height:0.9rem;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:1199px){
.page-top .sub-cate a{ margin-left:0.3rem}
}
@media (max-width:992px){
.page-top{display:none}
}
.subNavTab{display:none;}
@media (max-width:992px){
.subNavTab{background-color:#fff; position:relative;height:0.6rem;border-bottom: 1px solid #e4e4e4;display:block;}
.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 #ea2837 solid;color:#ea2837}
::-webkit-scrollbar{width:0px;height:0px}
}
.page-nav{text-align:center;margin-bottom:0.4rem;}
.page-nav a{display:inline-block;line-height:0.5rem;padding:0 0.35rem;background-color:#fff;box-shadow: 0px 0px 15px rgba(0,0,0,.08);border-radius:5px;margin:0 0.03rem;}
.page-nav a.current{border-color:#ea2837;color:#fff;background:url(../images/nav-a-bg.jpg) center center;background-size:100% 100%;background-color:#ea2837;font-weight:bold}
.page{background:url(../images/page-bg.jpg) no-repeat center bottom #f7f8f8;background-size:100% auto;padding:0.6rem 0}
@media (max-width:767px){
.page{padding:0.3rem 0;background:#fff;}
.page-nav{margin-bottom:0.2rem;}
.page-nav a{ padding:0 0.2rem;margin-bottom:0.15rem;font-weight:bold;}
}
.about-info{background:url(../images/about-bg.jpg) no-repeat left top;background-size:cover;border-radius:5px;color:#ebebeb;box-shadow: 0px 2px 5px rgba(0,0,0,.1);}
.about-info .en-title{padding:0.4rem 5% 0;font-family:"times";font-size:0.16rem;line-height:1.4;text-align:center}
.about-info .en-title span{display:block;font-size:0.16rem;}
.about-info .title{padding:0 5%;font-size:0.3rem;font-weight:bold;text-align:center}
.about-info .num{border-top:1px rgba(255,255,255,0.1) solid;margin-top:0.3rem}
.about-info .num .item{width:25%;float:left;text-align:center;padding:0.4rem 0;border-right:1px rgba(255,255,255,0.1) solid;}
.about-info .num .item:last-child{border:0}
.about-info .num .item strong{font-size:0.4rem;font-family:"Montserrat-Regular";letter-spacing:-0.01rem;margin-right:3px; }
.about-content{ margin-top:0.3rem; line-height:1.8;font-size:0.18rem;text-align:justify}
.about-content p{ margin-bottom:0.2rem; text-indent:2em}
.about-content strong{ color:#ea2837;}
.about-content img{max-width:100%}
@media (max-width:767px){
.about-info .en-title{font-size:0.12rem}
.about-info .title{font-size:0.24rem}
.about-info .num .item{width:50%;padding:0.2rem 0;float:left;border-bottom:1px rgba(255,255,255,0.1) solid}
.about-info .num .item strong{font-size:0.3rem}
.about-content{font-size:0.2rem}
}
.leader{margin:0 auto;max-width:9rem; line-height:1.8;font-size:0.18rem;color:#888}
.leader p{margin-bottom:0.1rem}
.leader p strong{font-size:0.22rem;font-weight:normal;color:#333;margin-right:0.1rem}
@media (max-width:767px){
.leader p{border-bottom:1px #eee solid;padding:0.15rem 0;position:relative;}
}
.zuzhi img{max-width:100%}
.topic-list .item{ overflow:hidden;box-shadow: 0px 0px 15px rgba(0,0,0,.08);border-radius:0.1rem;border-radius:3px; background-color:#fff;margin-bottom:0.2rem}
.topic-list .item img{width:100%}
.topic-list .item .txt-wrap{text-align:center;padding:0.15rem 0.2rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (max-width:767px){
.topic-list .item .txt-wrap{font-size:0.22rem}
}
.member-list .item{ position:relative; overflow:hidden;box-shadow: 0px 0px 15px rgba(0,0,0,.08);padding:0.3rem;border-radius:0.1rem;border-radius:3px; background-color:#fff;margin-bottom:0.2rem}
.member-list .item strong{ color:#333; font-size:0.18rem; border-left:5px #ea2837 solid; padding-left:12px;}
.member-list .item p{ margin-top:0.1rem;font-size:0.15rem; line-height:1.7; color:#aaa;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
@media (max-width:767px){
.member-list .item strong{font-size:0.22rem}
.member-list .item p{font-size:0.2rem;line-height:0.28rem;height:0.56rem}
}
.member-view{line-height:1.8;font-size:0.18rem;min-height:3rem; font-size:0.18rem;line-height:1.8}
.member-view p{margin-bottom:0.15rem}
.member-view img{width:100%;max-width:800px;margin:0 auto;display:block}
.honor-list{ }
.honor-list .item{margin-bottom:0.3rem;box-shadow: 0px 0px 15px rgba(0,0,0,.08);background-color:#fff;padding:0.1rem;border-radius:3px;}
.honor-list .item .image{height:2.4rem;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.honor-list .item .title{display:block;border-radius:0.2rem;text-align:center;padding:0.12rem 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.honor-list .item .content{display:none}
@media (max-width:767px){
.honor-list .item .image{height:1.5rem}
.honor-list .item .title{font-size:0.2rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
.img-show{text-align:center}
.img-show img{max-width:650px !important;max-height:500px !important}
.modal-header{padding:0.2rem}
.modal-header .close{ padding: 0.1rem 0.1rem; margin: -0.1rem -0.1rem -0.1rem auto;font-size:0.15rem}
.modal-body{padding:0.2rem}
.modal-content{border-radius: 3px;}
.modal-title{font-weight:bold;border-left:3px #ff0000 solid;padding-left:0.1rem;line-height:1}
.history-pic{margin-left:0.3rem;background:url(../images/history-pic.jpg) no-repeat center top;text-align:center;padding:0.3rem 0.4rem 1rem;background-size:cover;color:#fff;}
.history-pic h2{font-size:0.3rem;margin-bottom:0.5rem;text-align:left}
.history-pic h2 strong{display:block}
.history-pic h2 span{display:block;color:rgba(255,255,255,0.15);font-weight:bold;font-family:"Montserrat-Regular";font-size:0.4rem}
.history-pic p{margin-bottom:0.2rem;line-height:1.8}
.history-pic:before{ content: ""; position: absolute; width:1rem;height:1rem; right: -0.5rem; bottom: -0.5rem; background-color:#aaa;transition: 0.5; z-index: -1; opacity: 0.1; }
.history .item{ padding-left:2rem;position:relative;border-bottom:2px #ddd solid}
.history .item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.history .item h2{position:absolute;left:0;top:0.3rem}
.history .item:first-child h2{top:0;}
.history .item h2 strong{font-size:0.2rem;width:1.7rem;display:block;text-align:center}
.history .item h2 span{font-size:0.15rem;color:#ea2837;display:block;text-align:center;font-family:"Montserrat-Regular";margin-top:0.05rem}
.history .item .con{border-left:1px #ddd solid;padding-top:0.3rem;padding-bottom:0.3rem;}
.history .item:first-child .con{padding-top:0;}
.history .item:last-child .con{padding-bottom:0}
.history .item .list li{ padding-left:0.2rem;line-height:1.7;position:relative;margin-bottom:0.2rem;text-align:justify;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.history .item .list li:before {content: ""; position: absolute; display: block; width:7px; height: 7px;border-radius:7px;left:-4px;top:0.09rem;background-color:#ddd;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.history .item .list li:hover{color:#ea2837}
.history .item .list li:hover:before{background-color:#ea2837}
.history .item .slider{padding-left:0.2rem;}
.history .item .slider img{width:100%}
.history .swiper-wrapper{transition-timing-function: linear;}
@media (max-width:767px){
.history-pic{margin-left:0;margin-top:0.3rem}
.history .item{ padding-left:0;border:0;margin-bottom:0.3rem}
.history .item h2{position:relative;text-align:center;top:0}
.history .item h2 strong{width:100%;font-size:0.25rem}
.history .item .con{border:0}
.history .item .list li{font-size:0.2rem}
}
#pages{ text-align:center; padding:0.3rem 0 0.2rem;font-family:Arial, Helvetica, sans-serif;}
#pages a{ display:inline-block; padding:0.1rem 0.18rem; background-color:#fff;background: linear-gradient(148deg,hsla(0,0%,100%,0),#fff); -webkit-box-shadow: 0 0 13px 0 rgb(95 95 95 / 15%); box-shadow: 0 0 13px 0 rgb(95 95 95 / 15%); border-radius: 6px; color:#888; margin:0 0.03rem;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;}
#pages a:hover{ background:#ea2837;color:#fff}
#pages a.active{ background:#ea2837; color:#fff}
#pages span{display:inline-block; padding:0.1rem 0.18rem; color:#888; position:relative;}
@media (max-width:767px){
#pages a:nth-child(6){display:none}
}
.news-list{ }
.news-list li{ background-color:#fff;border-radius:3px;box-shadow: 0px 2px 15px rgba(0,0,0,.06);padding:0.3rem;border-radius:3px;margin-bottom:0.2rem}
.news-list li a{ display:block;display: -ms-flex;display: -webkit-flex;display: flex; position:relative; overflow:hidden;transition: all 0.5s; -webkit-transition: all 0.5s; }
.news-list li .image{ min-width:1.5rem;min-height:0.9rem;background-size:cover;background-position:center center;position:relative;overflow:hidden}
.news-list li .date{ min-width:1.3rem; font-family:"Montserrat-Regular";letter-spacing:-0.01rem; font-size:0.2rem; color:#999; line-height:0.35rem}
.news-list li .text{padding-right:0.3rem;width:100%}
.news-list li .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-list li .text p{margin-top:0.15rem; 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 li .text span{display:none}
.news-list li .more{ position:absolute; top:0; width:100%;right:-100%; height:100%; background-color:#ea2837; color:#fff; text-align:center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.news-list li .more i{ font-size:0.3rem; position:absolute; top:50%; margin-top:-0.25rem; left:50%; margin-left:-0.15rem}
.news-list li .more span{position:absolute; top:50%; margin-top:0.1rem; left:0;text-align:center;width:100%; font-size:0.14rem }
@media (min-width: 768px) {
.news-list li a:hover .more{ right:0;opacity: 1; width:100%;}
}
@media (max-width: 767px) {
.news-list{ padding:0;min-height:60vh}
.news-list li{ font-size:0.2rem;line-height:1.5;background:none;border-radius:0;box-shadow:none;padding:0;padding-bottom:0.2rem;border-bottom:1px #eee solid}
.news-list li a{}
.news-list li .date{display:none}
.news-list li .text{min-width:75%}
.news-list li .text p{ display:none}
.news-list li .text strong{ font-size:0.2rem;line-height:0.28rem;height:0.56rem}
.news-list li .text span{display:block;font-size:0.12rem;color:#888;margin-top:0.1rem}
.news-list li .image{min-height:auto;width:100%;min-width:auto}
}
.news-list2{min-height:3.5rem;background-color:#fff;border-radius:3px;box-shadow: 0px 2px 15px rgba(0,0,0,.06);padding:4%}
.news-list2 ul li{ position:relative;}
.news-list2 ul 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 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 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 li a.nonelink{ cursor:default;}
.news-list2 ul li a.nonelink:hover{color:#111}
.news-list2 ul li a.nonelink .txt-wrap span{color:#aaa}
.news-list2 ul li a.nonelink:hover:before{opacity:0}
.news-list2 ul li a.nonelink:hover:after{ background-image:url(../images/doc.png); background-color:#f4f4f4}
.news-list2 ul li:last-child a{border-bottom:0;}
.news-list2 ul 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: 768px) {
.news-list2 ul 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 li a:hover:before{ left:0; width:100%; opacity:1}
.news-list2 ul li a:hover .time-wrap{ padding-left:0.3rem;color:#ea2837}
}
@media (max-width:767px) {
.news-list2{box-shadow:none;padding:0}
.news-list2 ul 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 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 li .txt-wrap{font-size:0.2rem;line-height:0.28rem;height:0.56rem; 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 li a:after { display: block; width:1rem;background-size:50% auto;}
}
.news-list3 .item { margin-bottom:0.3rem}
.news-list3 .item a{ display:block;background-color:#fff;border-radius:3px;box-shadow: 0px 2px 15px rgba(0,0,0,.06);overflow:hidden; transition: 0.45s;top:0; position:relative }
.news-list3 .item a .img-wrap{ overflow:hidden; position:relative}
.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 .img-wrap:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #ea2837; transition: 0.5; z-index: 3; opacity: 0; visibility: hidden;}
.news-list3 .item a .txt-wrap{ padding:0.25rem 0.3rem; position:relative}
.news-list3 .item a .txt-wrap strong{ font-size:0.18rem;font-weight:normal; line-height:0.26rem; height:0.52rem; display:block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list3 .item a .txt-wrap p{ color:#888; line-height:1.5; margin-top:0.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;display:none; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list3 .item a .txt-wrap span{ display:block; color:#aaa; font-size:0.12rem; margin-top:0.2rem}
@media (min-width: 993px) {
.news-list3 .item a:hover{ background: #ea2837; box-shadow: 10px 10px 26px rgba(0,0,0,0.2); top: -20px;}
.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 .img-wrap:before{ opacity: 1; visibility: visible;}
.news-list3 .item a:hover .txt-wrap strong{ color:#fff}
.news-list3 .item a:hover .txt-wrap p{ color:#fff}
.news-list3 .item a:hover .txt-wrap span{ color:#fff}
}
@media (max-width:767px){
.news-list3 .item a .txt-wrap{ padding:0.2rem}
.news-list3 .item a .img-wrap .image{height:2rem}
.news-list3 .item a .txt-wrap strong{font-size:0.2rem;line-height:0.28rem;height:0.56rem; }
}
p.none-msg{ padding:10vh 0;text-align:center; color:#aaa; font-size:0.18rem}
p.none-msg i{ display:block; font-size:0.8rem; margin-bottom:0.1rem}
.share span{ float:left; line-height:22px;}
.share a{ padding-left:20px; height: 20px; margin-left:6px; display: inline-block; background: url(../images/share.png); float: left;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.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;}
.news-view{ }
.news-view .box{background-color:#fff; padding:4%;position:relative; z-index:98;box-shadow: 0 0px 15px 0 rgba(0,0,0,0.08); margin-top:-2rem;border-radius:3px;}
.news-info {margin-bottom:0.3rem}
.news-info .title{ color:#333; text-align:center; padding-bottom:0.3rem}
.news-info .title h1{font-size:0.28rem;font-weight:bold;line-height:1.5;margin:0 auto;max-width:10rem}
.news-info .title p{ color:#888;font-size:0.32rem; font-weight:bold; color:#009ee3; padding-bottom:0.1rem;}
.news-info .info{color:#bbb; position:relative; padding-bottom:0.2rem;font-size:0.14rem; }
.news-info .info:before {content:"";display:block;width:100%;height: 6px;background:url(../images/line.png)repeat-x;position:absolute;left:0;bottom:-2px}
.news-info .info span.source{background: url(../images/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-info .info span.date{background: url(../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-info .info span.hits{background: url(../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}
.news-info .info em{ display:none}
.news-info .info .share{ position:absolute; right:0;top:0px;}
.news-view .content{ line-height:1.8; font-size:0.16rem; 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 .other{ border-top:1px #eee solid;margin-top:0.2rem; padding-top:0.2rem;font-size:0.16rem;color:#777;}
.news-view .other{ color:#777; }
.news-view .other p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom:0.1rem; }
.news-view .other p a{ margin-left:3px;}
.news-view .download{ border-top:1px #e8e8e8 solid; padding:0.3rem 0; margin-top:0.3rem; }
.news-view .download h2{ font-size:0.18rem; margin-bottom:0.2rem;}
.news-view .download p{ padding:5px 0px;font-size:0.16rem }
.news-view .download p a{color:#009ee3;}
.news-view .download p i{ font-size:0.2rem; margin-right:0.05rem; color:#aaa}
.news-view .download p a:hover{ text-decoration:underline}
.news-view .ke-insertfile{padding:5px 0px;font-size:0.16rem;color:#007ee3;}
.news-view .ke-insertfile:hover{ text-decoration:underline}
.news-view .slider-wrapper{ position:relative; margin:30px auto 0px; }
.news-view .swiper-container{overflow:hidden;}
.news-view .swiper-slide{ text-align:center;}
.news-view .swiper-slide img{max-width:800px; height:450px;}
.news-view .swiper-slide .title{ margin-top:15px; font-size:0.14rem}
.news-view .swiper-pagination{position: absolute; z-index: 20; bottom:60px; width: 100%; text-align: center;}
.news-view .news-video-con{width:720px;margin:50px auto}
.news-view .news-video-con p{ text-align:center;margin-top:15px;}
@media (max-width: 767px) {
.news-view{padding:0}
.news-view .container{padding:0}
.news-view .box{ padding:0; margin-top:0;box-shadow:none}
.news-info{ background:#f6f6f6;padding:0.2rem }
.news-info .title{ padding-bottom:0.15rem;text-align:left;font-weight:normal }
.news-info .title p{font-size:0.24rem;font-weight:700}
.news-info .title h1{line-height:1.4; padding:0;font-size:0.22rem;font-weight:normal}
.news-info .info{ border-bottom:0;font-size:0.16rem; padding-bottom:0 }
.news-info .info span.source{ color:#009ee3}
.news-info .info em{}
.news-info .info:before{display:none}
.news-info .info .hits{ display:none }
.news-view .content{ line-height:1.7;font-size:0.2rem;}
.news-view .content img{ max-width:100%}
.news-view .other{ font-size:0.18rem}
.news-view .download p{font-size:0.18rem }
.news-view .swiper-button-next{ display:none !important}
.news-view .swiper-button-prev{ display:none !important}
.share{ display:none}
.news-view .swiper-slide img{width:100%;height:auto}
.news-view .news-video-con{width:100%;margin:20px auto}
.news-con{padding:0.2rem}
.news-view .other p{font-size:0.2rem}
}
#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}
#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:Tahoma, "microsoft Yahei"; line-height:26px;}
#message .msg a{ text-decoration:underline; color:#0066cc}
#message .msg a:hover{ color:#ff0000; text-decoration:none}
.report-content{ position:relative;background-color:#fff;padding:4%;box-shadow: 0 0px 15px 0 rgba(0,0,0,0.08); border-radius:3px;}
.report-content .box{padding-left:4rem; position:relative}
.report-content .pic{ position:absolute; width:3.7rem; left:0rem;top:0rem;}
.report-content .pic .con{ background-color:#f7efe2; padding:0.6rem 0.4rem}
.report-content .pic .con h2{ color:#4a50c0; font-size:0.24rem}
.report-content .pic .con p{ margin-top:0.1rem; font-size:0.22rem}
.report-content .pic .con span{ display:block;font-family:'dincond-medium-webfont'; color:#ded7cd; line-height:1; font-size:0.4rem; letter-spacing:-2px; }
.report-content .pic:after {content: ""; display: block; width:100%;height:3.2rem; background:url(../images/jubao-pic.jpg) no-repeat; background-size:cover}
.report-content .content{line-height:1.7;}
.report-content p{ margin-bottom:0.15rem}
@media (max-width:767px){
.report-content{ padding:0;padding:0;box-shadow:none;}
.report-content .box{padding:0;}
.report-content .pic{position:relative;width:100%;left:0;top:0;margin-bottom:0.3rem; padding-right:1.8rem}
.report-content .pic:after{ width:1.8rem; position:absolute; right:0;top:0; height:100%}
.report-content .pic .con{ padding:0.3rem}
.report-content .pic .con span{ font-size:0.3rem}
.report-content .content{font-size:0.2rem}
}
.business-con{margin:0 4%}
@media (max-width:767px){
.business-con{margin:0}
}
.technology{}
.technology-intro{line-height:1.8;margin-bottom:0.3rem;text-align:justify}
.technology-list .item{margin-bottom:0.3rem}
.technology-list .item .image{height:2.3rem;background-position:center center;background-size:cover}
.technology-list .item .title{text-align:left;font-size:0.18rem;position:relative;padding:0.2rem 0.3rem;font-weight:bold}
.technology-list .item .title:after {content: ""; display: block; width:.58rem;height:0.16rem;opacity:0; background:url(../images/more-icon.png) no-repeat; background-size:100% 100%;position:absolute;right:0;top:50%;margin-top:-0.08rem;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; }
.technology-list .item .content{display:none}
.technology-list .item a:hover .title:after{opacity:1;right:0.3rem}
.technology-list .item{background-color:#fff; position:relative; z-index:98;box-shadow: 0 0px 15px 0 rgba(0,0,0,0.08); border-radius:3px;overflow:hidden}
.technology-content{padding:3%;line-height:1.7}
.technology-content p{margin-bottom:0.15rem}
.technology-content img{max-width:100%}
@media (max-width:767px){
.technology-intro{font-size:0.2rem}
.technology-content{font-size:0.2rem}
.technology-content img{max-width:100% !important}
}
.scenic-list{position:relative;z-index:10}
.scenic-list .item{position:relative;overflow:hidden;margin-bottom:0.3rem;border-radius:3px;overflow:hidden}
.scenic-list .item a{display:block}
.scenic-list .item .image{height:3.5rem;overflow:hidden;position:relative;}
.scenic-list .item .image .pic{background-size:cover;background-position:center center;position:relative;height:100%;transition: all 1s;}
.scenic-list .item .text{position:absolute; width:100%; height:100%; top:0; left:-100%; color:#000; line-height:1.6; }
.scenic-list .item .text_in{ position:absolute; left:0.3rem; top:0.3rem; bottom:0.3rem; right:0.3rem; background:#fff;border-radius:3px; border-bottom:4px solid #ea2837;}
.scenic-list .item .text_tb{ display:table; width:100%; height:100%; table-layout:fixed;}
.scenic-list .item .text_td{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.scenic-list .item .txt{ padding:1em 9.5%;}
.scenic-list .item .txt h3{ color:#333;font-size:0.22rem}
.scenic-list .item .txt .sum{ line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;margin-top:0.1rem;font-size:0.14rem}
.scenic-list .item .txt .more{ margin-top:0.3rem;}
.scenic-list .item .txt .more .btn_more{ line-height:2.8; display:inline-block; padding:0 2.2em; background:url(../images/nav-a-bg.jpg) center center;background-size:100% 100%;background-color:#ea2837;color:#fff;font-size:0.14rem;border-radius:3px; }
.scenic-list .item .title{position:absolute;z-index:2;color:#fff;left:0;bottom:0;right:0;padding:0.5rem 0.4rem 0.3rem; font-size:0.22rem;background:url(../images/mask.png) no-repeat;background-size:100% 100%;transition: all 0.3s;}
@media (min-width: 768px) {
.scenic-list .item a:hover .title{bottom:-0.3rem;opacity:0}
.scenic-list .item a:hover .image .pic{transform:scale(1.2);-webkit-transform:scale(1.2)}
}
@media (max-width: 767px) {
.scenic-list {}
.scenic-list .item{margin-bottom:0.2rem;border-radius:0.15rem;}
.scenic-list .text{display:none}
.scenic-list .item .image{height:2.4rem}
.scenic-list .item .title{font-size:0.24rem;text-align:center}
}
.business-view{box-shadow: 0px 0px 15px rgba(0,0,0,.08);background-color:#fff;border-radius:3px;padding-bottom:4%}
.business-nav {text-align:center;border-bottom:2px #ea2837 solid;height:1.2rem;padding-top:0.3rem}
.business-nav a{display:inline-block;padding:0 2%;color:#666;border-right:1px #eee solid;transition: all 1s;transform:scale(0.9);-webkit-transform:scale(0.9)}
.business-nav a i{font-size:0.4rem}
.business-nav a span{display:block;margin-top:3px;}
.business-nav a.current{color:#ea2837;position:relative;transform:scale(1);-webkit-transform:scale(1)}
.business-nav a.current:before{content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ea2837; position: absolute; left: 50%;margin-left:-8px; top: 0.88rem;}
.business-nav a.current:after{content: ""; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; position: absolute; left: 50%;margin-left:-6px; top: 0.88rem;}
.business-nav a:last-child{border-right:0}
.business-content{padding:4%;line-height:1.8;font-size:0.18rem}
.business-content p{margin-bottom:0.15rem}
@media (max-width: 992px) {
.business-view{box-shadow:none;padding:0}
.business-nav{height:auto;border-bottom:0;margin-bottom:0.3rem; padding-top:0}
.business-nav a{width:25%;display:block;padding:0.2rem;float:left;border:0;background-color:#f8f8f8;transform:scale(1);-webkit-transform:scale(1);border-bottom:1px #fff solid;border-right:1px #fff solid}
.business-nav a.current{background-color:#ea2837;color:#fff}
.business-nav a.current:before{display:none}
.business-nav a.current:after{display:none}
.business-content{padding:0;font-size:0.2rem}
}
.case-list{margin:0 4%;position:relative;}
.case-list .item{height:100%;position:relative;border-radius:0.1rem;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.15);}
.case-list .image{position:absolute;left:0;top:0;bottom:0.4rem;right:0;background-position:center center;background-size:100% 100%}
.case-list .text{background-color:#fff;text-align:center;position:absolute;left:0;bottom:0;width:100%;padding:0 0.1rem;line-height:0.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case-list .swiper-wrapper {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.case-list .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.75);ransform: scale(0.75);padding: 0.3rem 0;}
.current-swiper{width:95%;height:3rem;margin:0 auto;position:relative;z-index:99}
@media (max-width: 992px) {
.current-swiper{width:100%}
}
@media screen and (max-width: 767px) {
.case-list .swiper-slide {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
}
.case-list .swiper-slide-active,.case-list .swiper-slide-duplicate-active {
-webkit-transform: scale(1.15);
transform: scale(1.15);
z-index: 1002;
}
@media screen and (max-width: 767px) {
.case-list .swiper-slide-active,.case-list .swiper-slide-duplicate-active {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
}
@media (max-width: 992px) {
.case-list .swiper-button-next{display:none}
.case-list .swiper-button-prev{display:none}
.case-list .text{font-size:0.2rem}
}
.hr-item-a{}
.hr-item-a .text{ padding-bottom:0.5rem; }
.hr-item-a .text h1{ font-size:0.32rem;font-weight:bold;}
.hr-item-a .text .con{ margin-top:0.1rem; line-height:1.8; color:#888; padding-top:0.1rem;}
.hr-item-a .text .con p{ margin-top:0.1rem}
.hr-item-a .links a{ display:block; background-color:#fff; padding:0.45rem 0; text-align:center; width:32%; float:left; margin-left:2%;box-shadow: 0 0px 12px 0 rgba(0,0,0,0.08);}
.hr-item-a .links a span{ display:block;font-weight:bold; margin-top:0.1rem}
.hr-item-a .links a.current{ background-color:#ea2837; color:#fff;/* background-image: -webkit-linear-gradient(-60deg, #f0600a 0%, #f0600a 50%, #e50012 100%);*/ }
.hr-item-a .links a:first-child{ margin-left:0}
.hr-item-a .pics{ position:relative;}
.hr-item-a .pics .item{ height:3.5rem; background-repeat:no-repeat; background-position:center center; background-size:cover}
.hr-item-a .pics .item .content{padding:0.3rem 5%}
.hr-item-a .pics .item h2{ font-size:0.36rem; color:#fff;font-weight:bold}
.hr-item-a .pics .item span{ display:block; margin-top:0.05rem; font-size:0.18rem;font-family:"Times"; color:#ff5f5f}
.hr-item-a .pics .item p{ margin-top:0.2rem; line-height:1.7; color:#fff; max-width:50%}
@media (max-width: 767px) {
.hr-item-a .text{ padding-bottom:0.3rem}
.hr-item-a .text .con{ font-size:0.18rem; line-height:1.5}
.hr-item-a .links a{padding:0.2rem 0}
.hr-item-a .links a img{width:50%}
.hr-item-a .links a span{ font-size:0.18rem}
.hr-item-a .pics{ margin-top:0.1rem}
.hr-item-a .pics .item{ height:3rem}
.hr-item-a .pics .item p{max-width:70%}
.hr-item-a .pics .item p{ line-height:1.5}
}
/* --------------联系我们---------------------- */
.contact{background-color:#fff;padding:4%;box-shadow: 0 0px 15px 0 rgba(0,0,0,0.08); border-radius:3px;}
.contact .icons{ width:30%; float:left;}
.contact .icons .item{ padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px #eee solid; padding-left:1rem; position:relative}
.contact .icons .item strong{font-weight:normal;display:block;margin-bottom:0.1rem}
.contact .icons .item em{ position:absolute; left:0;top:0px;}
.contact .icons .item i{ font-size:0.5rem; color:#aaa;}
.contact .icons .item p{ margin-bottom:0.05rem;font-size:0.16rem}
.contact .icons .item:last-child{ border-bottom:0}
.contact .map{ width:70%; float:left; padding-left:0.5rem;}
.contact #Gmap{ height:4.8rem}
@media (max-width: 767px) {
.contact{padding:0;padding:0;box-shadow:none}
.contact .icons{ width:100%; float:none;}
.contact .map{ width:100%; float:none; padding:0}
.contact .icons .item strong{font-size:0.22rem}
.contact .icons .item p{ line-height:1.5; font-size:0.18rem}
.contact .icons .item em{ left:15px;}
.contact #Gmap{height:3rem}
}
.download-left{ }
.download-left li a{ display:block; line-height:0.6rem; background-color:#fff; margin-bottom:1px; padding-left:0.3rem;}
.download-left li a.current{border-color:#ea2837;color:#fff;background:url(../images/nav-a-bg.jpg) center center;background-size:100% 100%;background-color:#ea2837;font-weight:bold}
.download-right{}
.download-title{ font-size:0.22rem;margin-bottom:0.2rem;border-bottom:5px #eee solid;padding-bottom:0.2rem}
@media (max-width: 767px) {
.download-left{display:none }
}
.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}
.loading {
text-align: center;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:20;
background-color:#f2f2f2;
}
.cssload-loader {
display: block;
margin:0 auto;
width: 29px;
height: 29px;
position: relative;
border: 4px solid rgb(234,40,57);
animation: cssload-loader 2.3s infinite ease;
-o-animation: cssload-loader 2.3s infinite ease;
-ms-animation: cssload-loader 2.3s infinite ease;
-webkit-animation: cssload-loader 2.3s infinite ease;
-moz-animation: cssload-loader 2.3s infinite ease;
}
.cssload-loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: rgb(234,40,57);
animation: cssload-loader-inner 2.3s infinite ease-in;
-o-animation: cssload-loader-inner 2.3s infinite ease-in;
-ms-animation: cssload-loader-inner 2.3s infinite ease-in;
-webkit-animation: cssload-loader-inner 2.3s infinite ease-in;
-moz-animation: cssload-loader-inner 2.3s infinite ease-in;
}
@keyframes cssload-loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes cssload-loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@-ms-keyframes cssload-loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes cssload-loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes cssload-loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes cssload-loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
@-o-keyframes cssload-loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
@-ms-keyframes cssload-loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
@-webkit-keyframes cssload-loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
@-moz-keyframes cssload-loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}