/*html5*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block;}
audio,canvas,video{display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea, 
th, td,
img{border:medium none; margin: 0; padding: 0;}
/*form*/
button,input,select,textarea {margin: 0; font-size: 100%; vertical-align: middle;}
button,input {*overflow: visible;line-height: normal;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="search"] { -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
textarea { overflow: auto; vertical-align: top;}
body,button, input, select, textarea { font: 12px/1.5 'LucidaGrande', Helvetica, sans-serif;}
select{-webkit-appearance: menulist-button;}
/** 设置默认字体 **/
h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999;}

/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333; outline: none;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover { text-decoration: underline; color:#F40; }
/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing:0; }
/**禁止拉动**/
textarea{resize:none;}
/*重置表单元素*/
input,button,select,textarea{outline:none;}
/*选中文字背景色*/
/*::-moz-selection{background: #81BA10; color:#ffffff; text-shadow: none;} 
::selection {background: #81BA10; color:#ffffff; text-shadow: none;}*/
h1{}
h2{ font-size:24px; font-weight:400; font-family: 'ProximaNova-Bold';}
h3{}
h4{}
h5{ font-size:16px; font-weight:400; font-family: 'ProximaNova-Bold';}
h6{ font-size:12px; font-weight:400; font-family: 'ProximaNova-Bold';}
/*常用样式*/
.clears{zoom:1;}
.clears:after{clear:both; content:"."; display:block; margin:0; padding:0; font-size:0; height:0; line-height:0; overflow:hidden;} 
.al{ text-align:left;}
.ar{ text-align:right}
.ac{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.underline{ text-decoration:underline;}
.vm { vertical-align: middle; height: 100%;}
.width-100 { width: 100%;}
.pointer {cursor: pointer;}
.hide {display: none;}
.upp{ text-transform:uppercase;}

.div-table{ display:table; height:100%; width:100%;}
.table-cell{ display:table-cell; vertical-align:middle; height:100%;}
img{ max-width:100%;}

.container-fluid{ padding-left:20px; padding-right:20px; max-width:1200px; }
.row{ margin-left:-20px; margin-right:-20px;}
.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:20px; padding-right:20px; transition:all 0.25s;}

.css3-animation{transition: all 0.5s ease, opacity 1s ease; opacity: 0; transform:translateY(10px); }
.css3-animation.scrolltothis{/*animation:imgAnimation  1s ;*/ opacity:1; transform:translateY(0);}
.css3-animation-3d{    transition: all 0.5s ease, opacity 1s ease;   opacity: 0;   transform: translateY(200px) translateZ(-500px) rotateX(90deg);}
.css3-animation-3d.scrolltothis{    transition: all 0.5s ease, opacity 1s ease;   opacity: 1; transform: translateY(0) translateZ(0) rotateX(0deg);}
.css3-animation-txt{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(100px);}
.css3-animation-txt.scrolltothis{opacity: 1;  transform:translateX(0);}
.css3-animation-txt-y{transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateY(100px);}
.css3-animation-txt-y.scrolltothis{opacity: 1;  transform:translateY(0);}
.css3-animation-txt-right{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(-100px);}
.css3-animation-txt-right.scrolltothis{opacity: 1;  transform:translateX(0);}

@-moz-keyframes imgAnimation {
	0% {transform:translateY(10px) opacity:0;}
	100% { transform:translateY(0) opacity:1;}
}
@-webkit-keyframes imgAnimation {
	0% {transform:translateY(10px) opacity:0;}
	100% { transform:translateY(0) opacity:1;}
}

@keyframes imgAnimation {
	0% {transform:translateY(10px) opacity:0;}
	100% { transform:translateY(0) opacity:1;}
}

.animation-delay-05{ transition-delay:0.25s;}
.animation-delay-1{ transition-delay:0.5s;}
.animation-delay-15{ transition-delay:0.75s;}
.animation-delay-2{ transition-delay:1s;}
.animation-delay-25{ transition-delay:1.25s;}
.animation-delay-3{ transition-delay:1.5s;}

.btn{  font-family: 'ProximaNova-Bold'; height:49px; padding:13px 35px; font-size:14px; border-radius:25px; position:relative; z-index:9; position:relative; transition:all 0.3s;}
.btn:before{ content:""; display:block; position:absolute; height:0;}
.btn-sm{ font-size:12px; letter-spacing:1px; height:45px;}
/*body*/
body{-webkit-text-size-adjust:none;/*chrome 字体中文版限制问题*/}
#wrap{}

