body,html{
	height:100%;
}
html {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
body {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    background: #FFFFFF;
    font-family: "微软雅黑";
}
ul:after,
.clearfix:after,
.w1200:after
 {
  content: "";
  display: block;
  height: 0;
  clear: both;
  float: none;
  margin: 0;
}
ul{
  padding: 0;
}
li {
    list-style: none;
}
p{
  margin: 0;
}
a{
  -webkit-transition: all 1.6s ease-in-out;
  -moz-transition: all 1.6s ease-in-out;
  -o-transition: all 1.6s ease-in-out;
  transition: all 1.6s ease-in-out;
}
a:hover{
  text-decoration: none;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.mr_0{
  margin-right: 0!important;
}
.ml_0{
  margin-left: 0!important;
}
.w1200{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.row{
  margin: 0;
}
.table{
  margin-bottom: 0;
}
.nobox{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.relative{
    position: relative;
}
.fixed{
  position: fixed;
}
.action{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.nopic{
  height:500px;
  background:url(../images/nopic.png) no-repeat center
}
.yanshi{
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
::-webkit-scrollbar {
    width:1px;
    height:10px;
}
::-webkit-scrollbar-button    {
    display: none;
}
::-webkit-scrollbar-track     {
    display: none;
}
::-webkit-scrollbar-track-piece {
    background:#fff;
}
::-webkit-scrollbar-thumb{
    background:#fff;
}
::-webkit-scrollbar-corner {
    background:#82AFFF;
}
::-webkit-scrollbar-resizer  {
    background:#FF0BEE;
}
#header .main_menu{
	background:#f7f7f7;
	text-align:center;
	padding:2%;
}
#header .main_menu a{
	float:left;
	text-align:center;
	height:30px;
	width:18%;
	line-height:30px;
	border:1px solid #b9b9b9;
	margin:0 1%;
	color:#b9b9b9;
}
#webBox{
	height:100%;
	width:100%;
	position:relative;
}
#LeftBox{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-x:auto;
	z-index: 1;
	box-shadow: 2px 0px 4px 0px #ccc;
	
}
#RightBox{
	position:fixed;
	left:100%;
	top:0;	
	width:100%;
	height:100%;
	overflow-x:auto;
	background:#fafafa;
}
#RightBox .relative{
	height:100%;
}
#RightBox .mt{
	height:40px;
	line-height:40px;
	text-indent:4%;	
    border-bottom: 1px solid #888;
}
#RightBox .mc a{
	display:block;
	height:40px;
	line-height:40px;
	color:#888;
}
#RightBox .mc a i{
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
	width:12px;
	height:12px;
	background:url(../images/list_icon1.png) no-repeat center center /contain;
}
#RightBox .mc dl{
	margin:0;
	height:0;
	overflow:hidden;
}
#RightBox .mc dd a{
	font-size:12px;	
    height: 30px;
    line-height: 30px;
}
#RightBox .mc dd a i{
	margin:0 10px 0 24px;
	width:8px;
	height:8px;
	background:url(../images/list_icon1.png) no-repeat center center /contain;
}
#RightBox .mc .active dl,
#RightBox .mc .open dl{
	height:auto;
	margin:5px 0;
}
#RightBox .mc .active,
#RightBox .mc .active span{
	color: #00abff;
}
#RightBox .mc .active .index,
#RightBox .mc .active .index,
#RightBox .mc .open .ismenu,
#RightBox .mc .open .ismenu{
	background:#2495e4;
	color:#fff;
}
#RightBox .mc .active .index i,
#RightBox .mc .active .ismenu i,
#RightBox .mc .open .ismenu i{
	background:url(../images/list_icon2.png) no-repeat center center /contain;
}
#RightBox .tel{
	background:url(../images/footer_tel_m.png) no-repeat left center;
	height:30px;
	line-height:30px;
	text-indent:40px;
	color:#fd5050;
	position:absolute;
	bottom:2%;
	margin-left:2%;
}
#LeftBox header{
	height:40px;
	line-height:40px;
	box-shadow: 0px 1px 9px 0px #757575;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 55;
    background: #fff;
    width: 100%;
}
#LeftBox header .logo{
	height:20px;
	font-size:0;
	margin:10px 2%;
}
#LeftBox header .logo img{
	height:100%;
}
#LeftBox header #menu_btn{
	float:right;
	margin-right:2%;
	margin-top:5px;
	height:30px;
	width:24px;
	background:url(../images/menu_icon.png) no-repeat right center;
	overflow: hidden;
}
#webBox.open #RightBox{
	left:36%;
}
#webBox.open #LeftBox{
	left:-64%;
}
#webBox.open #LeftBox #header{
	left:-64%;
}
#webBox.open #LeftBox header #menu_btn{
	width:30px;
}
#mhtml{
	margin-top:40px;
}
#indexbanner{
  position: relative;
  margin-bottom:20px;
}
#indexbanner .bx-controls {
  position: absolute;
  bottom: 6px;
  width: 100%;
  z-index: 51;
}
#indexbanner .bx-controls .bx-controls-direction{
	display:none;
}
#indexbanner .bx-controls .bx-pager{
	text-align:center;
}
#indexbanner .bx-controls .bx-pager .bx-pager-item{
	display:inline-block;
	vertical-align:middle;
	font-size:0;
	margin:0 6px;
}
#indexbanner .bx-controls .bx-pager .bx-pager-item a{
  display: block;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 60px;
  font-size: 0;
}
#indexbanner .bx-controls .bx-pager .bx-pager-item  .active{
	background:#548dd4;
}
#indexbanner .home_ad img{
	width:100%;
}
#main .about{
	padding: 0 3%;
	margin-bottom:40px;
}
#main .mt{	
    margin-bottom: 10px;
}
#main .mt p{
	font-size:16px;
	color:#353535;
	text-align:center;
}
#main .mt p span{
	font-size:13px;
	color:#b1b1b1;
	display:block;
}
#main .mt .line{
	height:6px;
	width:60px;
	border-color:#000;
	border-style:solid;
	border-width:1px 0;
	display:block;
	margin: 5px auto;
}
#main .learnMore{
	width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    font-size: 13px;
    color: #fff;
    background: #fd5454;
    margin: 10px auto;
	cursor:pointer;
}
#main .about .imgBox{
	width:100%;
	overflow:hidden;
}
#main .about .imgBox img{
	display:block;
	width:100%;
}
#main .about .mc{
	font-size:13px;
	line-height:26px;
	color:#666;	
}
#main .environment{
	margin-bottom:40px;
}
#main .environment .mc li{	
	margin-bottom:10px;
}
#main .environment .mc li .imgBox img{
	width:100%;
}
#main .environment .mc li p{
	height:40px;
	line-height:30px;
	color:#666;
	text-indent:4%;
}
#main .news{
	width:96%;
	margin:0 auto;
}
#main .news .mc li{
	border-bottom:1px dashed #000;
	padding:15px 0;
}
#main .news .mc li .imgBox{
	width:35%;font-size:0;line-height:0;
	float:left;
	border-radius:3px;overflow:hidden;
}
#main .news .mc li .infoBox{width:60%;float:right;}
#main .news .mc li .imgBox img{
	max-width:100%;
}
#main .news .mc li .time{
	font-size:14px;
	color:#9e9e9e;
}
#main .news .mc li .title{
	font-size:16px;
	line-height:25px;
	color:#000;	
    margin: 5px 0;
}
#main .news .mc li .desc{
	line-height: 28px;
    font-size: 13px;
    height: 58px;
    overflow: hidden;
	color:#666;
}
#main .products{
	margin-bottom:40px;
}
#main .products .water_box{
	position:relative;
    width: 99%;
	margin:0 auto;
}
#main .products .water_box li{
	width:48%;
	margin:1%;
    float: left;	
}
#main .products .water_box li .img_box img{
	width:100%;
}
#main .products .water_box li .title{
	font-size:12px;
	height:50px;
	line-height:30px;
	color:#666;
}
#footer{
	height:40px;
	line-height:40px;
	font-size:12px;
	color:#666;
	text-indent:3%;
    background: #ececec;
	margin-top:40px;
}
#insidebanner img{
	width:100%;
}
#article{
	padding:30px 4% 0;
	overflow:hidden;
	width:100%;
}
#article .mt{	
    margin-bottom: 10px;
}
#article .mt p{
	font-size:16px;
	color:#353535;
	text-align:center;
}
#article .mt p span{
	font-size:13px;
	color:#b1b1b1;
	display:block;
}
#article .mt .line{
	height:6px;
	width:60px;
	border-color:#000;
	border-style:solid;
	border-width:1px 0;
	display:block;
	margin: 5px auto;
}
#article .mc li{
	border-bottom:1px dashed #000;
	padding:15px 0;
	overflow:hidden
}


#article .mc li .imgBox{
	width:35%;font-size:0;line-height:0;
	float:left;
	border-radius:3px;overflow:hidden;
}
#article .mc li .imgBox img{
	max-width:100%;
}
#article .mc li .infoBox{width:60%;float:right;}
#article .mc li .time{
	font-size:14px;
	color:#9e9e9e;
}
#article .mc li .title{
	font-size:16px;
	line-height:25px;
	color:#000;	
    margin: 5px 0;
}
#article .mc li .desc{
	line-height: 28px;
    font-size: 13px;
    height: 58px;
    overflow: hidden;
	color:#666;
}
#page{
	padding:30px 4% 0;
	overflow:hidden;
	width:100%;
}
#page .mt{	
    margin-bottom: 10px;
}
#page .mt p{
	font-size:16px;
	color:#353535;
	text-align:center;
}
#page .mt p span{
	font-size:13px;
	color:#b1b1b1;
	display:block;
}
#page .mt .line{
	height:6px;
	width:60px;
	border-color:#000;
	border-style:solid;
	border-width:1px 0;
	display:block;
	margin: 5px auto;
}
#page .mc{
	line-height:30px;
}
#page .mc *{
	display:block;
	max-width:100%;
}
#product{
	padding:30px 0 0;
	overflow:hidden;
	width:100%;
}
#product .mt{	
    margin-bottom: 10px;
}
#product .mt p{
	font-size:16px;
	color:#353535;
	text-align:center;
}
#product .mt p span{
	font-size:13px;
	color:#b1b1b1;
	display:block;
}
#product .mt .line{
	height:6px;
	width:60px;
	border-color:#000;
	border-style:solid;
	border-width:1px 0;
	display:block;
	margin: 5px auto;
}
#product .mc li{
	margin-bottom:15px
}
#product .mc li img{
	width:100%;
}
#product .mc li p{
	height:30px;
	line-height:30px;
	color:#666;
	text-align:center
}
#projectitem_0 {
    animation-name: fadeInUp;
}
#projectitem_1 {
    animation-name: fadeInUp;
    animation-delay: 0.1s;
}
#projectitem_2 {
    animation-name: fadeInUp;
    animation-delay: 0.2s;
}
#projectitem_3 {
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}
#projectitem_4 {
    animation-name: fadeInUp;
    animation-delay: 0.4s;
}
#projectitem_5 {
    animation-name: fadeInUp;
    animation-delay: 0.5s;
}
#projectitem_6 {
    animation-name: fadeInUp;
    animation-delay: 0.6s;
}
#projectitem_7 {
    animation-name: fadeInUp;
    animation-delay: 0.7s;
}
#projectitem_8 {
    animation-name: fadeInUp;
    animation-delay: 0.8s;
}
#projectitem_9 {
    animation-name: fadeInUp;
    animation-delay: 0.9s;
}
#projectitem_10 {
    animation-name: fadeInUp;
    animation-delay: 1s;
}
#projectitem_11 {
    animation-name: fadeInUp;
    animation-delay: 1.1s;
}
#projectitem_12 {
    animation-name: fadeInUp;
    animation-delay: 1.3s;
}
#projectitem_13 {
    animation-name: fadeInUp;
    animation-delay: 1.5s;
}
#projectitem_14 {
    animation-name: fadeInUp;
    animation-delay: 1.7s;
}
#projectitem_15 {
    animation-name: fadeInUp;
    animation-delay: 1.9s;
}
#projectitem_16 {
    animation-name: fadeInUp;
    animation-delay: 2.1s;
}
#projectitem_17 {
    animation-name: fadeInUp;
    animation-delay: 2.3s;
}
#projectitem_18 {
    animation-name: fadeInUp;
    animation-delay: 2.5s;
}
#projectitem_19 {
    animation-name: fadeInUp;
    animation-delay: 2.7s;
}
#projectitem_20 {
    animation-name: fadeInUp;
    animation-delay: 2.9s;
}
#projectitem_21 {
    animation-name: fadeInUp;
    animation-delay: 3.1s;
}
#projectitem_22 {
    animation-name: fadeInUp;
    animation-delay: 3.3s;
}
#projectitem_23 {
    animation-name: fadeInUp;
    animation-delay: 3.5s;
}
#projectitem_24 {
    animation-name: fadeInUp;
    animation-delay: 3.7s;
}
#projectitem_25 {
    animation-name: fadeInUp;
    animation-delay: 3.9s;
}
#projectitem_26 {
    animation-name: fadeInUp;
    animation-delay: 4.1s;
}
#projectitem_27 {
    animation-name: fadeInUp;
    animation-delay: 4.3s;
}
#projectitem_28 {
    animation-name: fadeInUp;
    animation-delay: 4.5s;
}



.wx{text-align:center;}
.wx img{width:50%;}

.indexfixed{width: 96%;margin: auto; overflow: hidden;}
.indexfixed ul{display: flex;justify-content: space-between;}
.indexfixed ul li{position: relative;margin-bottom: 6px;width: 24%;}
.indexfixed ul li .b img{width: 100%;border:1px solid #dddddd;}
.indexfixed ul li .b p{text-align: center;font-size: 12px;}