@charset "utf-8";

html,body { margin:0; padding:0; height:100% }
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle;font-size:0.16rem; outline:none;font-family:'Microsoft Yahei',SimSun,sans-serif  }
a {color:#000;text-decoration:none;}
a:hover{ text-decoration:none; color:#007dbf}
*:focus {outline:none !important;text-decoration:none !important}

html{display:block;webkit-text-size-adjust: none;}
body{background:#fff;color:#000;font-size:0.16rem; font-family:'Microsoft Yahei',SimSun,sans-serif ; }
body.over{ overflow:hidden}
.index-body{overflow:hidden;}

@media (max-width: 767px) {
	body{ font-family:'Microsoft Yahei',SimSun,sans-serif ; }
	select,input,img,select,button,textarea{font-family:'Microsoft Yahei',SimSun,sans-serif ; }
}

html{font-size: 100px;}
@media (max-width: 1366px){html{font-size: 94px;}}
@media (max-width: 1199px){html{font-size: 88px;}}
@media (max-width: 991px){html{font-size: 76px;}}

@media (max-width: 359px){html{font-size: 48px;}}

h2, .h2 {font-size: 0.36rem;}
h3, .h3 {font-size: 0.26rem;}

@font-face {
  font-family: fontawesome; 
  src: url(font/glyphicons-halflings-regular.woff);  
}
@font-face {
  font-family: NotoSansSC-DemiLight; 
  src: url(font/NotoSansSC-DemiLight.otf);  
}
@font-face {
  font-family: LibreBaskerville-Regular; 
  src: url(font/LibreBaskerville-Regular.ttf);  
}

@font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/font_2375660_qdu8myok4z.eot');
  src: url('//at.alicdn.com/t/font_2375660_qdu8myok4z.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2375660_qdu8myok4z.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2375660_qdu8myok4z.woff') format('woff'),
  url('//at.alicdn.com/t/font_2375660_qdu8myok4z.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2375660_qdu8myok4z.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important; font-size:0.16rem;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}


@font-face{font-family:"FjallaOne-Regular";src: url('font/Oswald-Regular.ttf'); }
@font-face{font-family:"Montserrat";src: url('font/Montserrat-Regular.ttf');}





@-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/video-close.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}

@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 (max-width: 767px) {
	.container {padding-right:20px;padding-left: 20px;}
	.row {margin-right: -5px; margin-left: -5px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:5px; padding-right:5px}
}


.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;}


.header{height:0.9rem; position:fixed; left:0;top:0; right:0; z-index:1000;-webkit-transition: all .4s;transition: all .4s;}
.header-wrapper{ position:relative}
.header .logo{ display:block; width:4.34rem; height:0.45rem; background:url(../images/logo-white.png) no-repeat center center; background-size:cover; position:absolute; left:0.2rem;top:0.22rem; z-index:2}
.header .nav-bar{ float:right; }
.header .nav-bar ul{ position:relative}
.header .nav-bar li{ float:left; position:relative; z-index:2;padding:0 0.2rem; }
.header .nav-bar li span{ display:block;  }
.header .nav-bar li span a{ display:block;padding:0.2rem 0; text-align:center; line-height:0.5rem; overflow:hidden; font-size:0.18rem; color:#fff; position:relative}
.header .nav-bar li span a:after {content:"";display:block; width:0;position:absolute;left:50%;bottom:0;height:3px;background-color:#38A0DA; transition: all .3s; transform: translateX(-50%); }
.header .nav-bar li span a:hover{ color:#38A0DA !important}
.header .nav-bar li span a:hover:after{width:100%;}
.header.hover .nav-bar li.hover span a{ color:#38A0DA !important}
.header.hover .nav-bar li.hover span a:after{width:100%;}




.sub-nav{position:fixed;left:0;top:0.9rem;right:0;height:0.55rem; display:none;background-color:#fff; box-shadow: 0 4px 4px rgba(0,0,0,0.07);  border-top:1px #eee solid;}
.sub-nav dl{ position:absolute;left:50%;top:0;}
.sub-nav dl dd{ display:inline-block;padding:0 0.2rem}
.sub-nav dl dd a{ display:inline-block;line-height:0.55rem;color:#000;padding:0;position:relative;font-size:0.16rem}
.sub-nav dl dd a:after{content:"";display:block; width:0;position:absolute;left:50%;bottom:0;height:3px;background-color:#38A0DA; transition: all .3s; transform: translateX(-50%);}
.sub-nav dl dd a:hover{color:#38A0DA}
.sub-nav dl dd a:hover:after{width:100%;}
.sub-nav dl dd a.current{color:#38A0DA}
.sub-nav dl dd a.current: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?sss)}
.header.hover .nav-bar li span a{ color:#222}

.header-btn{ position:absolute; right:0;top:0;}
.header-btn .search-btn{ float:left;  margin-top:0.31rem  }
.header-btn .search-btn a{ color:#fff;}
.header-btn .search-btn i{ font-size:0.26rem; position:relative;top:0.04rem; line-height:0.2rem; }
.header-btn .spot-link{ float:left;  margin-top:0.31rem  }
.header-btn .spot-link a{ color:#fff;}
.header-btn .spot-link a:hover{ }
.header-btn .spot-link i{ font-size:0.26rem; position:relative;top:0.04rem; line-height:0.2rem; margin-right:3px}

.header.hover .header-btn .search-btn a{ color:#000}
.header.current .header-btn .search-btn a{ color:#000}
.header.hover .header-btn .spot-link a{ color:#000}
.header.current .header-btn .spot-link 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:998; transition: .3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1); -o-transition: 0.3s cubic-bezier(0.215,.61,.215,1); background-color:rgba(255,255,255,0.4);box-shadow: 0px 10px 35px 0 rgba(0, 0, 0, 0.2);}
.menu-box .menu-wrapper{ margin-top:1rem}
.menu-box .menu-wrapper dl{ width:12%; 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:998; transition: .3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1); -o-transition: 0.3s cubic-bezier(0.215,.61,.215,1); background-color:rgba(255,255,255,0.4);box-shadow: 0px 10px 35px 0 rgba(0, 0, 0, 0.2);}
.search-box .search-wrapper{ border:3px #999 solid; width:50%; max-width:5rem; height:0.66rem; margin:1rem auto; padding-right:0.8rem; position:relative}
.search-box .search-wrapper input{ display:block; width:100%; background:none; border:0; height:0.6rem; padding:0 0.2rem}
.search-box .search-wrapper button{ width:0.8rem; height:0.6rem; background:none; border:0; position:absolute; right:0;top:0; text-align:center; }
.search-box .search-wrapper button i{ font-size:0.3rem}
.search-box.show{ height:3rem;visibility:visible; background-color:rgba(255,255,255,1);}

@media (max-width: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; }
.menubtn:hover{}
.menuiphone{ display: none;}
.menubtn span{ display:block; width:0.24rem; height:2px; background:#fff; border-radius:2px; margin:auto; top:50%; margin-top:-1px; position:relative; vertical-align: middle; }
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 0.3rem; height: 2px;border-radius:2px; left: 0; background-color: #fff;  -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: 1799px) {
	.header .nav-bar{  margin-right:1.5rem}
}

@media (max-width: 1499px) {
	.header .nav-bar{  margin-right:0.9rem}
	.header-btn .spot-link{display:none}
}

@media (max-width: 1199px) {
	.header-btn .spot-link{display:none}
	.index-wrapper{ padding:0;width:100%}	
	.header .nav-bar{ display:none}
}

@media (max-width: 767px) {
	.header { height:0.8rem; box-shadow: 1px 1px 8px rgba(0,0,0,0.1) !important; background:#fff;overflow:hidden;}
	.header .logo{position:relative;left:0.2rem;top:0; width:65%; height:0.8rem; background-image:url(../images/logo.png); background-size:contain;	max-width:300px}
	.header-btn .search-btn{display:block;margin-right:0.2rem;margin-top:0.26rem}
	.header-btn .search-btn a{color:#222}
	.header-btn .spot-link{display:none}
	.header-btn .spot-link a{ color:#222}
	.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;border-radius:0.06rem;padding:0.25rem 0.3rem }
	.menu-box .menu-wrapper dl dt{ font-size:0.24rem; margin-bottom:0}
	.menu-box .menu-wrapper dl dt.hasSub{}
	.menu-box .menu-wrapper dl dt a{ display:block; position:relative;}
	.menu-box .menu-wrapper dl dt a i{ display:block; font-size:0.14rem; color:#666; position:absolute; right:0.1rem;top:50%; margin-top:-0.07rem;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-webkit-transition:all 0.3s ease;transition:all 0.3s ease; }
	.menu-box .menu-wrapper dl dt.hover a i{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	.menu-box .menu-wrapper dl dd{display:none;padding-top:0.2rem}
	.menu-box .menu-wrapper dl dd a{display:block;color:#888;font-size:0.2rem;padding:0.05rem 0}
	.menu-box .menu-wrapper dl:last-child{border-bottom:0;}
	.search-box{top:0.8rem}
}




@media (min-width:768px){
	.box-col{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;}
}
@media (max-width:767px){
	.m-box-col{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;}
}
.white-box{ background-color:#fff;box-shadow:0px 2px 10px rgba(0,0,0,.04); overflow:hidden; }
@media (max-width:767px){
	.white-box{ border-radius:0; border:0;box-shadow:none; }
}


@-webkit-keyframes scale-bg {
	from {-webkit-transform:scale(1.2);transform:scale(1.2);}
	to {-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes scale-bg {
	from {-webkit-transform:scale(1.2);transform:scale(1.2);}
	to {-webkit-transform:scale(1);transform:scale(1);}
}

.banner-wrapper{ position:relative; height:100%; width:100%}
.index-banner{position:relative; height:100%; overflow:hidden}
.index-banner .item {background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;position:relative;}
.index-banner .item .scaleBg {background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.index-banner .item.slick-current .scaleBg {visibility:visible;-webkit-animation:scale-bg 8s linear forwards;animation:scale-bg 8s linear forwards;}
.index-banner .items:after {content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);}
.index-banner .item .text-layer {position:absolute;top:0.5rem;left:0; right:0;bottom:0; z-index:2}
.index-banner .item .text{opacity:0;margin-bottom:1rem; transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all 1s ease;transition:all 1s ease; background-position:center center; background-size:auto 100%; background-repeat:no-repeat}
.index-banner .item .t0{ height:4.59rem;margin-bottom:1.5rem; background-image:url(../images/100th-text.png)}
.index-banner .item .t1{ height:2.9rem; background-image:url(../images/index-text11.png)}
.index-banner .item .t2{ height:2.15rem; background-image:url(../images/banner-text2.png)}
.index-banner .item .t11{ height:2.69rem;margin-bottom:1rem; background-image:url(../images/20th-text.png)}
.index-banner .item .t21{ height:2.98rem;margin-bottom:1rem; background-image:url(../images/esd-text.png)}
.index-banner .item .t31{ height:3.39rem;margin-bottom:1rem; background-image:url(../images/xuexi-text.png)}

.index-banner .item.slick-current .text {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:300ms;transition-delay:300ms;}
.index-banner .slick-dots{top:50%; margin-top:-0.5rem; right:0.3rem; width:0.04rem}
.index-banner .slick-dots li{ width:0.06rem; height:0.06rem; margin:0.05rem 0}
.index-banner .slick-dots button{ width:0.06rem; height:0.06rem; padding:0; border-radius:0.1rem; background-color:#fff;opacity:0.6; margin:0 !important; text-indent:-10000px}
.index-banner .slick-dots .slick-active button{ opacity:1;}
.index-banner .slick-dots button:before{ display:none}
.index-banner .slick-dots .slick-active button:before{ display:block; width:0.18rem; height:0.18rem; border:1px #fff solid; border-radius:0.18rem; left:-0.06rem;top:-0.06rem}

.scroll-icon{ position:absolute; left:50%; margin-left:-0.5rem; width:1rem;bottom:0.3rem; 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)}
}


@media screen and (max-width: 767px){
	.index-banner{ }
	.index-banner .item{}
	.index-banner .item .t0{ height:2.2rem;}
	.index-banner .item .t1{ height:1.7rem;}
	.index-banner .item .t2{ height:1rem}
	.index-banner .item .t21{ height:1.2rem}
	.index-banner .item .t31{ height:1.4rem}
	.index-banner .item .text-layer{}
	.scroll-icon{display:none}
	.index-banner .slick-dots{top:auto;bottom:0.3rem;left:0;right:0;width:auto}
	.index-banner .slick-dots li{margin:0 0.1rem}
}



.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 {}
}

.aside {position:absolute; left:0;top:100%;transition: all 700ms ease 0s; z-index:998;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;color:#fff;text-align:center;padding:4.6875vw 0 0;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-right:2px solid rgba(255,255,255,0.2);width:16.66667vw;min-width:220px;}
@media (max-width:1199px) {
	.aside {display:none}
}

.aside-header {top:40%; position:absolute; left:0; width:100%;}
.aside-page {top:20%; position:absolute; left:0; width:100%;}
.aside-subtitle span,.aside-title span {opacity:0;transform: translate3d(0px, -100%, 0px);-webkit-transition: all .6s;transition: all .6s;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.aside-subtitle span.fadeUp,.aside-title span.fadeUp{transform: translate3d(0px, 0px, 0px) !important;opacity:1;} 
.aside-title {overflow:hidden;font-size:0.24rem}
.aside-subtitle {font-family:"FjallaOne-Regular";opacity:.5;margin-top:10px;overflow:hidden;text-transform:uppercase;font-size:20px}

.aside-bg{}
.aside-icon {position:absolute; left:0;top:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s; background-color:#fff; }
.aside-icon.l,.aside-icon:nth-child(1) {width:350px;height:350px;opacity:0.5}
.aside-icon.m,.aside-icon:nth-child(2) {height:300px;width:300px;opacity:0.5}
.aside-icon.s,.aside-icon:nth-child(3) {height:300px;width:300px;opacity:0.5}

.aside.page{ position:relative; border:0;top:0; padding-top:1.5rem}
.aside.news-bg{ position:relative;background-color:#0071b7 !important; border:0}
.aside.business-bg{ position:relative;background-color:#1d8ae7 !important; border:0}
.aside.party-bg{ position:relative;background-color:#da251c !important; border:0}
.aside.culture-bg{ position:relative;background-color:#06c1b0 !important; border:0}
.aside.job-bg{ position:relative;background-color:#2bc17a !important; border:0}

.aside.bg1{ background-color:#37acb8; border:0}
.aside.bg1 .aside-icon{ }
.aside.bg1 .l{left: 15%; top: 20%;opacity:0.1}
.aside.bg1 .m{left: 80%; top: 10%;opacity:0.2 }
.aside.bg1 .s{left:-10%; top:3%;opacity:0.2 }

.aside.bg2{ background-color:#0071b7; border:0}
.aside.bg2 .aside-title span{transform: translate3d(0px, 0px, 0px); }
.aside.bg2 .aside-subtitle span{transform: translate3d(0px, 0px, 0px); }
.aside.bg2 .l{left: 52%; top: 18%;opacity:0.1}
.aside.bg2 .m{left: 5%; top: 10%;opacity:0.2 }
.aside.bg2 .s{left: 90%; top: 0%;opacity:0.2 }

.aside.bg3{ background-color:#128bcb; border:0}
.aside.bg3 .aside-title span{transform: translate3d(0px, 0px, 0px); }
.aside.bg3 .aside-subtitle span{transform: translate3d(0px, 0px, 0px); }
.aside.bg3 .l{left: 15%; top: 20%;opacity:0.1}
.aside.bg3 .m{left: 80%; top: 10%;opacity:0.2 }
.aside.bg3 .s{left:-10%; top:3%;opacity:0.2 }


.aside-line {background-color:#fff;border:none;width:44px;height:1px;margin-top:22px;margin-bottom:0.5rem}
.aside-nav {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;font-size:0.18rem; position:relative; z-index:2}
.aside-nav-item {position:relative;padding:0.1rem;font-size:0.16rem;color:#fff }
.aside-nav-item:hover,.aside-nav-item:focus{ color:rgba(255,255,255,0.8); }
.aside-nav-item i{ color:#fff}
.aside-nav-item:not(:last-child) {margin-bottom:.52083vw}
.aside-nav-item:after {content:"";position:absolute;left:0;right:0;top:auto;bottom:-5px;margin:auto;height:5px;width:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:0}
.aside-nav-item.active {font-weight:700}
.aside-nav-item.active:after {opacity:1}


#fp-nav{ display:none}
.index{ position:relative; width:100% }
.index .section{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex; height: 100%;}
.index-page-b:before,.index-page-c:before,.index-page-d:before,.index-page-e:before,.index-page-f:before { content: "";width: 16.66667vw; min-width: 220px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;}
@media (max-width:1199px) {
	.index-page-b:before,.index-page-c:before,.index-page-d:before,.index-page-e:before,.index-page-f:before  {display:none}
}

.index-chunk-body {-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden; position:relative}
.index-chunk-body.center {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.index-chunk-body.center>* {width:100%}


.index-media-row {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
@media (max-width:767px) {
	.index-media-row {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.index-media-col {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.index-media-col:first-child {width:40%;}
.index-media-row:last-child {padding-top:0.4rem;}
@media (max-width:767px) {
	.index-media-row:last-child{ display:none}
	.phone-index .index-media-row:last-child{ display:block}
}
.index-media-col:last-child {width:60%; padding-left:0.4rem;height:100%}
@media (max-width:767px) {
	.index-media-col:last-child {padding-left:0; padding-top:0.2rem}
}
@media (max-width:767px) {
	.index-media-col {width:100%!important}
}


i.arrow {border: solid black;border-width: 0 1px 1px 0;display: inline-block;padding:3px;}
i.arrow-right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.index-page-b{background-color:#fff}
.index-about{position:relative;height:100%;}
.index-about-left{ width:50%; position:relative; height:100%;float:left; padding:1.8rem 0.8rem 0.8rem}
.index-about-left h2{ position:relative}
.index-about-left h2 strong{ font-weight:normal;font-size:0.36rem; display:inline-block; padding-bottom:0.2rem; border-bottom:1px #ddd solid; position:relative; z-index:2}
.index-about-left h2 strong:before{content: "";position: absolute;display: block;height: 4px;width:0.6rem; background: #009ee3;left: 0;bottom:-2px;}
.index-about-left h2 span{ font-family:Georgia, "Times New Roman", Times, serif; color:#f5fafd; font-size:0.7rem; position:absolute; left:-0.2rem;top:-0.4rem}
.index-about-left .content{ margin-top:0.4rem}
.index-about-left .content p{ line-height:1.8}
.index-about-left .content a.more{ width:0.65rem; height:0.65rem; border:1px #ccc dashed; border-radius:0.65rem; display:block; margin-top:0.3rem; text-align:center;;-webkit-transition: all .3s;transition: all .3s;}
.index-about-left .content a.more em{ display:block; height:0.2rem; margin-top:0.2rem;  position:relative}
.index-about-left .content a.more em:before{content: "";position: absolute;display: block;height: 3px;width:3px; border-radius:3px; background-color: #aaa;left:50%; margin-left:-12px;top:50%; margin-top:0px}
.index-about-left .content a.more em:after{content: "";position: absolute;display: block;height: 3px;width:3px; border-radius:3px; background-color: #aaa;left:50%; margin-left:-4px;top:50%; margin-top:0px}
.index-about-left .content a.more em i{ position:relative;top:-1px; right:-5px; border-color:#666}
.index-about-left .content a.more:hover{ background-color:#34b4e4; color:#fff; border-color:#34b4e4}
.index-about-left .content a.more:hover em:before{ background-color:#fff}
.index-about-left .content a.more:hover em:after{ background-color:#fff}
.index-about-left .content a.more:hover em i{ border-color:#fff}
.index-about-left .content ul{ margin-top:0.4rem}
.index-about-left .content ul li{ width:25%; float:left;text-align:center; max-width:1.5rem; margin-right:7%}
.index-about-left .content ul li i{ display:block; width:0.8rem; height:0.8rem; background:url(../images/index-about-icon1.jpg) no-repeat; background-size:cover; margin:0 auto}
.index-about-left .content ul li i.icon2{ background-image:url(../images/index-about-icon2.jpg)}
.index-about-left .content ul li i.icon3{ background-image:url(../images/index-about-icon3.jpg)}
.index-about-left .content ul li strong{ display:block; font-weight:normal; font-size:0.2rem; position:relative }
.index-about-left .content ul li strong:before{content: "";position: absolute;display: block;height: 1px;width:0.3rem; background: #bbb;left:50%; margin-left:-0.15rem;bottom:-0.08rem;}
.index-about-left .content ul li span{ display:block;font-size:0.12rem; text-transform:uppercase; color:#aaa; margin-top:0.15rem }
.index-about-right{ width:50%; position:relative; height:100%; float:left;background:url(../images/index-about-bg.jpg) no-repeat center bottom; background-size:cover}
.about-video-box{ width:80%; max-width:6rem; height:4rem; background-color:#fff; overflow:hidden; position:absolute;top:50%; margin-top:-2rem; left:0;box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }
.about-video-box a{ display:block;width:100%; height:100%; overflow:hidden; }
.about-video-box a .image{width:100%; height:100%; position:absolute; left:0;top:0; background-position:center center; background-size:cover;-webkit-transition: all .8s;transition: all .8s;}
.about-video-box a:before{content: "";position: absolute;display: block; width:100%; height:100%; background-color:#000; opacity:0; z-index:2}
.about-video-box a i{ font-size:0.8rem; position:absolute; left:50%; margin-left:-0.4rem; top:50%; margin-top:-0.4rem; color:#fff; z-index:3}
.about-video-box a:hover .image{transform:scale(1.1);-webkit-transform:scale(1.1)}


@media (max-width:992px) {
	.index-page-b{ padding:1.2rem 0.2rem 0.2rem}
	.index-about-left{width:100%;height:73%;float:none;padding:0.3rem}
	.index-about-left h2 span{font-size:0.5rem;}
	.index-about-left .content p{font-size:0.18rem}
	.index-about-left .content a.more{display:none}
	.index-about-left .content ul{margin-top:0.3rem;text-align:center}
	.index-about-left .content ul li{display:inline-block;padding:0 0.2rem;max-width:33.33333333%;margin:0;width:auto}
	.index-about-right{width:100%;height:25%;float:none;background:none}
	.about-video-box{width:100%;max-width:100%;height:100%;box-shadow:none;top:0;margin-top:0;}
}

[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);}



.index-page-c{ padding:0 5%; background:url(../images/index-page3-bg.png) no-repeat center bottom #e6f1f8; background-size:100% auto; position:relative}
.index-news{ position:relative}
.index-news h2{ height:0.6rem; border-bottom:1px #ddd solid}
.index-news h2 a{ display:block; float:left; line-height:0.6rem; height:0.6rem; padding:0 0.4rem; font-size:0.2rem}
.index-news h2 a.current{ color:#007fba; border:1px #ddd solid; border-bottom:1px #e6f1f8 solid; }
.index-news .more{ position:absolute; right:0;top:0; font-size:0.14rem; line-height:0.6rem; padding-right:0.3rem}
.index-news .more i{ position:absolute; right:0rem;top:50%; margin-top:-3px;width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left:6px solid #aaa;}
.index-news .more i:before{content: "";position: absolute;display: block; width:0.2rem; height:1px; background-color:#aaa; right:6px;top:0px;}
.index-news-list{ margin-top:0.4rem}
.index-news-list .item{ background-color:#fff;box-shadow: 0px 1px 3px rgba(0,0,0,0.1); overflow:hidden}
.index-news-list .item .image{ height:2.4rem; overflow:hidden; position:relative}
.index-news-list .item .image .pic{ background-position: center center; background-size:cover; position:relative; height:100%;-webkit-transition: all .8s;transition: all .8s;}
.index-news-list .item .title{ padding:0.2rem}
.index-news-list .item .title span{ display:block; font-size:0.12rem; color:#bbb;}
.index-news-list .item .title span i{ font-size:0.12rem; margin-right:2px}
.index-news-list .item .title strong{ display:block; margin-top:0.1rem; font-weight:normal; font-size:0.18rem; line-height:1.4;min-height:0.5rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index-news-list .item .more-link{ border-top:1px #f1f5fa solid; line-height:0.5rem; padding:0 0.2rem; font-size:0.14rem; color:#888; position:relative;-webkit-transition: all .3s;transition: all .3s;}
.index-news-list .item .more-link i{ position:absolute; right:0.2rem;top:50%; margin-top:-3px;width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left:6px solid #aaa;}
.index-news-list .item .more-link i:before{content: "";position: absolute;display: block; width:0.1rem; height:1px; background-color:#aaa; right:6px;top:0px;-webkit-transition: all .3s;transition: all .3s;}
.index-news-list .item a:hover .more-link{ background-color:#f1f5fa}
.index-news-list .item a:hover .more-link i:before{ width:0.3rem}
.index-news-list .item a:hover .image .pic{transform:scale(1.1);-webkit-transform:scale(1.1)}

.news-swiper{padding-bottom:0.5rem}

@media (max-width:992px) {
	.index-page-c{ padding:1.2rem 0.2rem 0.2rem}
	.index-news h2 a{font-size:0.18rem;padding:0 0.2rem}
	.index-news .more{ text-indent:-10000px;}
	.index-news .more i:before{content: "";position: absolute;display: block; width:0.2rem; height:1px; background-color:#aaa; right:6px;top:0px;}
	.index-news-list{ margin-top:0.3rem}
	.index-news-list .item{}
	.index-news-list .item .image{width:30%;height:1.2rem;float:right}
	.index-news-list .item .title{width:70%;float:left}
	.index-news-list .item .title strong{font-size:0.2rem}
	.index-news-list .item .more-link{display:none}
	.news-swiper{padding-bottom:0;height:6.75rem;overflow:hidden}
	.news-swiper .swiper-slide{height:1.2rem !important;margin-bottom:0.15rem}
	.news-swiper .swiper-pagination{display:none}
}

.index-page-d{ padding:1rem 5% 0; background:url(../images/index-bg4.jpg?sss) no-repeat center center; background-size:cover;}
.index-business{ }
.index-business .item{ box-shadow: 0px 5px 20px rgba(0,0,0,0.1); position:relative; float:left; width:47.5%; overflow:hidden}
.index-business .item .image{ position:relative; height:100%; z-index:2; background-position:center center; background-size:cover;-webkit-transition: all .8s;transition: all .8s;}
.index-business .item h2{ position:absolute; left:0.5rem;top:0.4rem; color:#fff; z-index:2;text-shadow: rgba(0,0,0,0.2) 1px 0px 2px;}
.index-business .item h2 strong{ display:block; font-weight:normal; font-size:0.3rem}
.index-business .item h2 span{ display:block; font-family:"FjallaOne-Regular"; opacity:0.5; margin-top:0.05rem; font-size:0.24rem}
.index-business .item h2 p{font-size:0.18rem;margin-top:0.3rem;line-height:1.7;max-width:4rem;text-align:justify}
.index-business .item a{ display:inline-block; line-height:0.45rem; border-radius:0.25rem; padding:0 0.4rem 0 0.25rem; color:#fff;-webkit-transition: all .3s;transition: all .3s; position:absolute; right:0.3rem;bottom:0.3rem; z-index:3}
.index-business .item a i{ position:absolute; right:0.2rem;top:50%; margin-top:-3px;width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left:6px solid #fff;}
.index-business .item a i:before{content: "";position: absolute;display: block; width:0.1rem; height:1px; background-color:#fff; right:6px;top:0px;-webkit-transition: all .3s;transition: all .3s;}
.index-business .item-a{ height:5.5rem; margin-right:5%}
.index-business .item-b{ height:2.5rem;margin-bottom:0.5rem}
.index-business .item-b:last-child {margin-bottom:0}
.index-business .item:hover .image{transform:scale(1.1);-webkit-transform:scale(1.1)}
.index-business .item:hover a{ background-color:#117cb9}


@media (max-width:767px) {	
	.index-page-d{ padding:1.2rem 0.2rem 0.2rem}
	.index-business .item{width:100%;float:none;margin-bottom:0.3rem}
	.index-business .item-a{margin-right:0;height:30vh}
	.index-business .item-b{ margin-bottom:0.3rem;height:20vh !important;}
	
}


.index-page-e{ padding:1rem 0 0; background:url(../images/index-map-bg.png) no-repeat top right #063a77; background-size:auto 80%;}
.index-map{position:relative;height:100%}
.index-map .info{text-align:left; width:3.8rem;color:#fff;position:absolute;left:0;top:0;height:80%;padding-left:5%}
.index-map .info p{margin-bottom:0.1rem}
.index-map .info p strong{font-size:0.85rem;font-family: "FjallaOne-Regular"}
.index-map .map-con{margin-left:3.8rem;position:relative;height:80%;}
.index-map .map{width:9rem;height:3.56rem;background:url(../images/index-map2.png) no-repeat center center;background-size:cover}
.index-map .area{position:absolute;left:0;bottom:0;right:0;height:20%;max-height:1rem;background-color:#06499e; text-align:center}
.index-map .area a{display:inline-block;width:1rem;height:100%;position:relative;padding-top:0.6rem;color:#fff;top:-0.2rem;font-size:0.2rem}
.index-map .area a:before{content: "";position: absolute;display: block; width:0.4rem;height:0.4rem;background:url(../images/map_dota.png) no-repeat center center;background-size:cover;left:50%;margin-left:-0.2rem;top:0}
.index-map .area a:hover:before{background-image:url(../images/map_dot.png)}

@media (max-width:992px) {	
	.index-map .info{text-align:center;position:relative;width:100%;height:20%;padding-left:0;}
	.index-map .map-con{margin-left:0;height:60%}
	.index-map .map{width:100%;height:100%;background-size:80% auto}
	
}

.autoheight {height: auto !important;}






#footer{  background:url(../images/footer-bg.png) #f2f5f7;border-top:0.05rem #f2f2f2 solid;padding:0.5rem 5% 0.2rem}
#footer .footer-contact{}
#footer .footer-contact h3{ font-size:0.2rem;  line-height:1; margin-bottom:0.2rem;color:#222; position:relative}
#footer .footer-contact p{ font-size:0.15rem; line-height:2.2;color:#666 }
#footer .footer-contact p i{ color:#999; font-size:0.2rem; position:relative;top:0.02rem; margin-right:0.08rem} 
#footer .footer-contact a{color:#888}

#footer .footer-menu{  }
#footer .footer-menu dl{ width:33.333333%; float:left;font-size:0.15rem;}
#footer .footer-menu dl dt{ font-weight:normal; color:#222; margin-bottom:0.25rem; font-size:0.2rem; line-height:0.2rem; position:relative}
#footer .footer-menu dl dd{ margin-bottom:0.1rem;}
#footer .footer-menu dl dd a{ color:#888}
#footer .footer-menu dl dd a:hover{ color:#009ee3; text-decoration:underline}
#footer .footer-menu ul{ width:20%; float:left;font-size:0.16rem;}
#footer .footer-menu ul li{ margin-bottom:15px;color:#aaa; line-height:0.2rem;}
#footer .footer-menu ul li a{ color:#222}
#footer .footer-menu ul li a:hover{ color:#009ee3; text-decoration:underline}
#footer .footer-qr{}
#footer .footer-qr h3{ font-size:0.2rem;  line-height:1; margin-bottom:0.2rem;color:#222; position:relative}
#footer .footer-qr h3 i{font-size:0.2rem; margin-right:0.08rem}
#footer .footer-qr .image{}
#footer .footer-qr .image img{ width:100%; border:1px #ddd solid; border-radius:0.06rem;background-color:#fff; max-width:1.3rem}

.footer-copyright{ padding-top:0.15rem; overflow:hidden; border-top:1px #e8e8e8 solid; font-size:0.16rem;margin-top:0.25rem; line-height:0.22rem; text-align:center; color:#888}
.footer-copyright span{ color:#bbb; margin:0 0.05rem}
.footer-copyright a{ color:#222}
.footer-copyright a:hover{ color:#009ee3}
.footer-copyright a.linking{ display:inline-block;  width:1.7rem; height:0.22rem; background:url(../images/linking.png) no-repeat; position:relative;top:0.09rem; cursor:default}




@media (max-width: 992px) {
	#footer{padding:0.3rem 0 0.2rem}
	#footer .footer-menu{display:none}
	#footer .footer-qr{display:none;text-align:center;background-color:#f2f2f2;padding:0.2rem;margin-top:0.2rem;border-radius:0.06rem}
	#footer .footer-qr h3{margin-bottom:0.1rem}
	#footer .footer-qr .image{text-align:center}
	#footer .footer-contact{text-align:left;}
	.footer-copyright a.linking{ display:none}
	.footer-copyright span{display:none}
	.footer-copyright{font-size:0.12rem}
}




#follow-btn{ position:fixed; bottom:-200px; z-index:1001;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);}
#follow-btn a{ display:block; background-color:rgba(0,0,0,0.05); color:#aaa; width:50px; height:50px;  text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative;border-radius:3px }
#follow-btn a i{font-size:28px; line-height:50px;}
#follow-btn a:hover{ background-color:#0062a6; color:#FFF}

@media (max-width:1250px){
	#follow-btn{ display:none}
}

.bottom-slider{ position:fixed; right:0;bottom:-320px; width:470px; height:320px; background-color:#ddd;box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.15); z-index:9999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
.bottom-slider .con{padding:10px}
.bottom-slider .con img{width:100%}
.bottom-slider.hover{bottom:0}
.bottom-slider .close-icon{background:url(../images/close-icon.gif) no-repeat center center; width:64px; height:64px; position:absolute; right:0px;top:0px; z-index:20}

@media (max-width:767px){
	.bottom-slider{ display:none}
}

#pages{ text-align:center; padding:0.3rem 0 0.3rem;font-size:0.18rem}
#pages a{ display:inline-block; padding:0.1rem 0.18rem; background-color:#fff; color:#888; margin:0 0.03rem;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; border:1px #ddd solid; border-radius:3px}
#pages a:hover{ background-color:#009ee3; border-color:#009ee3; color:#fff}
#pages a.active{ background-color:#009ee3;border-color:#009ee3; color:#fff}
#pages span{display:inline-block; padding:0.1rem 0.18rem; color:#888; position:relative;}


.page-banner{ height:6rem; position:relative;}
.page-banner .image{ position:relative; height:100%; overflow:hidden }
.page-banner .image .pic{ position:absolute;height:100%; width:106%; background-position:center center; background-repeat:no-repeat; background-size:cover}
.page-banner .textbox{ position:absolute; left:50%;margin-left:-1.6rem;top:50%;margin-top:-1.1rem; z-index:2;text-shadow: rgba(0,0,0,0.3) 1px 0px 2px;width:3.2rem;height:2.2rem; }
.page-banner .textbox strong{ font-size:0.5rem; color:#fff; text-align:center;display:block; font-weight:normal; }
.page-banner .textbox p{font-family:Georgia, "Times New Roman", Times, serif;  font-size:0.2rem; color:rgba(255,255,255,0.6); text-align:center; display:block}
.page-banner .textbox a{color:#fff;display:block;width:100%;text-align:center}
.page-banner .textbox a i{font-size:0.6rem;line-height:0.8rem}

.center-box {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%; z-index:-1; opacity:0.3}
.img1 {position:absolute;width:100%;height:100%;background:url(../images/img1.png) no-repeat center center;background-size:cover}
.img2 {position:absolute;width:100%;height:100%;background:url(../images/img2.png) no-repeat center center;background-size:cover}
.img3 {position:absolute;width:100%;height:100%;background:url(../images/img3.png) no-repeat center center;background-size:cover}
.move1 {animation:myMove1 8s ease-in infinite alternate;-webkit-animation:myMove1 8s ease-in infinite alternate;}
.move2 {animation:myMove2 5s ease infinite alternate;-webkit-animation:myMove1 5s ease infinite alternate;}
.move3 {animation:myMove3 3s ease-in infinite alternate;-webkit-animation:myMove1 3s ease-in infinite alternate;}
@keyframes myMove1 {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
@-webkit-keyframes myMove1 {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
@keyframes myMove2 {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
@-webkit-keyframes myMove2 {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
@keyframes myMove3 {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
@-webkit-keyframes myMove3 {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

.project-view-banner{ height:6rem; position:relative;}
.project-view-banner .swiper-container{height:100%}
.project-view-banner .pic{ position:relative; height:100%; overflow:hidden;background-position:center center; background-repeat:no-repeat; background-size:cover }
.project-view-banner .textbox{ position:absolute; left:0;top:50%;margin-top:-1.1rem; z-index:2;text-shadow: rgba(0,0,0,0.4) 1px 0px 2px;width:100%;height:2.5rem; }
.project-view-banner .textbox strong{ font-size:0.5rem; color:#fff; text-align:center;display:block; font-weight:normal; }
.project-view-banner .textbox p{letter-spacing:1px;line-height:1.5; font-size:0.18rem; color:#fff; text-align:center; display:block; max-width:6rem;margin:0.2rem auto 0}
.project-view-banner .swiper-pagination-bullet-active{background-color:#fff}
.project-view-banner .swiper-button-prev{background-color:rgba(0,0,0,0);left:0;width:0.5rem;height:1rem;margin-top:-0.5rem;border-radius:0 6px 6px 0;-webkit-transition:all 0.3s;transition:all 0.3s;background-size:50% auto }
.project-view-banner .swiper-button-prev:hover{background-color:rgba(0,0,0,0.4);}
.project-view-banner .swiper-button-next{background-color:rgba(0,0,0,0);right:0;width:0.5rem;height:1rem;margin-top:-0.5rem;border-radius:6px 0 0 6px;-webkit-transition:all 0.3s;transition:all 0.3s;background-size:50% auto }
.project-view-banner .swiper-button-next:hover{background-color:rgba(0,0,0,0.4);}

@media (max-width:767px){
	.page-banner{ height:1.8rem; margin-top:0.8rem; overflow:hidden}
	.page-banner .textbox{margin-top:-0.7rem;width:1.4rem;height:1.4rem;margin-left:-0.7rem}
	.page-banner .textbox strong{ font-size:0.3rem; }
	.page-banner .textbox p{ font-size:0.16rem; text-transform:uppercase;color:rgba(255,255,255,0.3); letter-spacing:-1px; }
	.news-view-banner{display:none}
	.project-view-banner{ height:4rem; }
	.project-view-banner .textbox{padding:0 0.7rem;}
	.project-view-banner .textbox strong{font-size:0.4rem}
	.project-view-banner .textbox p{line-height:1.4; text-align:justify }
	.project-view-banner .swiper-button-prev{width:0.3rem;height:0.6rem;margin-top:0;}
	.project-view-banner .swiper-button-next{width:0.3rem;height:0.6rem;margin-top:0;}
}


.page{background:#fff;}
@media (max-width: 767px) {
	.page{min-height:70vh}
}


.page-nav{height:1rem;border-bottom:1px #eee solid}
.page-nav ul{display: box; display: -webkit-box; display: -moz-box;  display: -ms-box; -webkit-box-orient: horizontal; box-orient: horizontal;}
.page-nav ul li{box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; padding: 0;position:relative;height:1rem}
.page-nav ul li a{display:block;line-height:1rem;text-align:center;font-size:0.18rem;position:absolute;width:100%;height:1rem;bottom:0;-webkit-transition:all 0.3s;transition:all 0.3s; }
.page-nav ul li a.current,.page-nav ul li a:hover{background-color:#38A0DA;color:#fff;line-height:1.1rem;height:1.1rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.location{padding:0.6rem 0 0.25rem;font-size:0.14rem; background:url(../images/mask.png) no-repeat;background-size:100% 100%; color:rgba(255,255,255,0.7); position:absolute; left:0; right:0;bottom:0;}
.location p{ }
.location p a{ color:#fff}
.location p a:hover{ text-decoration:underline}
.location p i{color:#38A0DA;font-size:0.14rem}
	
@media (max-width: 767px) {
	.location{ font-size:0.16rem;display:none}
}


.page-top{ text-align:center}
.page-top strong{ display:block; font-size:0.3rem; }
.page-top em{ display:block; width:1.6rem; height:1px; background-color:#ddd; margin:0.15rem auto;}
.page-top em i{ display:block; width:0.6rem; height:3px; background-color:#009ee3;  position:relative; margin:0 auto;top:-1px;}
.page-top span{ display:block; color:#888; font-size:0.18rem; font-family:"FjallaOne-Regular"}




.page-title{ position:relative;text-align:center;padding-top:0.3rem}
.page-title strong{ font-size:0.44rem;font-weight:normal; display:inline-block; padding-bottom:0.2rem; border-bottom:1px #ddd solid; position:relative; z-index:2;color:#000}
.page-title strong:before{content: "";position: absolute;display: block;height: 4px;width:0.6rem; background: #38A0DA;left: 50%;margin-left:-0.3rem;bottom:-2px;}
.page-title span{ font-family:Georgia, "Times New Roman", Times, serif; color:rgba(56,160,218,0.05); font-size:0.8rem; position:absolute;text-align:center;width:100%;display:block; top:-0.2rem}
.page-title em{display:block;text-align:center;font-family:"FjallaOne-Regular";font-size:0.2rem;margin-top:0.15rem;color:#ddd }
@media (max-width: 767px) {
	.page-title span{font-size:0.6rem;top:-0.1rem;padding-top:0.2rem}
	

}

.about{padding-top:0.5rem}
.about-content{margin:0.4rem auto 0;line-height:1.8;text-align:justify; }
.about-content p{ margin-bottom:0.15rem}
.about-num{ margin-top:0.4rem;}
.about-num .item{ text-align:center}
.about-num .item strong{ display:block; color:#38A0DA;font-size:0.18rem; }
.about-num .item strong b{ font-family:"FjallaOne-Regular";font-size:0.8rem; position:relative;top:0.02rem; margin-right:0.02rem}
.about-num .item span{ display:block; color:#888}

@media (max-width: 767px) {
	.about{padding-top:0.2rem}
	.about-content{font-size:0.2rem}
	.about-num .item strong{ font-size:0.14rem;  }
	.about-num .item strong b{ font-size:0.35rem;}
}

.about-pics{background-size:cover; padding:0.7rem 0;}
.about-pics .swiper-container { padding-bottom:0.5rem; }
.about-pics .swiper-slide{background-color:#fff; opacity:0.7}
.about-pics .swiper-slide-active{ opacity:1}
.about-pics .swiper-slide .title{color:#fff;position:absolute;z-index:2;color:#fff;left:0;bottom:0;right:0;padding:0.5rem 0.4rem 0.3rem; font-size:0.18rem;background:url(../images/mask.png) no-repeat;background-size:100% 100%;transition: all 0.3s;}
.about-pics .swiper-slide .title strong{display:block;font-size:0.3rem;position:relative;font-weight:normal}
.about-pics .swiper-slide .title strong:before{content: "";position: absolute;display: block;left:0;width:1rem;background-color:#fff;height:2px;top:0.5rem;}
.about-pics .swiper-slide .title p{margin-top:0.3rem;font-size:0.14rem;color:rgba(255,255,255,0.8);white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.about-pics .swiper-slide .image{ position:relative;height:4.8rem;border-radius:4px;overflow:hidden;}
.about-pics .swiper-slide .image .pic:before{content: "";position: absolute;display: block;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.2;z-index:2}
.about-pics .swiper-slide .image .pic{background-position:center center;background-size:cover;position:relative;height:100%;z-index:1}
.about-pics .swiper-slide {width:8rem;transition-timing-function:linear;}
@media only screen and (max-width:1200px){
	.about-pics  .swiper-slide {width:7.6rem;}
}
@media only screen and (max-width:980px){
	.about-pics .swiper-slide {width:4.5rem;}
}


.about-pics .swiper-pagination-bullet {background:none;opacity:1;margin:0 6px !important;width:9px;height:9px;position:relative;outline:none;vertical-align:middle;}
.about-pics .swiper-pagination-bullet span {width:3px;height:3px;background:#CCC;display:block;border-radius:50%;margin-top:3px;margin-left:3px;}
.about-pics .swiper-pagination-bullet i {background:#000;height:1px;width:20px;position:absolute;top:4px;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear;}
.about-pics .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span {width:9px;height:9px;margin-top:0;margin-left:0;background:#000;position:relative;z-index:1;}
.about-pics .swiper-pagination-bullet-active i {animation:middle 6s;}
.about-pics .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {animation:first 6s;}
.about-pics .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {animation:last 6s;}

@keyframes first {
	0% {transform:scaleX(0.5);left:0px;}
	100% {transform:scaleX(1);left:2px;}
}
@keyframes last {
	0% {transform:scaleX(0.7);left:-10px;}
	20% {transform:scaleX(0.3);left:2px;}
	100% {transform:scaleX(0.3);left:0px;}
}
@keyframes middle {
	0% {transform:scaleX(0.7);left:-10px;}
	20% {transform:scaleX(0.45);left:2px;}
	100% {transform:scaleX(1);left:2px;}
}


@media (max-width: 767px) {
	.about-item-b{ padding:0.4rem 0}
	.about-item-b .item span{ font-size:0.2rem}
	.about-item-b .swiper-button-prev,.about-item-b .swiper-button-next{ display:none}
}



.zuzhi{padding:0.5rem 0;}
.zuzhi img{ max-width:100%}
@media (max-width:767px) {
	.zuzhi{padding:0.3rem 0;}
}

.member-list{ padding:0.5rem 0 }
.member-info{text-align:center;margin-bottom:0.4rem}
.member-list .item{ margin-bottom:0.3rem; }
.member-list .item a{ display:block;background-color:#fff;border-radius:6px;overflow:hidden; padding:0.25rem 0.3rem 0.3rem 1.9rem;box-shadow: 0 0px 15px rgba(32,41,50,.1);-webkit-transition:all 0.5s;transition:all 0.5s; position:relative}
.member-list .item .image{ width:1.4rem; border-radius:50%; overflow:hidden; position:absolute; left:0.3rem;top:0.3rem; border:0.08rem #eee solid}
.member-list .item .image img{ display:block; width:100%}
.member-list .item .text{ height:1.4rem; position:relative; }
.member-list .item .text strong{ display:block; font-size:0.22rem}
.member-list .item .text p{ font-family:"FjallaOne-Regular"; margin-top:0.1rem; font-size:0.16rem; color:#999; }
.member-list .item a:after { content: ""; display: block; width:0;height:2px;background-color:#38A0DA; position:absolute;left:0;bottom:0;-webkit-transition:all 0.5s;transition:all 0.5s;}
.member-list .item a:hover:after{ width:100%;}
.member-list .con{}

@media (min-width:768px) {
	.member-list .item a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); }
}
@media (max-width:767px) {
	.member-list{padding:0.3rem 0}
	.member-info{font-size:0.18rem;padding:0 0.2rem;line-height:1.5}
	.member-list{ padding:0.3rem 0}
	.member-list h2{  display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;display: flex; display: -webkit-box;-webkit-box-orient: horizontal; box-orient: horizontal; margin-bottom:0.3rem}
	.member-list h2 a{display: block;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1; padding:0 ; line-height:0.6rem; font-size:0.16rem; margin:0 3px}
	.member-list .item{ margin-bottom:0.2rem;}
	.member-list .item a{padding:0.2rem 0.2rem 0.2rem 1.9rem;}
	.member-list .item .image{ left:0.2rem;top:0.2rem}
	.member-list .item .text strong{ font-size:0.22rem}
}

.member-view{   padding:0.5rem 0}
.member-view .content{ line-height:1.8; margin:0.3rem 0px; overflow:hidden}
.member-view .content p{ margin-bottom:0.15rem;}
.member-view .content p img{ margin-bottom:0.1rem}
.member-view .content img{ max-width:800px;_width:800px}
.member-view .info{padding:0.5rem;border-radius:0.08rem; min-height:4rem;background-color:#fff;box-shadow: 0 3px 20px rgba(32,41,50,.15); }
.member-view .contact-info h3{ font-size:0.22rem; font-weight:bold; margin-bottom:0.4rem}
.member-view .contact-info .map{ height:4rem; border:0.1rem #fff solid;border-radius:0.08rem;box-shadow: 0 3px 20px rgba(32,41,50,.15);}
.member-view .contact-info ul li{ margin-bottom:0.07rem;font-size:0.16rem}
.member-view .contact-info ul li label{ font-weight:normal; color:#888; margin-right:0.05rem}
.member-view .contact-info ul li a{ color:#009ee3;}
.member-view .contact-info ul li a:hover{ text-decoration:underline}
.member-view .contact-info ul li img{ max-width:1.5rem; border:1px #eee solid;width:100%;}
.member-view .contact-info ul li span{ display:block; max-width:1.5rem; text-align:center; font-size:0.14rem; color:#888; margin-top:0.05rem}

@media (max-width: 767px) {
	.member-view{box-shadow:none; padding:0;z-index:1;}
	.member-view .page-title strong{font-size:0.3rem}
	.member-view .box{ padding-top:0.3rem}
	.member-view .title{ padding-bottom:0rem}
	.member-view .title strong{line-height:1.4; padding:0;font-size:0.26rem;}
	.member-view .content{ line-height:1.6;font-size:0.2rem;}
	.member-view .content img{ max-width:100%}
	.member-view .contact-info ul{ margin-top:0.3rem; font-size:0.2rem; }
	.member-view .contact-info ul li{ margin-bottom:0.05rem}
	.member-view .info{height:auto;min-height:auto;padding:0.3rem}
}


.wow {visibility: hidden;}


.business-view{background-color:#ebf0f5; padding:0.5rem 0}
.business-view .box{box-shadow: 0 16px 48px rgba(32,41,50,.05); background-color:#fff} 
.business-cate{  display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;display: flex; display: -webkit-box;-webkit-box-orient: horizontal; box-orient: horizontal;}
.business-cate a{display: block;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1; }
.business-cate a{ line-height:1.3; padding:0.25rem 0.1rem; font-size:0.22rem; text-align:center; background-color:#cddbe9; border-right:1px #ebf0f5 solid;background-image: -webkit-linear-gradient(90deg, #cbd7e3 0%, #dce4ec 100%);}
.business-cate a.current{ background:#fff; color:#009ee3;}
.business-cate h2{ font-size:0.3rem; text-align:center; padding-top:0.5rem; width:100%;padding-bottom:0.25rem; position:relative}
.business-cate h2:after { content: ""; display: block; width:0.8rem;height:4px; border-radius:4px; background-color:#f58d06;position:absolute; left:50%; margin-left:-0.4rem;bottom:0;  }
.business-content{ padding:0.4rem;}
.business-content .content{ line-height:1.8; color:#333}
.business-content .content p{ margin-bottom:0.15rem}
.business-content .project{ margin-top:0.4rem;}
.business-content .project h2{ text-align:center; font-size:0.26rem}
.business-content .project .row{ margin-top:0.4rem}
.business-content .project .item{ margin-bottom:0.3rem;}
.business-content .project .item a{ display:block;background-color:#fff; border:1px #e8e8e8 solid;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5}
.business-content .project .item .image{ overflow:hidden}
.business-content .project .item .image .pic{width:100%;-webkit-transition:all 2s;-o-transition:all 2s;-moz-transition:all 2s;transition:all 2s;transform:scale(1.1);-webkit-transform:scale(1.1); }
.business-content .project .item .text{ padding:0.2rem 0.2rem 0.3rem; text-align:center;  }
.business-content .project .item .text strong{font-weight:normal;}
.business-content .project .item .project-content{ display:none}


@media (min-width:768px) {
	.business-content .project .item:hover a{box-shadow: 0 16px 48px rgba(32,41,50,.2);}
	.business-content .project .item:hover .pic{transform:scale(1);-webkit-transform:scale(1);}
}


@media (max-width: 767px) {
	.business-view{ padding:20px 0}
	.business-cate a{ font-size:0.2rem}
	.business-content{ padding:0.25rem; }
	.business-content .content{  line-height:1.5; font-size:0.2rem; text-align:justify}
	.business-content .project .item{ margin-bottom:0.2rem}
	.business-content .project .item .text{ font-size:0.2rem}
}





.more-btn{  width:2rem; height: 0.6rem; background-color:#009ee3; border-radius:0.05rem; overflow:hidden;  display: block; line-height: 0.6rem; text-align: center; position: relative; z-index: 1; margin:0.3rem auto 0;transition: all 0.5s;}
.more-btn:before{ content:""; width:100%; height:100%; background-color:#fff; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.more-btn i{ margin-left:0.1rem;}
.more-btn span{ padding-right:0.3rem;position: relative; font-size:0.16rem; color:#fff}
.more-btn span i{position: absolute; right: 0; top: 50%; margin-top:-0.08rem; transition: .42s cubic-bezier(.4,0,.2,1); }
.more-btn:hover{box-shadow: 0px 0px 0.2rem 0 rgba(0, 0, 0, 0.15);}
.more-btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.more-btn:hover span{ color: #555;}
.more-btn:hover span i{ background-position: right center;}





.business-main{ padding:0.5rem 0; background-color:#ebf0f5; width:100%; display:block !important}
.business-main h2{ display:none !important}
@media (max-width: 767px) {
	.business-main{ padding:0.3rem 0;}
}

.search-top{ padding:0.3rem 0; font-weight:bold}
.search-top span{ color:#ee0000; margin:0 0.1rem}

.news-list{padding:0.5rem 0}

.news-list1{ overflow:hidden;}
.news-list1 li{ border-bottom:1px #f2f4f6 solid}
.news-list1 li a{display:block;padding:0.25rem 0.18rem; position:relative;color:#000;transition: all 0.3s; }
.news-list1 li strong{ display:block;font-weight:normal; margin-right:1.2rem; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; margin-left:0.15rem} 
.news-list1 li strong:before{content: "";position: absolute;display: block;height: 0.08rem;width:0.08rem; background: #eee;left: 0.15rem;top: 50%;margin-top: -0.04rem;transition: all 0.3s;}
.news-list1 li span{ position:absolute;top:0; right:0;padding:0.27rem 0.2rem;color:#888;font-size:0.16rem;display:inline-block;transition: all 0.1s;}
.news-list1 li span:before{content: "";position: absolute;display: block;height: 100%;width:0; background: #38A0DA;left: 50%;top:0;transition: all 0.3s;z-index:-1}
.news-list1 li a:hover{box-shadow: 0 0 20px rgba(0,0,0,.1); z-index:3}
.news-list1 li a:hover strong:before{background-color:#38A0DA}
.news-list1 li a:hover span{color:#fff}
.news-list1 li a:hover span:before{width:100%;left:0}


@media (max-width: 767px) {
	.news-list{padding:0.3rem 0}
	.news-list1 li a{padding:0.25rem 0}
	.news-list1 li strong:before{left:0}
}




.news-list3{ }
.news-list3 .item{margin-bottom:0.4rem}
.news-list3 .item a{display:block;transition: all 0.3s;position:relative;overflow:hidden; box-shadow: 0px 1px 15px 0 rgba(0, 0, 0, 0.05);}
.news-list3 .item a:after{content: "";position: absolute;display: block;height:2px;width:100%; background: #eee;left:0;bottom: 0;z-index:1}
.news-list3 .item a:before{content: "";position: absolute;display: block;height:2px;width:0; background: #38A0DA;left:0;bottom: 0;transition: all 0.3s;z-index:2}
.news-list3 .item .image{height:2.4rem;overflow:hidden;position:relative}
.news-list3 .item .image .pic{background-position:center center;background-size:cover;height:100%;position:relative;transition: all 1s;}
.news-list3 .item .text{ background-color:#fff;padding:0.2rem 0.3rem 0.3rem;border-top:0;}
.news-list3 .item .text span{font-size:0.14rem;color:#aaa;display:block;}
.news-list3 .item .text strong{display:block;margin-top:0.05rem;font-size:0.2rem;font-weight:normal;line-height:1.3; height:0.56rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news-list3 .item .text p{margin-top:0.15rem;color:#aaa;font-size:0.14rem;line-height:1.6;height:0.4rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list3 .item .text em{margin-top:0.15rem;font-size:0.14rem;text-decoration:underline;display:block;margin-top:0.15rem}
.news-list3 .item a:hover{box-shadow: 0 0 20px rgba(0,0,0,.15); }
.news-list3 .item a:hover .image .pic{transform:scale(1.1);-webkit-transform:scale(1.1)}
.news-list3 .item a:hover:before{width:100%;}

@media (max-width: 767px) {
	.news-list3 .item{margin-bottom:0.3rem}
	.news-list3 .item .text strong{height:auto;font-size:0.22rem}
	.news-list3 .item .text p{display:none}
	.news-list3 .item .text em{display:none}

}
@media (min-width:768px) {
	.news-list3 .item-b a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0);}
}


.topic-list{padding:0.5rem 0 }
.topic-list .item{margin-bottom:0.4rem}
.topic-list .item a{display:block;transition: all 0.3s;position:relative;overflow:hidden; box-shadow: 0px 1px 15px 0 rgba(0, 0, 0, 0.05);}
.topic-list .item a:after{content: "";position: absolute;display: block;height:2px;width:100%; background: #eee;left:0;bottom: 0;z-index:1}
.topic-list .item a:before{content: "";position: absolute;display: block;height:2px;width:0; background: #38A0DA;left:0;bottom: 0;transition: all 0.3s;z-index:2}
.topic-list .item .image{height:1.5rem;overflow:hidden;position:relative}
.topic-list .item .image .pic{background-position:center center;background-size:cover;height:100%;position:relative;transition: all 1s;}
.topic-list .item .text{text-align:center;font-weight:bold;font-size:0.18rem; background-color:#fff;padding:0.2rem 0.3rem 0.3rem;border-top:0;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.topic-list .item a:hover{box-shadow: 0 0 20px rgba(0,0,0,.15); }
.topic-list .item a:hover .image .pic{transform:scale(1.1);-webkit-transform:scale(1.1)}
.topic-list .item a:hover:before{width:100%;}

@media (max-width: 767px) {
	.topic-list{padding:0.3rem 0 }
	.topic-list .item{margin-bottom:0.3rem}
	.topic-list .item .text{font-size:0.22rem}

}

p.none{ padding:10vh  0;text-align:center; color:#aaa; font-size:0.18rem; display:block !important;}
p.none i{ display:block; font-size:1rem; 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-banner{ max-height:4rem}
.news-view{padding:5%; box-shadow: 0px 10px 35px 0 rgba(0, 0, 0, 0.1);position:relative; margin-top:-1rem; background-color:#fff;  z-index:99;margin-bottom:0.6rem;border-radius:0.04rem }
.news-view .title{ text-align:center; padding-bottom:0.3rem; text-align:center;max-width:8.5rem; margin:0 auto}
.news-view .title h1{font-size:0.3rem;line-height:1.5}
.news-view .title p{ font-size:0.18rem; margin-top:0.05rem;color:#dd0000; }

.news-view .info{color:#bbb; position:relative; padding-bottom:0.2rem;font-size:0.14rem; border-bottom:1px #ddd solid;}
.news-view .info span.source{background: url(../images/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-view .info span.date{background: url(../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-view .info span.hits{background: url(../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}
.news-view .info em{ display:none}
.news-view .info .share{ position:absolute; right:0;top:0px;}



.news-view .content{ line-height:2;margin:0.3rem 0px; overflow:hidden}
.news-view .content p{ margin-bottom:0.15rem;}
.news-view .content p img{ margin-bottom:0.1rem}
.news-view .content img{ max-width:800px;_width:800px}

.news-view table{display:table;border-collapse:separate;border-spacing:0px;border-color:#666;max-width:100%;margin:0 auto}
.news-view table td{border:1px #666 solid !important;}

.news-view .photo-slider{  position:relative; margin:30px auto 0px; }
.news-view .photo-slider .swiper-container{overflow:hidden;}
.news-view .photo-slider .swiper-slide{ text-align:center;}
.news-view .photo-slider .swiper-slide img{max-width:800px; height:450px;}
.news-view .photo-slider .swiper-slide .txt{ margin-top:0.2rem;; font-family:"楷体"}
.news-view .photo-slider .swiper-pagination{position: absolute; z-index: 20; bottom:60px; width: 100%; text-align: center;}
.news-view .photo-slider .swiper-prev{ position:absolute; left:0;top:50%; margin-top:-0.5rem; cursor:pointer; z-index:2}
.news-view .photo-slider .swiper-prev i{ font-size:0.5rem; color:rgba(110,110,110,0.3)}
.news-view .photo-slider .swiper-next{ position:absolute; right:0;top:50%; margin-top:-0.5rem; cursor:pointer; z-index:2}
.news-view .photo-slider .swiper-next i{ font-size:0.5rem;color:rgba(110,110,110,0.3)}

.news-view .news-video-con{width:960px;margin:0.5rem auto}
.news-view .news-video-con p{ text-align:center;margin-top:0.15rem;}

.news-view .file{ background-color:#ebf0f5; padding:0.4rem}
.news-view .file h2{ font-size:0.22rem}
.news-view .file h2 i{ font-size:0.22rem; margin-right:5px;}
.news-view .file ul{ margin-top:0.2rem}
.news-view .file ul li{ margin-bottom:0.1rem}
.news-view .file ul li a{ color:#05b}
.news-view .file ul li a:hover{ text-decoration:underline}
.news-view .file ul li i{ margin-right:0.05rem; color:#aaa}

.news-view .other{border-top:4px #aaa solid; position:relative; margin-top:0.5rem; padding-top:0.3rem; min-height:1rem}
.news-view .other:after {content: "";position: absolute; left: 0; right: 0;  top:3px; margin: auto; height: 1px; width: 100%; background-color:#aaa;  }
.news-view .other ul{ margin-right:2rem}
.news-view .other ul li{ margin-bottom:0.1rem; color:#999;white-space: nowrap;overflow: hidden; text-overflow: ellipsis}
.news-view .other .btns{ position:absolute; right:0;top:0.2rem;}
.news-view .other .btns a{ display:block; float:left; margin-left:0.3rem;text-align:center; }
.news-view .other .btns a em{ display:block;  height:0.5rem;}
.news-view .other .btns a em i{ line-height:0.5rem; font-size:0.35rem; color:#888 }
.news-view .other .btns a span{ display:block; font-size:0.14rem}

@media (max-width: 1199px) {	
	.news-view .news-video-con{width:100%;margin:0.2rem auto}
}
@media (max-width: 767px) {	
	.padding-none{padding:0}
	.news-view{  margin-top:0.8rem; border:0;padding:0;box-shadow:none;margin-bottom:0}
	.news-view .title{ text-align:left;padding:0.3rem 0.2rem 0.2rem;background-color:#f3f5f6;}
	.news-view .title h1{ line-height:1.3; font-size:0.24rem; font-weight:bold; }
	.news-view .title p{ font-size:0.2rem}
	.news-view .info{ border-bottom:0; padding-bottom:0; font-size:0.16rem;background-color:#f3f5f6;border-bottom:1px #eee solid;padding:0 0.2rem 0.2rem}
	.news-view .info .share{ display:none}
	.news-view .info span{ background-size:auto 0.15rem !important; padding-left:0.2rem !important}
	.news-view .info span.hits{ display:none}
	.news-view .info span.source{ }
	.news-view .content{ line-height:1.8;font-size:0.2rem;padding:0.2rem;margin:0}
	.news-view .content img{ max-width:100%; height:auto}
	.news-view .photo-slider .swiper-next{ display:none !important}
	.news-view .photo-slider .swiper-prev{ display:none !important}
	.news-view .photo-slider .swiper-slide img{width:100%;height:auto}
	.news-view .photo-slider .swiper-slide .txt{ color:#aaa; font-size:0.14rem}
	.news-view .other {padding:0.3rem 0.2rem;border-top:1px #eee solid;margin-top:0.3rem}
	.news-view .other:after{display:none}
	.news-view .other ul{ margin-right:0}
	.news-view .other .btns{ display:none}
	
}


.scenic-info{margin-top:0.3rem;line-height:1.8;margin-bottom:0.4rem}
.scenic-list{padding:0.5rem 0}
.scenic-list .item{position:relative;overflow:hidden;margin-bottom:0.3rem}
.scenic-list .item a{display:block}
.scenic-list .item .image{height:3.6rem;overflow:hidden;position:relative;border-radius:4px;}
.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:4px; border-bottom:4px solid #38A0DA;}
.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:#000;font-size:0.2rem}
.scenic-list .item .txt .sum{ height:4.6em; overflow:hidden;color:#888;font-size:0.14rem;margin-top:0.1rem}
.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:#38A0DA; color:#fff;font-size:0.14rem}
.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.18rem;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.1);-webkit-transform:scale(1.1)}
}

@media (max-width: 767px) {	
	.scenic-list .text{display:none}
	.scenic-list .item .image{height:2.4rem}
	.scenic-list .item .title{font-size:0.24rem}
}

.scenic-list2{padding:0.5rem 0}
.scenic-list2 .item{margin-bottom:0.5rem;position:relative;}
.scenic-list2 .item .image{margin-left:39%;height:3.6rem;overflow:hidden;position:relative;border-radius:0 10px 10px 0;}
.scenic-list2 .item .image .pic{background-size:cover;background-position:center center;position:relative;height:100%;transition: all 1s;}
.scenic-list2 .item .text{position:absolute;top:0;left:0;bottom:0;width:39%;background-color:#fff;padding:0.4rem 0.4rem 0.5rem;  box-shadow: 0 0 15px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius:10px 0 0 10px;overflow:hidden}
.scenic-list2 .item .text h3{color:#000}
.scenic-list2 .item .text .sum{height:60%;color:#000;margin-top:0.2rem;font-size:0.14rem;margin-bottom:0.3rem}
.scenic-list2 .item .text .btn_more{ line-height:2.8; display:inline-block; padding:0 2.2em; background:#38A0DA; color:#fff;font-size:0.14rem}
.scenic-list2 .item a:hover .image .pic{transform:scale(1.1);-webkit-transform:scale(1.1)}

.scenic-view{padding:0.5rem 0; }
.scenic-content{line-height:1.6;margin:0 auto 0.4rem;text-align:justify;position:relative}
.scenic-content p{margin-bottom:0.15rem;text-indent:2em}
@media (max-width: 767px) {	
	.scenic-content{font-size:0.2rem}
}

.scenic-pics{margin-top:0.5rem}
.scenic-pics .item{margin-bottom:0.3rem;position:relative;border-radius:0.06rem;overflow:hidden}
.scenic-pics .item .image{height:2.5rem;overflow:hidden;position:relative;}
.scenic-pics .item .image .pic{background-size:cover;background-position:center center;position:relative;height:100%;transition: all 1s;}
.scenic-pics .item .image:before { content: " "; position: absolute; width:100%;height:100%;background-color:#000;opacity:0;transition: all 0.3s;z-index:2}
.scenic-pics .item .image i{font-size:0.5rem;position:absolute;left:50%;margin-left:-0.25rem;top:50%;margin-top:-0.25rem;z-index:3;color:#fff;opacity:0; -webkit-transition: all 220ms ease 0s;transition: all 220ms ease 0s;}
.scenic-pics .item h3{text-align:center;padding:0.2rem 0.2rem 0.25rem;background-color:#f2f2f2;font-size:0.18rem}
.scenic-pics .item .text{display:none}
@media (min-width: 992px) {	
.scenic-pics .item a:hover .image .pic{transform:scale(1.1);-webkit-transform:scale(1.1)}
.scenic-pics .item a:hover .image:before{opacity:0.3}
.scenic-pics .item a:hover i{opacity:1;-webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: 150ms; transition-delay: 150ms;}
.scenic-pics .item a:hover i:hover{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
}
@media (max-width: 992px) {	
}

.scenic-traffic {margin-top:0.4rem}
.scenic-traffic .map{ height:3rem;}
.scenic-traffic .info{line-height:1.5}
.scenic-traffic .info p{margin-bottom:0.15rem}
.scenic-traffic .item{margin-bottom:0.5rem;}
.scenic-traffic .item h3{font-size:0.25rem;margin-bottom:0.2rem}
.scenic-traffic .item h3 i{font-size:0.3rem;position:relative;top:0.03rem;color:#aaa;margin-right:5px;}
.scenic-traffic .item h4{font-weight:bold;margin-bottom:0.12rem;color:#38A0DA}
.scenic-traffic .item table{border-spacing:0;border-collapse:collapse;}
.scenic-traffic .item table th,.scenic-traffic .item table td{padding:0.1rem}
.scenic-traffic .item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}

@media (max-width: 767px) {
}

.project-view{display:none;position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%}
.project-view:before { content: " "; position: absolute; width:100%;height:100%;background-color:#000;opacity:0.5;transition: all 0.3s;z-index:2}
.project-view .close-btn{position:absolute;right:0.4rem;top:0.4rem;color:#aaa;cursor:pointer;z-index:4; -webkit-transition: all 220ms ease 0s;transition: all 220ms ease 0s;}
.project-view .close-btn i{font-size:0.4rem;}
.project-view .close-btn:hover{color:#38A0DA;-webkit-transform:rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: 150ms; transition-delay: 150ms;}
.project-view .close-btn:hover i{}
.project-view .box{width:9rem;height:5rem;background-color:#fff;z-index:3;padding:0.5rem;border-radius:0.1rem}
.project-view .box .text{position:relative;height:100%;}
.project-view .box h2{font-size:0.3rem}
.project-view .box .star-info{margin-top:0.15rem;color:#aaa;}
.project-view .box .star-info i{margin:0 1px;color:#ee0000;}
.project-view .box .content{margin-top:0.3rem;text-align:justify;width:100%;height:3rem;overflow:hidden;position:relative}
.project-view .box .con{position: absolute; left:0; top:0;right:0.2rem;line-height:1.6}
.project-view .box .con p{margin-bottom:0.15rem}

@media (max-width: 992px) {	
	.project-view .box{width:100%;}
	.project-view .box .con{right:0;bottom:0;overflow-y:auto;font-size:0.18rem}
}


#Yscrollouter{width: 0.06rem; height: 340px; background: #dedede; position: absolute;top:0; right: 0;display:none }
#Yscrollinner{width: 0.06rem; height: 100px; background: #bbb;  position: absolute; top: 0; left: 0; }




.scenic-con{margin-top:0.5rem;}
.scenic-tab{margin:0 auto;}
.scenic-tab a{display:block;padding:0.2rem;text-align:center;position:relative;border-radius:0.06rem;box-shadow: 0 1px 10px rgba(32,41,50,.15);}
.scenic-tab a:before {content:" ";display:block;display:none;z-index:0; position: absolute; width:0;height:0;border-radius:100%;background-color:#e1eef6;opacity:0;transition: all 0.3s;top: 50%; left: 50%;transform: translate(-50%, -50%);}
.scenic-tab a i{display:block;font-size:0.4rem;position:relative;z-index:2}
.scenic-tab a strong{display:block;font-size:0.2rem;margin-top:0.1rem;position:relative;z-index:2}
.scenic-tab a span{display:block;font-size:0.14rem;color:#999;position:relative;z-index:2}
.scenic-tab a.current{color:#fff !important;background-color:#38a0da;box-shadow: 0 5px 25px rgba(32,41,50,.35);}
.scenic-tab a.current span{color:#fff !important}
.scenic-tab a.current:before{width:1.3rem;height:1.3rem; opacity:1} 
.scenic-tab a.current:after{content:" ";display:block;  width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 9px solid #38a0da; position: absolute;left: 50%;margin-right:-8px; bottom: -9px;}

.scenic-tab a:hover{color:#38a0da}
.scenic-tab a:hover span{color:#38a0da}
.scenic-tab a:hover:before{width:1.3rem;height:1.3rem; opacity:1} 

.pos-center{ position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);width:80%}


.business-list{padding:0.5rem}
.business-list .item{  background-color:#fff}
.business-list .item .image{ width:50%; float:left;height:3rem;background-position:center center;background-size:cover}
.business-list .item .text{ width:50%; float:right; padding:0.3rem 0 0.5rem 0.5rem;height:3rem;}
.business-list .item .text h2{ font-size:0.26rem; font-weight:bold}
.business-list .item .text p{ margin-top:0.2rem; line-height:1.8; color:#888}
.business-list .item.s2 .image{ float:right}
.business-list .item.s2 .text{ float:left;padding:0.3rem 0.5rem 0.5rem 0}


@media (max-width:767px) {
	.business-list{ padding:0.25rem 0}
	.business-list .item{ margin-bottom:0.3rem}
	.business-list .item .image{ width:100%; float:none;height:2.2rem}
	.business-list .item .text{ width:100%; float:none; padding:0 !important;margin-top:0.2rem;height:auto}
}

.video-list{background-color:#ebf0f5; padding:0.5rem 0 }
.video-list .item{ position:relative;margin-bottom:0.3rem; }
.video-list .item .image{width:100%;overflow:hidden; position:relative; }
.video-list .item .image:after { content: ",,"; display: block; width:100%;height:100%;position:absolute; left:0;top:0; text-indent:-10000px; background-color:#000;filter: alpha(opacity=50); opacity: 0.5;-webkit-transition-duration: 0.5s;}
.video-list .item img{display:block;width:100%;transform:scale(1.1);-webkit-transform:scale(1.1);-webkit-transition-duration: 2s;}
.video-list .item a{ display: block;background-color:#fff; overflow:hidden;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s  }
.video-list .item i{ display:block; position:absolute; font-size:0.6rem; width:0.6rem;height:0.6rem; left:50%; margin-left:-0.3rem;top:50%; margin-top:-0.6rem;color:#fff; }
.video-list .item .title{ text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0.2rem 0.2rem 0.3rem}

@media (min-width:768px) {
	.video-list .item a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2);transform: translate3d(0,-5px, 0);}
	.video-list .item a:hover .image:after{ opacity: 0.1;filter: alpha(opacity=10);  }
	.video-list .item a:hover img{transform:scale(1);-webkit-transform:scale(1);}
}


@media (max-width: 767px) {
	.video-list{padding:0.3rem 0}
	.video-list .item{margin-bottom:0.2rem;}
	.video-list .item .title{ font-size:0.18rem}
}


.red-tourism{padding:0.5rem 0 0.2rem}
.red-tourism .content{ line-height:1.8;}
.red-tourism .content p{margin-bottom:0.15rem}
.red-tourism .pics{margin-top:0.5rem}
.red-tourism .pics .item{margin-bottom:0.3rem}
.red-tourism .pics .item a{display:block;transition: all 0.3s;position:relative;box-shadow: 0 5px 15px rgba(32,41,50,.1);background-color:#fff;border-radius:0.05rem; overflow:hidden;}
.red-tourism .pics .item .image{height:3rem;position:relative;overflow:hidden}
.red-tourism .pics .item .image .pic{background-size:cover;background-position:center center;position:relative;height:100%;transition: all 1s;}
.red-tourism .pics .item .image i{font-size:0.6rem; position:absolute;left:50%;margin-left:-0.3rem;top:50%;margin-top:-0.3rem;color:#fff;z-index:3}
.red-tourism .pics .item .text{text-align:center;padding:0.25rem 0.3rem 0.3rem}
.red-tourism .item-a{margin-top:0.3rem;padding-top:0.3rem;border-top:1px #ddd dashed}
.red-tourism .item-a h2{text-align:center;font-size:0.4rem}
.red-tourism .item-a .text{margin-top:0.4rem}
.red-tourism .item-a .text p{background-color:#f2f2f2;padding:0.3rem 0.4rem 0.3rem 0.7rem;position:relative;line-height:0.3rem;height:1.2rem;}
.red-tourism .item-a .text p i{color:#dd0000;font-size:0.2rem;position:absolute;left:0.4rem;top:0.35rem}
.red-tourism .item-a .image{margin-top:0.3rem}
.red-tourism .item-a .image img{width:100%}

.red-tourism .item-b{margin-top:0.3rem;padding-top:0.3rem;border-top:1px #ddd dashed}
.red-tourism .item-b h2{text-align:center;font-size:0.4rem}
.red-tourism .item-b .text{background-color:#f2f2f2;padding:0.3rem 0.4rem;min-height:4.5rem;margin-top:0.4rem }
.red-tourism .item-b .text p{position:relative;line-height:0.3rem;margin-bottom:0.2rem}
.red-tourism .item-b .text p b{color:#dd0000;}
.red-tourism .item-b .image{margin-top:0.4rem}
.red-tourism .item-b .image img{width:100%}

.LGallery-OpenBtn{display:none !important}
@media (min-width:768px) {
	.red-tourism .pics .item a:hover{box-shadow: 0 5px 25px rgba(32,41,50,.25); }
	.red-tourism .pics .item a:hover .image .pic{transform:scale(1.1);-webkit-transform:scale(1.1)}
	.red-tourism .pics .item a:hover:before{width:100%;}
	
	
}
@media (max-width:767px) {
	.red-tourism .item-a .text p{margin-bottom:0.1rem}
	.red-tourism .item-a .image{margin-top:0}
	.red-tourism .item-b .text{min-height:inherit}
}
.fixedImg { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover;}
@media (max-width: 767px) {
	.fixedImg{background-attachment:inherit;}
}



.hr{padding:0.5rem 0}
.hr-item-a .swiper-container{}
.hr-item-a .item{position:relative;height:4rem}
.hr-item-a .item .text{width:33.33333%;float:left; padding-right:0.5rem;padding-top:0.2rem}
.hr-item-a .item .text h2 span{display:block;font-family:"FjallaOne-Regular";color:#ddd;font-size:0.4rem}
.hr-item-a .item .text h2 strong{display:block;font-size:0.22rem;font-weight:normal;margin-top:0.1rem}
.hr-item-a .item .text p{font-size:0.16rem;margin-top:0.4rem;line-height:1.8;color:#888}
.hr-item-a .item .image{width:66.66666%;float:left;position:relative;height:100%;background-position:center center;background-size:cover}
.hr-item-a .title-con{background-color:#fff;border:1px #ddd solid;}
.hr-item-a .title-con ul li{width:33.333333%;float:left;padding:0.4rem;border-right:1px #ddd solid;position:relative;transition: all 0.3s; -webkit-transition: all 0.3s;}
.hr-item-a .title-con ul li:before { content: ""; width: 0; height: 4px; background: #38A0DA; position: absolute; top: -1px; left: 0; z-index: 1;transition: all 0.3s; -webkit-transition: all 0.3s; }
.hr-item-a .title-con ul li:last-child{border-right:0}
.hr-item-a .title-con ul li h2 span{display:block;font-family:"FjallaOne-Regular";color:#ddd;font-size:0.24rem}
.hr-item-a .title-con ul li h2 strong{display:block;font-size:0.22rem;font-weight:normal;margin-top:0.1rem}
.hr-item-a .title-con ul li i{margin-top:0.4rem;font-size:0.5rem;display:block;color:#ccc;transition: all 0.3s; -webkit-transition: all 0.3s; }
.hr-item-a .title-con ul li.current:before {width:100%}
.hr-item-a .title-con ul li.current i{color:#888}
.hr-item-a .title-con ul li.current{background-color:#fff}
.hr-item-a .title-con ul li.current h2 span{color:#38A0DA;}
.hr-item-a .title-con ul li.current h2 strong{color:#38A0DA;}



@media (max-width: 767px) {
	.hr{padding:0.3rem 0}
	.hr-item-a .item .text{padding-right:0;}
	.hr-item-a .title-con ul li{width:100%;float:none;border-right:0;border-bottom:1px #ddd solid}
	.hr-item-a .title-con ul li:last-child{border-bottom:0}
	.hr-item-a .title-con ul li i{position:absolute;right:0.3rem;top:50%;margin-top:-0.25rem}
	.hr-item-a .item{height:auto;margin-bottom:0.3rem;}
	.hr-item-a .item .text{width:100%;float:none}
	.hr-item-a .item .image{width:100%;float:none;height:2.5rem;margin-top:0.3rem}
	.hr-item-a .item .text p{font-size:0.18rem}

}



.job-list{background:#ebf0f5; padding:0.5rem 0}
.job-list .item{ margin-bottom:0.1rem}
.job-list table{ background-color:#cbd4de; width:100%}
.job-list table th{ background-color:#eff4f8; padding:0.2rem 0; text-align:center; font-weight:normal; color:#888}
.job-list table td{ background-color:#fff; padding:0.25rem 0.2rem; position:relative;}
.job-list table thead tr span{ position:absolute; right:0.2rem;top:50%; margin-top:-0.1rem; cursor:pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size:0.16rem }
.job-list table thead tr span i{ display:inline-block; width:0.22rem; height:0.22rem;  background:url(../images/down-icon.png) no-repeat; background-size:cover; margin-left:3px;transform:rotate(-180deg);transition: all 0.3s; -webkit-transition: all 0.3s; }
.job-list table thead tr span.hover i{transform:rotate(0deg);}
.job-list table tbody{ display:none}
.job-list table thead td{ cursor:pointer}
.job-list table thead td b{ font-weight:normal; color:#aaa; margin-left:0.05rem; }
.job-list .item{margin-bottom:0.3rem}
.job-list .item h2{font-size:0.18rem;font-weight:bold;margin-bottom:0.1rem}
.job-list .w15{ width:15%; min-width:1rem;}
.job-list .content{ line-height:1.7;}
.job-list .content .li a{color:#06b}
.job-list .content .li a:hover{color:#e8cd00}
.job-list a.apply-btn{ background-color:#e8cd00; color:#454545; display:block; width:1.5rem; text-align:center; font-size:0.16rem; line-height:0.45rem; border-radius:0.5rem; margin-top:0.2rem;transition: all 0.3s; -webkit-transition: all 0.3s;}
.job-list a.apply-btn:hover{ background-color:#f58d06; color:#fff;}
.job-list a.apply-btn.over{ background-color:#ddd; color:#888; cursor:default}

@media (max-width: 767px) {
	.job-list table{ font-size:0.18rem}
}

.job-search{ background:#009ee3; background-size:cover; padding:0.5rem 0; position:relative; overflow:hidden}
.job-search .box{  background-color:#fff; padding-right:1.8rem; position:relative; z-index:2}
.job-search input{ width:100%; border:0; padding:0.1rem 0.2rem ; height:0.7rem}
.job-search button{ position:absolute; right:0;top:0; width:1.8rem; height:0.7rem; border:0; background-color:#ff000c; color:#fff; font-size:0.22rem}
.job-search button i{ margin-right:0.05rem; font-size:0.22rem}
.job-search #particles-js{ position:absolute; left:0;top:0; z-index:1; width:100%; height:100%}

@media (max-width: 767px) {
	.job-search{padding:0.4rem 0;}
	.job-search input{ height:0.6rem}
	.job-search button{ height:0.6rem}
}


.contact{}
.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{ border:1px #ddd solid;height:4.8rem}

@media (max-width: 767px) {
	.contact{ padding:0.3rem 0}
	.contact .icons{ width:100%; float:none;}
	.contact .map{ width:100%; float:none; padding:0}
	.contact .icons .item p{ line-height:1.5; font-size:0.18rem}
	.contact .icons .item em{ left:15px;}
}

.party-content{padding:0.4rem 0;line-height:2}
.party-content p{margin-bottom:0.2rem}


.form-control{ border-radius:0;height:0.5rem;padding:0.15rem;line-height:1;font-size:0.15rem; -webkit-appearance: none;box-shadow:none !important;}
.form-horizontal .control-label{padding-top:0.15rem}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{padding-top:0.15rem}

.report{background:url(../images/banner2.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;min-height:100vh}
.report .box{background-color:#ebf0f5; min-height:100vh;box-shadow: 0 16px 48px rgba(0,0,0,.2);}
.report .logo{background: #fff;padding:0.5rem; position:relative}
.report .logo img{max-width:100%}
.report .logo span{ font-size:0.3rem; border-left:1px #ddd solid; position:relative;top:0.07rem; margin-left:0.2rem; padding-left:0.2rem}
.report .logo .back-btn{ display:inline-block; padding:0.15rem 0.3rem; border-radius:0.5rem; background-color:#eee; position:absolute; right:0.5rem;top:0.5rem; color:#888}
.report .logo .back-btn i{ margin-right:0.05rem}
.report .logo .back-btn:hover{ color:#009ee3}
.report .form{padding:0.5rem}
.report .form .item{padding-bottom:0.4rem;margin-bottom:0.4rem;border-bottom:1px #e8e8e8 solid}
.report .form .item h2{font-size:0.2rem;font-weight:600;color:#009ee3}
.report .form .item h2:after{content: "";display: inline-block;width: 0;height: 0;border-left: 0.05rem solid transparent;border-right:0.05rem solid transparent;border-top: 0.07rem solid #009ee3;position:relative;top:-0.03rem;margin-left:2px}
.report .form .item .con{margin-top:0.3rem}
.report .form .item img{padding-top:0.15rem}
.report .form .item .btns{margin-top:0.3rem}
.report .form .item .btn1{background-color:#009ee3;color:#fff;border:0;padding:0.2rem 0.6rem}
.report .form .item .btn2{background-color:#ccc;color:#fff;border:0;padding:0.2rem 0.6rem;margin-left:0.05rem}
.report .form .item label span{margin-right:0.02rem;color:#ee4433; }
.report .form .item .view-con{ padding-top:0.2rem; color:#888}
.report .form .form-group{ margin-bottom:0.25rem}
.report .form .btn-up{ background-color:#ee0000; color:#fff; padding:0.12rem 0.3rem; margin-bottom:0.2rem; display:inline-block;}
.report .form a.link{ margin-left:0.1rem; color:#009ee3}
.report .form a.link:hover{ text-decoration:underline}
.report .apply-footer{ text-align:center; font-size:0.16rem; color:#888}

input[type=checkbox], input[type=radio]{  margin: 0.04rem 0 0;}

@media (max-width: 767px) {
	.report .logo .back-btn{ display:none}
	.form-horizontal .form-group{margin-right: -5px; margin-left: -5px;}
	.report .container { padding:0.2rem}
	.report .logo{padding:0.3rem; background-color:#fff}
	.report .logo img{ width:50%}
	.report .logo span{ font-size:0.22rem; font-weight:bold}
	.report .form{padding:0; }
	.report .form label{ font-size:0.20rem; }
	.report .form .form-control{ font-size:0.20rem; }
	.report .form .control-label{ margin-top:0.1rem}
	.report .form .radio-inline{ color:#888}
	.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{ }
	.form-group{ margin-bottom:0}
	.report .form .checkbox-inline{ color:#888}
	.report .form .item{margin-bottom:0; padding-bottom:0;border-bottom:0;}
	.report .form .item h2{font-size:0.24rem; background-color:#009ee3; color:#Fff; padding-left:0.3rem; line-height:0.8rem}
	.report .form .item h2:after{border-top: 0.07rem solid #fff;}
	.report .form .item .con{margin-top:0rem;padding:0.15rem 0.3rem;}
	.report .form-horizontal .control-label{padding-top:0.1rem}
	.report .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{padding-top:0.1rem}	
	.report .form .item .btns{ text-align:center; padding-bottom:0.3rem}
	.report .form .item button{padding:0.15rem 0.4rem !important; font-size:0.22rem}
	.report .apply-footer{ padding:0.2rem 0 0.3rem; background-color:#fff}
	.report .form .item .btn2{ display:none}
	.report .form .form-group{ margin-bottom:0.15px}
}






.site-map{ }
.site-map dl{  border-bottom:1px #e6e6e6 dotted; padding:0.3rem 0}
.site-map dl:last-child{ border-bottom:0}
.site-map dt{ float:left;  width:10%; font-weight:bold; padding-top:0.1rem;}
.site-map dd{ float:left;  width:90%}
.site-map dd a{ margin:0 5px; display:inline-block; padding:0 0.2rem;text-align:center;line-height:0.5rem; background-color:#f5f5f5; margin-bottom:0.1rem;}


.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
.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}