.page-banner{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;}
.loadone.page-banner{opacity: 1;}
.css3-animation-banner-txt{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(100px); transition-delay:0.5s;}
.loadone .css3-animation-banner-txt{opacity: 1;  transform:translateX(0);}

.content{ max-width:1920px; margin:0 auto; width:100%;}

#nav-3 .menu-body{ padding-left:60px;}
#nav-4 .menu-body{ padding-left:15px;}
#nav-5 .menu-body{ padding-left:50px;}
#nav-7 .menu-body{ padding-left:70px;}
/*head*/
#wp-header{}
#header{ background-color:#fff; position:fixed; width:100%; z-index:999;}
#logo{}
#nav{}
.header-top{ background-color:#333333; color:#fff; padding:15px 0; border-bottom:1px solid #d6d6d6;}
.header-top p{ font-size:18px;}
.header-top p span{ font-size:24px; font-family: 'LucidaGrande-Bold';}
.header-top li{ display:inline-block; font-size:11px; text-transform:uppercase; padding:10px 5px;}
.header-top li:first-child{}
.header-top li:last-child{}
.header-top li i{ font-size:18px; vertical-align:middle; margin-top:-3px; margin-right:5px;}
.header-top a{ color:#fff;}

.logo img{ max-width:79px;}
.pc-menu{ display:table; width:100%;}
.pc-menu li{ display:table-cell; vertical-align:middle; height:74px; text-align:center; position:relative; font-size:14px; font-family: 'ProximaNova-Regular';}
.pc-menu li:after{ content:""; display:block; position:absolute; left:0; width:1px; height:53px; top:11px; background-color:#d9d9d9;}
.pc-menu li:first-child:after{ display:none;}
.pc-menu li.al{ text-align:left; width:110px;}
.pc-menu li:nth-child(n+2) a{ padding-top:27px; padding-bottom:26px; position:relative;}
.pc-menu li:nth-child(n+2) a:after{ content:""; display:block; position:absolute; bottom:0; width:100%; left:0; background-color:#2279b5; height:10px; opacity:0; transition:all 0.3s;}
.pc-menu li:nth-child(n+2) a:hover:after{ opacity:1;}
.pc-menu li.active a:after{ opacity:1;}
.pc-menu li.header-search{ width:240px;}
.pc-menu li a{ display:block; color:#333;}

.header-top,.pc-menu li:nth-child(n+2) a,.logo img,.pc-menu li,.pc-menu li:after{ transition:all 0.3s;}
.scroll .header-top{ padding:1px 0;}
.scroll .pc-menu li{ height:54px;}
.scroll .pc-menu li:nth-child(n+2) a{ padding-top: 17px; padding-bottom: 16px;}
.scroll .logo{ text-align:center;}
.scroll .logo img{ max-width:59px; margin:0 auto;}
.scroll .pc-menu li:after{ top:1px;}

#search{ width:202px; position:relative;}
#search input[type="text"]{ width:100%; height:36px; border-radius:18px;}
#search button{ background-color:#2379b5; color:#fff; width:40px; height:34px;  position:absolute; top:1px; right:1px; border-radius:17px;}

.nav-dropdown-search,.nav-dropdown{ position:absolute; width:100%; background-color:#f7f7f7; z-index:99; padding:24px 0; display:none; margin-top:0; border-bottom:4px solid #2279b5; border-top:1px solid #2279b5;}
.nav-dropdown{ height:337px;}
.nav-dropdown > .container-fluid > .row{ display:none; font-family: 'ProximaNova-Regular'; font-size:12px; }
.menu-body-02{ display:none; background-color:#2279b5; position:absolute; left:100%; top:-24px; bottom:-24px; margin-left:-21px; white-space:nowrap; z-index:99; padding:24px 35px;min-width:240px; overflow-y:auto;}
.menu-body-02 a{ color:#fff;}
.menu-body{}
.menu-body li{ padding:10px 0;}
.menu-body>li:hover .menu-body-02{ display:block;}
.menu-body>li:hover>a{ color:#2279b5;}
#nav-2 .col-sm-3{ min-height:284px; }
.menu-body-02::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;
	background-color: #2379b5;
}

.menu-body-02::-webkit-scrollbar
{
	width: 6px;
	background-color: #064161;
}

.menu-body-02::-webkit-scrollbar-thumb
{
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #064161;
}
#nav-2{ display:block;}
.mob-header{ display:none;}
.navbar-brand{ padding:5px 15px;}
.mob-header .search-btn{ background-color:transparent;}
.mob-header .navbar-form{ position:relative;}
.mob-header .search-btn{ position:absolute; top:20px; right:25px;}
.navbar-nav{  font-family: 'ProximaNova-Regular';  text-transform:capitalize;}
.navbar-nav > li > a{ font-size:14px; text-transform:capitalize;    font-family: 'ProximaNova-Regular';}
.navbar-default{ margin-bottom:0;}
/*content*/
#wp-content{}
#content{}
.content{ padding-top:140px;}

.home-banner{ /*height:100vh;*/ background-repeat:no-repeat; background-size:cover; background-position: center; max-width:100%; overflow :hidden ; 
-moz-box-shadow: 0 2px 2px rgba(46,46,45,.1); /* drop shadow */
-webkit-box-shadow: 0 2px 2px rgba(46,46,45,.1); /* drop shadow */
box-shadow: 0 2px 2px rgba(46,46,45,.1); /* drop shadow */
}
.home-banner {}
.home-banner .swiper-slide{ height:499px; /*height:100vh;*/ overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.home-banner .swiper-slide video{ /*min-height:100vh;*/ position:absolute; /*left:50%; margin-left:-50%;*/ min-width:100%; /*max-width:100%;*/}

.banner-txt{ max-width:360px; margin:0 auto;}
.banner-txt h3{ font-size:36px; font-family: 'ProximaNova-Bold';}
.banner-txt p{ font-size:24px; line-height:1.25em; padding:20px 0;}
.banner-txt .btn{ color:#2279b5; border-width:2px; border-color:#2279b5; font-family: 'ProximaNova-Bold'; height:49px; padding:15px 35px; font-size:14px; border-radius:25px;}
.banner-txt .btn:hover{ background-color:#2279b5; color:#fff;}
.swiper-pagination-bullet-active{ background-color:#fff;}
.swiper-pagination-bullet{ width:12px; height:12px; background-color:#fff;}

.sub-banner{ background-image:url(../../_images/sub-banner-bg.jpg); background-position:center top; background-repeat:no-repeat; background-size:cover; padding-top:60px; padding-bottom:80px;}
.sub-banner h2{ font-size:24px; color:#666; letter-spacing:1px;}
.sub-banner-box{-moz-border-radius: 13px; text-align:center; color:#333; padding:0 20px 40px; font-size:14px; margin-top:90px;
-webkit-border-radius: 13px;
border-radius: 13px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #fff; /* layer fill content */
-moz-box-shadow: 0 2px 2px rgba(46,46,45,.1); /* drop shadow */
-webkit-box-shadow: 0 2px 2px rgba(46,46,45,.1); /* drop shadow */
box-shadow: 0 2px 2px rgba(46,46,45,.1); /* drop shadow */
}
.sub-banner-box h3{ font-size:18px; margin-top:25px; letter-spacing:1px;font-family: 'ProximaNova-Bold';}
.sub-banner-box p{ margin:20px; min-height:105px;}
.sub-banner-box .btn{ background-color:#2379b5; color:#fff; border:2px solid transparent;}
.sub-banner-box .btn:hover{ background-color:transparent;  border:2px solid #2379b5; color:#2379b5;}
.sub-banner-box img{ max-width:112px; margin-top:-53px; border-radius:112px;
-moz-box-shadow: 0 2px 2px rgba(46,46,45,.1); /* drop shadow */
-webkit-box-shadow: 0 2px 2px rgba(46,46,45,.1); /* drop shadow */
box-shadow: 0 2px 2px rgba(46,46,45,.1); /* drop shadow */
}

.home-categories{}
.home-categories h2.ac{ background-color:#666666; color:#fff; width:168px; height:168px; border-radius:168px; line-height:30px; padding-top:54px; margin:-30px auto 0; letter-spacing:2px;}
.home-categories{}

.categories-box{ position:relative; text-align:center; margin:0 auto;}
.categories-box-big{ max-width:487px;}
.categories-box-sm{ max-width:286px;}
.categories-box-img{ position:relative;}
.categories-img{}
.categories-img-hover{ position:absolute; top:0; left:0; opacity:0; transition:all 0.2s;}
.categories-box:hover .categories-img-hover{ opacity:1;}
.categories-box-txt{ }
.categories-box-txt p{ font-size:14px;font-family: 'ProximaNova-Bold'; padding:0 5px 30px; letter-spacing:1px;}

.bsi-news{ padding-top:100px; padding-bottom:60px;}
.bsi-news-line{ border-bottom:1px solid #ccc; padding-bottom:20px;}
.new-box{ margin-top:60px; font-size:14px; color:#000;}
.new-box h4{ font-size:16px;font-family: 'ProximaNova-Bold'; font-weight:400;}
.new-box em{font-family: 'LucidaGrande-Bold'; color:#666;}
.new-box p{ font-size:14px; line-height:22px;}
.new-box a{ color:#006699;}
/*foot*/
#wp-footer{}
#footer{}
.footer-top{ background-color:#f3f3f3; padding:35px 0; color:#666;}
.footer-top a{ color:#666;}
.footer-top h5,.footer-top h6{ margin-top:15px; margin-bottom:10px; color:#333; text-transform:uppercase;}
.footer-logo{ margin-bottom:20px;}
.footer-top p{ padding-bottom:15px;}
.footer-top p strong{font-family: 'LucidaGrande-Bold'; font-weight:400;}
.footer-top p img{ margin-top:15px;}
.footer-top dl{ margin-bottom:30px;}
.footer-top dt{ position:relative;}
.footer-top dt i{ position:absolute; right:0; top:1px; display:none; transition:all 0.2s;}
.footer-top dd{ padding:5px 0;}
.footer-top li{ display:inline-block;}
.footer-top li a{ color:#333;}
.footer-top form{ position:relative; max-width:210px; margin-bottom:30px;}
.footer-top input[type="email"]{ width:100%; height:36px; border-radius:18px;}
.footer-top button{ background-color:#2379b5; color:#fff; width:40px; height:34px;  position:absolute; top:1px; right:1px; border-radius:17px;}

.social-list{ font-size:18px; margin-bottom:10px;}
.social-list i{ vertical-align:middle;}
.social-list img{ vertical-align:middle;}
.social-list li{ padding:0 5px;}
.social-list li:first-child{ padding-left:0;}
.social-list li:last-child{ padding-right:0;}
.payment-list{ font-size:36px;}

.footer-bottom{font-family: 'ProximaNova-Bold'; background-color:#2279b5; color:#fff; padding:17px 0;}
/***/
#topcontrol{ z-index:9999;}
#topcontrol span{ display:block; width:40px; height:40px; border-radius:3px; background-color:#151515; color:#fff; text-align:center; font-size:26px;}

/* 下列为CSS3部分 */
@media screen and (min-width:768px) {
	/*.categories-box-sm .categories-box-txt{position:absolute; bottom:0; width:100%;}*/
}

@media screen and (min-width:991px) {
	body{display: flex;  min-height: 100vh;  flex-direction: column;}
	.content{    flex: 1;}
	body.ie{ display:block;}
	.ie .content{ display:block; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.pc-menu li.header-search{ width:220px;}
	.pc-menu li.al{ width:95px;}
}
@media all and (max-width: 1100px) {
  .header-top p{ font-size:14px; padding-top: 5px;}
  .header-top p span{ font-size:18px;}
}
@media all and (max-width: 991px) {
   .header-top p{ font-size:12px; padding-top: 10px;}
  .header-top p span{ font-size:12px;}
}
@media all and (max-width: 768px) {
   
}
@media all and (max-width: 767px) {
	.header-top{ padding:5px 0;}
	.header-top p{ display:none;}
	.header-top .ar{ text-align:center;}
	.pc-header{ display:none;}
	.mob-header{ display:block;}
	.footer-top dl.footer-first-dl{ margin-bottom:15px;}
	.footer-top dt{}
    .footer-top dd{ display:none; transition:all 0.2s;}
	.footer-top dt i{ display:block;}
	.footer-top dt.active i{ transform:rotate(180deg);}
	.footer-top dd.active{ display:block;}
	
	.content{ padding-top:100px;}
	.home-banner .swiper-slide:nth-child(1){ background-image:url(../../_images/banner-02-mob.jpg) !important;}
	.home-banner .swiper-slide:nth-child(2){ background-image:url(../../_images/banner-04-mob.jpg) !important;}
	.home-banner .swiper-slide:nth-child(3){ background-image:url(../../_images/banner-01-mob.jpg) !important;}
	.home-banner .swiper-slide:nth-child(4){ background-image:url(../../_images/banner-03-mob.jpg) !important;}
	.home-banner .table-cell{ vertical-align:bottom; padding-bottom:40px;}
	.banner-txt h3{ font-size:24px;}
	.banner-txt p{ font-size:16px;}
	.banner-txt img{ max-width:141px;}
	
	.home-categories .col-xs-6{ padding-left:10px; padding-right:10px;}
	.categories-box-txt p{ padding:5px 0;  font-size:12px;}
	.bsi-news{ padding-top:60px;}
}
@media all and (max-width: 320px) {
    
	
}
/*Retina Displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2){
	
}
/* 本条为CSS2部分，IE8及以下只支持本条 */
/*打印*/
@media print
{
	
}
