/* CSS Document */
.wi3313,.wi3314{width: 36%; float: left; margin-right:0.3636%}
.wi3315{width: 27.2728%; float: left}
.l{ float:left}
.r{ float:right}
@media (max-width: 1920px){
.iframe{height: 1080px!important; }}
@media (max-width: 1620px){
.header_nav .head,.container{width:98%!important}
.header_nav_right{width:71%!important; padding-left:10px!important}
#menu .nav .nLi{margin-right:1%!important}
.iframe {
    height: 580px !important;
}
.c-banc .jumpBtn{margin:-360px auto 0!important; width:100%!important}
.c-banc{height:550px!important}
.c-banc .jumpBtn ul li .text p{font-size:12px!important}
.c-banc .jumpBtn ul li .text h2{font-size:15px!important}
.text_a{width:100px!important}
.box,#navv,#menu_conn c{width:98%!important;}
body{min-width:200px!important}
.wi100{width:90%!important}
.cpsx ul li:last-child{width:73%!important}
.cpsx ul li{width:11%!important}
.wl-list ul li{width:30%!important}
.ly-nei .you{width:64%!important}
.news-list li a span{display:none}
}

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

.p0{padding: 0!important}
#menu .nav .sub .wi33 a{height: auto!important}
/*顶部*/
.header_top{width:100%; height: 37px; background: #076d55; -webkit-transition:all 0.5s ease-in-ous; transition: all 0.5s ease-in-out; position: absolute; top: 0; left: 0; color: #fff}.header_top a{color: #fff}
.nav_right{width:auto; height: 37px; line-height:37px; float: left; font-size: 14px}

.yingwen{font-size: 18px;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:#037c4f}
.header_right a:hover{color:#037c4f}
.header_input{ width: 154px; height: 100%; background: #047750; 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;  
}  
.mt12{margin-top: 12px!important}
.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;  
}  



.wi100hia{}
.hia{height: auto!important}
/* 导航栏 */
.header_nav{width:100%; height:98px; -webkit-transition: background .2s,padding .5s,height .5s; transition: background .2s,padding .5s,height .5s; position: absolute; left: 0; background: url(/skin/images/topbj.jpg) no-repeat right; border-bottom: 1px solid #eee;}
.head{width: 80%!important; max-width:1530px!important}
.header_nav_left{width:270px; float: left; margin-top:15px; transition:0.3s;}
.header_nav_left img{width:100%; }
.header_nav_right{width:76%; float: right; height: 100%; background: #086656; padding-left: 40px}
.wi73{width: 73%!important}
/*.slide-up .dianhua{line-height: 80px!important}*/
.dianhua{font-size: 26px; font-weight: bold;  padding-left: 50px; line-height: 95px; background: url(/skin/images/dianhua.png) no-repeat left!important}
.dianhua a{color: #fff!important;}
#menu{ height:98px; 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.7%}
#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:#333;height: 100%; }
#menu .nav .nLi h3 a{color:#fff; line-height:97px;  display: block; overflow: hidden; font-size: 16px; font-weight: bold}
#menu .nav .nLi h3 a:hover{color: #ccc}
#menu .nav .sub{ display:none; width:100%; top:97px;  position:fixed; line-height:36px; z-index: 999; left: 0}
#menu .nLi:hover h3 a{color: #047750;}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 30px;font-size:15px;  color:#222e48;}
#menu .nav .sub a:hover{ color:#047750; }
.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:#047750;}
#menu .nav .active h3 a{color: #fff; }
#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:94px;}
.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-up .header_nav{ -webkit-animation-name: slide-down-header;  animation-name: slide-down-header;}
.slide-up .header_nav{ height:80px; top:0;  box-shadow:0 1px 7px rgba(0,0,0,0.3) }
.slide-up .header_top{top: -80px;}
.slide-up .header_nav_left{width:235px; height: auto; margin-top:10px;}
.slide-up #menu .nav .nLi h3 a{line-height: 80px;}
.slide-up #menu{height:80px;}
.slide-up  #menu .nav .sub{top:80px;}*/
.forcefullwidth_wrapper_tp_banner{margin-top: 134px!important}
.forcefullwidth_wrapper_tp_banner{margin-top: 134px!important}
.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: #086656;
}
.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(3, 129, 80, 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: 140px
}

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

.wi33{
   width: 19%!important;
    margin: 0 0.5% 2%!important;
	float: left!important
}
.wi33:nth-child(7n){margin: 0!important}
.pt1 {
    padding:4% 0 1% !important;
}
.wi95 {
    width: 95% !important;
}
.wi33 .wi100 img{width: 60%; display: block; margin: 0 auto}
.wi100 {
    width: 100%;
    text-align: center;
    line-height: 45px;
    /*background: rgba(28,92,163,.1);*/
    font-size: 18px;
    font-weight: bold;
    color: #086656;
    border-radius: 10px;
}
.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;}
.menu{float:right; height:25px; width:auto; margin-top: 20px;margin-right: 30px;}
.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:#047750; 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; 
      -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: #047750}


.footer {
	background-color: #222;
	padding: 50px 0;
	color: #fff;font-size: 14px
}
.footer a {
	color: #fff;
}
.footer a:hover {
	color: #018151;
}
.footer-title {
	text-align: left;
	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;
	margin-top:3px;
	content: '';
	width: 50px;
	height: 2px;
	background-color: #666;
}
.footer-nav {
	float: left;
	border-right: 1px solid rgba(255,255,255,0.04);
	width: 20%;
}
.footer-nav ul {
	overflow: hidden;
}
.footer-nav li {
	float: left;
	width: 100%;
}
.footer-nav li a {
	display: block;
	padding-right: 10px;
	line-height: 30px;
	text-align: left
}
.footer-contact {
    float: left;
    width:22%;
    border-left: 1px solid rgba(255,255,255,0.04);
    padding-left:6%;
    margin-left: 6%;
}
.footer-contact li {
	padding: 19px 0 13px 32px;
	background: no-repeat 0 center;
	text-align: left
}
.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 {
	margin-top: 70px;
	margin-left: 5%;
	float: left;
	width: 40%;
}
.footer-ewm ul {
	overflow: hidden;
}
.footer-ewm li {
	float: left;
	width:25%;
}
.footer-ewm li .wrap {
	margin-left: 51px;
}
.footer-ewm li p {
	margin: 5px 0 0;
	font-size: 16px;
	text-align: center
}
.footer-ewm li p i{font-size: 14px; color: #ccc}

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


@media (max-width: 1030px) {
    #menu .nav .nLi:last-child {
        display: none !important;
    }
    
    .header_nav_right {
        width: 55% !important;
        padding-left: 10px !important;
    }
}

@media (max-width: 950px) {

    .header_nav_right {
        width: 65% !important;
        padding-left: 10px !important;
    }
    
    .header_nav_left {
          width: 30% !important;
    }
    
    .header_nav {
        background: #fff !important;
    }
}


@media (max-width: 850px) {
  
    .header_nav_right {
        width: 65% !important;
        padding-left: 10px !important;
    }
}