@charset "utf-8";

html,body { margin:0; padding:0; width:100%; overflow-x:hidden;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle;font-size:0.15rem; outline:none;font-family:"Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;}
a {color:#333;text-decoration:none;}
a:hover{ text-decoration:none; color:#05b}
*:focus {outline:none !important;text-decoration:none !important}

html{display:block;-webkit-text-size-adjust: none;}
body{background:#fff;color:#333;font-size:0.16rem; font-family:"Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;  }


@font-face {
  font-family: 'iconfont';  /* project id 2064946 */
  src: url('//at.alicdn.com/t/font_2064946_y1e0iva73fs.eot');
  src: url('//at.alicdn.com/t/font_2064946_y1e0iva73fs.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2064946_y1e0iva73fs.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2064946_y1e0iva73fs.woff') format('woff'),
  url('//at.alicdn.com/t/font_2064946_y1e0iva73fs.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2064946_y1e0iva73fs.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%}

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: 399px){html{font-size: 60px;}}


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



@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

:-moz-placeholder {color: #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;}



.mt30{ margin-top:0.3rem}
.mt1{ margin-top:1px}
.mb30{ margin-bottom:30px}
.mb20{ margin-bottom:0.2rem}
.w100{ width:100% !important}
.w50{ width:50% !important}

@media (max-width: 767px) {
	select,input,img,select,button,textarea{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif}
	body{ font-size:0.18rem; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif}
	.mt30{ margin-top:5px}
	.mt1{ margin-top:5px}
	.mb30{ margin-bottom:14px}
	.w50{ width:100% !important}
	.container {padding-right:20px;padding-left:20px;}
	.phone-hide{ display:none}
	.row {margin-right: -5px; margin-left: -5px;}
	.m-w100{ width:100% !important; padding:0 !important;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:5px; padding-right:5px}
}

.ahinvFd .ad {z-index:100;background:none;position:absolute;display:none;}
.ahinvFd a {color:#000000;display:inline-block;text-decoration:none; margin-right:3px}
.ahinvFd a img {border:0;}
.ahinvFd .opacity {position:absolute;top:0;width:100%;height:25px;}
.opacity1 {opacity:0.90;filter:alpha(opacity = 90);}
.ahinvFd .text {position:absolute;top:0;width:100%;height:25px;color:#000000;line-height:25px;}
.ahinvFd .text .button {position:relative;float:right;top:5px;right:5px;width:27px;height:27px;background:url("../images/close.png") no-repeat;cursor:pointer;display:none}
.ahinvFd .text .title {position:relative;float:left;font-size:12px;margin-left:5px;}
@media (max-width:992px){
	.ahinvFd{ display:none}
}

.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; background-color:rgba(255,255,255,0.4); position:fixed; width:100%; left:0;top:0; z-index:999;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);}
.header.hover{top:-0.9rem}
.header.current{ background-color:#fff;}
.header-wrapper{ position:relative}
.header .logo{ display:block; width:4.30rem; height:0.6rem; background:url(../images/logo.png) no-repeat center center; background-size:cover; position:absolute; left:0.2rem;top:0.15rem; z-index:2}
.header .nav-bar{ float:right; margin-right:0.9rem}
.header .nav-bar ul{ position:relative}
.header .nav-bar li{ float:left; position:relative; z-index:2;}
.header .nav-bar li span{ display:block;  }
.header .nav-bar li span a{ display:block;padding:0.2rem 0.18rem; text-align:center; line-height:0.5rem; overflow:hidden; font-size:0.18rem; color:#222}
.header .nav-bar li.current  span a{ color:#0051bd}
.header .nav-bar li span a:hover{ color:#0051bd}
.header .nav-bar li .sub{ position:absolute;width:1.4rem; left:0;top:0.9rem;display:none}
.header .nav-bar li .sub dl{  position:relative;background-color:rgba(0,91,172,0.9); margin-top:1px;}
.header .nav-bar li .sub dl dd a{ float:none; display:block; color:#666; line-height:0.48rem; height:0.48rem;transition: all 0.2s; -webkit-transition: all 0.2s; text-indent:0.25rem; color:#fff; border-bottom:1px rgba(255,255,255,0.05) solid; font-size:0.14rem}
.header .nav-bar li .sub dl dd a:hover{ color:#fff; background-color:#004c8f; text-indent:0.3rem }
.header .nav-bar li .sub dl dd:last-child a{ border:0;}
.header .nav-bar li.indicator {position:absolute !important; top: 0; left: 0; width:1.4rem; height:0.9rem; background:rgba(255,255,255,0.1); z-index:1;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; display:none}  

.header.current .nav-bar{ display:none}

.header-btn{ position:absolute; right:0;top:0;}
.header-btn .weixin{ float:left;margin-top:0.3rem; height:0.6rem; position:relative }
.header-btn .weixin a{ display:block; width:0.33rem; height:0.33rem; background-color:#666; color:#fff; text-align:center;  border-radius:0.5rem;transition: all 0.3s ease;}
.header-btn .weixin a:hover{ background-color:#000}
.header-btn .weixin i{ font-size:0.16rem; line-height:0.33rem}
.header-btn .oa{ float:left;  margin-left:0.05rem; margin-top:0.3rem  }
.header-btn .oa a{ display:block; width:0.33rem; height:0.33rem; background-color:#666; color:#fff; text-align:center;  border-radius:0.5rem;transition: all 0.3s ease;}
.header-btn .oa a:hover{ background-color:#000}
.header-btn .oa i{ font-size:0.16rem; line-height:0.33rem}
.header-btn .search{ float:left;  margin-left:0.05rem; margin-top:0.3rem }
.header-btn .search a{ display:block; width:0.33rem; height:0.33rem; background-color:#666; color:#fff; text-align:center;  border-radius:0.5rem;transition: all 0.3s ease;}
.header-btn .search a:hover{ background-color:#000}
.header-btn .search i{ font-size:0.16rem; line-height:0.33rem}

.weixin-con{ display:none; position:absolute; left:-0.82rem;top:0.6rem; width:2rem; padding:0.1rem; background-color:#fff}
.weixin-con:before{ content: ""; display: block; width: 0; height: 0;border-left: 0.08rem solid transparent; border-right:  0.08rem solid transparent; border-bottom: 0.1rem solid #fff; position: absolute; left: 50%; margin-left:-0.08rem;top:-0.1rem;}
.weixin-con img{ width:100%}
.weixin-con span{ text-align:center; font-size:0.13rem; display:block}
.header-btn .weixin:hover .weixin-con{ display:block}


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

.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.5%; float:left}
.menu-box .menu-wrapper dl dt{ font-size:0.2rem; font-weight:bold; 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.show{ height:100vh;visibility:visible; background-color:rgba(255,255,255,1);}

.menubtn{ position:relative; z-index: 20; float: right; transition: 0.4s; width: 0.9rem; height:0.9rem;  border-left:1px rgba(0,0,0,0.1) solid; cursor: pointer; margin-left:0.2rem}
.menubtn:hover{ background-color:rgba(255,255,255,0.5)}
.menuiphone{ display: none;}
.menubtn span{ display:block; width:0.31rem; height:0.02rem; background:#222; margin:auto; top:50%; margin-top:-0.01rem; position:relative; vertical-align: middle; -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:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 0.02rem; left: 0; background-color: #222; -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: -0.1rem;-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: -0.1rem;-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;-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);}


@media (max-width: 1599px) {
	.header .nav-bar li span a{ padding:0.2rem 0.1rem}
	.header-btn .oa{ display:none}
	.header-btn .weixin{ display:none} 
	.header-btn .search{ display:none}
}

@media (max-width: 1199px) {
	.index-wrapper{ padding:0;}	
	.header .nav-bar{ display:none}
	.header-btn .oa{ display:block}
	.header-btn .weixin{ display:block} 
	.header-btn .search{ display:block}
}

@media (max-width: 767px) {
	.header {background-color:rgba(255,255,255,0.9);}
	.header .logo{ left:0.1rem; top:0; width:70%; height:0.9rem; background-size:100% auto; }
	.header-btn .oa{ display:none}
	.header-btn .weixin{ display:none} 
	.header-btn .search{ display:none}
	.menu-box .menu-wrapper{ margin-top:0.5rem}
	.menu-box .menu-wrapper dl{ width:100%; float:none; margin-bottom:0.2rem; padding-bottom:0.2rem; border-bottom:1px #eee solid }
	.menu-box .menu-wrapper dl dt{ font-size:0.22rem; margin-bottom:0rem}
	.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:#888; position:absolute; right:0.1rem;top:50%; margin-top:-0.07rem}
	.menu-box .menu-wrapper dl dd{ width:33.333333%; float:left; margin-bottom:0.05rem; display:none}
}




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

body.loading {overflow:hidden}

#pageloader {position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;background-image: linear-gradient(#fff 20%, #ebecf4);overflow:hidden;z-index:5000}
body.init #pageloader {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1);-o-transition:all 1.2s cubic-bezier(.77,0,.175,1);transition:all 1.2s cubic-bezier(.77,0,.175,1)}

.banner-wrapper {overflow:hidden;width:100%;height:100vh;position:relative;z-index:700}

.banner-slider{ overflow:hidden;height:100%;width:100%; }
.banner-slider .image{position:relative;width:100%;height:100%; background-position:center center; background-size:cover;transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00); }
.banner-slider .slide-inner {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color:#fff;}
.banner-slider .swiper-slide { overflow:hidden;}
.banner-slider .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #ea2837; text-align: left;}
.banner-slider .weui-cell{width: 100%; height: 100%;}
.banner-slider .textbox strong{ display:block; font-size:0.45rem; font-weight:normal; line-height:1.3;  padding-left:20%; color:#fff; text-shadow: rgba(0,0,0,0.5) 1px 1px 6px; -webkit-animation: fadeOutUp 1.5s; animation: fadeOutUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} 
.banner-slider .textbox p{ margin-top:0.3rem; color:#fff; font-size:0.55rem; line-height:1.3; font-weight:bold;letter-spacing:0.02rem; padding-left:20%;text-shadow: rgba(0,0,0,0.5) 1px 1px 15px;-webkit-animation: fadeOutDown 1.5s; animation: fadeOutDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner-slider .textbox .esd-text{transform: scale(0.5); transition:1.5s cubic-bezier(0.215,.61,.215,1);opacity:0;background:url(../images/20th-text.png) no-repeat center center;background-size:contain;height:4.25rem;margin:0 10%}
.banner-slider .textbox .banner-text{transform: scale(0.5); color:#fff;transition:1.5s cubic-bezier(0.215,.61,.215,1);opacity:0;font-size: 0.85rem;text-align:center; font-weight:bold;text-shadow:rgba(0,0,0,0.2) 1px 4px 5px}
.banner-slider .swiper-pagination{ bottom:0.3rem;width:100%;}
.banner-slider .swiper-pagination-bullet{ opacity:1; text-indent:inherit; width:0.2rem; height:0.2rem; background:url(../images/banner-dot.png) no-repeat 0.3rem center; margin-right:0}
.banner-slider .swiper-pagination-bullet i{ display:block; width:0.2rem; height:0.2rem; border-radius:0;background:none;border:2px rgba(0,0,0,0) solid;border-radius:50%;opacity:1;position:relative}
.banner-slider .swiper-pagination-bullet i:after{content:""; position: absolute;width:0.07rem;height:0.07rem; top: 50%;left: 50%;margin-top:-0.03rem; margin-left:-0.03rem;background-color:#fff; border-radius:50%;}
.banner-slider .swiper-pagination-bullet:last-child{ width:0.23rem}
.banner-slider .swiper-pagination-bullet-active i{ background-position:0 bottom;animation: load 5s linear infinite;border-top:2px #fff solid;border-left:2px #fff solid;}
.banner-slider .swiper-pagination-bullet-active i:after{background-color:#fff}
.banner-slider .swiper-slide-active .textbox .esd-text{transform: scale(1) !important;opacity:1 !important}
.banner-slider .swiper-slide-active .textbox .banner-text{transform: scale(1) !important;opacity:1 !important}
/*
.banner-slider .swiper-slide-active .image{-webkit-animation: scaleBigToSmall 0.5s; animation: scaleBigToSmall 0.5s;}
*/


@keyframes load {
	0% {
		transform: rotate(0deg);
	}
	100%{
		transform: rotate( 360deg);
	}
}

@-webkit-keyframes scaleBigToSmall {
	0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
	to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);}
}
@-moz-keyframes scaleBigToSmall {
	0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
	to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);}
}
@-o-keyframes scaleBigToSmall {
	0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
	to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);}
}
@keyframes scaleBigToSmall {
	0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
	to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);}
}


@media screen and (max-width: 992px){
	.banner-wrapper{height:33vh;position:relative}
	.banner-wrapper{padding-top:0 }
	.banner-slider .swiper-pagination{ bottom:15px}
	.banner-slider .weui-cell{height:100%; padding-top:10%}
	.banner-slider .textbox .banner-text{font-size:0.4rem}
	.banner-slider .image{}
}

.scroll-icon{ position:absolute; left:50%; width:1rem;margin-left:-.5rem;bottom:0.8rem; z-index:2;}
.scroll-icon span{ color:#fff; display:block; height:0.08rem; text-align:center; font-family:Helvetica, sans-serif; font-size:0.12rem; letter-spacing:-1px; margin-top:0.15rem; text-indent:-10000px; background:url(../images/scroll-text.png) no-repeat center center; background-size:auto 100%;}
.scroll-icon i{ display:block; width:0.22rem; height:0.36rem; border:2px #fff solid; border-radius:0.2rem; margin:0 auto}
.scroll-icon i:before {content:"";display:block;margin:0 auto;position:relative;height:0.08rem;width:0.03rem;-webkit-border-radius:0.02rem;-moz-border-radius:0.02rem;border-radius:0.02rem; background-color:#fff;-webkit-animation:icon 1s ease infinite alternate;-moz-animation:icon 1s ease infinite alternate;-o-animation:icon 1s ease infinite alternate;animation:icon 1s ease infinite alternate;top:0.06rem}
@-webkit-keyframes icon {
	0% {-webkit-transform:translateY(0);transform:translateY(0)}
	to {-webkit-transform:translateY(0.1rem);transform:translateY(0.1rem)}
}
@-moz-keyframes icon {
	0% {-moz-transform:translateY(0);transform:translateY(0)}
	to {-moz-transform:translateY(0.1rem);transform:translateY(0.1rem)}
}
@-o-keyframes icon {
	0% {-o-transform:translateY(0);transform:translateY(0)}
	to {-o-transform:translateY(0.1rem);transform:translateY(0.1rem)}
}
@keyframes icon {
	0% {-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
	to {-webkit-transform:translateY(0.1rem);-moz-transform:translateY(0.1rem);-o-transform:translateY(0.1rem);transform:translateY(0.1rem)}
}


#fp-nav.hover ul li .fp-tooltip{color:#ea2837}
#fp-nav.hover ul li a span:before{background-color:#ea2837}

@media screen and (max-width: 1599px){
	#fp-nav{display:none}
	.scroll-icon{display:none}
}

.spinner {
	margin:0 auto;
   width: 46px;
   height: 46px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#3f6ce3 94%,#0000) top/7px 7px no-repeat,
          conic-gradient(#0000 30%,#3f6ce3);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 0);
   animation: spinner-c7wet2 0.6s infinite linear;
}

@keyframes spinner-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}


.index-notice{ background-color:#fff; padding:0.2rem 0}
.index-notice h2{ position:absolute; left:0;top:0; font-size:0.22rem; line-height:0.2rem;border-right:1px #bbb solid; padding-right:0.1rem}
.index-notice h2 i{ font-weight:normal; margin-right:0.1rem; font-size:0.22rem; float:left }
.index-notice .swiper-container{ height:0.2rem}
.index-notice .swiper-container .swiper-slide{ line-height:0.2rem}
.index-notice .swiper-container .swiper-slide span{ margin-left:0.3rem; color:#aaa; font-family:Arial, Helvetica, sans-serif}
.index-notice .index-notice-wrapper{ padding-left:1.6rem; position:relative}
.index-notice a.more{ position:absolute; right:0;top:0; z-index:2; color:#888}
.index-notice a.more:hover{ color:#05b}

@media (max-width:992px){
	.index-notice .swiper-container .swiper-slide a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
	.index-notice .swiper-container .swiper-slide span{ display:none}
	.index-notice a.more{ display:none}
	
}

.index-pic{margin-top:0.4rem}
.index-pic img{width:100%}
@media (max-width:992px){
	.index-pic{display:none}
}

/*---------首页新闻---------------*/

.index-slider{ width:50%;  padding-right:0.2rem; }
.index-slider .txt{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; left:0;bottom:0; z-index:3; padding:0.15rem;}
.index-slider .txt strong{ display:block; font-weight:normal; padding-right:0.6rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#fff} 
.index-slider .full {position: absolute;}
.index-slider .image{ height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center}
.index-slider .swiper-pagination{ text-align:right; padding-right:0.15rem; bottom:0.15rem}
.index-slider .swiper-pagination-bullet{ width:0.13rem; height:0.13rem; background:url(../images/slide_off.png) no-repeat center center; background-size:cover;opacity:1;}
.index-slider .swiper-pagination-bullet-active{ background-image:url(../images/slide_on.png)}
.index-slider .swiper-container{ height:100%}
.index-slider .swiper-button-prev{ background-color:rgba(0,0,0,0.5); width:40px; height:80px; background-size:18px 29px; left:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-next{ background-color:rgba(0,0,0,0.5); width:40px; height:80px; background-size:18px 29px; right:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-prev:hover{ background-color:#009ee3;}
.index-slider .swiper-button-next:hover{ background-color:#009ee3;}
.index-slider:hover .swiper-button-prev{opacity:1; left:0;}
.index-slider:hover .swiper-button-next{opacity:1; right:0}
.index-news { width:50%; float:right;position:relative;padding-left:0.2rem;}
.index-news h3{height:0.55rem; line-height:0.55rem; }
.index-news h3 a{ display:block; float:left; width:25%; text-align:center; background-color:#ddd; border-right:1px #f2f2f4 solid; font-size:0.18rem; font-weight:bold}
.index-news h3 a.current{ background-color:#005bac; color:#fff}
.index-news .con{ margin-top:0.2rem; min-height:2.7rem }
.index-news .con dl{ border-bottom:1px #ddd solid; padding-bottom:0.15rem; margin-bottom:0.15rem; position:relative;}
.index-news .con dl a{ line-height:1.6; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:0.16rem; margin-right:1rem}
.index-news .con dl span{ position: absolute; right:0;top:0.03rem; display:inline-block;font-size:0.14rem; color:#999;}
.index-news .con dl p{font-size: 0.14rem; margin-top: 0.1rem;line-height: 0.2rem; color: #aaa; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.index-news .con li{ padding:0.05rem 0; padding-right:1rem; position:relative}
.index-news .con li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-right:1rem;color:#333; font-size:0.16rem}
.index-news .con li a:hover{ color:#05a}
.index-news .con li span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0.1rem;}
.index-news a.more{ position:absolute; right:0.1rem;top:0.15rem; color:#888; display:none;}




.index-bg{ background-color:#fff; padding:0.5rem 0; border-top:1px #ddd solid}
.index-bg2{ padding:0.7rem 0; background:url(../images/index-bg.jpg) no-repeat top center; background-size:cover; position:relative; overflow:hidden}
.index-project .left-con{ width:32%; float:left; }
.index-project .left-con h2{ font-size:0.26rem; font-weight:bold; color:#222}
.index-project .left-con h3{ font-size:0.2rem; color:#cfdad0; margin-top:0.1rem; letter-spacing:-1px;font-family:'MONTSERRAT-REGULAR';}
.index-project .left-con .number{ text-align:left; margin-top:0.4rem; position:relative}
.index-project .left-con .number:before{ content: ""; width: 1px; height:1rem; position: absolute; left: 40%; top: 0.2rem; background: #ddd;}
.index-project .left-con .number .item{  width:50%; float:left; text-align:left; }
.index-project .left-con .number .item label{ color:#0db30b; display:block; font-weight:normal}
.index-project .left-con .number .item label strong{ font-size:0.66rem;font-family:'MONTSERRAT-REGULAR'; letter-spacing:-1px; }
.index-project .left-con .number .item span{ display:block; color:#888}
.index-project .left-con .number .item:last-child{ border:0;}
.index-project .right-con{ width:68%; float:right}
.index-project .right-con .item{ background-color:#fff; height:3rem; padding:0.7rem 0.3rem 0;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); overflow:hidden; position:relative}
.index-project .right-con .item i{ display:block; width:0.8rem; height:0.8rem; background:url(../images/index-icon1.png) no-repeat center top; background-size:0.8rem 1.6rem}
.index-project .right-con .item i.icon2{ background-image:url(../images/index-icon2.png)}
.index-project .right-con .item i.icon3{ background-image:url(../images/index-icon3.png)}
.index-project .right-con .item strong{ display:block; font-size:0.2rem; margin-top:0.1rem}
.index-project .right-con .item span{ display:block;font-family:Arial, Helvetica, sans-serif; color:#aaa}
.index-project .right-con .item p{ line-height:1.6; margin-top:0.1rem; font-size:0.14rem; color:#888}

.index-project .right-con .item a{ display: block; height:0.5rem; width:100%; background:url(../images/more-icon.png) no-repeat center top; background-size:auto 0.2rem; position:absolute; left:0;bottom:-0.5rem;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); }

.index-project .right-con .item:hover{  background-color:#005bac;padding:0.3rem 0.3rem 0;}
.index-project .right-con .item:hover i{ background-position:center bottom}
.index-project .right-con .item:hover *{ color:#fff !important}
.index-project .right-con .item:hover a{ bottom:0}

@media (max-width:992px){
	.index-bg2{ padding:0.3rem 0}
	.index-project .left-con{ width:100%; float:none}
	.index-project .right-con{ width:100%; float:none; margin-top:0.4rem}
	.index-project .left-con .number .item{ text-align:center}
	.index-project .left-con .number:before{ left:50%;}
	.index-project .right-con .item{ margin-bottom:0.1rem; padding:0.3rem 0.3rem 0.3rem 1.5rem; height:auto}
	.index-project .right-con .item i{ position:absolute; left:0.3rem;top:0.35rem}
	.index-project .right-con .item p{ margin-right:1rem;}
	.index-project .right-con .item a{ height:100%; right:-1rem; width:1rem;top:0; botttom:0; left:auto; background-position:left center}
	.index-project .right-con .item:hover { padding:0.3rem 0.3rem 0.3rem 1.5rem;}
	.index-project .right-con .item:hover a{ right:0}
	
}

@media (min-width:993px){
	.index-col{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;}
	

}


@media (max-width:992px){
	.index-bg{ padding:0;}
	.index-bg .container{padding-top:20px;padding-bottom:20px;}
	.index-slider{ width:100%; padding:0; height:3rem; float:none;}
	.index-news{ width:100%; padding:0;  float:none; margin-top:0.3rem}
	.index-news .con{min-height:auto}
}


.share{ display:inline-block;}
.share span{ display:inline-block;}
.share a{ padding-left:20px; height: 20px; margin-left:1px; display: inline-block; background: url(../images/share.png);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; position:relative;top:3px}
.share a.i1{ background-position: 0px 0px;}
.share a.i2{ background-position: -50px 0px;}
.share a.i3{ background-position: -95px 0px;}
.share a.i1:hover{ background-position: 0px -20px;}
.share a.i2:hover{ background-position: -50px -20px;}
.share a.i3:hover{ background-position: -95px -20px;}


/*---------网站底部---------------*/
.footer{  background-color:#fff; padding:0.5rem 0 0.3rem}
/*
.footer-links .item{ float:left; margin-right:0.2rem}
.footer-links .item i{ display:block; width:0.81rem; height:0.81rem; background:url(../images/footer-icon1.png) no-repeat center center; background-size:cover; position:relative;transition: all 0.3s cubic-bezier(0.215,.61,.215,1);top:0;}
.footer-links .item span{ display:block; text-align:center; margin-top:0.1rem; font-size:0.14rem;}
.footer-links .item i.icon2{ background-image:url(../images/footer-icon2.png)}
.footer-links .item i.icon3{ background-image:url(../images/footer-icon3.png)}
.footer-links .item i.icon4{ background-image:url(../images/footer-icon4.png)}
.footer-links .item:hover i{top:-5px;}
*/
.footer-link h3{margin-bottom:0.1rem;font-weight:bold;font-size:0.16rem}
.footer-link li{ margin-bottom:0.03rem}
.footer-link li a{ color:#888; font-size:0.14rem}
.footer-link li a:hover{ color:#008ccf; text-decoration:underline}
.footer-link .item{ float:left; margin-right:0.1rem}
.footer-link .item a{display:block;width:0.5rem;height:0.5rem;color:#999;border:1px #ccc solid;text-align:center;border-radius:3px;transition: all 0.3s cubic-bezier(0.215,.61,.215,1);top:0;position:relative;}
.footer-link .item i{ display:block;font-size:0.25rem;line-height:0.5rem;position:relative;}
.footer-link .item span{ display:block; text-align:center; margin-top:0.1rem; font-size:0.14rem;}
.footer-link .item a:hover{top:-5px;background-color:#005bac;color:#fff;border-color:#005bac}
.footer-right .links{ position:relative; margin-bottom:0.3rem; }
.footer-right .links h3{ height:0.45rem; background-color:#eee; font-size:0.16rem; line-height:0.45rem; padding:0 0.2rem; position:relative;transition: all 0.3s; position:relative; z-index:2 }
.footer-right .links h3:before{ content: ""; display: block; width: 0; height: 0;border-left: 0.06rem solid transparent; border-right:  0.06rem solid transparent; border-bottom: 0.1rem solid #aaa; position: absolute; right: 0.2rem;top:0.18rem;transition: all 0.3s cubic-bezier(0.215,.61,.215,1);}
.footer-right .links ul{ position:absolute;width:100%; bottom:0.45rem; background-color:#fff; display:none;box-shadow:5px 5px 30px rgba(0,0,0,.2); }
.footer-right .links ul li{ border-bottom:1px #eee solid; padding:0.1rem 0.2rem; font-size:0.15rem}
.footer-right .links ul li a{ display:block;overflow: hidden; text-overflow: ellipsis; }
.footer-right .links:hover h3{ background-color:#ddd; }
.footer-right .links:hover h3:before{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.footer-menu dl{ width:33.33333%; float:left;}
.footer-menu dl dt{ margin-bottom:0.1rem}
.footer-menu dl dd{ margin-bottom:0.07rem}
.footer-menu dl dd a{ color:#888; font-size:0.14rem}
.footer-menu dl dd a:hover{ color:#008ccf; text-decoration:underline}
.footer-contact{ position:relative}
.footer-contact dl{}
.footer-contact dl dt{ margin-bottom:0.1rem}
.footer-contact dl dd{ margin-bottom:0.07rem; color:#888; font-size:0.14rem}
.footer-contact .wx{ width:1rem; position:absolute; right:0;top:0;}
.footer-copyright{ padding:0.15rem 0; font-size:0.14rem; color:#aaa; background-color:#272727}
.footer-copyright .left-con{ float:left;}
.footer-copyright .left-con a{ margin-left:0.05rem; }
.footer-copyright .right-con{ float:right;}
.footer-copyright .right-con em{ color:#aaa; margin:0 4px}
.footer-copyright a{ color:#fff}

.weixin-con2{ display:none; position:absolute; left:50%;margin-left:-0.6rem;bottom:0.6rem; width:1.2rem; padding:0.1rem; background-color:#fff;box-shadow:5px 5px 30px rgba(0,0,0,.2);}
.weixin-con2:before{ content: ""; display: block; width: 0; height: 0;border-left: 0.08rem solid transparent; border-right:  0.08rem solid transparent; border-top: 0.1rem solid #fff; position: absolute; left: 50%; margin-left:-0.08rem;bottom:-0.1rem;}
.weixin-con2 img{ width:100%}
.weixin-con2 span{ text-align:center; font-size:0.13rem; display:block;color:#888}
.weixin-link:hover .weixin-con2{ display:block}


@media (max-width: 992px) {
	.footer{ text-align:center}
	.footer-link{width:60%; margin:0 auto}
	.footer-link h3{display:none}
	.footer-link .item{ width:25%; float:left; margin:0}
	.footer-link .item a{ margin:0 auto}
	.footer-right .links{ margin-top:0.3rem}
	.footer-contact{ margin-top:0.3rem}
	.footer-contact dl{ margin:0;}
	.footer-contact dl dt{ display:none }
	.footer-copyright .left-con{ float:none; text-align:center}
	.footer-copyright .right-con{ display:none}
}

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

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


.page-banner{ height:5rem; position:relative}
.page-banner .image{ position:relative; height:100%;  }
.page-banner .image .pic{ position:absolute;height:100%; width:105%; background-position:center center; background-repeat:no-repeat; background-size:cover}
.page-banner .textbox{ position:absolute; left:0;top:0.8rem; right:0;bottom:0; z-index:2;}
.page-banner .textbox strong{ font-size:0.4rem; display:block; color:#fff}
.page-banner .textbox p{ font-family:"RUBIK-REGULAR-WEBFONT"; letter-spacing:-1px; font-size:0.3rem; color:rgba(255,255,255,0.5)}
@media (max-width:767px){
	.page-banner{ height:3rem}
}

.page-nav{ height:0.7rem; position:relative; z-index:2; background:#fff; border-bottom:1px #ddd solid}
.page-nav ul{display: -ms-flexbox; 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;-ms-flex: 1;}
.page-nav ul li a{ display:block; line-height:0.7rem; height:0.7rem; text-align:center;border-left:1px rgba(255,255,255,0.2) solid; font-size:0.18rem}
.page-nav ul li.current a{ border-bottom:3px #009ee3 solid; height:0.71rem; color:#0051bd; font-weight:bold}



.download{ padding:0.5rem 0}
.download .item a{ display:block; background-color:#f1f1f1; position:relative; padding:0.3rem; margin-bottom:0.3rem}
.download .item a span{ display:block; color:#3dabef; font-size:0.15rem}
.download .item a strong{ margin-top:0.05rem; display:block; }
.download .item a i{ display:block; background:url(../images/icon-pdf.png) no-repeat center center #ddd; display:block; width:1rem; position:absolute; right:0;top:0; height:100%}
@media (max-width:767px){
	.download{ padding:0.3rem 0}
}



.about .item-a{ padding:0.7rem 0; position:relative}
.about .item-a .content{ text-align:justify; line-height:1.8}
.about .item-a .content p{ margin-bottom:0.1rem}
.about .item-a .content p strong{}
.about .item-a .number{ text-align:center; margin-top:0.4rem}
.about .item-a .number .item{ display:inline-block; width:2rem; text-align:center; border-right:1px #eee solid}
.about .item-a .number .item i{ display:block; width:0.6rem; height:0.6rem; background:url(../images/about-icon1.png) no-repeat center center; background-size:cover; margin:0 auto}
.about .item-a .number .item i.icon2{ background-image:url(../images/about-icon2.png)}
.about .item-a .number .item i.icon3{ background-image:url(../images/about-icon3.png)}
.about .item-a .number .item i.icon4{ background-image:url(../images/about-icon4.png)}
.about .item-a .number .item label{ text-align:center; color:#53ab1f; display:block; font-weight:normal}
.about .item-a .number .item label strong{ font-size:0.6rem;font-family:'MONTSERRAT-REGULAR'; }
.about .item-a .number .item span{ display:block;}
.about .item-a .number .item:last-child{ border:0;}
@media (max-width:767px){
	.about .item-a{ padding:0.4rem 0;}
	.about .item-a .number .item{ width:auto; padding:0 0.2rem}
	.about .item-a .number .item label strong{font-size:0.3rem;}
	.about .item-a .number .item span{ font-size:0.14rem}
}

.about .about-bg{ background:url(../images/banner1.jpg) no-repeat top center; background-size:cover; position:relative; margin-top:0.3rem; padding-top:0.8rem; padding-bottom:0.7rem}
.about .about-bg .icon{ width:0.8rem; height:0.8rem; border-radius:0.8rem; background-color:#fff; position:absolute; left:50%; margin-left:-0.4rem;top:-0.4rem; text-align:center}
.about .about-bg .icon i{ line-height:1rem; color:#07ac08; font-size:0.2rem}
.about .about-pic{ }
.about .about-pic .item{ width:50%; float:left; }
.about .about-pic .item .title{height:1.1rem; background-color:#7d7d7d; padding:0.2rem 0.3rem; color:#fff; position:relative}
.about .about-pic .item .title strong{ display:block; font-size:0.2rem;}
.about .about-pic .item .title p{ margin-top:0.1rem; font-size:0.16rem;}
.about .about-pic .item .title a{ display:block; width:0.9rem; height:0.3rem; font-size:0.15rem; line-height:0.3rem; text-align:center; background-color:#fff; position:absolute; right:0.3rem;top:0.2rem; }
.about .about-pic .item .title a i{ position:relative;top:2px;}
.about .about-pic .item .image{ overflow:hidden; position:relative}
.about .about-pic .item .image img{ display:block;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;transition: transform 2s ease-out; width:100%}
.about .about-pic .item .image a i{ display:block; position:absolute; left:50%; margin-left:-0.4rem;top:50%; margin-top:-0.4rem; width:0.8rem; height:0.8rem; background-color:rgba(0,0,0,0.4); border-radius:0.4rem; z-index:2;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s;}
.about .about-pic .item .image a i:before{ content: ""; display: block;width: 0;height: 0;border-top:0.15rem solid transparent;border-bottom:0.15rem solid transparent;border-left: 0.28rem solid #fff;position: absolute;  left: 50%; margin-left:-0.1rem;top: 50%;margin-top: -0.15rem;}
.about .about-pic .item .image a:hover i{ background-color:#64b832}
.about .about-pic .s2{}
.about .about-pic .s2 .title{ background-color:#ccc}
.about .about-pic .item:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1); }
.about .about-pic .item:hover .image em{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.about .about-contact{ padding:0.3rem 0.5rem 0.5rem;  position:relative}
.about .about-contact h2{ font-size:16px; font-weight:bold}
.about .about-contact p{ margin-top:20px; line-height:1.8}
.about .about-contact p a i{ color:#ff3333; margin-left:5px;}
.about .about-contact p a.btn{ background-color:#64b832; display:block; width:130px; line-height:28px; color:#fff; margin-top:10px; font-size:0.15rem;}
.about .about-contact .qr{ position:absolute; right:50px;top:40px;}
.about .about-contact .qr .image{ display:block; width:140px; height:140px; background:url(../images/qr2.png) no-repeat; background-size:cover; padding:2px}
.about .about-contact .qr .image img{ width:100%}
.about .about-contact .qr span{ display:block; font-size:0.12rem; margin-top:0.1rem; color:#aaa; text-align:center; line-height:1.6}

@media (max-width:767px){
	.about .about-pic .item{ width:100%; float:none; margin-bottom:0.2rem}
	.about .white-box{ padding:0.2rem !important}
	.about .about-contact{ padding:0.2rem}
	.about .about-contact .qr{ position:relative; left:0;top:0; margin-top:0.5rem; border-top:1px #ddd solid; padding-top:0.3rem }
	.about .about-contact .qr .image{ margin:0 auto}
}

.report{ background-color:#fff; margin-top:0.5rem; padding:0.5rem 0.5rem;box-shadow: 0px 10px 35px 0 rgba(0, 0, 0, 0.1); padding-left:4.5rem; position:relative}
.report .pic{ position:absolute; width:3.7rem; left:0.5rem;top:0.5rem}
.report .pic img{ width:100%}
.report .content{line-height:1.7; }
.report p{ margin-bottom:0.15rem}
@media (max-width:767px){
	.report{margin-top:0.3rem;padding:0.3rem}
	.report .pic{position:relative;width:100%;left:0;top:0;margin-bottom:0.3rem}
}

.p50{ padding:0.5rem}

.chairman{ background-color:#f5f5f5; padding:0.5rem 0}
.chairman .content{line-height:1.7;text-align:justify}
.chairman .content p{ margin-bottom:0.2rem}
.chairman .content img{ max-width:100%}
.chairman .image{width:35%;float:left;padding-right:0.4rem}
.chairman .image img{width:100%;}
.chairman .con{width:65%;float:right}
@media (max-width:992px){
	.chairman .image{width:100%;float:none;padding-right:0;text-align:center}
	.chairman .image img{width:80%}
	.chairman .con{width:100%;float:none;margin-top:0.3rem}
}

.team{padding-top:0.5rem}
.team .wrapper-a{padding-bottom:0.3rem;width:2.7rem;margin:0 auto}
.team .wrapper-b{padding-bottom:0.3rem;width:12rem;margin:0 auto}
.team .item{ margin:0 0.3rem; float:left;text-align:center;margin-bottom:0.2rem;width:1.7rem;}
.team .item strong{display:block;margin-top:0.2rem}
.team .item p{display:block;margin-top:0.05rem;color:#888;min-height:0.6rem}
.team .item img{width:100%;max-width:1.7rem}
.team .wrapper-a .item{width:2.4rem}

@media (max-width:767px){
	.team .wrapper-a{width:100%;padding-bottom:0;}
	.team .wrapper-b{width:100%;padding-bottom:0;}
	.team .item{margin:0 0.2rem 0.2rem;background-color:#f4f4f4;float:none;width:auto;text-align:left;padding:0.2rem 0.2rem 0.2rem 1.8rem;position:relative;height:2.1rem}
	.team .item img{width:1.4rem;position:absolute;left:0.2rem;top:0.2rem}
	.team .item strong{font-size:0.22rem}
	.team .item p{margin-top:0.15rem;}
	.team .wrapper-a .item{width:auto;}
}

.page-top{ text-align:center; margin-bottom:0.3rem}
.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.15rem; letter-spacing:2px }

.history-wrap { padding:0.5rem 0; background-color:#f5f5f5}
.history-wrap .tit-box {text-align:center;}
.history-wrap .tit-box h4 {font-size:0.4rem;line-height:0.5rem;font-family:'MONTSERRAT-REGULAR';color:#19110f;}
.history-wrap .tit-box .st {font-size:0.16rem;line-height:0.2rem;color:#777;}
.history-wrap .cent-wrap {margin:0.42rem auto 0;position:relative;padding-bottom:1rem;}
.history-wrap .cent-wrap ul:after,.history-wrap .cent-wrap li:after {display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
.history-wrap .cent-wrap ul,.history-wrap .cent-wrap li {width:100%;}
.history-wrap .cent-wrap ul {position:relative;z-index:2;padding-top:1px;}
.history-wrap .cent-wrap li {/*margin-top:98px;*/  margin-top:0rem;position:relative;opacity:0;transition:0.5s;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}
.history-wrap .cent-wrap li:first-child {margin-top:0.6rem;}
.history-wrap .cent-wrap li .cont-box {width:50%;padding-right:0.4rem;}
.history-wrap .cent-wrap li .year {font-size:0.46rem;line-height:0.5rem;color:#0051bd;font-weight:bold;font-family:"MONTSERRAT-REGULAR";}
.history-wrap .cent-wrap li .word {display:block;font-size:0.16rem;margin-top:0.1rem;color:#666; text-align:justify; max-width:5rem; float:right}
.history-wrap .cent-wrap li .word p{ margin-bottom:0.2rem;position:relative;padding-left:0.18rem}
.history-wrap .cent-wrap li .word p:before{ content: ""; width:0.06rem; height:0.06rem; position: absolute; left:0; top: 0.08rem; background: #ccc;}
.history-wrap .cent-wrap li .img {display:block;opacity:0;width:10.8%;border-radius:50%;overflow:hidden;margin-top:0.08rem;}
.history-wrap .cent-wrap li .img img {width:100%;height:auto;}
.history-wrap .cent-wrap li:nth-child(odd) .img {float:left;}
.history-wrap .cent-wrap li:nth-child(odd) .cont-box {float:left;text-align:right; }
.history-wrap .cent-wrap li:nth-child(even) .word{ float:left}
.history-wrap .cent-wrap li:nth-child(even) .img {float:right;}
.history-wrap .cent-wrap li:nth-child(even) .cont-box {float:right;padding-left:0.4rem;text-align:left;}
.history-wrap .cent-wrap li .point {display:inline-block;width:0.18rem;height:0.18rem;border:1px solid #d0121c;background-color:#fff;position:absolute;left:50%;margin-left:-0.1rem;text-align:center;border-radius:50%;top:0.14rem;}
.history-wrap .cent-wrap li .point i {display:none;width:0.1rem;height:0.1rem;margin-top:0.03rem;vertical-align:top;background-color:#d0121c;border-radius:50%;}
.history-wrap .cent-wrap li.show {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.history-wrap .cent-wrap li.show .point i {display:inline-block;}
.history-wrap .cent-line-box {width:1px;height:100%;position:absolute;left:50%;top:0;z-index:1;margin-left:-1px;}
.history-wrap .cent-line-box .line {display:block;width:1px;height:100%;background-color:#ccc;}
.history-wrap .cent-line-box .point-h {position:fixed;display:none;width:0.1rem;height:0.1rem;background-color:#000;left:50%;border-radius:50%;margin-left:-0.05rem;top:50%;margin-top:-0.05rem;}
.history-wrap .bot-tit {line-height:0.36rem;font-size:0.14rem;text-align:center;color:#999;margin-top:0.16rem}

@media (max-width:767px){
	.history-wrap .cent-wrap li .cont-box{width:100%;padding-right:0;padding-left:0.4rem}
	.history-wrap .cent-wrap li:nth-child(odd) .cont-box {float:none;text-align:left; }
	.history-wrap .cent-wrap li:nth-child(even) .word{ float:none}
	.history-wrap .cent-wrap li:nth-child(even) .img {float:none;}
	.history-wrap .cent-wrap li:nth-child(even) .cont-box {float:none;}
	.history-wrap .cent-line-box{left:0;margin-left:0;}
	.history-wrap .cent-wrap li .point{left:0}
	.history-wrap .cent-wrap li {margin-top:0.4rem}
}



.project .item-a{ padding:0.7rem 0; position:relative}
.project .item-a .image{ background-color:#f4f4f4; padding:0.3rem; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); }
.project .item-a .image img{ width:100%}
.project .item-a .image span{display:block;text-align:center;margin-top:0.1rem}
.project .item-a .content{ text-align:justify; line-height:1.8}
.project .item-a .content p{ margin-bottom:0.2rem}
.project .item-a .content p strong{}
.project .item-b{ background-color:#e5f5fc; padding:0.7rem 0}
.project .item-b h2{ font-size:0.26rem; text-align:center;}
.project .item-b p{ text-align:center; margin-top:0.2rem; color:#0051bd; margin-bottom:0.3rem}
.project .item-b .item .image img{ width:100%}
.project .item-b .item .text{ background-color:#fff; text-align:center; padding:0.25rem 0.2rem}
.project .item-c{ padding:0.7rem 0; background:url(../images/project-bg2.jpg) no-repeat top center #f4f4f4; background-size:100% auto; position:relative; overflow:hidden}
.project .item-c .green-box{ background-color:#439b56; position:relative; z-index:2}
.project .item-c .left-con{ width:32%; float:left; padding:0.4rem}
.project .item-c .left-con h2{ font-size:0.26rem; font-weight:bold; color:#fff}
.project .item-c .left-con h3{ font-size:0.26rem; color:#a0c27e; margin-top:0.1rem; letter-spacing:-1px;font-family:'MONTSERRAT-REGULAR';}
.project .item-c .left-con .content{ margin-top:0.2rem; color:#fff; line-height:1.7}
.project .item-c .left-con .number{ text-align:center; margin-top:0.4rem}
.project .item-c .left-con .number .item{  width:50%; float:left; text-align:center; border-right:1px #eee solid}
.project .item-c .left-con .number .item label{ text-align:center; color:#fff; display:block; font-weight:normal}
.project .item-c .left-con .number .item label strong{ font-size:0.36rem;font-family:'MONTSERRAT-REGULAR'; }
.project .item-c .left-con .number .item span{ display:block; color:#fff}
.project .item-c .left-con .number .item:last-child{ border:0;}
.project .item-c .right-con{ background-color:#fff; box-shadow: 0px 10px 35px 0 rgba(0, 0, 0, 0.1); padding:0.4rem;min-height:5.1rem; width:68%; float:right}
.project .item-c .right-con .title{ text-align:center; font-size:0.26rem;background-color:#fff}
.project .item-c .right-con .image{ margin-top:0.2rem;position:relative}
.project .item-c .right-con .image img{display:block;width:100%; cursor:pointer}
.project .item-c .right-con .image em{background-color:rgba(0,0,0,0.5);display:block;width:0.6rem;height:0.6rem;position:absolute;right:0.1rem;top:0.1rem;z-index:3;border-radius:5px;text-align:center}
.project .item-c .right-con .image i{color:#fff;line-height:0.6rem;text-align:center;color:#fff;font-size:0.3rem}
.project .item-c .right-con .image span{display:block;margin-top:0.1rem;text-align:center}
.project .item-c::after {display:block;height:100%; width:100%; position:absolute; background-color:#f4f4f4;top:4rem; left:0;content:".";}

@media (max-width:767px){
	.project .item-a{ padding:0.4rem 0;}
	.project .item-b .item{ margin-bottom:0.2rem}
	.project .item-c .left-con{ width:100%; float:none}
	.project .item-c .right-con{ width:100%; float:none;min-height:auto}
}


.culture .item-a{ padding:0.7rem 0; position:relative}
.culture .item-a .content{ text-align:justify; line-height:1.8}
.culture .item-a .content p{ margin-bottom:0.1rem}
.culture .item-a .content p strong{}
.culture .item-b{  background:url(../images/culture-bg.jpg) no-repeat center center; background-size:cover; position:relative}
.culture .item-b .left-con{ width:70%; background:rgba(255,255,255,0.7); height:5rem; padding:0.5rem 0.5rem 0.2rem; float:left}
.culture .item-b .right-con{ width:30%; height:100%; position:relative; background:url(../images/culture-pic2.jpg) no-repeat center center #38b1e6; background-size:cover; height:5rem; float:right}
.culture .item-b .item{ margin-bottom:0.3rem;}
.culture .item-b .item h3{ font-weight:bold; color:#0051bd; font-size:0.2rem}
.culture .item-b .item p{ margin-top:0.1rem}
@media (max-width:767px){
	.culture .item-a{ padding:0.4rem 0;}
	.culture .item-b .left-con{ width:100%; float:none; height:auto}
	.culture .item-b .right-con{ width:100%}
}


.search-top{border-bottom:2px #ddd solid;padding-bottom:0.2rem;margin-bottom:0.2rem}

.search-list ul li{ padding:0.15rem 0; padding-right:1rem; position:relative;border-bottom: dashed 1px #e3e3e3;}
.search-list ul li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left:0.1rem; color:#333}
.search-list ul li a:before{content: ""; display: block; width: 0.04rem; height: 0.04rem; position: absolute;left:0;top:50%; margin-top:-0.02rem; background-color:#ccc; border-radius:1px }
.search-list ul li a:hover{ color:#05a}
.search-list ul li span{ font-size:0.15rem; color:#999; position:absolute; right:0;top:0.15rem;}
.search-list ul li a font{color:#ff0000;font-weight:bold}


@media (max-width:992px) {
	.search-list ul li{ padding-right:0;}
	.search-list ul li span{ display:block; position:relative; top:inherit; margin-top:0.1rem}
	.search-list ul li a{ font-size:0.22rem;text-overflow:inherit;white-space:inherit; padding:0;}
	.search-list ul li a:before{ display:none}
}


.news-list3{ }
.news-list3 .top-news{ padding-bottom:0.3rem;border-bottom:3px #f2f2f4 solid; }
.news-list3 .top-news .container{ position:relative;}
.news-list3 .top-news a{ position:relative; display:block; background-color:#fff; position:relative; padding-left:3.3rem}
.news-list3 .top-news .image{ width:3rem; position:absolute; left:0;top:0; height:100%;  background-repeat:no-repeat; background-position:center center; background-size:cover}
.news-list3 .top-news .text{ position:relative;}
.news-list3 .top-news .text span{ display:block; color:#aaa; margin-top:0.4rem}
.news-list3 .top-news .text strong{ display:block; font-size:0.18rem;}
.news-list3 .top-news .text p{ margin-top:0.2rem; font-size:0.14rem; line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-list3 .top-news .text .more-btn{ background-color:#fff; color:#999; position:absolute; right:0;bottom:0;}
.news-list3 .top-news .text .more-btn i{ font-size:0.13rem}
.news-list3 .top-news .text .more-btn:hover{ color:#fff}
.news-list3 .top-news .text .more-btn:before{ background-color:#06b}
.news-list3 .list{  }
.news-list3 .list li{ border-bottom:3px #f2f2f4 solid; background-color:#fff}
.news-list3 .list li a{ display:block;display: -ms-flex;display: -webkit-flex;display: flex;padding:0.3rem 0; position:relative; overflow:hidden;transition: all 0.5s; -webkit-transition: all 0.5s; }
.news-list3 .list li .date{ min-width:1.2rem;  position:relative;top:0.01rem; }
.news-list3 .list li .date strong{ display:block; font-weight:normal;font-size:0.18rem;color:#008ccf; font-family:ArchivoNarrow, Helvetica, sans-serif}
.news-list3 .list li .date span{ color:#888; display:block; margin-top:0.05rem; font-size:0.15rem}
.news-list3 .list li .text strong{ font-size:0.18rem;}
.news-list3 .list li .text p{margin-top:0.1rem; font-size:0.14rem; line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news-list3 .list li .more{ position:absolute; top:0; width:1.3rem;right:-1.3rem; height:100%; background-color:#06b; color:#fff; text-align:center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.news-list3 .list li .more i{ font-size:0.5rem; position:absolute; top:50%; margin-top:-0.35rem; left:50%; margin-left:-0.25rem}
.news-list3 .list li .more span{position:absolute; top:50%; margin-top:0.15rem; left:0;text-align:center;width:100%; font-size:0.14rem }


@media (max-width: 767px) {
	.news-list3{ padding:0 }
	.news-list3 .top-news{border-bottom:1px #f2f2f4 solid;  }
	.news-list3 .top-news a{ padding-left:1.8rem}
	.news-list3 .top-news .image{ width:1.6rem;}
	.news-list3 .top-news .text{ }
	.news-list3 .top-news .text strong{ font-size:0.22rem; font-weight:normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
	.news-list3 .top-news .text p{ line-height:1.5; display:none}
	.news-list3 .top-news .text .more-btn{ font-size:0.14rem}
	.news-list3 .list li{ font-size:0.2rem; line-height:1.5;border-bottom:1px #f2f2f4 solid; }
	.news-list3 .list li a{ padding:0.2rem 0}
	.news-list3 .list li .date{ min-width:1.15rem;font-size:0.15rem;top:-0.02rem}
	.news-list3 .list li .text p{ display:none}
	.news-list3 .list li .text strong{ font-size:0.22rem;font-weight:normal;}
}
@media (min-width: 767px) {
	.news-list3 .list li a:hover .more{ right:0;opacity: 1; width:142px;}
}


.news-list1{ padding-top:0.5rem}
.news-list1 .item { margin-bottom:0.3rem}
.news-list1 .item a{ display:block;background-color:#fff; transition: 0.45s;top:0; position:relative }
.news-list1 .item a .img-wrap{ overflow:hidden; position:relative}
.news-list1 .item a .img-wrap .image{ width:100%;transition: 0.65s; height:2rem; background-repeat:no-repeat; background-size:cover; background-position:center center}
.news-list1 .item a .img-wrap:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #2978c9; transition: 0.5; z-index: 3; opacity: 0; visibility: hidden;}
.news-list1 .item a .txt-wrap{ padding:0.3rem 0.4rem; position:relative}
.news-list1 .item a .txt-wrap strong{ font-size:0.2rem; line-height:0.3rem; height:0.6rem; display:block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list1 .item a .txt-wrap p{ color:#888; line-height:1.5; margin-top:0.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;display:none; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list1 .item a .txt-wrap span{ display:block; color:#aaa; font-size:0.12rem;  margin-top:0.2rem}

@media (min-width: 1199px) {
.news-list1 .item a:hover{ background: #2978c9; box-shadow: 10px 10px 26px rgba(0,0,0,0.2); top: -20px;}
.news-list1 .item a:hover .img-wrap .image{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.news-list1 .item a:hover .img-wrap:before{ opacity: 1; visibility: visible;}
.news-list1 .item a:hover .txt-wrap strong{ color:#fff}
.news-list1 .item a:hover .txt-wrap p{ color:#fff}
.news-list1 .item a:hover .txt-wrap span{ color:#fff}
}

@media (max-width:767px){
	.news-list1 .item a .txt-wrap{ padding:0.2rem}
	
}


.news-list2{ padding-top:0.5rem}
.news-list2 .item { margin-bottom:0.3rem}
.news-list2 .item a{ display:block;background-color:#fff; transition: 0.45s;top:0; position:relative; height:1.8rem; padding:0.3rem 0.3rem 0.3rem 1.6rem}
.news-list2 .item a .time{ overflow:hidden; position:absolute; left:0.3rem;top:0.3rem; width:1rem; height:1.2rem; line-height:1; padding-top:0.2rem; background-color:#ddd; color:#fff; font-family:'DINPro-Regular'; transition: 0.45s;}
.news-list2 .item a .time strong{ display:block; text-align:center; font-size:0.5rem;}
.news-list2 .item a .time span{display:block; text-align:center; font-size:0.2rem; margin-top:0.05rem;}
.news-list2 .item a .txt-wrap{  position:relative}
.news-list2 .item a .txt-wrap strong{ font-size:0.2rem; line-height:0.3rem; height:0.6rem; display:block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list2 .item a .txt-wrap p{ color:#888; line-height:1.5; margin-top:0.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list2 .item a em{position:absolute;left:0;top:0;display:inline-block;background-color:#ccc;color:#fff;padding:3px;font-size:0.12rem}


.news-list2 .item a:hover{  box-shadow: 10px 10px 26px rgba(0,0,0,0.1);top:-10px; }
.news-list2 .item a:hover .time{ background-color:#2978c9; color:#fff;}
.news-list2 .item a:hover .img-wrap img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.news-list2 .item a:hover .img-wrap:before{ opacity: 1; visibility: visible;}
@media (max-width:767px){
	.news-list2{ padding-top:0.4rem}
	.news-list2 .item{ margin-bottom:0.2rem}
	
}

.news-list6{ }
.news-list6 ul li{ position:relative; margin-bottom:0.1rem}
.news-list6 ul li a{ display:block;padding:0.35rem 1.5rem; position:relative; background:#fff}
.news-list6 ul li .time-wrap{ position:absolute; font-family:'MONTSERRAT-REGULAR'; line-height:1; font-size:0.18rem; letter-spacing: -1px; left:0;top:50%; margin-top:-0.09rem; color:#3a93d1; padding-left:0.3rem;  z-index:2}
.news-list6 ul li .txt-wrap{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight:normal; font-size:0.2rem; position:relative; z-index:2;display:flex }
.news-list6 ul li a:before{content: ""; display: block; width:0; height: 100%; position: absolute;top:0;left:50%; background-color:#f2f2f2; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s;}
.news-list6 ul li a:after{content: ""; display: block; width:1.2rem; height: 100%; position: absolute;top:0;right:0; background:url(../images/doc.png) no-repeat center center #eee; background-size:40% auto; transition: all 0.5s; -webkit-transition: all 0.5s;}
.news-list6 ul li a:hover:before{ left:0; width:100%; opacity:1}
.news-list6 ul li a:hover:after{ background-image:url(../images/doc_on.png); background-color:#3a93d1}
.news-list6 ul li a.nonelink{ cursor:default;}
.news-list6 ul li a.nonelink:hover{color:#111}
.news-list6 ul li a.nonelink .txt-wrap span{color:#aaa}
.news-list6 ul li a.nonelink:hover:before{opacity:0}
.news-list6 ul li a.nonelink:hover:after{ background-image:url(../images/doc.png); background-color:#f4f4f4}
@media (max-width:992px) {
	.news-list6{}
	.news-list6 ul li a{ padding:0.2rem 1.2rem 0.2rem 0.2rem; height:1rem}
	.news-list6 ul li .time-wrap{ display:none; position:absolute;top:inherit; margin-top:0;bottom:0.2rem; left:0.25rem; padding-left:0;font-size:0.15rem; color:#aaa; letter-spacing:0}
	.news-list6 ul li .txt-wrap{font-size:0.2rem; font-weight:normal;overflow: hidden;white-space:inherit;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; position:absolute; left:0.2rem; right:1.2rem;top: 50%; transform: translateY(-50%);}
	.news-list6 ul li a:after { width:1rem;background-size:50% auto;}
	
}


.news-list7{margin-top:0.5rem}
.news-list7 .item { margin-bottom:0.1rem}
.news-list7 .item a{ display:block;background-color:#fff; transition: 0.45s;top:0; position:relative;  padding:0.3rem 0.3rem 0.3rem 1.6rem;}
.news-list7 .item a .time-wrap{ overflow:hidden; position:absolute; left:0;top:0.3rem; width:1.2rem; line-height:1;  transition: 0.45s;}
.news-list7 .item a .time-wrap:before{content: ""; display: block; width:1px; height: 100%;background-color:#ddd;position:absolute;right:0;top:0;} 
.news-list7 .item a .time-wrap strong{ display:block; text-align:center;color:#1058ce; font-size:0.4rem;font-family:'DINPro-Regular';}
.news-list7 .item a .time-wrap span{display:block; text-align:center; font-size:0.14rem;color:#aaa; margin-top:0.08rem;}
.news-list7 .item a .txt-wrap{  position:relative}
.news-list7 .item a .txt-wrap strong{ font-size:0.22rem; font-weight:normal;line-height:0.3rem;display:block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list7 .item a .txt-wrap p{ color:#aaa; line-height:1.5;font-size:0.15rem; margin-top:0.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media (max-width:767px){
	.news-list7{margin-top:0.3rem}
	.news-list7 .item a .time-wrap{top:0}
	.news-list7 .item a .txt-wrap p{display:none}
	
}



.safe-nav{text-align:center;margin-bottom:0.3rem;margin-top:0.5rem}
.safe-nav ul li{display:inline-block}
.safe-nav ul li a{display:inline-block;padding:0.1rem 0.2rem;border:1px #ddd solid}
.safe-nav ul li.current a{background-color:#1d5aae;color:#fff;border-color:#1d5aae}
@media (max-width:767px){	
	.safe-nav{margin-top:0.3rem}
	.news-list7 .item a .time-wrap{top:0}
	.news-list7 .item a .txt-wrap p{display:none}
	
}

.topic-list{ padding-top:0.5rem}
.topic-list .item { margin-bottom:0.3rem}
.topic-list .item a{ display:block;background-color:#fff; transition: 0.45s;top:0; position:relative }
.topic-list .item a .img-wrap{ overflow:hidden; position:relative}
.topic-list .item a .img-wrap img{ width:100%;transition: 0.65s;}
.topic-list .item a .img-wrap:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #2978c9; transition: 0.5; z-index: 3; opacity: 0; visibility: hidden;}
.topic-list .item a .txt-wrap{ padding:0.2rem 0.4rem; position:relative;text-align:center}
.topic-list .item a .txt-wrap strong{ font-size:0.2rem;line-height:0.3rem;height:0.6rem;display:block  }


@media (min-width: 1199px) {
.topic-list .item a:hover{ background: #2978c9; box-shadow: 10px 10px 26px rgba(0,0,0,0.2); top: -20px;}
.topic-list .item a:hover .img-wrap img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.topic-list .item a:hover .img-wrap:before{ opacity: 1; visibility: visible;}
.topic-list .item a:hover .txt-wrap strong{ color:#fff}
}

@media (max-width:767px){
	.topic-list .item a .txt-wrap{ padding:0.2rem}
	
}



/* --------------分页---------------------- */
#pages{ text-align:center; padding-top:0.2rem; font-family:"RUBIK-REGULAR-WEBFONT" }
#pages a{ display:inline-block; padding:0.15rem 0.23rem; background-color:#fff; color:#888; margin:0 0.03rem;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;  box-shadow: 2px 2px 5px rgba(0,0,0,0.05); border-radius:3px; font-size:0.18rem;}
#pages a:hover{ background-color:#0051bd;  color:#fff}
#pages a.active{ background-color:#0051bd;color:#fff}
#pages a.prev,#pages a.next{ } 
#pages span{display:inline-block;padding:0.15rem 0.23rem; color:#888; position:relative;top:-0.02rem}


p.none-msg{ padding:6vh  0;text-align:center; color:#aaa; font-size:0.18rem}
p.none-msg i{ display:block; font-size:1rem; margin-bottom:0.1rem}


.page{ padding-bottom:0.5rem; background-color:#f5f5f5}

.news-view{padding:0.4rem; box-shadow: 0px 10px 35px 0 rgba(0, 0, 0, 0.1);position:relative; margin-top:-1rem; background-color:#fff;  z-index:99 }
.news-view .title{ color:#333; text-align:center; padding-bottom:0.3rem; text-align:center}
.news-view .title h1{font-size:0.3rem;line-height:1.5}
.news-view .title p{ font-size:0.18rem; margin-top:0.05rem;color:#dd0000; }

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



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

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

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

.news-view .news-video-con{margin:0.5rem auto}
.news-view .news-video-con p{ text-align:center;margin-top:0.15rem;}
.news-view #con_video_div{margin:0 auto;width:720px !important;}
.news-view #con_video_div2{margin:0 auto;width:720px !important;}
.news-view #con_video_div3{margin:0 auto;width:720px !important;}
.news-view #con_video_div4{margin:0 auto;width:720px !important;}
.news-view #con_video_div5{margin:0 auto;width:720px !important;}

.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}
.news-view .other:after {content: "";position: absolute; left: 0; right: 0;  top:3px; margin: auto; height: 1px; width: 100%; background-color:#aaa;  }
.news-view .other ul{ margin-right:2rem}
.news-view .other ul li{ margin-bottom:0.1rem; color:#999}
.news-view .other .btns{ position:absolute; right:0;top:0.2rem;}
.news-view .other .btns a{ display:block; float:left; margin-left:0.3rem;text-align:center; }
.news-view .other .btns a em{ display:block;  height:0.5rem;}
.news-view .other .btns a em i{ line-height:0.5rem; font-size:0.35rem; color:#888 }
.news-view .other .btns a span{ display:block; font-size:0.14rem}

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


 
.jsmodern-share{position:fixed;top:50%;left:50%;width:300px;height:335px;z-index:999999;background:#fff;border:#ccc solid 1px;border-radius:10px;  box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.3);
	overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0}
.jsmodern-share div{width:260px;height:260px;margin:0 auto}
.jsmodern-share b{position:absolute;width:20px;height:20px;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s}
.jsmodern-share b:hover{opacity:.5}
.jsmodern-marquee{overflow:hidden}
.jsmodern-marquee-inner{float:none!important;margin:0!important;padding:0!important;background:transparent!important}
.jsmodern-marquee-default,.jsmodern-marquee-repeat{float:left;margin:0!important;padding:0!important;background:transparent!important}
.jsmodern-marquee-part{display:block;float:left}
.jsmodern-picture-container{display:block;position:relative;overflow:hidden}
.jsmodern-picture-container a{display:block;color:#fff;text-decoration:none}
.jsmodern-picture-container img{border:0}
.jsmodern-picture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.jsmodern-picture-part{overflow:hidden}
.jsmodern-picture-fade{width:100%}
.jsmodern-picture-fade .jsmodern-picture-part{position:absolute;display:none}
.jsmodern-picture-slide .jsmodern-picture-part{float:left}
.jsmodern-picture-slide img{display:block}
.jsmodern-picture-dot{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.jsmodern-picture-dot b{display:block;float:left;width:10px;height:10px;background:#777;border-radius:5px;cursor:pointer;margin:0 5px;transition:.4s}
.jsmodern-picture-dot b.active{background:#fff}
.jsmodern-picture-prev,.jsmodern-picture-next{display:block;position:absolute;top:50%;width:17px;height:32px;margin-top:-16px;cursor:pointer;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat}
.jsmodern-picture-prev{margin-left:15px}
.jsmodern-picture-next{right:0;margin-right:15px;background-position:-17px 0}
.jsmodern-video{background:#000;position:relative;overflow:hidden;z-index:10}
.jsmodern-video-panel{position:absolute;bottom:0;left:0;z-index:2147483648;width:100%;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none}
.jsmodern-video-panel.jsmodern-video-panelFull{left:50%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);padding:3px 5px;border-radius:8px}
.jsmodern-video-linebox{height:6px;background:rgba(255,255,255,.25);border-radius:3px;width:460px;width:-webkit-calc(100% - 305px);width:-moz-calc(100% - 305px);width:calc(100% - 305px);float:left;margin:17px 0 0 15px;position:relative;cursor:pointer}
.jsmodern-video-pass{position:absolute;border-radius:3px;height:100%;background:#F06000}
.jsmodern-video-linedot{width:6px;height:6px;background:#fff;border-radius:3px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}
.jsmodern-video-panel b{cursor:pointer}
.jsmodern-video-panel b,.jsmodern-video-panel span{display:block;float:left}
.jsmodern-video-panel span{font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.jsmodern-video-start{margin-left:10px}
.jsmodern-video-start+span{width:14px;height:12px;text-align:center;line-height:12px;font-size:10px;overflow:hidden;margin-top:13px;-webkit-transform:scale(1,0.9) translateY(1px);-ms-transform:scale(1,0.9) translateY(1px);transform:scale(1,0.9) translateY(1px);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.jsmodern-video-start,.jsmodern-video-end{width:39px;text-align:center}
.jsmodern-video-volumebox{width:80px;height:6px;background:rgba(255,255,255,.25);border-radius:3px;float:left;margin:18px 0 0 7px;position:relative;cursor:pointer}
.jsmodern-video-volumeline{width:40px;height:6px;background:#F06000;border-radius:3px;margin-top:0}
.jsmodern-video-volumedot{width:6px;height:6px;background:#fff;border-radius:3px;margin:-6px 0 0 37px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}
.jsmodern-video-play,.jsmodern-video-volume,.jsmodern-video-fullin{width:18px;height:18px;margin-top:11px;background-position:center;background-repeat:no-repeat}
.jsmodern-video-play{margin-left:10px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)}
.jsmodern-video-pause{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)}
.jsmodern-video-volume{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)}
.jsmodern-video-muted{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)}
.jsmodern-video-fullin{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)}
.jsmodern-video-fullout{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)}
b.jsmodern-video-fullFalse{opacity:.5;cursor:default}
.jsmodern-dialog-container{position:fixed;width:100%;height:100%;z-index:2147483649;top:0;left:0;background:rgba(0,0,0,.6);opacity:0}
.jsmodern-dialog{position:fixed;top:-10px;left:50%;width:500px;min-width:500px;height:auto;overflow:hidden;padding:15px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff;border-radius:6px;border:#555 solid 1px;box-shadow:0 0 15px rgba(0,0,0,.4);opacity:0}
.jsmodern-dialog-title{text-align:left;font-size:16px;font-weight:bold;color:#000;word-wrap:break-word;word-break:normal}
.jsmodern-dialog-content{width:100%;height:auto;min-height:60px;overflow:hidden;word-wrap:break-word;word-break:normal;margin-top:10px;font-size:14px;color:#333;line-height:160%}
.jsmodern-dialog>span{display:block;float:right;height:30px;line-height:30px;font-size:13px;padding:0 12px;cursor:pointer;margin:13px 0 0 10px;border-radius:4px;border:#ccc solid 1px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.jsmodern-dialog>span.jsmodern-dialog-sure{background:#2F7CBE;border-color:#2F7CBE;color:#fff}
.jsmodern-dialog>span.jsmodern-dialog-sure:hover{background:#1563A6;border-color:#1563A6}
.jsmodern-dialog>span.jsmodern-dialog-cancel:hover{background:#eee}
.jsmodern-scrollBar-container{overflow:hidden;position:relative}
.jsmodern-scrollBar-inner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.jsmodern-scrollbar{position:absolute;top:0;right:2px;width:6px;background:rgba(0,0,0,.3);border-radius:3px;z-index:10px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.jsmodern-lazyload{display:block;opacity:0}
.jsmodern-page-content{text-align:center;margin-left:auto;margin-right:auto}
.jsmodern-page-target>*{display:none}
.jsmodern-page{height:38px;display:inline-block;overflow:hidden;border-radius:19px;border:#e8e8e8 solid 1px;margin:0 auto}
.jsmodern-page>div i,.jsmodern-page>i{display:block;float:left;width:40px;height:38px;line-height:38px;font-size:13px;text-align:center;cursor:pointer;font-style:normal;background:#f5f5f5;transition:.15s;font-weight:bold;color:#333}
.jsmodern-page i{border-right:#e3e3e3 solid 1px;border-left:#fff solid 1px}
.jsmodern-page>div{float:left;max-width:420px;overflow:hidden}
.jsmodern-page>div div{height:38px}
.jsmodern-page i.active{background:#E04636;color:#fff;box-shadow:rgba(0,0,0,.2) 0 0 10px inset;border-right-color:#fff}
.jsmodern-page i:hover{color:#E04636}
.jsmodern-page i.active:hover{color:#fff}
.jsmodern-page>i span{display:inline-block;font-size:20px}
.jsmodern-page>i:first-child{border-radius:19px 0 0 19px}
.jsmodern-page>i:last-child{border-radius:0 19px 19px 0}
i.jsmodern-page-first,i.jsmodern-page-last,i.jsmodern-page-next,i.jsmodern-page-prev{line-height:33px}