@charset "utf-8";

html,body { margin:0; padding:0; width:100%; }
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle;font-size:0.15rem; outline:none;font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; }
a {color:#222;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:#222;font-size:0.15rem; font-family:"Microsoft Yahei",Tahoma,Arial,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: 639px){html{font-size: 60px;}}
*/

h2, .h2 {font-size: 0.36rem;}
h3, .h3 {font-size: 0.26rem;}
@font-face {
  font-family: 'iconfont';  /* project id 2495631 */
  src: url('//at.alicdn.com/t/font_2495631_7kuz98dp5ur.eot');
  src: url('//at.alicdn.com/t/font_2495631_7kuz98dp5ur.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2495631_7kuz98dp5ur.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2495631_7kuz98dp5ur.woff') format('woff'),
  url('//at.alicdn.com/t/font_2495631_7kuz98dp5ur.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2495631_7kuz98dp5ur.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: 'dincond-medium-webfont';src: url('font/dincond-medium-webfont.eot');src: url('font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/dincond-medium-webfont.woff2') format('woff2'), url('font/dincond-medium-webfont.woff') format('woff'), url('font/dincond-medium-webfont.ttf') format('truetype'), url('font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');}
@font-face {font-family:"Montserrat-Regular";src:url("font/Montserrat-Regular.eot?") format("eot"),url("font/Montserrat-Regular.woff") format("woff"),url("font/Montserrat-Regular.ttf") format("truetype"),url("font/Montserrat-Regular.svg#Montserrat-Regular") format("svg");font-weight:normal;font-style:normal;}



/* --------------浏览器滚动条----------------------- 
::-webkit-scrollbar {height:11px;width:11px}
::-webkit-scrollbar-button {height:0;width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-style:solid;border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;}
::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);min-height:28px;padding-top:100}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active {-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-width:0;}
::-webkit-scrollbar-track:hover {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}
*/

@-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:900px; height:600px; position:absolute; left:50%; margin-left:-450px;top:50%; margin-top:-285px; z-index:3; }
.video-play .close-btn{ background:url(../images/close2.gif) no-repeat center center; display:block; text-indent:-10000px; width:50px; height:50px; position:absolute; left:50%; margin-left:390px;top:50%; margin-top:-275px; z-index:4;-webkit-transition: -webkit-transform 1s;}
.video-play .close-btn:hover{-webkit-transform:rotate(180deg); }
#con_video_div{ background:#000}

@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-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ 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;}


#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}
#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:Tahoma, "microsoft Yahei"; line-height:26px;}
#message .msg a{ text-decoration:underline; color:#0066cc} 
#message .msg a:hover{ color:#ff0000; text-decoration:none}


#header{ height:85px; background:#fff; position:relative; z-index:999; /*border-bottom:1px rgba(0,0,0,0.02) solid*/}
#header .logo{ float:left; display:block;width:455px; height:66px; background:url(../images/logo.png?3333) no-repeat; background-size:cover; position:absolute; left:0;top:6px;}
#header .header-wrapper{ position:relative}
#header .right-link{ position:absolute; right:0;top:0;}
#header .right-link a{ position:relative; color:#888; z-index:99;transition: all 0.3s ease;text-align:center;-webkit-transition: all 0.3s ease; display:block; padding:0.17rem;height:85px;background-color:#e2e2e2; color:#888;}
#header .right-link a i{ font-size:0.3rem; margin-left:0.05rem; line-height:0.3rem;font-weight:normal}
#header .right-link a span{display:block;font-weight:bold;font-size:0.14rem;margin-top:3px;}
#header .right-link a:hover{ background-color:#008bd0;color:#fff}



@media (max-width: 992px) {
	#header .container{ width:100%; padding:0}
	#header{ height:60px;}
	#header .logo{ background-position:left center; background-size:auto 70%;height:60px;  margin-left:15px;top:0; margin-right:60px; }
	#header .right-link{ display:none}
}


.nav{height:70px; position:relative; z-index:98; margin-left:200px;}
.nav ul{ float:right; position:relative}
.nav ul li{display: block; float:left;height:85px; position:relative; }
.nav ul li a{ display:block; float:left; height:85px;line-height:85px; color:#222;}
.nav ul li a:hover{ color:#fff}
.nav ul li span{ position:relative; z-index:2;padding:0 0.1rem;font-size:0.16rem; display:block;}
.nav ul li.current a{ color:#fff}
.nav ul li:hover span{color:#fff !important}

.nav ul li .sub{ position:absolute;width:1.6rem; left:0;top:84px;display:none}
.nav ul li .sub dl{  position:relative;background-color:#008bd0; margin-top:1px;}
.nav ul li .sub dl dd a{ float:none; 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}
.nav ul li .sub dl dd a:hover{  background-color:#0076b0; text-indent:0.3rem }
.nav ul li .sub dl dd:last-child a{ border:0;}


.nav ul li.indicator {position:absolute !important; top: 0; left: 0; width: 100px; height:100%; background:#008bd0; z-index:1;transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  }

@media (min-width: 1600px) {
	.nav ul li span{ }
}
@media (max-width: 1199px) {
	.nav{ display:none}
}

.page-nav{  position:relative;z-index:99; height:0.75rem; background-color:#f9f9f9;}
.page-nav ul{ text-align:center;float:none; display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;display: flex; display: -webkit-box;-webkit-box-orient: horizontal; box-orient: horizontal;}
.page-nav ul li{ position:relative; font-size:0.16rem;display: inline-block ;display: block;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1;}
.page-nav ul li:before {content:"";display:block;width:1px;height:0.26rem; background-color:#ddd; position:absolute; right:-1px; top:50%;margin-top:-0.13rem; z-index:2; }
.page-nav ul li a{ line-height:0.75rem; display: block; text-align:center; padding:0 0.3rem }
.page-nav ul li.current{z-index:2}
.page-nav ul li.current a{ color:#fff;background-color:#008bd0}
.page-nav ul li.current:after {content:"";display:block;height: 4px;position:absolute; left:0.3rem; right:0.3rem; bottom:-1px; background-color:#009ee3; display:none}
.page-nav ul li.current:before{display:none}
.page-nav ul li:last-child:before{ display:none}

.page-nav.fixed{ position:fixed; left:0;top:0; width:100%; -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);background-color:rgba(255,255,255,0.9); }

@media (max-width: 1199px) {
	.page-nav .container{ padding:0}
	.page-nav ul{ float:none; display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;display: flex; display: -webkit-box;-webkit-box-orient: horizontal; box-orient: horizontal;}
	.page-nav ul li{display: block;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1; }
	.page-nav ul li a{ display:block; padding:0}
}


.search-layer{ position:fixed; left:0;top:0; z-index:10000; background:rgba(0,0,0,0.5); width:100%; height:100%; display:none}
.search-layer .search-box{ width:400px; height:70px; background-color:#fff; position:absolute; left:50%; margin-left:-200px;top:50%; margin-top:-35px; }
.search-layer .search-box .input{ width:330px; float:left; border:0;height:70px; padding:10px 25px; line-height:50px}
.search-layer .search-box button{ width:70px; height:70px; border:0; background-color:#008bd5; color:#fff}
.search-layer .search-box button i{ font-size:30px;}


.menu-handler{ position:absolute; right: 0px;top:0;  z-index:11; width:60px; height:60px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;-webkit-transition: all .3s;transition: all .3s; display:none}
.menu-handler span{position:absolute; top:50%; left:50%; margin-left:-15px; width:30px; height:3px; background:#666; border-radius:1px;-webkit-transition: all .3s;transition: all .3s;}
.menu-handler span:before, .menu-handler span:after{content:''; display:block; position:absolute; left:0; width:30px; height:3px; background:#666; border-radius:1px; transition:0.3s, 0.3s;  transition-property: top, transform; transition-delay:0.3s, 0;}
.menu-handler span:before{top:-9px;}
.menu-handler span:after{top:9px;}
.menu-handler.active span{background:transparent;}
.menu-handler.active span:before{-webkit-transform:rotate(45deg); top:0;}
.menu-handler.active span:after{-webkit-transform:rotate(-45deg); top:0;}
.menu-handler.active span:before, .menu-handler.active span:after{transition-delay:0, 0.3s;}


.menu-Box a{ color: #584d4d;}
.menu-Box a:active,.menu-Box a:hover { color: #06b;}    
.menu-Box{ position: fixed; left: 100%; top: 0; width: 100%; height: 100%; overflow-y: auto; background-color: #fff; -webkit-overflow-scrolling: touch;  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menuMobile{ padding: 70px 0px 0px; margin: 0px 10%;}
.menuMobile dd{ border-top: 1px solid #ddd;}
.menuMobile dd:first-child{ border-top:0;}
.menuMobile p a{ font-size: 0.22rem; font-weight:bold; padding: 0.2rem 5% 0.2rem 0px; display: block; position: relative;}
.menuMobile .sub a:before{ content:""; position: absolute; right: 0px; top: 50%;  width: 12px; height: 2px; background-color:#ccc; margin-top: -1px; opacity: 1; transition: 300ms; -webkit-transition: 300ms; }
.menuMobile .sub a:after{content:""; position: absolute; right: 5px; top: 50%;  width: 2px; height: 12px; background-color:#ccc; margin-top: -6px; opacity: 1; transition: 300ms; -webkit-transition: 300ms; }
.menuMobile .cur a:after{ opacity: 0;}
.menuMobile .msubmenu{font-size: 0.2rem; padding: 0px 0px 10px;}
.menuMobile .msubmenu li{ display: block; margin-bottom:12px; width:50%; float:left;}





@media (max-width: 992px) {
	.menuOpen .pusher-black { display: block; }
	.menuOpen .menu-Box { left: 0; z-index: 900; }
	.menu-handler{ display:block; }
}





.banner{ height:4.8rem; position:relative}
.banner-slider{ overflow:hidden;height:100% }
.banner-slider .image{  height:100%; background-position:center center; background-size:cover;transform: scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02); }
.banner-slider .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #0098d3; text-align: left;}
.banner-slider .weui-cell{width: 100%; height: 90%;text-align:center;}
.banner-slider .textbox strong{ display:block;text-indent:-100000px;background:url(../images/banner-text.png) no-repeat center  center;background-size:auto 100%; font-size:0.6rem;height:1.44rem; line-height:1.3; font-weight:normal;letter-spacing:3px; color:#fff; text-shadow: rgba(0,0,0,0.5) 1px 1px 5px; -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.2rem; color:#fff; font-size:0.22rem;text-shadow: rgba(0,0,0,0.5) 1px 1px 2px;-webkit-animation: fadeOutDown 1.5s; animation: fadeOutDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner-slider .textbox a{ display:inline-block; padding:0.1rem 0.4rem; border:2px #f16921 solid; border-radius:1rem; margin-top:0.4rem; color:#f16921;-webkit-animation: fadeOutDown 1.5s; animation: fadeOutDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner-slider .swiper-pagination{ bottom:0.35rem; width:100%;}
.banner-slider .swiper-pagination .container{ margin:0 auto}
.banner-slider .swiper-pagination .swiper-pagination-bullet{ width:0.1rem; height:0.1rem; -webkit-transition: all .3s;transition: all .3s;background-color:#b2b2b3; border-radius:0.05rem; opacity:1; margin:0 0.05rem; text-align:center}
.banner-slider .swiper-pagination .swiper-pagination-bullet-active{ background-color:#7696ff; width:0.3rem }
.banner-slider .swiper-pagination i{ color:#fff; line-height:40px; font-size:0.2rem}
.banner-slider .swiper-prev{ background:url(../images/left-icon.png) no-repeat center center; width:70px; height:70px; position:absolute; left:-30px;top:50%; margin-top:-20px; z-index:2;-webkit-transition: all .3s;transition: all .3s; opacity: 0}
.banner-slider .swiper-next{ background:url(../images/right-icon.png) no-repeat center center; width:70px; height:70px; position:absolute; right:-30px;top:50%; margin-top:-20px; z-index:2;-webkit-transition: all .3s;transition: all .3s; opacity: 0}
.banner-slider:hover .swiper-prev{ opacity: 1; left:15px;}
.banner-slider:hover .swiper-next{ opacity: 1; right:15px;}

.banner-slider .swiper-slide-active .image{-webkit-animation: scaleBigToSmall 7s; animation: scaleBigToSmall 7s;}
.banner-slider .swiper-slide-active strong{opacity: .5; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner-slider .swiper-slide-active p{-webkit-animation: fadeInUp 1s; animation: fadeInUp 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner-slider .swiper-slide-active a{-webkit-animation: fadeIn 1s; animation: fadeIn 1s; }

@-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.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);}
}
@-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.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);}
}
@-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.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);}
}
@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.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);}
}


@media (max-width: 767px) {
	.banner{ height:25vh;}
	.banner-slider .textbox strong{ font-size:0.45rem;font-weight:bold;height:0.9rem}
	.banner-slider .textbox p{font-size:0.18rem}
}


.index-notice{ background-color:#fff; padding:0.3rem 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}

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

.index-slider{ width:50%;  padding-right:0.15rem; }
.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.15rem;min-height:3.4rem}
.index-news h3{height:0.5rem; line-height:0.5rem; }
.index-news h3 a{ display:block; float:left; width:33.3333333%; text-align:center; background-color:#fff;color:#888; border:1px #eee solid; font-size:0.18rem;margin:0 -1px;}
.index-news h3 a.current{ background-color:#06c;font-weight:bold; color:#fff}
.index-news .con{ margin-top:0.2rem; }
.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; background:url(../images/bwcx-li.png) no-repeat 0 center; padding-left:0.15rem; 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.06rem 0; padding-right:1rem; position:relative}
.index-news .con li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../images/bwcx-li.png) no-repeat 0 center; margin-right:1rem; padding-left:0.15rem; color:#333; }
.index-news .con li a:hover{ color:#05a}
.index-news .con li span{ font-size:0.13rem; color:#999; position:absolute; right:0;top:0.06rem;}
.index-news .con li:last-child{ padding-bottom:0}
.index-news a.more{ position:absolute; right:0.1rem;top:0.15rem; color:#888; display:none;}

.index-news2{ background-color:#fff;position:relative }
.index-news2 h2{ height:0.4rem; font-size:0.22rem; border-bottom:1px #e8e8e8 solid}
.index-news2 h2 span{ line-height:0.22rem; display:inline-block; border-left:5px #05a solid; padding-left:0.1rem}
.index-news2 .image{ position:relative}
.index-news2 .image img{ width:100%}
.index-news2 .image p{ position:absolute; left:0;bottom:0; right:0; padding:0.1rem 0.2rem; color:#fff; background:url(../images/title-mask.png) repeat-x; background-size: 100% 100%; text-align:center}
.index-news2 dl{ padding-bottom:0.2rem;  border-bottom:1px #e8e8e8 solid; }
.index-news2 dl a{ display:block;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;}
.index-news2 dl .image{ max-width:1.8rem;}
.index-news2 dl .image img{ width:100%}
.index-news2 dl .text{ padding-left:0.3rem;}
.index-news2 dl .text strong{ display:block;}
.index-news2 dl .text span{font-size:0.14rem; color:#999; margin-top:0.2rem; display:block}
.index-news2 ul{ margin-top:0.2rem}
.index-news2 li{ padding:0.07rem 0; padding-right:1rem; position:relative}
.index-news2 li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../images/bwcx-li.png) no-repeat 0 center; padding-left:0.15rem;}
.index-news2 li span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0.1rem;}
.index-news2 a.more{ position:absolute; right:0rem;top:0rem; color:#888; display:block;}

.index-topic{ margin-top:0.3rem}
.index-topic img{ width:100%}

.index-bg{ background-color:#fff;padding-top:0.5rem }
.index-bg .container{ padding-bottom:50px;}
.index-bg3{ background-color:#f2f2f4; padding:0.4rem 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 .container{padding-top:0;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-news2{ margin-bottom:0.2rem}		
	.index-topic{ margin-top:0rem}
}

.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 .info{ text-align:left; margin-top:0.4rem;padding-right:0.5rem;line-height:1.7;color:#888; position:relative}
.index-project .right-con{ width:68%; float:right}
.index-project .right-con .item{ background-color:#fff;border-radius:3px; 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}
	
}

/*---------网站底部---------------*/
#footer{  background-color:#1d3994; padding:0.3rem 0}
#footer .pt50{ padding-top:0.5rem}
#footer .footer-about{ width:50%; float:left; padding-right:80px;}
#footer .footer-about h3{ font-size:0.16rem; font-weight:600; line-height:1; margin-bottom:0.2rem;color:#fff; position:relative}
#footer .footer-about h3 span{ position:absolute; right:0;top:0; font-size:14px; font-weight:normal}
#footer .footer-about p{ font-size:0.15rem; line-height:2.2;color:#fff }
#footer .footer-about p i{ color:#009ee3; font-size:0.2rem; position:relative;top:0.02rem; margin-left:0.05rem} 
#footer .footer-about a{color:#888}

#footer .footer-menu{ width:37%; float:left; }
#footer .footer-menu dl{ width:30%; float:left;font-size:0.14rem;}
#footer .footer-menu dl dt{  color:#fff; margin-bottom:0.2rem; font-size:0.16rem; line-height:0.2rem; position:relative}
#footer .footer-menu dl dd{ margin-bottom:0.06rem;}
#footer .footer-menu dl dd a{ color:#fff;color:rgba(255,255,255,0.5);}
#footer .footer-menu dl dd a:hover{ color:#009ee3; text-decoration:underline}
#footer .footer-menu ul{ width:20%; float:left;font-size:0.15rem;}
#footer .footer-menu ul li{ margin-bottom:15px;color:#fff; line-height:0.2rem;}
#footer .footer-menu ul li a{ color:#fff;}
#footer .footer-menu ul li a:hover{ color:#009ee3; text-decoration:underline}
#footer .footer-qr{ width:13%; float:right; padding-left:30px;}
#footer .footer-qr .image{}
#footer .footer-qr .image img{ width:100%; border:1px #ddd solid; display:block; background-color:#fff}
#footer .footer-qr p{ text-align:center; margin-top:10px; font-size:0.14rem; color:#fff}

.footer-bar{ padding-top:0.1rem; overflow:hidden; border-top:1px rgba(255,255,255,0.1) solid; margin-top:0.1rem;font-size:0.12rem; line-height:1;color:rgba(255,255,255,0.5);text-align:center}
.footer-bar span{ margin:0 0.15rem; font-size:0.12rem;}
.footer-bar a{ margin-left:0.1rem;color:#fff;text-decoration:underline}
.footer-bar a:hover{ text-decoration:none}
.footer-bar a.linking{ display:inline-block;width:170px; height:22px; background:url(../images/linking.png) no-repeat; position:relative;top:9px; margin-left:10px;}



@media (max-width:1199px){
	#footer .footer-menu{ width:87%}
	#footer .footer-about{ display:none}
}

@media (max-width: 767px) {
	#footer .pt50{ padding-top:0.3rem }
	#footer .footer-about{ display:block; width:100%; float:none; padding-right:0; text-align:center;}
	#footer .footer-about h3{ display:none}
	#footer .footer-about .links{ max-width:100%; display:none}
	#footer .footer-about p{font-size:0.18rem;line-height:1.8}
	#footer .footer-menu{ display:none}
	#footer .footer-qr{ width:100%; float:none; padding:0; margin-top:0.2rem;}
	#footer .footer-qr img{ width:40%; max-width:150px; margin:0 auto }	
	
	.footer-bar{  text-align:center!important}
	.footer-bar .left-con{ float:none}
	.footer-bar .left-con span{ margin:0 5px}
	.footer-bar .right-con{ float:none; margin-top:12px;}
	.footer-bar .right-con .icp{ display:none}
	.footer-bar .right-con a.linking{ float:none; display:inline-block; width:140px; height:14px; background-size:cover}
	
	.page-footer .footer-about{ display:none !important}
	.page-footer .footer-qr{ display:none !important}
	.page-footer .footer-bar{ padding:0 !important; margin:0 !important; border:0 !important}
	
	.footer-links{ display:none}
}


.body-mask{ width:100%; height:100%; position:fixed; z-index:10000; left:0;top:0; background-color:#000;opacity: 0;filter:alpha(opacity=50);visibility:hidden;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.right-slide{ width:380px; height:100%; position:fixed; z-index:10001; right:-380px; visibility:hidden;top:0; background-color:#fff;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.right-slide h2{ height:85px; background-color:#008bd0; padding:33px 0.3rem 0; color:#fff; font-size:0.18rem;display: -webkit-flex; display: -ms-flex; display: flex; }
.right-slide h2 i{ font-size:0.24rem; margin-right:0.05rem;}
.right-slide div{ padding:0.3rem}
.right-slide div h3 a{ font-size:0.15rem;display:block; width:50%; float:left; line-height:0.5rem; text-align:center; background-color:#eee}
.right-slide div h3 a.current{ background-color:#f16921; color:#fff; position:relative}
.right-slide div h3 a.current:after{content: ""; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f16921; position: absolute; left: 50%; margin-left:-6px;top:100%;}
.right-slide div ul{ }
.right-slide div ul li{ margin-bottom:0.1rem; text-align:right; font-size:0.15rem }
.right-slide div ul li a{ float:left}
.right-slide div ul li i{ font-size:0.15rem; color:#aaa}
.right-slide .close-btn{width: 46px;height:46px;display: block;position:absolute;right:30px;top:18px;transition: 300ms;-webkit-transition: 300ms;z-index: 100; cursor:pointer}
.right-slide .close-btn i{background: url(../images/close4.png) no-repeat scroll center center; background-size:cover;width: 100%;height: 100%;display: block;transition: 400ms;-webkit-transition: 400ms;}
.right-slide .close-btn:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}

.right-slide-on .body-mask{opacity: 0.5;visibility:visible;}
.right-slide-on .right-slide{ right:0;visibility:visible;}


/* --------------右侧跟随---------------------- */
#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}
}


#pages{ text-align:center; padding:0.3rem 0 0.3rem;font-family:Arial, Helvetica, sans-serif;}
#pages a{ display:inline-block; padding:0.1rem 0.18rem; background-color:#fff;background: linear-gradient(148deg,hsla(0,0%,100%,0),#fff);  -webkit-box-shadow: 0 0 13px 0 rgb(95 95 95 / 15%);  box-shadow: 0 0 13px 0 rgb(95 95 95 / 15%);    border-radius: 6px; color:#888; margin:0 0.03rem;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;}
#pages a:hover{ background:#ff8a00;color:#fff}
#pages a.active{ background:#ff8a00; color:#fff}
#pages span{display:inline-block; padding:0.1rem 0.18rem; color:#888; position:relative;}



.page-wrapper{ height: 100%; width:100%; position:relative; }

.page-scroll {position: absolute;left: 0;right: 0;bottom: 0;top: 0;overflow: auto;-webkit-overflow-scrolling: touch;}


.page-banner{ width:100%; position:relative; height:3.3rem; overflow:hidden; z-index:1;margin-top:-0.5rem} 
.page-banner .image-con{ overflow:hidden; height:100%; width:100%; position:relative;transition: all 1.5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);transform:scale(1.1);-webkit-transform:scale(1.1);}
.page-banner .image-con .image{ height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.page-banner .image-con .image em{ background-color:#000; position:absolute; left:0;top:0; right:0;bottom:0; opacity:0.5}
.page-banner .image-con .image a{ display:block; position:absolute; left:0;top:0; right:0; bottom:0}
.page-banner .title{ position:absolute; left:0;top:50%;  color:#fff; text-align:left; width:100%; z-index:10}
.page-banner .title strong{ font-weight:normal; display:block; margin-left:-0.5rem; line-height:1;transition: all 0.8s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 0.8s cubic-bezier(0.215,.61,.215,1);transition-delay:0.5s; -webkit-transition-delay:0.5s;opacity:0; font-size:0.4rem;text-shadow: 0px 0px 4px rgba(0,0,0,0.26); }
.page-banner .title p{ font-family:"Montserrat-Regular";transition: all 2s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 2s cubic-bezier(0.215,.61,.215,1);transition-delay:1s; -webkit-transition-delay:1s;opacity:0; font-size:0.16rem;margin-top:0.15rem; text-shadow: 0px 0px 4px rgba(0,0,0,0.26); font-size:0.16rem; }
.page-banner .title:after {content:""; display:inline-block; width:27px; height:24px; background:url(../images/down.png) no-repeat; background-size:cover; margin-top:10px; transition: all 1.2s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.2s cubic-bezier(0.215,.61,.215,1);transition-delay:1s; -webkit-transition-delay:1s;opacity:0; display:none;}

.page-banner .pro-nav{ position:absolute; left:0; bottom:0; width:100%;  background-color:rgba(0,0,0,0.5)}
.page-banner .pro-nav ul {display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;display: flex; display: -webkit-box;-webkit-box-orient: horizontal; box-orient: horizontal;}
.page-banner .pro-nav ul li{display: block;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1;}
.page-banner .pro-nav ul li a{ display:block; border-right:1px rgba(255,255,255,0.2) solid;  color:#fff;  height:0.8rem; line-height:0.8rem; text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s}
.page-banner .pro-nav ul li a:hover{ background-color:#000}
.page-banner .pro-nav ul li a.current{ color:#f16921; background-color:#000; border-bottom:3px #f16921 solid}

.page-banner.hover .image-con{transform:scale(1);-webkit-transform:scale(1);}
.page-banner.hover .title{}
.page-banner.hover .title strong{opacity:1; margin-left:0;}
.page-banner.hover .title p{opacity:1;}
.page-banner.hover .title:after{opacity:1; margin-top:30px}

.business-banner .image-con .image{background-attachment:inherit}

@media (max-width: 767px) {
	.page-banner{height:20vh;}
	.page-banner .image-con .image{background-attachment:inherit}
	.page-banner .title{ top:55%}
	.page-banner .title strong{ font-size:0.3rem; text-align:center}
	.page-banner .title:after{width:13.5px;height:12px;}
	.page-banner .title p{ display:none}
	.page-banner.hover .title:after{opacity:1; margin-top:20px}
	.page-banner .pro-nav .container{ padding:0}
}




.project-banner{ width:100%; position:relative; padding:1.5rem 0 1rem; overflow:hidden; z-index:1;margin-top:-0.5rem} 
.project-banner .image-con{ overflow:hidden; height:100%; width:100%;z-index:1; position:absolute;left:0;top:0;transition: all 1.5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);transform:scale(1.1);-webkit-transform:scale(1.1);}
.project-banner .image-con:after {content:""; display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.5 }
.project-banner .image-con .image{ height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.project-banner .image-con .image em{ background-color:#000; position:absolute; left:0;top:0; right:0;bottom:0; opacity:0.5}
.project-banner .image-con .image a{ display:block; position:absolute; left:0;top:0; right:0; bottom:0}
.project-banner .con{ position:relative;  color:#fff; text-align:left; width:100%; z-index:10}
.project-banner .con h2{text-align:center}
.project-banner .con h2 strong{ font-weight:normal; display:block; margin-left:-0.5rem; line-height:1;transition: all 0.8s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 0.8s cubic-bezier(0.215,.61,.215,1);transition-delay:0.5s; -webkit-transition-delay:0.5s;opacity:0; font-size:0.4rem;text-shadow: 0px 0px 4px rgba(0,0,0,0.26); }
.project-banner .con h2 span{ font-family:"Montserrat-Regular";transition: all 2s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 2s cubic-bezier(0.215,.61,.215,1);transition-delay:1s; -webkit-transition-delay:1s;opacity:0; font-size:0.16rem;margin-top:0.15rem; text-shadow: 0px 0px 4px rgba(0,0,0,0.26); font-size:0.16rem; }
.project-banner .content{margin-top:0.4rem;line-height:1.8;font-size:0.16rem;text-align:justify;transform: translate3d(0,25px, 0); transition: all 0.8s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 0.8s cubic-bezier(0.215,.61,.215,1);transition-delay:1s; -webkit-transition-delay:1s;opacity:0; }
.project-banner .content p{text-indent:2em;margin-bottom:0.15rem}
.project-banner .con:after {content:""; display:inline-block; width:27px; height:24px; background:url(../images/down.png) no-repeat; background-size:cover; margin-top:10px; transition: all 1.2s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.2s cubic-bezier(0.215,.61,.215,1);transition-delay:1s; -webkit-transition-delay:1s;opacity:0; display:none;}



.project-banner.hover .image-con{transform:scale(1);-webkit-transform:scale(1);}
.project-banner.hover .con{}
.project-banner.hover .con h2 strong{opacity:1; margin-left:0;}
.project-banner.hover .con h2 span{opacity:1;}
.project-banner.hover .title:after{opacity:1; margin-top:30px}
.project-banner.hover .content{opacity:1;transform: translate3d(0,0, 0); }


@media (max-width: 767px) {
	.project-banner{}
	.project-banner .content{margin-top:0.3rem;line-height:1.6;font-size:0.2rem}
	.project-banner .image-con .image{background-attachment:inherit}
}


.about{}
@media (max-width: 992px) {
	.about{ padding: 0; border-top:1px #e8e8e8 solid}
	.about-box{  padding:0.3rem 0.2rem}
}

.page-top{ text-align:center}
.page-top strong{ display:block; font-size:0.3rem; font-weight:normal }
.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 }


.about-item-a{background:#fff; padding:0.5rem 0;}
.about-item-a .text{ line-height:1.8; font-size:0.16rem;text-align:justify}
.about-item-a .text p{ margin-bottom:0.15rem}
.about-content{ margin-top:0.4rem}
.about-num{ margin-top:0.4rem; }
.about-num .item{ text-align:center; border-right:1px #ddd solid}
.about-num .col-xs-3:last-child .item{ border:0;}
.about-num .item strong{ display:block; color:#009ee3;font-size:0.18rem; }
.about-num .item strong b{  font-family:"Montserrat-Regular";letter-spacing:-0.03rem;font-size:0.5rem; position:relative;top:0.02rem; margin-right:0.02rem}
.about-num .item span{ display:block; color:#888}

@media (max-width: 992px) {
	.about-item-a{ padding:0.3rem 0}
	.about-item-a .text{ font-size:0.2rem }
	.about-item-a .text{line-height:1.6}
	.about-content{ margin-top:0.3rem}
	.about-num .item strong{ font-size:0.14rem;  }
	.about-num .item strong b{ font-size:0.27rem;}
}

.about-item-b{ background:url(../images/mask-bg.png) no-repeat center bottom #e5f5fc;padding-bottom:0.7rem; margin-top:1.1rem}
.about-item-b .item{}
.about-item-b .item a{ display:block; background-color:#fff;box-shadow: 0 16px 48px rgba(32,41,50,.2); position:relative; margin-top:-0.7rem; }
.about-item-b .item img{ width:100%;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5}
.about-item-b .item h3{ display:block;  color:#333;  padding:0 0.35rem; font-size:0.22rem;line-height:0.7rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative}
.about-item-b .item h3:after{content: ""; display: block; width: 4px; height:0.2rem; background-color:#009ee3; left:0.2rem;top:50%; margin-top:-0.1rem; position:absolute}
.about-item-b .item h3 i{ position:absolute; right:0;top:50%; margin-top:-0.1rem; font-size:0.2rem; right:0.2rem; font-weight:normal; color:#aaa}
.about-item-b .item .image{ position:relative; overflow:hidden}
.about-item-b .item .image i{ display:block; width:0.7rem; height:0.7rem; border-radius:100%;  background-color:rgba(0,0,0,0.7);-webkit-transition: all .3s;-ms-transition:all 0.5s;transition: all .3s;  position:absolute; z-index:3; left:50%; margin-left:-0.35rem;top:50%; margin-top:-0.35rem}
.about-item-b .item .image i:after{content: ""; display: block; width: 0; height: 0; border-top: 0.12rem solid transparent; border-bottom:0.12rem solid transparent; border-left: 0.2rem solid #fff; position: absolute;top:50%; margin-top:-0.12rem; left:50%; margin-left:-0.07rem}
@media (min-width:993px){
	.about-item-b .item a:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}
	.about-item-b .item a:hover .image i{ background-color:#d0121b;}
}
@media (max-width:992px){
	.about-item-b .item{ margin-bottom:0.3rem}
}


.history-wrap { padding:0.5rem 0}
.history-wrap .tit-box {text-align:center;}
.history-wrap .tit-box h4 {font-size:0.4rem;line-height:0.5rem;font-family:"Base-font";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:1rem;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:#008bd0;font-weight:bold;font-family:"Montserrat-Regular";letter-spacing:-0.03rem;}
.history-wrap .cent-wrap li .word {display:block;font-size:0.16rem;margin-top:0.15rem;line-height:1.7;text-align:justify;color:#666;}
.history-wrap .cent-wrap li .word p{margin-bottom:0.05rem;background-color:#f5f5f5;padding:0.2rem;position:relative}
.history-wrap .cent-wrap li .word p:after{display:block;width:0.07rem;height:0.07rem;border-radius:0.07rem;background-color:#ddd;position:absolute;right:-0.43rem;top:50%;margin-top:-0.03rem;overflow:hidden;content:"";}
.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) .img {float:right;}
.history-wrap .cent-wrap li:nth-child(even) .cont-box {float:right;padding-left:0.4rem;}
.history-wrap .cent-wrap li:nth-child(even) .word p:after{right:auto;left:-0.44rem}
.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:992px){
	.history-wrap .cent-wrap li{margin-top:0.5rem}
	.history-wrap .cent-wrap li .cont-box{width:100%;padding-right:0;}
	.history-wrap .cent-wrap li:nth-child(odd) .cont-box {float:left;text-align:left}
	.history-wrap .cent-wrap li .point{display:none}
	.history-wrap .cent-wrap li:nth-child(even) .cont-box{padding-left:0;}
	.history-wrap .cent-wrap li .word p:after{display:none}
	.history-wrap .cent-line-box{display:none}
	.history-wrap .cent-wrap{margin:0;padding:0}
	.history-wrap .bot-tit{display:none}
}


.honor{}
.honor .honor-item-a{ padding:0.5rem 0 1.2rem; text-align:center}
.honor .honor-item-a p{ margin-top:0.3rem; line-height:2; font-size:0.16rem }
.honor .honor-item-a p strong{ font-size:0.18rem}
.honor .honor-item-b{ background: url(../images/mask-bg.png) no-repeat center bottom #e5f5fc; padding-bottom:0.4rem}
.honor .honor-item-b h2{ text-align:center; position:relative; margin-top:-0.75rem; margin-bottom:0.8rem;}
.honor .honor-item-b h2 a{ display:inline-block; line-height:0.6rem; padding:0 0.6rem; background-color:#eee; font-size:0.22rem}
.honor .honor-item-b h2 a i{ font-size:0.24rem; margin-right:0.05rem; position:relative;top:3px}
.honor .honor-item-b h2 a.current{ background-color:#f16921; color:#fff; position:relative}
.honor .honor-item-b h2 a.current:after{content: ""; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f16921; position: absolute; left: 50%; margin-left:-6px;top:100%;}
.honor .honor-item-b .item{ margin-bottom:0.3rem;box-shadow: 0 16px 48px rgba(32,41,50,.12);border-radius:5px; overflow:hidden;}
.honor .honor-item-b .item .image{ position:relative; overflow:hidden}
.honor .honor-item-b .item img{ width:100%;}
.honor .honor-item-b .item .text{ padding:0.2rem; position:relative; background-color:#fff}
.honor .honor-item-b .item .text strong{ font-size:0.16rem; line-height:1.4; overflow:hidden; display:block; font-weight:normal}
.honor .honor-item-b .item .text i{ position:absolute; right:0; bottom:0; font-size:13px; color:#aaa; padding:0.2rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.honor .honor-item-b .item .content{ display:none}


.team{ margin-top:0.4rem}

.team .item{ background-color:#efefef; margin-bottom:0.3rem;position:relative;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5}
.team .item .image{height:2.4rem;background-position:center center;background-size:cover;}
.team .item .text{padding:0.25rem 0.3rem;}
.team .item strong{font-size:0.3rem;color:#008bd0;font-weight:normal}
.team .item span{display:block;margin-top:0.1rem;font-size:0.16rem;line-height:0.25rem;height:0.5rem}
.team .item i{display:block;width:0.17rem;height:0.14rem;background:url(../images/arrow-top.png) no-repeat center center;background-size:cover;right:0.4rem;bottom:0.3rem;position:absolute}
@media (max-width: 767px) {
	.team{ margin-top:0.3rem}
	.team .item{ margin-bottom:0.1rem}
}
@media (min-width:768px) {
	.team .item:hover{box-shadow: 0 5px 18px rgba(32,41,50,.1); transform: translate3d(0,-5px, 0); background-color:#fff}
}

.zuzhi img{ max-width:100%}



.member-list{ margin-top:0.4rem}
.member-list  h2{ text-align:center; margin-bottom:0.4rem}
.member-list  h2 a{ display:inline-block; line-height:0.55rem; color:#5a5a5a; font-size:0.18rem; padding:0 0.4rem; background-color:#fff; margin:0 2px;  border-bottom:3px #e2e2e2 solid;  border-radius:0.05rem;}
.member-list  h2 a.current{ background-color:#009ee3; border-bottom:0.03rem #008dca solid; color:#fff}
.member-list .item{ margin-bottom:0.3rem; }
.member-list .item a{ display:block;background-color:#f8f8f8; padding:0.25rem 0.3rem 0.3rem 1.9rem; border-radius:0.1rem; border:1px #e8e8e8 solid; -webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-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 #fff 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.2rem}
.member-list .item .text p{ font-family:Arial, Helvetica, sans-serif; margin-top:0.1rem; font-size:0.16rem; color:#999; }

@media (min-width:768px) {
	.member-list .item a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0); background-color:#fff}
}
@media (max-width:767px) {
	.member-list{ margin-top:0.3rem}
	.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{ }
.member-view .title{ color:#333; text-align:center; padding-bottom:0.3rem}
.member-view .title strong{font-size:0.28rem;line-height:1.5; text-align:center}
.member-view .title p{  color:#bbb;font-size:0.16rem;  margin-top:0.05rem; display:none}
.member-view .content{ line-height:1.8; font-size:0.16rem; margin:0.2rem 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 .contact-info{ border-top:0.05rem #eee solid; padding-top:0.3rem}
.member-view .contact-info h3{ font-size:0.18rem; font-weight:bold; margin-bottom:0.2rem}
.member-view .contact-info .map{ height:2.5rem}
.member-view .contact-info ul li{ margin-bottom:0.1rem}
.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}

@media (max-width: 767px) {
	.member-view{}
	.member-view .container{padding:0}
	.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}
}


.wow {visibility: hidden;}



.page-top{ text-align:center}
.page-top strong{ display:block; font-size:0.3rem; font-weight:normal }
.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 }


.project-item-a{background:#fff; padding:0.7rem 0;}
.project-item-a h2{font-size:0.32rem;line-height:1;text-align:center;position:relative}
.project-item-a h2:after{content: ""; display: block; width:0.6rem; height: 0.04rem;background-color:#009ee3;left:50%;margin-left:-0.3rem;top:0.5rem;position:absolute} 
.project-item-a .content{ margin-top:0.5rem; line-height:1.8; font-size:0.16rem;;text-align:justify}
.project-item-a .content p{ margin-bottom:0.15rem;text-indent:2em}

.project-num{ margin-top:0.4rem; }
.project-num .item{ text-align:center;border:2px #e8e8e8 solid;padding:0.15rem 0;border-radius:0.1rem }
.project-num .item strong{ display:block; font-size:0.16rem;font-weight:normal;color:#009ee3; }
.project-num .item strong b{ font-family:"dincond-medium-webfont";letter-spacing:-0.02rem;font-size:0.45rem; position:relative;top:0.02rem; margin-right:0.02rem}
.project-num .item span{ display:block; color:#888}

@media (max-width: 992px) {
	.project-item-a{ padding:0.4rem 0}
	.project-item-a h2{font-size:0.26rem}
	.project-item-a .content{ font-size:0.2rem ;line-height:1.6}
	.project-item-a .content{ margin-top:0.4rem}
	.project-num .item {margin-bottom:0.2rem}
	.project-num .item strong{ font-size:0.14rem;  }
	.project-num .item strong b{ font-size:0.27rem;}
}


.project-item-b{background:url(../images/project-bg2.jpg) no-repeat center center;background-size:cover; padding:0.7rem 0;}
.project-item-b h2{font-size:0.32rem;line-height:1;text-align:center;position:relative}
.project-item-b h2:after{content: ""; display: block; width:0.6rem; height: 0.04rem;background-color:#009ee3;left:50%;margin-left:-0.3rem;top:0.5rem;position:absolute} 
.project-item-b .content{ margin-top:0.5rem; line-height:1.8; font-size:0.16rem;margin-bottom:0.4rem;text-align:justify}
.project-item-b .content p{ margin-bottom:0.15rem;text-indent:2em}
.project-item-b .item{margin-bottom:0.3rem}
.project-item-b .item a{display:block;position:relative;overflow:hidden}
.project-item-b .item .image{background-position:center center;background-size:cover;height:1.8rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5}
.project-item-b .item span{display:block;position:absolute;left:0;bottom:0;width:100%;padding:0.4rem 0.15rem 0.15rem;background:url(../images/txt_png.png);background-size:100% 100%;z-index:2;color:#fff;text-align:center}
.project-item-b .item.s1 .image{height:3.9rem}
@media (min-width:993px){
	.project-item-b .item a:hover .image{transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@media (max-width: 992px) {
	.project-item-b{ padding:0.4rem 0}
	.project-item-b h2{font-size:0.26rem}
	.project-item-b .content{ font-size:0.2rem ;line-height:1.6}
	.project-item-b .content{ margin-top:0.4rem;margin-bottom:0.3rem;}
	.project-item-b .item{margin-bottom:0.2rem;}
	.project-item-b .item .image{height:2rem !important;}
	.project-item-b .col-sm-6{padding:0;}
}

.more-btn{  width:1.1rem; height: 0.4rem; border:1px #ddd solid; border-radius:0.2rem; overflow:hidden;  display: block; line-height: 0.37rem; text-align: center; position: relative; z-index: 1; margin:0.3rem auto 0;transition: all 0.5s;}
.more-btn:before{ content:""; width:100%; height:100%; background-color:#fff; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.more-btn i{font-size:0.12rem; margin-left:0.03rem; position:relative;top:-1px}
.more-btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}


.huanbao{margin-top:0.4rem}
.huanbao .item{margin-bottom:0.5rem}
.huanbao .item h2{font-size:0.2rem;font-weight:bold;}
.huanbao .item table{border-collapse:collapse; width:100%;margin-top:0.3rem}
.huanbao .item table th, .huanbao .item table td{border: 1px solid #ccc;padding:0.1rem;text-align:center }
.huanbao .item table th{background-color:#faf5f8;font-weight:normal;}
.huanbao .item table td img{width:100%;max-width:6rem}
.huanbao .item table td h3{text-align:center;font-weight:bold;font-size:0.18rem;padding:0.1rem 0;color:#005bac}
.huanbao .item table td p{text-align:left;margin:0.05rem 0}

.search-top{ padding-top:0.5rem; background-color:#f2f2f4;}
.search-top span{ color:#ee0000; margin:0 0.1rem}

.news-list{  padding-top:0.5rem;background-color:#f2f2f4}
.news-list .top-news{ padding-bottom:0.3rem}
.news-list .top-news .container{ position:relative;}
.news-list .top-news a{ position:relative; display:block; background-color:#fff}
.news-list .top-news .image{ width:38%; float:left; position:absolute; height:100%;  background-repeat:no-repeat; background-position:center center; background-size:cover}
.news-list .top-news .text{ width:62%; float:right; padding:0.3rem; position:relative;}
.news-list .top-news .text span{ display:block; color:#aaa; font-family:Arial, Helvetica, sans-serif;margin-top:0.3rem}
.news-list .top-news .text strong{ display:block; font-size:0.22rem;font-weight:normal }
.news-list .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-list .top-news .text .more-btn{ background-color:#fff; color:#999;font-size:0.14rem; position:absolute; right:0.3rem;bottom:0.3rem;}
.news-list .top-news .text .more-btn:hover{ color:#fff}
.news-list .top-news .text .more-btn:before{ background-color:#06b}
.news-list .list{ padding-bottom:0.5rem; }
.news-list .list li{ border-top:3px #f2f2f4 solid; background-color:#fff}
.news-list .list li a{ display:block;display: -ms-flex;display: -webkit-flex;display: flex;padding:0.3rem; position:relative; overflow:hidden;transition: all 0.5s; -webkit-transition: all 0.5s; }
.news-list .list li .date{ min-width:1.5rem; font-family:"Montserrat-Regular";letter-spacing:-0.01rem; font-size:0.2rem; color:#06b; line-height:0.26rem}
.news-list .list li .text strong{ font-size:0.18rem; font-weight:normal}
.news-list .list li .text p{margin-top:0.1rem; font-size:0.14rem; line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient: vertical;}
.news-list .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-list .list li .more i{ font-size:0.5rem; position:absolute; top:50%; margin-top:-0.35rem; left:50%; margin-left:-0.25rem}
.news-list .list li .more span{position:absolute; top:50%; margin-top:0.15rem; left:0;text-align:center;width:100%; font-size:0.14rem }
.news-list .list li a:hover .more{ right:0;opacity: 1; width:142px;}

@media (max-width: 767px) {
	.news-list .list .container{ padding:0;}
	.news-list{ padding:0;min-height:60vh}
	.news-list .top-news{ background-color:#fff; padding-top:0.3rem;border-top:1px #e8e8e8 solid; }
	.news-list .top-news .text{ padding:0.2rem}
	.news-list .top-news .text strong{ font-size:0.22rem}
	.news-list .top-news .text p{ line-height:1.5; display:none}
	.news-list .top-news .text .more-btn{ right:0.2rem;bottom:0.15rem}
	.news-list .list li{ font-size:0.18rem; line-height:1.5;border-top:1px #e8e8e8 solid;}
	.news-list .list li .date{ min-width:1.05rem; font-size:0.15rem}
	.news-list .list li .text p{ display:none}
	.news-list .list li .text strong{ font-size:0.2rem}
}


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

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


.news-view{  background-color:#f2f2f4; padding:0.5rem 0}
.news-view .box{background-color:#fff; padding:4%;position:relative; z-index:98;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.05); margin-top:-2rem}
.news-info .text{}
.news-info .title{ color:#333; text-align:center; padding-bottom:0.3rem}
.news-info .title h1{font-size:0.22rem;line-height:1.5}
.news-info .title p{  color:#888;font-size:0.32rem; font-weight:bold;  color:#009ee3; padding-bottom:0.1rem;}
.news-info .info{color:#bbb; position:relative; padding-bottom:0.2rem;font-size:0.14rem; border-bottom:1px #e8e8e8 solid}
.news-info .info span.source{background: url(../images/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-info .info span.date{background: url(../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-info .info span.hits{background: url(../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}
.news-info .info em{ display:none}
.news-info .info .share{ position:absolute; right:0;top:0px;}

.news-view .content{ line-height:1.8; font-size:0.16rem; 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 .other{ border-top:1px #eee solid; padding-top:0.2rem;font-size:0.16rem;color:#777;}
.news-view .other{ color:#777; }
.news-view .other p{  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom:0.1rem; }
.news-view .other p a{ margin-left:3px;}
.news-view .download{ border-top:1px #e8e8e8 solid; padding:0.3rem 0; margin-top:0.3rem; }
.news-view .download h2{ font-size:0.18rem; margin-bottom:0.2rem;}
.news-view .download p{ padding:5px 0px;font-size:0.16rem }
.news-view .download p a{color:#009ee3;}
.news-view .download p i{ font-size:0.2rem; margin-right:0.05rem; color:#aaa}
.news-view .download p a:hover{ text-decoration:underline}

.news-view .slider-wrapper{  position:relative; margin:30px auto 0px; }
.news-view .swiper-container{overflow:hidden;}
.news-view .swiper-slide{ text-align:center;}
.news-view .swiper-slide img{max-width:800px; height:450px;}
.news-view .swiper-slide .title{ margin-top:15px; font-size:0.14rem}
.news-view .swiper-pagination{position: absolute; z-index: 20; bottom:60px; width: 100%; text-align: center;}

.news-view .news-video-con{width:720px;margin:50px auto}
.news-view .news-video-con p{ text-align:center;margin-top:15px;}

@media (max-width: 767px) {
	.news-view{box-shadow:none; padding:0; z-index:1;}
	.news-view .container{padding:0}
	.news-view .box{ padding-top:0.3rem; margin-top:0}
	.news-info .title{ padding-bottom:0.15rem; }
	.news-info .title p{font-size:0.24rem;font-weight:700}
	.news-info .title h1{line-height:1.4; padding:0;font-size:0.26rem;}
	.news-info .info{ border-bottom:0; text-align:center; border-bottom:1px #ddd solid; background:none; font-size:0.18rem; padding-bottom:0.2rem }
	.news-info .info span{ background:none !important; padding-left:0!important}
	.news-info .info span.source{ color:#009ee3}
	.news-info .info em{}
	.news-info .info .hits{ display:none }
	.news-view .content{ line-height:1.6;font-size:0.2rem;}
	.news-view .content img{ max-width:100%}
	.news-view .other{ font-size:0.18rem}
	.news-view .download p{font-size:0.18rem }
	.news-view .swiper-button-next{ display:none !important}
	.news-view .swiper-button-prev{ display:none !important}
	.share{ display:none}
	.news-view .swiper-slide img{width:100%;height:auto}
	.news-view .news-video-con{width:100%;margin:20px auto}
}



.bid-list{ background-color:#f2f2f4; padding:0.5rem 0 }
.bid-list .item{position:relative; padding:0.3rem; margin-bottom:3px;background-color:#fff;transition: all 0.5s; -webkit-transition: all 0.5s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;  position:relative; }
.bid-list .item a{ display:block;-webkit-transition: background-color .25s;transition:background-color .25s;}
.bid-list .item .date{font-family:"Montserrat-Regular";letter-spacing:-0.01rem;}
.bid-list .item .date strong{ display:block; padding:0 0.2rem; line-height:0.6rem; background-color:#828d95; text-align:center; font-size:0.36rem; color:#fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-weight:normal}
.bid-list .item .date span{ display:block;padding:0 0.2rem; line-height:0.24rem; text-align:center; font-size:0.13rem; color:#fff; margin-top:1px; background-color:#ccc;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.bid-list .item .text{  position:relative; padding-left:0.2rem; width:100% }
.bid-list .item .text .title{ display:block; line-height:1.5; font-size:0.18rem;margin-right:1rem; min-height:0.54rem}
.bid-list .item .text .other{ margin-top:0.05rem; color:#aaa;font-size:0.13rem}
.bid-list .item .text .other i{ margin-right:3px; position:relative;top:2px; font-size:0.2rem}
.bid-list .item .text .other span{ margin:0 0.1rem; color:#ccc}
.bid-list .item .text a.more{position: absolute;right: 0;top: 0.05rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;transition: all 0.3s; -webkit-transition: all 0.3s; background-color:#009ee3;border-radius:3px; padding:0 0.2rem;color:#fff; line-height:0.4rem; font-size:0.14rem; text-align:center}
.bid-list .item .text a.more i{ margin-right:2px; font-size:0.2rem; line-height:0.4rem; font-weight:normal}
.bid-list .item .text a.more:hover{ background-color:#0087c2}
.bid-list .item .text a.off{ background-color:#ccc !important}

@media (max-width: 767px) {
	.bid-list{padding:0; padding-top:1px; background-color:#e8e8e8}
	.bid-list .container{padding:0}
	.bid-list .item{padding:0.3rem 0.2rem; margin-bottom:1px }
	.bid-list .item .text .title{ font-size:0.2rem}
}

.file-down-list{ padding:0.3rem;}
.file-down-list p{margin-bottom:0.15rem;padding-bottom:0.15rem; border-bottom:1px #eee solid}
.file-down-list p:last-child{border-bottom:0}
.file-down-list p i{color:#aaa;margin-right:0.05rem;}
.file-down-list p a{color:#009ee3;font-weight:bold}
.file-down-list p a:hover{text-decoration:underline}
@media (max-width: 767px) {
	.file-down-list{ padding:0; font-size:0.18rem}
}

.bid-view{  background-color:#f2f2f4; padding:0.5rem 0}
.bid-view .box{background-color:#fff; padding:4%;position:relative; z-index:99;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.05); margin-top:-2rem}
.bid-view .bid-con{background-color:#ebf0f5; padding:0.4rem; margin-top:0.3rem}
.bid-view .item{ position:relative; line-height:1.8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom:0.2rem}
.bid-view .item .content{ width:100%;  }
.bid-view .item .content p{ margin-bottom:0.15rem;}
.bid-view .item .content img{max-width:100%;}
.bid-view .item label{ display:block; width:1rem; text-align:right;  font-weight:normal; color:#999}
.bid-view .file{ position:relative; margin-top:0.4rem;display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom:0.2rem }
.bid-view .file h2{font-size:0.18rem;line-height:0.3rem; width:1.5rem; font-weight:bold}
.bid-view .file h2 em{ display:inline-block; width:0.4rem;height:0.4rem; background-color:#009fd6; color:#fff; line-height:0.4rem; text-align:center;border-radius:0.2rem; margin-right:0.1rem; }
.bid-view .file h2 em i{ font-size:0.3rem; line-height:0.4rem; font-weight:normal;}
.bid-view .file .con{ width:100%; padding-top:0.14rem}
.bid-view .file p{ margin-bottom:0.1rem}
.bid-view .file p a{ color:#009ee3}
.bid-view .file p a:hover{ text-decoration:underline}

@media (max-width: 767px) {
	.bid-view{box-shadow:none; padding:0;z-index:1; font-size:0.2rem}
	.bid-view .container{padding:0}
	.bid-view .box{ padding-top:0.3rem; margin-top:0}
	.bid-view .bid-con{ padding:0.3rem}
	.bid-view .item{ line-height:1.6}
	.bid-view .item label{ width:1.3rem}
}



.video-list{background-color:#f2f2f4; 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}
}


.news-list2{background-color:#f2f2f4; padding:0.5rem 0 }
.news-list2 .item-a{margin-bottom:0.3rem}
.news-list2 .item-a a{ display:block; position:relative; height:4.2rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.news-list2 .item-a .image{ position:absolute; left:0;top:0; right:0;bottom:0; background-repeat:no-repeat; background-position:center center; background-size:cover}
.news-list2 .item-a .text{ position:absolute; left:0;bottom:0; right:0; z-index:2; padding:0.3rem; color:#fff; }
.news-list2 .item-a .text strong{ display:block; font-size:0.2rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-right:1rem}
.news-list2 .item-a .text span{font-family:"MontserratAlternates-Medium"; position:absolute; right:0.3rem;top:0.4rem}
.news-list2 .item-a .text p{ font-size:0.15rem; line-height:1.7; margin-top:0.15rem}
.news-list2 .item-a .text i{ position:absolute; right:0.3rem;bottom:0.3rem; font-size:0.20rem; color:#fff}
.news-list2 .item-b{  margin-bottom:0.3rem}
.news-list2 .item-b a{ display:block;position:relative;height:3.8rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s; border:1px #ddd solid; border-top:0;}
.news-list2 .item-b .image{ height:60%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.news-list2 .item-b .text{ position:relative; height:40%; background-color:#fff;   z-index:2; padding:0.2rem 0.3rem 0.3rem;}
.news-list2 .item-b .text strong{ display:block;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  font-size:0.18rem; line-height:1.5; height:0.6rem; overflow:hidden; font-weight:normal}
.news-list2 .item-b .text span{font-family:"MontserratAlternates-Medium"; display:block; margin-top:0.2rem; color:#aaa}
.news-list2 .item-b .text p{ font-size:0.15rem; line-height:1.7; margin-top:0.1rem; display:none}
.news-list2 .item-b .text i{ position:absolute; right:0.3rem;bottom:0.3rem; font-size:0.20rem; color:#808689}

@media (max-width: 767px) {
	.news-list2{ padding:0.3rem 0}
	.news-list2 .item-a{ margin-bottom:0.2rem; border-radius:0.05rem; overflow:hidden}
	.news-list2 .item-b{  margin-bottom:0.2rem}
	.news-list2 .item-a a{ height:2.7rem}
	.news-list2 .item-a .text{ padding:0.18rem 0.2rem 0.15rem; }
	.news-list2 .item-a .text i{ right:0.2rem; bottom:0.2rem}
	.news-list2 .item-a .text p{ font-size:0.2rem; font-weight:bold}
	.news-list2 .item-b a{ height:1.4rem}
	.news-list2 .item-b .image{ width:36%; height:100%; float:left}
	.news-list2 .item-b .text{ padding:0.25rem; height:100%; width:64%; float:right}
	.news-list2 .item-b .text strong{ height:0.5rem; line-height:1.4; font-weight:normal; font-size:0.2rem }
	.news-list2 .item-b .text i{ right:0.2rem; bottom:0.2rem; font-size:0.16rem; color:#ddd}
	
}
@media (min-width:768px) {
	.news-list2 .item-a a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0);}
	.news-list2 .item-b a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0);}
}



.news-list3{background-color:#f2f2f4; padding:0.5rem 0 }
.news-list3 .item-b{  margin-bottom:0.3rem}
.news-list3 .item-b a{ display:block;position:relative;height:2.4rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.news-list3 .item-b .image{ height:100%; width:40%; float:left; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.news-list3 .item-b .text{ position:relative; height:100%; width:60%; float:left; background-color:#fff;   z-index:2; padding:0.4rem;}
.news-list3 .item-b .text strong{ display:block; font-size:0.22rem; line-height:1.5; }
.news-list3 .item-b .text span{font-family:"FjallaOne-Regular"; display:block; margin-top:0.2rem; color:#aaa}
.news-list3 .item-b .text p{ font-size:0.15rem; line-height:1.7; margin-top:0.1rem;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;  }
.news-list3 .item-b .text i{ position:absolute; right:0.3rem;bottom:0.3rem; font-size:0.20rem; color:#808689}

@media (max-width: 767px) {
	.news-list3{ padding:0.3rem 0}
	.news-list3 .item-b{  margin-bottom:0.2rem}
	.news-list3 .item-b a{ height:1.4rem}
	.news-list3 .item-b .image{ width:36%; height:100%; float:left}
	.news-list3 .item-b .text{ padding:0.25rem; height:100%; width:64%; float:right}
	.news-list3 .item-b .text strong{ height:0.5rem; line-height:1.4; font-weight:normal; font-size:0.2rem }
	.news-list3 .item-b .text p{ display:none}
	.news-list3 .item-b .text i{ right:0.2rem; bottom:0.2rem; font-size:0.16rem; color:#ddd}
	

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


.book-list{background-color:#f2f2f4; padding:0.5rem 0 }
.book-list .item { margin-bottom:0.3rem}
.book-list .item a{ display:block; padding:0.15rem; background-color:#fff; position:relative;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.book-list .item .image{ width:28%; float:left} 
.book-list .item .image img{ width:100%;}
.book-list .item .image {}
.book-list .item .text{ width:72%; float:right; padding:0.3rem; text-align:center}
.book-list .item .text strong{ display:block; font-size:0.2rem;}
.book-list .item .text span{ display:block; margin-top:0.1rem; color:#f39800}
.book-list .item .text em{ color:#f39800; margin-top:0.05rem; display:block}
.book-list .item .text p{ margin-top:0.2rem; line-height:2; color:#888; font-size:0.14rem}

@media (max-width: 767px) {
	.book-list{ padding:0; padding-top:1px; background-color:#e8e8e8}
	.book-list .container{padding:0}
	.book-list .item{ margin-bottom:1px}
	.book-list .item a{ padding:0.3rem}
	.book-list .item .image{ width:30%}
	.book-list .item .text{ width:70%; padding:0.2rem}
	.book-list .item .text strong{ font-size:0.22rem}
	.book-list .item .text p{ margin-top:0.1rem; line-height:1.6}

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


.product-list{ padding:0.5rem 0}
.product-list .item{ margin-bottom:0.3rem}
.product-list .item img{ width:100%}
.product-list .item .text{ padding:0.2rem; position:relative; background-color:#fff}
.product-list .item .text strong{ font-size:0.18rem; line-height:1; overflow:hidden; display:block; font-weight:normal}
.product-list .item .text i{ position:absolute; right:0; bottom:0; font-size:0.14rem; color:#aaa; padding:0.2rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.product-list .item a{display:block; border-radius:5px; overflow:hidden; box-shadow: 0 1px 20px 0 rgba(0,0,0,0.05);position:relative; -webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.product-list .item .content{ display:none}


.product-view .image img{ width:100%}
.product-view .text{ font-size:0.15rem; margin-top:0.2rem;}

.download-list{ background-size:cover; padding:0.5rem 0 }
.download-list .item{ margin-bottom:5px}
.download-list table{ background-color:#fff; width:100%; }
.download-list table th{ background-color:#fafafa; padding:0.2rem 0; text-align:center; font-weight:normal; color:#05b;;}
.download-list table th i{ color:#ff0000; margin-right:0.05rem;}
.download-list table td{ background-color:#fff; padding:0.25rem 0.2rem; position:relative;  }
.download-list table td a{ font-size:0.18rem;}
.download-list table td a i{ margin-left:0.05rem; font-weight:normal}
.download-list table tr span{ position:absolute; right:0.2rem;top:50%; margin-top:-10px; line-height:22px; cursor:pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size:0.16px }
.download-list table tr span i{ display:inline-block; width:22px; height:22px;  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; }
.download-list table tr span.hover i{transform:rotate(0deg);}
.download-list table tbody{ display:none}
.download-list table tbody td{ border-top:1px #e8e8e8 solid}
.download-list table tbody th{ border-top:1px #e8e8e8 solid}
.download-list table thead td{ cursor:pointer; borde:0;}
.download-list table thead td b{ font-weight:normal; color:#aaa; margin-left:5px; }
.download-list .w15 { width: 15%; min-width:1rem;}

@media (max-width:992px) {
	.download-list{ padding:0.3rem 0}
}


.map{ padding:0.5rem 0 0}
.map .info{ line-height:1.8; font-size:0.16rem}
.map .info p{ margin-bottom:0.2rem}
.map .map-con{ margin-top:0.9rem;background:url(../images/mask-bg.png) no-repeat center bottom #e5f5fc}
.map .map-con h2{ text-align:center; position:relative; margin-top:-0.75rem}
.map .map-con h2 a{ display:inline-block; line-height:0.6rem; padding:0 0.4rem; background-color:#eee; font-size:0.22rem}
.map .map-con h2 a i{ font-size:0.28rem; margin-right:0.05rem; position:relative;top:3px}
.map .map-con h2 a.current{ background-color:#f16921; color:#fff; position:relative}
.map .map-con h2 a.current:after{content: ""; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f16921; position: absolute; left: 50%; margin-left:-6px;top:100%;}
.map .map-wrapper{ margin-top:0.4rem; text-align:center; padding:0.5rem 0}
.map .map-wrapper img{ max-width:100%}

@media (max-width:992px) {
	.map .map-con h2 a{ padding:0 0.2rem; font-size:0.18rem}
}

.jubao{ }
.jubao h1{ text-align:center; font-size:0.24rem; }
.jubao .content{ line-height:1.8; margin-top:0.3rem}
.jubao .content p{ margin-bottom:0.15rem}
.jubao .btns{ text-align:center;}
.jubao .btns a{ display:inline-block; line-height:0.6rem; padding: 0 0.3rem; background-color:#888; color:#fff}
.jubao .btns a.btn1{ background-color:#0099e3}
.jubao .item{ border:1px #ddd solid; padding:0.3rem; background-color:#f8f8f8}
.jubao .form{ padding:0 !important; margin-top:0.4rem}

@media (max-width: 767px) {
	.jubao{}
	.jubao .item{ padding:0;}
}



.culture-item-a{  }
.culture-item-a .text{/* background:url(../images/mask-bg.png) no-repeat center bottom #e5f5fc; */padding-top:0.7rem; text-align:center}
.culture-item-a .text h2{ font-size:0.3rem; padding-bottom:0.25rem; margin-bottom:0.25rem; position:relative}
.culture-item-a .text h2:after { content: ""; display: block; width:0.6rem;height:0.04rem;background-color:#008bd0;position:absolute; left:50%; margin-left:-0.3rem;bottom:0;  }
.culture-item-a .text p{ line-height:1.8;font-size:0.16rem; text-align:left; margin-bottom:0.2rem;text-indent:2em}


.culture-item-b{background-color:#fff; padding:0.5rem 0;}
.culture-item-b  .icons{ position:relative; margin-top:0.4rem }
.culture-item-b h2{ font-size:0.3rem; padding-bottom:0.25rem; margin-bottom:0.25rem; position:relative;text-align:center}
.culture-item-b h2:after { content: ""; display: block; width:0.6rem;height:0.04rem;background-color:#008bd0;position:absolute; left:50%; margin-left:-0.3rem;bottom:0;  }
.culture-item-b  .icons .item{ background-color:#f5f5f8; text-align:center; padding:0.3rem; margin-bottom:0.3rem}
.culture-item-b  .icons .item .imgbox {position:relative;overflow:hidden;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s; width:1.2rem; margin:0 auto}
.culture-item-b  .icons .item .imgbox img {display:block; width:100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.culture-item-b  .icons .item .imgbox .act {opacity:0;position:absolute;left:0;top:0;z-index:2;}
.culture-item-b  .icons .item .imgbox i {display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);background:#009ee3;z-index:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.culture-item-b  .icons .item .tebox {padding:0.1rem 0.1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.culture-item-b  .icons .item .tebox .tl {color:#444444;font-size:0.2rem; font-weight:bold;margin-bottom:0.1rem;}
.culture-item-b  .icons .item .tebox .te {color:#999999;line-height:1.4; height:0.48rem; overflow:hidden}
.culture-item-b.s2{ background:url(../images/vision-bg.jpg) no-repeat center center; background-size:cover}
.culture-item-b.s2 .icons .item{ background-color:#fff;}
@media (min-width: 768px) {
	/*.culture-item-b  .icons .item:hover {-webkit-box-shadow:1px 2px 10px 0px rgba(52,53,54,0.18);-moz-box-shadow:1px 2px 10px 0px rgba(52,53,54,0.18);box-shadow:1px 2px 10px 0px rgba(52,53,54,0.18); background-color:#f4f4f4}*/
	.culture-item-b  .icons .item:hover .imgbox {border-color:#184799;}
	.culture-item-b  .icons .item:hover .imgbox .nor {opacity:0;}
	.culture-item-b  .icons .item:hover .imgbox .act {opacity:1;}
	.culture-item-b  .icons .item:hover .imgbox i {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
	.culture-item-b  .icons .item:nth-child(1) {margin-top:0;}
}
@media (max-width: 767px) {
	.culture-item-b{ padding-bottom:0.3rem}
	.culture-item-b .icons .item{ padding:0.2rem; }
	.culture-item-b .icons .item .tebox{ padding:0 }
	.culture-item-b .text p{ width:100%; font-size:0.18rem}
}





.culture-item-c{ background:url(../images/mask-bg.png) no-repeat center bottom #e5f5fc;  padding:0.7rem 0}
.culture-item-c h2{ font-size:0.3rem; padding-bottom:0.25rem; margin-bottom:0.25rem; position:relative;text-align:center}
.culture-item-c h2:after { content: ""; display: block; width:0.6rem;height:0.04rem;background-color:#008bd0;position:absolute; left:50%; margin-left:-0.3rem;bottom:0;  }
.culture-item-c .leader-slider{ margin-top:0.4rem;overflow:hidden; position:relative; padding:0 0.1rem 0.5rem}
.culture-item-c .con{ position:relative;}
.culture-item-c .item{background-color:#fff}
.culture-item-c .item img{ width:100%}
.culture-item-c .item .text{ padding:0.2rem 0.3rem 0.3rem; position:relative}
.culture-item-c .item .text strong{ font-size:0.18rem; line-height:1.4; height:0.5rem; overflow:hidden; display:block; font-weight:normal}
.culture-item-c .item .text span{ display:block;font-family:"FjallaOne-Regular"; color:#999; margin-top:0.2rem }
.culture-item-c .item .text i{ position:absolute; right:0; bottom:0; font-size:0.3rem; color:#ddd; padding:0.2rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.culture-item-c .item a{display:block; border:1px #ddd solid; position:relative; -webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.culture-item-c .swiper-button-prev,.culture-item-c .swiper-button-next{width: 100px;height: 100px; text-align:center; position: absolute;top:50%; margin-top:-75px; background:none;z-index:20;color:#ccc;opacity: .7;-webkit-transition: 0.5s;transition: 0.5s;}
.culture-item-c .swiper-button-prev i,.culture-item-c .swiper-button-next i{ font-size:0.7rem}
.culture-item-c .swiper-button-prev{left:-100px;}
.culture-item-c .swiper-button-next{right:-100px;}
.culture-item-c .swiper-button-prev:hover{opacity: 1; }
.culture-item-c .swiper-button-next:hover{opacity: 1;}
.culture-item-c .swiper-button-disabled{opacity:0.7}


@media (min-width:768px) {
	.culture-item-c .item a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0);}
	.culture-item-c .item a:hover i{ background-color:#009ee3; color:#fff}
}
@media (max-width: 767px) {
	.culture-item-c{ padding:0.5rem 0 0.3rem}
	.culture-item-c .item .text{ padding:0.2rem  0.2rem  0.3rem}
	.culture-item-c .leader-slider{ margin-top:0.3rem; padding:0 0rem 0.6rem}
	.culture-item-c .swiper-button-prev,.culture-item-c .swiper-button-next{ display:none}
}



.fixedImg { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover;}
@media (max-width: 767px) {
	.fixedImg{background-attachment:inherit;}
}


.culture-item-d{ position:relative; padding:0.7rem 0; color:#fff; text-align:center;text-shadow: 0px 0px 4px rgba(0,0,0,0.26);}
.culture-item-d:before { content: ""; width: 100%; height: 100%; background: #000; opacity: 0.10; position: absolute; top: 0; left: 0; z-index: 1;}
.culture-item-d .container{ position:relative; z-index:2}
.culture-item-d h2{ font-size:0.3rem; padding-bottom:0.25rem; margin-bottom:0.25rem; position:relative;text-align:center}
.culture-item-d h2:after { content: ""; display: block; width:0.6rem;height:0.04rem;background-color:#008bd0;position:absolute; left:50%; margin-left:-0.3rem;bottom:0;  }
.culture-item-d h3{ margin-top:0.3rem; font-size:0.18rem; font-weight:bold}
.culture-item-d p{ color:#fff; width:60%; text-align:left; margin:0.2rem auto 0; font-size:0.16rem; line-height:1.6; }
.culture-item-d a{ color:#fff}
.culture-item-d a:hover:before{ background-color:#009ee3}
@media (max-width: 767px) {
	.culture-item-d p{ width:100%; font-size:0.18rem; line-height:1.5}
}

.culture-view{ padding:0.2rem;}
.culture-view img{ max-width:100%}
.culture-view p{ margin-bottom:0.2rem}
.culture-view hr{ border-top:1px #ccc solid}

.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:"Montserrat-Regular";letter-spacing:-0.03rem;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:"Montserrat-Regular";letter-spacing:-0.02rem;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{ padding:0.5rem 0}
.job-content h2{ border-bottom:1px #ccc solid; height:0.6rem; margin-bottom:0.3rem;}
.job-content h2 a{ display:inline-block; padding:0 0.3rem; font-size:0.22rem; line-height:0.6rem; height:0.6rem; border:1px #ccc solid; }
.job-content h2 a i{ margin-right:0.1rem; font-size:0.2rem; font-weight:normal}
.job-content h2 a.current{ background-color:#fff; color:#f16921; border-bottom:1px #fff solid}
.job-content .table{ border-spacing:0px;border-right:0 !important; border-bottom:0 !important;}
.job-content .table *{vertical-align:middle !important;border-collapse:collapse !important; border-left:0 !important; border-top:0 !important;}
.job-content .table th{ background-color:#f2f2f2}
.job-content .con{ line-height:1.8}
.job-content .con p{ margin-bottom:0.15rem}
.job-info{ background-color:#e5f5fc;}
.job-info .content{ padding:0.3rem}
.job-info .content h2{ font-size:0.22rem; line-height:1; border-left:5px #f16921 solid; padding-left:0.1rem;  margin-bottom:0.2rem}
.job-info .content p{ margin-bottom:0.1rem; line-height:1.5; color:#777}


@media (max-width:992px) {
	.job-content h2 a{ padding:0 0.2rem; font-size:0.18rem}
}


.job-info img{ width:100%}

.job-list{background:#fff; 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 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 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 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 .w15{ width:15%; min-width:1rem;}
.job-list .content{ line-height:1.7;}
.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; display:none}
.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{ padding:0.5rem 0; background-color:#fff;}
.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-size:0.22rem; font-weight:normal}
.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-top:5px; color:#888;}
.contact .icons .item:last-child{ border-bottom:0}
.contact .map-con{ width:70%; float:left; padding-left:0.5rem;}
.contact #Gmap{ border:1px #ddd solid}

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


.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/banner1.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}
.form{padding:0.5rem}
.form .item{padding-bottom:0.4rem;margin-bottom:0.4rem;border-bottom:1px #e8e8e8 solid}
.form .item h2{font-size:0.2rem;font-weight:600;color:#009ee3}
.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}
.form .item .con{margin-top:0.3rem}
.form .item img{padding-top:0.15rem}
.form .item .btns{margin-top:0.3rem}
.form .item .btn1{background-color:#009ee3;color:#fff;border:0;padding:0.2rem 0.6rem}
.form .item .btn2{background-color:#ccc;color:#fff;border:0;padding:0.2rem 0.6rem;margin-left:0.05rem}
.form .item label span{margin-right:0.02rem;color:#ee4433; }
.form .item .view-con{ padding-top:0.2rem; color:#888}
.form .form-group{ margin-bottom:0.25rem}
.form .btn-up{ background-color:#ee0000; color:#fff; padding:0.12rem 0.3rem; margin-bottom:0.2rem; display:inline-block;}
.form a.link{ margin-left:0.1rem; color:#009ee3}
.form a.link:hover{ text-decoration:underline}
.report .apply-footer{ text-align:center; font-size:0.16rem; color:#888}
.form select{ background:url(../images/select-icon.png) no-repeat right center; background-size:20px 20px}

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}
	.form{padding:0; }
	.form label{ font-size:0.20rem; }
	.form .form-control{ font-size:0.20rem; }
	.form .control-label{ margin-top:0.1rem}
	.form .radio-inline{ color:#888}
	.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{ }
	.form-group{ margin-bottom:0}
	.form .checkbox-inline{ color:#888}
	.form .item{margin-bottom:0; padding-bottom:0;border-bottom:0;}
	.form .item h2{font-size:0.24rem; background-color:#009ee3; color:#Fff; padding-left:0.3rem; line-height:0.8rem}
	.form .item h2:after{border-top: 0.07rem solid #fff;}
	.form .item .con{margin-top:0rem;padding:0.15rem 0.3rem;}
	.form-horizontal .control-label{padding-top:0.1rem}
	.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{padding-top:0.1rem}	
	.form .item .btns{ text-align:center; padding-bottom:0.3rem}
	.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}
	.form .item .btn2{ display:none}
	.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//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}