/*导航*/
.menu {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.menu * {
  box-sizing: border-box;
}

.menu .ul-list {
	width: 100%;
  display: flex;
}
.menu .ul-list > li {
  flex: 1;
  position: relative;
}
.menu .ul-list > li:last-child {
  border-right: none;
}
.menu .ul-list > li > a {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
}
.menu .ul-list > li > span {
  font-size: 14px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #222;
}
.menu .ul-list > li:hover .ol-list {
	 transition: all 0.5s;
  display: block;
}
.menu .ol-list {
  display: none;
  top: 35px;
  left: 0;
  z-index: 999;
  width: 100%;
}
.menu .ol-list > li > a {
	font-weight: normal!important;
  font-size: 14px!important;
  text-decoration: none;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  justify-content: center;
}
.menu .ol-list > li > a:hover {
	color: #1c5ca3!important;
  background: rgba(28,92,163,.1);
	border-radius: 10px
}
.pt5013{padding-top: 50px!important}
/* CSS Document */
.wi3313,.wi3314{width: 36%; float: left; margin-right:0.3636%}
.wi3315{width: 27.2728%; float: left}
.l{ float:left}
.r{ float:right}

.entitle{background: linear-gradient(to bottom, #eee, #fff);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 90px;
    font-weight: 800;
    margin-bottom: -80px;
	text-transform:uppercase;
    padding: 10px;}
.hui{background: linear-gradient(to bottom, #ddd, #f6f6f6)!important; -webkit-background-clip: text!important;}

.p0{padding: 0!important}

/*顶部*/
.header_top{width:100%; height: 37px; background: #eee; -webkit-transition:all 0.5s ease-in-ous; transition: all 0.5s ease-in-out; position: absolute; top: 0; left: 0}
.nav_right{width:auto; height: 37px; line-height:37px; float: left; font-size: 14px}

.yingwen{font-size: 14px;color: #fff;float: left;line-height: 37px;margin-left: 10px;padding: 0px 10px;}
.yingwen:hover{background: #8d8f9c;}
.yingwen.active{background: #8d8f9c}
.header_right{width:auto; float: right; }
.header_right a{font-size:14px; float: left; margin:0px 5px; line-height: 37px;}
.header_right a.active{color:#d7171e}
.header_right a:hover{color:#d7171e}
.header_input{ width: 154px; height: 100%; background: #d7171e; float: right; line-height: 37px; color: #fff; margin-left: 20px; padding: 0px 10px; }
.header_input input[type="text"]{width:100px;  height: 37px; float: left; color:#fff;  border: 0; background: none;}
.header_input input[type="submit"]{width:30px;  height: 37px; background: url(../image/i_ss.png) no-repeat center; border: 0; float: right}
.header_input ::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.header_input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.header_input ::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.header_input :-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  





/* 导航栏 */
.header_nav{width:100%; height:97px; background: #fff; -webkit-transition: background .2s,padding .5s,height .5s;
    transition: background .2s,padding .5s,height .5s; position: absolute; top:37px; left: 0}

.header_nav_left{width:175px;float: left; margin-top:13px; transition:0.3s;}
.header_nav_left img{width:100%; }
.header_nav_right{width:676px; float: right; height: 100%;}
#menu{ height:97px; width:100%;}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; height: 100%; display: block!important}
#menu .nav a{ color:#a0a0a0;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height: 100%;  width:auto;  margin-right:4%}
#menu .nav .nLi:last-child{margin-right:0}
#menu .nav .nLi h3{ float:left; font-weight: normal; width:100%; text-align:center; font-size:14px; z-index: 2; position: relative; color:#4d4d4d;height: 100%; }
#menu .nav .nLi h3 a{color:#4d4d4d; line-height:97px;  display: block; overflow: hidden; font-size: 16px}
#menu .nav .nLi h3 a:hover{color: #1c5ca3}
#menu .nav .sub{ display:none; width:100%; top:134px;  position:fixed; line-height:36px; z-index: 999; left: 0}
#menu .nLi:hover h3 a{color: #d7171e;}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; font-size: 16px;  color:#222e48; font-weight: bold}
#menu .nav .sub a:hover{ color:#d7171e; }
.nLi > h3 > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .nLi .sub a:hover{ color:#d7171e;}
#menu .nav .active h3 a{color: #d7171e; }
#menu .nav .active{background: url(../image/active.png) no-repeat bottom center}
#menu .nLi:hover{background: url(../image/active.png) no-repeat bottom center}
.f_top{ z-index: 999; background: #fff; transition: all 0.5s ease-in-out; box-shadow:0 1px 7px rgba(0,0,0,0.3)}
.in_header{position: fixed; top:0px; left:0; width: 100%; z-index: 999}
body{padding-top: 134px;}
.slide-down .global-header { -webkit-animation-name: slide-down-header; animation-name: slide-down-header;}
.slide-up .global-header{  -webkit-animation-name: slide-up-header;  animation-name: slide-up-header;}
.slide-down .header_nav{ -webkit-animation-name: expand-header; animation-name: expand-header;}
.slide-up .header_nav{ -webkit-animation-name: slide-down-header;  animation-name: slide-down-header;}
.slide-up .header_nav{ height:50px; top:0;  box-shadow:0 1px 7px rgba(0,0,0,0.3) }
.slide-up .header_top{top: -50px;}
.slide-up .header_nav_left{width:100px; height: auto; margin-top:5px;}
.slide-up #menu .nav .nLi h3 a{line-height: 48px;}
.slide-up #menu{height:50px;}
.slide-up  #menu .nav .sub{top:50px;}

.sub .container{width: 100%!important; max-width: 100%!important}
.submenuItem {
  display: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
.submenuItem {
  background: rgba(255, 255, 255, 0.9);
  height: auto;
  overflow: hidden;
  position: relative;/*
  transition: all .4s;*/
}
.submenuItem .container {
  height: auto;
  overflow: hidden;
  padding: 3.5% 0;
}
.submenuItem .left {
  width: 33%;
  text-align: right;
  float: left;
  position: relative;
  z-index: 1;
  padding-right: 35px;
}
.submenuItem .left h1 {
  font-size: 24px;
  color: #1c5ca3;
}
.submenuItem .left h2 {
  font-size: 44px;
  color: rgba(51, 51, 51, 0.19);
  font-family: "PingFang SC Light";
}
.submenuItem .left:after {
  content: "";
  width: 3px;
  height: 130px;
  background: rgba(26, 82, 238, 0.2);
  position: absolute;
  right: 0;
  top: 5px;
}
.submenuItem .right {
  width: 60%;
  padding-left: 4%;
  float: right;
  position: relative;
  z-index: 1;
}
.submenuItem .right .snav {
  height: auto;
  overflow: hidden;
  float: left;
  margin-right: 10%;
}
.submenuItem .right .snav .item {
  font-size: 16px;
  line-height: 36px;
  color: #000;
  display: block;
}
.submenuItem .right .snav .item:hover {
  color: #1A52EE;
}
.submenuItem .right .img {
  width: 70%;
  max-width: 480px;
  float: left;
}
.submenuItem .right .img img {
  height: 130px
}

.submenuItem:after {
  content: "";
  /* width: 60%;*/
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.submenuItemPhone {
  display: none;
}

.wi33{
   width: 32%!important;
    margin: 0 2% 2% 0!important;
	float: left!important
}
.wi33:nth-child(3n),.wi33:nth-child(6n),.wi33:nth-child(9n),.wi33:nth-child(12n){margin: 0!important}

.wi25{
   width: 23.875%!important;
    margin: 0 1.5% 1.5% 0!important;
	float: left!important
}
.wi25:nth-child(4n),.wi25:nth-child(8n){margin: 0!important}
.pt1 {
    padding: 1% 0 2% !important;
}
.wi95 {
    width: 95% !important;
}
.wi100 {
    width: 100%;
    text-align: center;
    line-height: 45px;
    background: rgba(28,92,163,.1);
    margin: 0 auto 8px;
    font-size: 20px;
    font-weight: bold;
    color: #1c5ca3;
    border-radius: 10px;
}
.wi100 .lm{
    font-size: 20px!important;
    font-weight: bold!important;
    color: #1c5ca3!important;}
.wi3313 .snav,.wi3314 .snav{
    width: 25%;
    float: left;
    padding: 0 1%;
}
.wi3315 .snav{
    width: 33%;
    float: left;
    padding: 0 1%;
}
.da {
    font-size: 16px!important;
    display: block;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.da img {
    width: 30px;
}
.xiao {
    font-size: 14px;
    display: block;
    line-height: 30px;
	white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/* 首页:banner */
.index_baner{width:100%; height: auto}
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(http://www.basco.cc/templates/bfsb-%E9%9D%99%E6%80%81/css/prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(http://www.basco.cc/templates/bfsb-%E9%9D%99%E6%80%81/css/next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}



/*手机导航*/
.index_header{display: none;}
.sj_header{width:100%; clear:both; height:70px;  padding: 0px 10px; }
.sj_header .yingwen{color:#333; font-weight:bold;    line-height:26px;}
.sj_header .yingwen:hover{background:none;}
.logo{float:left; width:21%; margin-top: 12px;}
@media (max-width: 750px){
.menu{float:right; height:25px; width:auto; margin-top: 20px; }
.menu img{height:25px; width:34px;}
.menu a{float:left;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
	.logo img{width:100%; height: 100%;}}
.openmenu{overflow-y:scroll; }
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#d7171e; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:0.9em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff;  font-size:0.9rem}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; font-size:0.9rem; line-height:28px; color:#fff; text-indent:1em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}

/*banner*/
.sj_banner{width:100%; display: none;}
.sj_banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%;margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; font-size: 18px; display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-pagination-bullet-active{background: #d7171e}


/*行业应用*/
.index_hangye{width:100%; height: auto; overflow: hidden;padding:0px; margin-top:58px;}
.index_hangye_top{width:100%; height: auto; overflow: hidden;}
.index_hangye_title{width:80%; height: auto; float: left}
.index_hangye_top h3{font-size:36px; height: 72px; line-height: 68px; color: #000000; font-weight: bold; background:url(../image/yy_bj.png) no-repeat}
.index_hangye_top p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; }
.yy_more{width:100px; height: 44px; background: #d7171e; float: right; border-radius: 25px; text-align: center; line-height: 44px; font-size: 14px; color: #fff; font-family: "Arial"; margin-top: 58px;}
.yy_more:hover{background: #fff; border: 1px solid #d7171e; color: #d7171e;}
.hy_mores{width:100px; height: 44px; background: #d7171e; margin:10px auto; border-radius: 25px; text-align: center; line-height: 44px; font-size: 14px; color: #fff; font-family: "Arial";  display:none;}
.hy_mores:hover{background: #fff; border: 1px solid #d7171e; color: #d7171e;}


.mr_frbox{height:auto; position: relative; width: 100%;overflow: hidden; margin-top: 10px;}
.mr_frUl{float:left; height:100%; width:100%;}
.mr_frUl ul li{float:left;height:auto;width:32%;  margin: 0px 8px; overflow:hidden; margin-bottom: 10px;}
.mr_frUl ul li img{display:block; width:100%; height:100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.m_list_xx{width:100%; position: relative; overflow: hidden}
.m_list_h{width:100%; height: 100%; position: absolute; top:0px; left:0; background:rgba(28,92,163,0.7); text-align: center; padding-top: 24%; opacity: 0}
.mr_frUl ul li p{width:100%; height: 45px;line-height: 45px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #666666;}
.m_list{width:100%; height: auto; margin-bottom:15px;}
.m_list_h i{width:60px; height: 60px; background: url(../image/links.png) no-repeat; display: block; margin: 10px auto }
.m_list_h span{font-size: 18px; color: #fff; text-align: center}
.m_list_h:after{content:" ";  background: url(../image/p_bjs.png) no-repeat; background-size: 100%  100%; width: 92%; height: 91%; position: absolute; top:12px; left:12px;}
.m_list:hover .m_list_h{opacity: 1; transition: .6s}
.m_list:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.m_list_xx img{width: 100%; height:100%; display: block}
.m_list p{width:100%; height: 45px;line-height: 45px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #666666;}

/* btn */
.mr_frbutton{width:auto; height:auto; overflow:hidden; margin:20px auto; display:table}
.og_prev, .og_next{width:45px; height:45px; line-height:50px; border-radius:50%;z-index:99;cursor:pointer; background:#e2e1e1; text-align:center;  float:left;}
.og_prev:hover,.og_next:hover{ background:#1c5ca3; color:#fff}
.og_next{margin-left:15px;}
.og_prev i, .og_next i{ color:#666; font-size:22px;}
.og_prev:hover i,.og_next:hover i{color:#fff}





.footer {
	background-color: #222;
	padding: 50px 0;
	color: #fff;font-size: 14px
}
.footer a {
	color: #fff;
}
.footer a:hover {
	color: #d82634;
}
.footer-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}
.footer-title small {
	display: block;
	font-size: 12px;
	color: #fff;font-weight: 100;
}
.footer-title:after {
	display: block;
	content: '';
	width: 25px;
	height: 1px;
	background-color: #666;
}
.footer-nav {
	float: left;
	border-right: 1px solid rgba(255,255,255,0.04);
	width: 270px;
}
.footer-nav ul {
	overflow: hidden;
}
.footer-nav li {
	float: left;
	width: 50%;
}
.footer-nav li a {
	display: block;
	padding-right: 10px;
	line-height: 38px;
}
.footer-contact {
	float: left;
	width: 530px;
	padding-left: 60px;
	border-right: 1px solid rgba(255,255,255,0.04);
	padding-right: 60px;
}
.footer-contact li {
	padding: 13px 0 13px 32px;
	background: no-repeat 0 center;
}
.footer-contact li.i1 {
	background-image: url(../images/foot_icon1.png);
}
.footer-contact li.i2 {
	background-image: url(../images/foot_icon2.png);
}
.footer-contact li.i3 {
	background-image: url(../images/foot_icon3.png);
}
.footer-contact li.i4 {
	background-image: url(../images/foot_icon4.png);
}
.footer-ewm {
	float: right;
	width: 430px;
}
.footer-ewm ul {
	overflow: hidden;
	margin-left: -30px;
}
.footer-ewm li {
	float: left;
	width:40%;
}
.footer-ewm li .wrap {
	margin-left: 51px;
}
.footer-ewm li p {
	margin: 15px 0 0;
	background: url(../images/foot_ss.png) left center no-repeat;
	padding-left: 32px;
}

.dii{background: #000; line-height: 40px; color: #999; font-size: 14px}
.dii ul{width: 70%; max-width: 1300px; margin: 0 auto}
.dii ul a{ display: block; float: right; color: #999}
