/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button{ border:none; margin:0;outline:none; padding:0;-webkit-appearance: none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ text-decoration:none;
text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;

}
*{ font: normal 0.24rem/100% Helvetica, Arial, sans-serif;}
li{ list-style-type:none;}
html{ width:100%;min-height: 100%; height: 100%;  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;}
body.shouye{background: #282828;height: 100%;}
body{background-color: #fff;min-height: 100%; }

/**/
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:110px;}}
@media screen and (min-width: 960px) {html{font-size:120px;}}
/*
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:106.25px;}}
@media screen and (min-width: 720px) {html{font-size:112.5px;}}
@media screen and (min-width: 760px) {html{font-size:118.75px;}}
@media screen and (min-width: 800px) {html{font-size:125px;}}
@media screen and (min-width: 960px) {html{font-size:150px;}}
 
*/

/*公共样式*/
.cs{border: solid 1px #ccc;}

.px22{font-size: .22rem;}
.px24{font-size: .24rem;}
.px26{font-size: .26rem;}

.color_h{color: #bdbdbd;}

 .da_xiao_xianz{
 	width:100%;
	max-width: 640px;
	margin:0 auto;
	background: #fff;
 }
/*头部开始了*/ 

.toub_beij{
	width: 100%;
	height: 0.88rem;
	background:#fff;
	top: 0;  
 	z-index: 100;
 	display: flex;
 	display: -webkit-flex;
 	justify-content:space-between;
 	 align-items:center;
 	-moz-box-shadow:0px 0px 2px #b4b4b4; -webkit-box-shadow:0px 0px 2px #b4b4b4; box-shadow:0px 0px 2px #b4b4b4;
	
}
.toub_beij_sy{
	position: fixed;
} 

.toub_beij .logo{
	width: 2.8rem;
	padding-left:0.2rem; 
	float: left;
	display:flex;
}
.toub_beij .logo img{
	width: 100%;
	
}
.toub_beij .sy_zaix{ 
	padding-right: 0.2rem; 
}
.toub_beij .sy_zaix a{ 
	display:inline-block;
	color: #585858;
	font-size: 0.28rem;
}
/*
vertical-align: middle; top bottom:               ***********                 *******    ***********    ************  */

 

/*banner*/

.banner{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.swiper-container_banner { 
    width: 100%;
    height: 100%;
    position: relative;overflow: hidden;
}
.swiper-container_banner .swiper-slide {
    text-align: center; 
    background: #fff;  
}
.swiper-container_banner .swiper-slide img{
	width: 100%;
}

 
.banner .swiper-container_banner .swiper-pagination{
	bottom: 1.2rem;
}
.swiper-container_banner .swiper-pagination-bullet{background: #fff; }
.swiper-container_banner .swiper-pagination-bullet-active{background:#e10601;}

@media screen and (min-width: 769px) {
	.swiper-container_banner { 
    height: 100%;
	width: 640px;
	margin:0 auto;
    position: relative;overflow: hidden;
}
	.swiper-container_banner .swiper-slide img{
	height: 100%;
	width: 640px;
	margin:0 auto;
	}
}

/*内容*/
.toub_leir{
	width: 100%;
	height: 0.88rem;
	background:#fff;
}


/*导航*/
 
.text_wenz{
	padding:0.2rem;
	overflow: hidden; 
}

.text_wenz li{
	float: left;
	width: 25%;
	text-align: center;
}
.text_wenz li a{
	display: block;
	line-height: 0.50rem;
	color: #5d5d5d;
}


 

/*悬浮底部导航*/
.dibu_daoh{
	height: 0.98rem;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background: #66cc00;
	z-index: 101;
	text-align: center;
	-moz-box-shadow:0px 0px 2px #b4b4b4; -webkit-box-shadow:0px 0px 2px #b4b4b4; box-shadow:0px 0px 2px #b4b4b4;
}

.dibu_daoh ul{
	overflow: hidden;
}

.dibu_daoh ul li{
	float: left;
	width: 25%;
}
.dibu_daoh ul li img{
	width: 0.36rem;
	height: 0.36rem;
	padding-top: 0.15rem;
}
.dibu_daoh ul li a{
	color: #0e3a10;
}
.dibu_daoh ul li a:hover{font-size:18px;color:#339900;TEXT-DECORATION: none;font-weight:bold;}

.dibu_daoh ul li p{
	line-height: 0.35rem;
}

/*--NEW-新扩展框架CSS--*/
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Acme', sans-serif;
}
p {
	margin:0;
}
ul {
	margin:0;
	padding:0;
}
label {
	margin:0;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none
}


/*--NEW-新扩展框架CSS--*/
.BWGFGJS{
	padding:10px 0px;
}
.BWGFGJS h3{
	color:#8B7D2D;
	font-size:30px;
	padding-bottom:10px;
}
.BWGFGJS h4{
	color:#000;
	font-size:18px;
}
label.BWGFGJS-line{
	display:block;
	background-color:#000;
	width:60%;
	margin:15px auto;
	height:2px;
}
.BWGFGJS h6{
	width:95%;
	margin:0 auto 20px auto;
	font-size:16px;
	line-height:30px;
}
.BWGFGJS-grid1,.BWGFGJS-grid2,.BWGFGJS-grid3,.BWGFGJS-grid4,.BWGFGJS-grid5,.BWGFGJS-grid6,.BWGFGJS-grid7,.BWGFGJS-grid8,.BWGFGJS-grid9,.BWGFGJS-grid10{
	margin-bottom:20px;
}

/*新扩展框架CSS--SAP--*/
.sap_tabs{
	clear:both;
	padding: 0;
}
.tab_box{
	background:#fd926d;
	padding: 2em;
}
.top1{
	margin-top: 2%;
}
.resp-tabs-list {
    list-style: none;
    padding: 0 0 3em;
    margin: 0 auto;
    text-align: center;
}
.resp-tab-item {
    color: #333;
    font-size: 1.1em;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    text-align: center;
    list-style: none;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    margin: 0 1.2em 0;
	border-bottom: 2px solid #fff;
	color:#000;
	padding:7px 15px;
	border:1px solid #000;
}

.resp-tab-active {
   background-color:#000;
	color:#fff;
	
}
.resp-tabs-container {
	padding: 0px;
	clear: left;	
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}

.tab_img{
	padding:2em 0 0;
	display: inline-block;
}
.BWGFGJS-grids a {
    display: block;
    overflow: hidden;
	position:relative;
}
.BWGFGJS-grids img.img-responsive {
    width: 100%;
}
.b-wrapper {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0%;
    left: 0;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
    transition: .5s all;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
    transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
}
.BWGFGJS-grids a:hover .b-wrapper{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
.b-wrapper h5 {
    font-size: 3em;
    color: #fff;
    text-align: center;
    padding: 28% 0;
    font-weight: 200;
}
img.zoom-img{
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-webkit-transition-duration: 2s !important;
	-moz-transition-duration: 2s !important;
	transition-duration: 2s !important;
}
img.zoom-img:hover,.BWGFGJS-grids:hover img.zoom-img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	overflow: hidden;
}
/*新扩展框架CSS--文字分段--*/
	.resp-tab-item {
		padding: 7px 4px;
		font-size: 10px;
		margin: 0 0.1em 0;
	}
	.BWGFGJS-grids {
    width: 100%;
	}
	.BWGFGJS-grid5 {
		margin-bottom:20px;
	}

	.b-wrapper h5 {
		font-size: 1.8em;
		padding: 31% 0;
	}
	.testimonials p{
		font-size:12.5px;
		line-height:25px;
	}
	.team-grid {
		width: 50%;
		padding: 0 5px;
	}
	.team-grid .p-mask, .row .product .vm-product-media-container .p-mask {
		width: 92.7%;
	}
	.team ul {
		width: 93%;
	}

/* 新扩展框架CSS--结构图分段--*/
@media (min-width: 992px) {
  .col-md-1, .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-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }