@charset "gb2312";
/*
CSS Document
Theme Name:
Theme URI:
Description: Blue Machinery Website,
Version:2016.8.18
Author:sff
*/
/* CSS Document */

body,input{font-family: "microsoft yahei";}
.allpage{
	background-color: #fff!important;
}
/*font*/
a{ color:#000;}
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
@font-face{font-family:"iconfont1";src:url('../font/iconfont1.woff') format('woff'),url('../font/iconfont1.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

.iconfont1 {
	font-family:"iconfont1" !important;
	
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	borde/r-radius: 50%;
	display: inline-block;
	
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
}

.member_iconfont{
    font-family:"member" !important;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:0.2px;
    -moz-osx-font-smoothing:grayscale;
}
/* Style Reset */
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.16rem;}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
img{display:block;max-width: 100%; }
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
.clear {clear:both;width:100%;}
.c{clear:both;width:100%;}
/* common */
.content{min-height:8rem;overflow:hidden;font-size:0.2rem;margin-top: 6%;background-color: transparent;}
.content_new{margin-top:0!important;} /* Ê×Ò³²»ÒªÉÏ±ß¾à */
.common_bg{
	background-color: #b30f1a!important;
}
/* index style */

/* zhengtikuandu */
@media all and (min-width:640px){
    .content{width:640px;position:relative;padding-bottom: 15%;margin-top:0rem; margin-left:auto ; margin-right:auto}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}




/*header*/
.header{width:100%;height:0rem;position:relative;z-index:9999;}
.head{text-align: center;position:fixed;width:100%;top:0;right:0;box-shadow: 0 0 2px rgba(9,2,4,.55);z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.logo{display:inline-block;width:30%;height:auto;  margin:0 auto}
.logo img{ height:1.13rem; margin:0 auto}

.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.class-btn{position:absolute;right:16%;top:0%;width:14.0625%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-title{width:30%;position: absolute;left:35%;top:0;font-size:0.25rem;line-height:0.5rem;text-align:center;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sub_page{min-height:6rem;overflow:hidden;font-size:0.16rem}
.sub_page center{padding:0.4rem 0;font-size:0.2rem}
.sub_page center a{color:red}
.search_hl{width:14.0625%;top:-1px;position:absolute;height:100%;font-size:0.38rem;line-height:0.8rem;color:#a77c75;text-align:center;overflow:hidden;}
.search_l{
	left:0%;
}
.headtel{ width:33%; height:0.3rem;margin-left: 65%;margin-top: -0.4rem}
.headtel img{ float:left; height:0.22rem}
.headtel p{ float:left; font-size:0.205rem;margin-top: -0.05rem;padding-left: 0.05rem; color:#fff}

/*header end*/
.header{height:0rem!important;}


/* nav */
body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:105;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #ffffff;}
.nav li a{display:block;width:100%;font:100 16px/50px 'Î¢ÈíÑÅºÚ';color:#fff;text-indent:60px;}
.nav li a span{margin-right:-8%}
.nav li a span img{float: left;margin-top: 6%;margin-left: 9%; width:20px;}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
#allmap{width:100%;height:8rem;font-size:0.18rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-clicked{width:100%;padding-right:1.2%;left:-225px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}
/* nav end*/

/* sub_banner */
.big-pic{width:100%;position:relative;z-index:2;margin:0 auto;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.pic-list img{float:left;height:auto; width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:50%;}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.333334%;}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;}
.slide-dot{width:100%;text-align:center;height:16px;padding-top:4px;overflow:hidden;position:absolute;bottom:5px;display:none}
.slide-dot span{display:inline-block;width:8px;height:8px;border-radius:8px;vertical-align:top; z-index:10;margin:0 7px;background:#fff}
.slide-dot span.slide-dot-cur{z-index:10;vertical-align:top;background:#6b1b55}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}



/* sub header */
.nav-btn{width:9%;right:0;top:0;position:absolute;font-size:0.4rem;line-height:0.71rem;color:#a77c75;text-align:center;overflow:hidden;}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#c27608;text-align:center;overflow:hidden;display:block;}
.home-btn-commonfont-img{ height:0.217rem; margin-left: 10%;}
.class-btn-img{height:0.192rem}
.nav-btn-img{ height:0.2rem}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn{position:absolute;right:16%;top:0%;width:18.0625%;font-size:0.24rem;line-height:0.666rem;color:#a77c75;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.28rem}


/* banner */
.banner{
	width:100%;
	position: relative; margin:0 auto;margin-top: 0rem;
}
.swiper-pagination{ padding:0; margin:0;
	width: 100%!important;
	text-align: center!important;
	bottom:0!important;
}
.swiper-pagination-bullet{
	width: 0.1rem!important;
	height: 0.1rem!important;
	 background-color: #a4d349;
	opacity: 1!important; border-radius:50%!important;
}
.swiper-pagination-bullet-active{ background:#a4d349; 
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin:0 5px!important;
}
.swiper-container{ }
input{
	outline: none;
}


/*index about*/
.about_i{margin:5% 1.5% 0 1.5% ; width:97%;background: #fff; padding-bottom: 5px }
.about_i_c{
	line-height: 1.6;
	padding:2% 3% 1% 0%;
	font-size: 0.125rem;
	color:#5d5c5c;width: 55%;float: right;
}
.more_i2{ width:50.58%; height:1.12rem;  float:right;  }
.about_i_pic{ float:left; width:44%; margin-left:-2.5%; margin-top:-5%}
.about_i_pic img{ height:2rem}


/*indexnews*/
.case_i{  margin:1.5% 1.5% 0 1.5% ; width:97%;background: #fff;   padding:0 ;background: #fff; padding-bottom: 5px}

.more_i1 span{ display: inline-block;  background-size:100% 100%; font-size: 0.17rem; margin-top: 9px;color:#2d4b2d; padding:1.5% 8%; }
.youhui{ margin:3% 0 0% 0;}
.youhui a img{ float:left; width:40%; margin-left:3%;  border-radius:0.05rem; }
.yright{ float:left; width:50%; margin-left:2%;}
.yright b{ display:block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; font-size:0.18rem; color:#2d4b2d;padding:1% 0 1% 0; }
.yright span{  font-size:0.13rem; color:#7f7f7f; line-height:1.3; padding:0% 0 0 0;-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;line-height: 0.2rem;}
.case_i_c1{ padding:1% 0 0 0; background:url(../images/newsbg.jpg) no-repeat center;height: 2.38rem;width: 103%;margin-left: -1.5%;}
.case_i_c1 ul{ width:64%;padding-top: 0.11rem;}
.case_i_c1 ul li{ padding:1.5% 0 0% 0;  width:100%; display:block; float:left; margin-left:3%; margin-bottom:0.5%;height: 0.35rem;   }
.case_i_c1 ul li a{ float:left; width:99%;color:#fff;  line-height:1.7; border-bottom: 1px #fff dashed;}
.case_i_c1 ul li h2{ float:left;  line-height:1.7;color:#fff;	
	font-size: 0.14rem;
	font-weight: normal;
	width: 65%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.case_i_c1 ul li span{ float:left; padding:0 2% 0 0; line-height:1.7; color:#fff;
	font-size: 0.14rem;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;}

.more_i1{width:50.58%; height:1.55rem;  float:left; padding:1% 0; }

/*index product*/
.honor_i{  margin:1.5% 1.5% 0 1.5% ; width:97%; padding-bottom:5px;background: #fff; }
.more_i{width:50.58%; height:1.56rem;  float:right;margin-top: -2.33%; }
.more_i span{ display: inline-block;  background-size:100% 100%; font-size: 0.17rem; margin-top: 9px;color:#2d4b2d; padding:1.5% 8%; }
.honor_i_c{ margin: 3% auto 0 auto;
	 width:100%; padding:0 0 2.8% 0;background: #f1f1f1;}
.honor_i_c ul li{ 
	width: 43.75%;
	float: left;
	text-align: center;
	margin: 2.5%  3% 0 3%;}
.honor_i_c ul li p{ width:98.571428571%; display:block; border:0.02rem solid #0d3678;}
.honor_i_c ul li img{ width:100% ; margin:0 auto; height:133px  }
.honor_i_c ul li span{color: #fff;width:100%; padding:4% 0 4% 0;text-align: center;display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin:0 0 0 0;font-size: 0.16rem;margin-top:-17%;z-index: 99;position: relative;background: rgba(58,125,204,0.8);}
/*dibu xinxi*/
.baoming {width: 100%; margin:3% 0 0 0; padding: 11% 0 8% 0;background: url(../images/footer.jpg) no-repeat; font-family: "microsoft yahei";color: #fff;}

.baodiv{  float:left; text-align:center;  color:#ffffff; display:block; width:100%;font-size: 0.16rem; margin/-top: 0.02rem; font-weight:normal; }
.baodiv label{ float:left; width:100%; line-height:1.8; font-size:0.3rem; font-weight:bold;}
.baodiv span{ float:left; width:100%; line-height:1.7;}


/* footer */
.footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot-relative{position:relative;width:100%;height:0.8rem;}
.foot a{display:block;float:left;width:25%;color:#ffffff; margin-top:10px}
.foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;height:0.35rem;}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
.common-pro-search{width:90%;height:0.533rem;background: #3e91f5;margin:2% auto;}
.common-text{float:left;border:0;background:#e9e9e9;;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}
.foot-relative span img{margin-left: 40%;max-width: 100%;height: 0.30rem;}



/* neiye toubu fenlei*/
.type{width:100%;top:0.5rem; right:0;position:fixed;background:#00469b;z-index: 999;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3.3rem;padding:0.1rem 0;display:none}
.type li{width:40%;background:#3e91f5;border-radius: 0.1rem;font:0.2rem/0.46rem "microsoft yahei";margin: 2% 5% 0 5%;overflow:hidden;position:relative;float: left;}
.type li a{display: block;text-align: center;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#000}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h1{font:0.2rem/2 "microsoft yahei";width:90%;margin:0 auto;color:#fff;}

/* top class */
.class{width:100%;top:8.33em;position:fixed;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.class li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.class li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.class li span.iconfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li span.iconfont.class-up{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.class li dl dd{overflow:hidden}
.class li dl dd a{width:100%}
.common-submit{ background:url(../images/search.png) center no-repeat}

/*neiye chongie header*/
.headerny{width:100%;height:0.5rem;background:#1d1d1d;position:relative;z-index:9999;}
.headny{text-align: center;position:fixed;width:100%;height:0.5rem;top:0;right:0;box-shadow: 0 0 2px rgba(9,2,4,.55);line-height:0.791rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; background:rgb(1,44,113);}
/*neiye header end*/


/*neiye product */
.product-top{width:91.25%;margin:2% auto;border-bottom:1px solid #3a79c6;height:0.5833rem;font:0.18rem/0.5833rem "microsoft yahei";color:#3a79c6;}
.product-top p{float:left;}
.product-top p span{color:#3e74ce}
.product-top-right{float:right;color:#7b7b7b}
.product-top-right a{font-size:0.3rem;color:#272727;vertical-align: middle}
.product-top-right a.show{color:#3e74ce}

/* neiye news and chanpinliebiao*/
.news{width:100%;height:auto;overflow:hidden;margin:2% auto;}
.news li{width:100%;height:0.691rem;overflow:hidden}
.news li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"}
.news li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f}
.news li:nth-child(even){background:#fff;}

.back{display:block;width:36%;margin:3% auto;overflow:hidden;border-radius:0.1rem;background:#3a79c6;text-align:center;color:#fff;font:0.18rem/2.2 "microsoft yahei";clear:both}
.imore:before,.back:before{content:"";clear:both;}
.common_news{width:100%;height:auto;overflow:hidden;margin:0% auto;}
.news1{height: 85px}
.news1,.news1 a,.news2,.news2 a{width:100%;height:auto;overflow:hidden;font:0.2rem/0.5rem "microsoft yahei";display:block;}
.news1,.news2{width:92%;margin:0 auto}
.news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:65%;height:0.5rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#4e4e4e}
.news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;height:0.5rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#4e4e4e}
.news2 div{width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;}
.news3{width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news3>a{display:block;width:33%;height:auto;overflow:hidden; float:left; padding-left:3%;}
.news1>a>img{display:block;width:100%;float:left; }
.news3>h1{display:block;width:100%;margin-left:3%;overflow:hidden;}
.news3>h1>a{display:block;width:100%;height:0.35rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.22rem/0.3rem "microsoft yahei";color:#333;}
.news3>div{float:left;width:58%;margin-left:3%;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";max-height: 0.93rem;color:#999;margin-top:1%}
.news4{width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news4 a{display:block;width:81%;margin:0 auto;}
.news4 a img{display:block;width:100%; border:1px solid #012c71; height:133px}
.news4 a span{display:block;width:100%;text-align:center;font:0.18rem/0.3rem "microsoft yahei";color:#012c71;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:3%}
.news5 {width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news5 a.news5imgwrap {width:25%;height:auto;float:left; margin-left:3%;}
.news5 a.news5imgwrap img {display:block;width:100%;}
.news5 h1 {display:block;float:left;width:68%;margin-left:3%;overflow:hidden}
.news5>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news5>div{float:left;width:68%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.59rem;color:#999;margin-top:1%}

.shangxiaye{height: 0.7rem; text-align:center;}
.shangxiaye li{ display:inline; margin-left:10px;}
.imore{display:block;margin:5% auto;overflow:hidden;border-radius:0.1rem;background:#3a79c6;text-align:center;color:#fff;font:0.20rem/2.2 "microsoft yahei";clear:both}
.insidepagecontent{ background: #f1f1f1;width:97%;margin-left: 1.5%;}

.content1{min-height:8rem;overflow:hidden;font-size:0.2rem;margin-top: 6%;background-color: transparent; padding-bottom:0%}
/* neiye subpage chanpinneiye */
.about,.view{width:92.5%;margin:0% auto;font:0.18rem/2.4 "microsoft yahei";color:#1d1d1d;}
.view p { margin:0; padding:0;}
.view h1{width:100%;text-align:center;font:0.3rem/0.5rem "microsoft yahei";color:#393939; }
.about h1{line-height: 0.6rem; text-align:center;font:0.2rem/0.35rem "microsoft yahei"; font-weight:500;margin-bottom:3%; color:#012c71}
.view img{max-width: 100%;display:inline}
.page{display:block;width:100%;height:0.4rem;font:0.18rem/0.38rem "microsoft yahei";color:#676767;background:#e4e4e4;border-radius:0.38rem;margin:3% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.1rem;}

.picContent{ }
.bheight{ height:50px;}