/*banner*/
@media screen and (min-width: 320px) {
	.banner-bg-min{ -webkit-background-size: cover;
	background-size: cover; background-position: center center; padding-bottom: 25%; position: relative;}
	
	.banner-pagination-min { position: absolute; left: 50%; z-index: 9; color: #fff; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: -27px;}
	.banner-pagination-min span{ width: 12px; height: 12px; text-align: center; display: inline-block; background: #000; background: transparent; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin: 0 5px; cursor: pointer; border: solid 2px #fff; opacity: 1;}
	.banner-pagination-min span.swiper-pagination-bullet-active{ background: #fff;}

}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1140px) {
	.banner-bg-min{ padding-bottom: 0; height: 320px;}
}


/*菜单*/
@media screen and (min-width: 320px) {
	.menu{ border-left: solid 10px #b14f22; margin-top: -25px;  position: relative; z-index: 9;}
	.menu-tit{ background: #b14f22; line-height: 50px; font-size: 20px; color: #fff; padding-left: 30px;}
	.menu li{ border-bottom: solid 1px #ddd;}
	.menu a{ line-height: 40px; padding-left: 30px; position: relative; display: block; background: #f7f7f7;}
	.menu a i{ width: 7px; height: 7px; background: #b14f22; position: absolute; left: 11px; top: 50%; margin-top: -4px; opacity: 0; filter:Alpha(opacity=0); }
	.menu a.on{color: #b14f22;}
	.menu a.on i{ opacity: 1; filter:Alpha(opacity=100);}
	
	.sub-menu{display: none;}

	.menu li div {padding: 10px 0; background: #ffefe8;}
	.menu li div a{ line-height: 34px; background: #ffefe8; color: #b14f22;}
	.menu li div a.on-02{ background: #b14f22; color: #fff;}
}

@media screen and (min-width: 992px) {
	.cont-l{ float: left; width: 250px; margin-right: 50px;}
	.cont-r{ overflow: hidden;}
	
	.menu{ margin-top: -40px;}
	.menu-tit{ line-height: 80px; height: 80px; font-size: 32px;}
	
	.menu a{ line-height: 52px;}
	
	.sub-menu-zw{ width: 250px; margin-top: 30px;}
	.sub-menu{display: block; width: 250px; border-right: solid 3px #ddd; text-align: right; z-index: 9;}
	.sub-menu dt{ font-size: 14px; font-weight: bold; color: #444; padding-right: 20px;}
	.sub-menu dd{ position: relative;}
	.sub-menu a{ display: block; line-height: 16px; font-size: 12px; padding:8px 20px 8px 0; position: relative;}
	.sub-menu i{ position: absolute; right: -3px; top: 0; margin-top: -12px; height: 6px; width: 3px; background: #b14f22;}
	.sub-menu-on{ position: absolute;}
	
	.sub-menu .on{ color: #b14f22;}
	
}

@media screen and (min-width: 1170px) {
	
}

/*面包屑*/
@media screen and (min-width: 320px) {
	.dz{ border-bottom: solid 1px #ddd; padding-top: 10px; padding-bottom: 5px;}
	.dz b{ font-size: 20px; font-weight: bold; color: #333;}
	.dz p,.dz p a{ color: #999;font-size: 12px;}
	.dz p a:hover{ color: #b14f22; }
}

@media screen and (min-width: 992px) {
	.dz{ padding-top: 25px; overflow: hidden; padding-bottom: 0;}
	.dz b{ float: left; font-size: 30px;}
	.dz p{ float: right; padding-top: 22px;}
	.dz p, .dz p a{ font-size: 14px;}
}

@media screen and (min-width: 1170px) {
	
}



/*内容盒子*/
@media screen and (min-width: 320px) {
	.content-box,.content-bd{ padding: 20px 0 20px 0; color: #231815;}
	.content-box { text-align: justify;}
	.content-box ,.content-box *{ color: #231815; font-size: 14px; line-height: 2 ;}
	.content-box img,.content-bd img{max-width: 100%;}
	.cont-bg{ background: #fff;}

}
@media screen and (min-width: 992px) {
	.content-box,.content-bd{ padding: 30px 0 0 0;}
	.content-box ,.content-box *{ font-size: 16px;}
	
}
@media screen and (min-width: 1170px) {
	
}


/*招生资讯*/
@media screen and (min-width: 320px) {
	.zszx-list {overflow: hidden; margin: -10px;}
	.zszx-list li{ width: 50%; float: left; padding: 10px;}
	.zszx-list dd{ background: #f6f6f6; padding: 10px;}
	.zszx-list b{ display: block; color: #333; font-weight: normal; font-size: 14px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	.zszx-list span{display: block; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; overflow: hidden;}
	
	.zszx-list a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	.zszx-list a:hover b{ color: #b14f22;}
	
}
@media screen and (min-width: 992px) {
	.zszx-list{ margin: -21px;}
	.zszx-list li{ width: 33.33333%; padding: 21px;}
	.zszx-list b { font-size: 16px;}
}

@media screen and (min-width: 1170px) {
	
}

/*招生资讯-详细页*/
@media screen and (min-width: 320px) {
	.zszx-info-ti{/*text-indent:2em;*/ padding: 5px 0;}
	.zszx-info-ti h3{ font-size: 18px;}
	.zszx-info{ padding:0 0 25px 0;}
	.zszx-info-box ul{ overflow: hidden;}
	.zszx-info-box li{ float: left; margin-right: 1em;}
	.zszx-info-box dl{padding: 5px 0;}
	.zszx-info-box dt{ font-size: 18px; font-weight: bold; color: #333; border-bottom: solid 1px #ddd; padding-bottom: 10px;}
	.zszx-info-box dd{padding: 5px 0;}
}

@media screen and (min-width: 992px) {
	.zxzx-info{ padding-bottom: 40px;}
}

@media screen and (min-width: 1170px) {
	
}


/*师资队伍*/
@media screen and (min-width: 320px) {
	.szdw-tabs .hd{text-align: center;}
	.szdw-tabs .hd a{ padding: 0 10px;}
	.szdw-tabs .hd span{ border-bottom: solid 2px #dfdfdf; padding-top: 2px; line-height: 30px; display: inline-block;}
	.szdw-tabs .hd .on span{ border-bottom: solid 2px #b14f22; color: #b14f22;}
	.szdw-list{}
	
	.szdw-list dl{ padding: 15px 0; border-bottom: solid 1px #ddd;}
	.szdw-list dt{ width: 150px; margin: 0 auto; background: #f0f0f0;}
	.szdw-list dd{ padding-top: 15px;}
	.szdw-list dd b{ color: #444; font-size: 18px; line-height: none;padding-right: 10px; vertical-align:text-bottom; float:left;}
	.szdw-list dd span{ line-height: none;  vertical-align:text-bottom;}
	i.pic-scale-szdw{ padding-bottom: 133.3333%;}
}

@media screen and (min-width: 992px) {
	.szdw-tabs .szdw-t{ text-align: center;}
	.szdw-tabs .hd{display: inline-block; border-bottom: solid 2px #dfdfdf;}
	.szdw-tabs .hd a{ position: relative; display: inline-block; margin-bottom: -2px; font-size: 18px;}
	.szdw-tabs .hd a span{ line-height: 36px;}
	.szdw-tabs .hd .on i{ border-top: solid 4px #b14f22; border-left: solid 4px transparent; border-right: solid 4px transparent; position: absolute; left: 50%; bottom: -4px; margin-left: -4px; width: 0; height: 0;}
	
	.szdw-list dl{ overflow: hidden; padding: 20px 0;}
	.szdw-list dt{ float: left; margin-right: 20px;}
	.szdw-list dd{ padding-top: 20px;}
	.szdw-list dd b{ font-size: 24px; padding-right: 30px;}
	.szdw-list dd span{ font-size: 14px;}
	.szdw-list dd div{ font-size: 14px; padding-top: 10px;}
}

@media screen and (min-width: 1170px) {
	
}

/*国际合作*/
@media screen and (min-width: 320px) {
	i.pic-scale-gjhz{ padding-bottom: 59.5%;}
	i.pic-scale-gjhz-02{ padding-bottom: 75.14%;}
	.gjhz-box{ background: #fff;}
	
	.gjhz-t li a{ padding: 4px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow:  0 0 10px rgba(0,0,0,.2); display: block;}
	.gjhz-t{ margin: -10px;}
	.gjhz-t li{ padding: 10px;}
	.gjhz-t li span{ width: 164px; height: 66px; background: url(../img/gjhz-tit-bg.png); position: absolute; left: 50%; top: 50%; margin-top: -33px; margin-left: -82px; z-index: 2;}
	.gjhz-t li span{ font-size: 30px; font-style: normal; color: #fff;  font-style: normal;  text-align: center; line-height: 66px;}
	
	.gjhz-b{ padding: 20px 0 0 0;}
	
	.gjhz-l{ background: url(../img/gjhz-bg.jpg) no-repeat; padding: 15px 15px 0 15px; }
	.gjhz-l dd{position: relative; bottom: -15px;}
	.gjhz-l b{ display: block; border-bottom: solid 1px #bebebe; font-size: 24px; line-height: 48px; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;white-space: nowrap;}
	.gjhz-l span{ display: block; margin-top: 5px; color: #333; height: 48px; line-height: 24px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
	.gjhz-r{ padding-top: 40px;}
	.gjhz-bd{ border: solid 4px #b14f22; padding: 55px 25px 15px 25px ; background: url(../img/gjhz-bg-02.jpg) 20px 15px no-repeat; position: relative;}
	.gjhz-bd a{ font-size: 14px; width: 110px; height: 40px;border: solid 2px #dedede; float: right; text-align: center; line-height: 36px; font-size: 14px; margin-top: 15px;}
	.gjhz-bd a:hover{ border-color: #b14f22; background: #b14f22; color: #fff;}
	.gjhz-r .gjhz-bd  div{height: 168px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;}
	.gjhz-ico{ border-bottom: solid 25px #b14f22; border-left: solid 25px transparent; border-right: solid 25px transparent; position: absolute;left: 30px; top: -25px;}
	.gjhz-ico-02{border-bottom: solid 25px #fff; border-left: solid 25px transparent; border-right: solid 25px transparent; position: absolute;left: 30px; top: -19px;}
	
	.gjhz-swiper{position: relative;}
	.gjhz-button{ position: absolute;  bottom: 15px; left: 25px; z-index: 9;}
	.gjhz-button-prev,.gjhz-button-next{ height: 40px; width: 40px;  float: left; text-align: center; cursor: pointer;}
	.gjhz-button-prev i,.gjhz-button-next i{ line-height: 40px; color: #272727; font-size: 24px;}
	.gjhz-button .swiper-button-disabled{ cursor: default;}
	.gjhz-button .swiper-button-disabled i,.gjhz-button .swiper-button-disabled i:hover{ color: #999;}
	.gjhz-button-prev i:hover,.gjhz-button-next i:hover{ color: #b14f22;}
}

@media screen and (min-width: 992px) {
	
	.gjhz-t { margin: -22px; overflow: hidden;}
	.gjhz-t li{ width: 33.3333%; float: left; padding: 22px;}
	
	.gjhz-l{ width: 550px; padding: 12px 0 12px 20px; position: relative; height: 298px; float: left;}
	.gjhz-l dt{ width: 160px; padding-top:40px;}
	
	.gjhz-l dd{ overflow: hidden;  position: absolute; bottom: auto; top: 11px; left: 210px; width: 370px;}
	
	.gjhz-bd{ height: 298px;}
	.gjhz-b{ padding-top: 50px;}
	
	.gjhz-r{ overflow: hidden; padding-top: 0; padding-left: 70px;}
	.gjhz-ico{ border-right: solid 25px #b14f22; border-top: solid 25px transparent; border-bottom: solid 25px transparent; border-left: none; left: -25px; top: 50px;}
	.gjhz-ico-02{ border-right: solid 25px #fff; border-top: solid 25px transparent; border-bottom: solid 25px transparent; border-left: none; left: -19px; top: 50px;}
	.gjhz-r .gjhz-bd div{ font-size: 16px; -webkit-line-clamp:6;}
	.gjhz-bd a{ margin-top: 12px;}
	
	.gjhz-button-prev i, .gjhz-button-next i{ font-size: 30px;}
	
}
	
@media screen and (min-width: 1170px) {
	
}


/*通用列表*/
@media screen and (min-width: 320px) {
	.list ul{ overflow: hidden;}
	.list li{ overflow: hidden; border-bottom: dashed 1px #dedede; line-height: 40px; position: relative; padding-right: 100px;}
	.list li a{ float: left; line-height: 40px; padding-left: 15px;}
	.list li a i{ position: absolute; left: 0; top: 50%; background: #c6c6c6; width: 4px; height: 4px; margin-top: -2px; margin-right: 10px;}
	.list li span{ line-height: 40px; position: absolute; right: 0; top: 0;}
}

@media screen and (min-width: 992px) {
	.list li{ line-height: 50px;}
	.list li a{ line-height: 50px;}
	.list li span{ line-height: 50px;}
}
	
@media screen and (min-width: 1170px) {
	
}


/*学工动态*/
@media screen and (min-width: 320px) {
	.xgdt-tit{ text-align: center; font-size: 18px; color: #b14f22;}
	.xgdt-list{ overflow: hidden; padding-bottom: 15px;}
	.xgdt-list ul{margin: 0 -35px;}
	.xgdt-list li{ padding: 0 35px; border-left: dashed 1px #d3d3d3; position: relative;}
	
	.xgdt-list li span{position: absolute; right: 35px; top: 0; color: #999;  line-height: 35px;}
	.xgdt-list li a{ line-height: 35px;}
	
	.xsfz-bg{ background: #f6f6f6; padding: 15px 0;}
	
	i.pic-scale-xsfz{ padding-bottom: 38.07%;}
	.xsfz-bg ul{ margin: -5px;}
	.xsfz-bg li{ padding: 5px;}
	
	.xsfz-bg a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	
	i.pic-scale-yxxs{ padding-bottom: 74.87%;}
	.yxxs-list a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	.yxxs-list ul{ margin: -10px 0; overflow: hidden;}
	.yxxs-list li{ padding: 10px 0;}
	.yxxs-list dd{ background: #f7f7f7; padding: 20px; overflow: hidden;}
	.yxxs-list dd b{ font-size: 16px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; display: block; color: #333;}
	.yxxs-list dd small{ padding-top: 15px; display: block; font-size: 12px; color: #999;}
	.yxxs-list dd div{ margin-top: 5px; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; height: 96px; overflow: hidden; color: #666;}
	
	.yxxs-list .icon-more-02{ font-size: 12px; padding-left: 5px;  line-height: 30px;}
	.yxxs-list span{ font-size: 12px; line-height: 30px; float: right;}
	.yxxs-list a:hover span{ color: #b14f22;}
	.yxxs-list a:hover b{ color: #b14f22;}
}

@media screen and (min-width: 992px) {
	.xgdt-tit{ font-size: 24px;}
	
	.xgdt-list li{ width: 33.333%; float: left;}
	
	.xsfz-bg{ padding: 30px 0;}
	.xsfz-bg ul{ margin: 0 -20px;}
	.xsfz-bg li{ float: left; width: 33.3333%; padding:0 20px;}
	
	.xgdt-list{ padding-top: 15px;}
	
	.yxxs-list { padding-top: 15px;}
	.yxxs-list ul{ margin: 0 -20px;}
	.yxxs-list li{ width: 33.333%; float: left; padding:0 20px;}
	
	.yxxs-list dd b{ font-size: 18px;}
	.yxxs-list dd div{ font-size: 14px;}
	.yxxs-list dd small{ font-size: 14px;}
}
	
@media screen and (min-width: 1170px) {
	
}


/*校友风采*/
@media screen and (min-width: 320px) {
	.xyfc-list{padding-bottom: 30px;  padding-top: 15px;}
	.xyfc-list ul{ overflow: hidden; margin: -10px;}
	.xyfc-list li{ padding: 10px; float: left; width: 50%;}
	i.pic-scale-xyfc{ padding-bottom: 75.09%;}
	.xyfc-list dd{ background: #f3f4f5; padding: 0 10px;}
	.xyfc-list dd b{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; display: block; font-weight: normal; line-height: 40px;}
	
.xyjz-list{ overflow: hidden;}
.xyjz-list ul.xyjz-head li{ background: #f7f7f7; border-top: solid 4px #ccc; background: #f7f7f7; border-bottom: none;}
.xyjz-list ul  li{ overflow: hidden;  border-bottom: solid 1px #e5e5e5;}
.xyjz-list li{ width: 33.333%; float: left; padding: 0 15px; line-height: 45px;}

.xgdt-dn{ display: none;}

	.xyjz-list{ padding-top: 15px;}
}

@media screen and (min-width: 992px) {
	.xyfc-list li{ width: 25%;}
	.xyfc-list dd{ padding: 0 15px;}
	.xyfc-list dd b{ font-size: 16px; height: 50px; line-height: 50px;}
	
	.xgdt-dn{display: block;}
	
	.xyjz-head{ width: 50%;}
	.xyjz-list{margin: 0 -10px;}
	.xyjz-list ul{ width: 50%; float: left; padding: 0 10px;}
	
	.xyjz-list ul.xyjz-head li{ font-size: 16px; font-weight: bold; line-height: 50px;}
	.xyjz-list li{ padding: 0 30px;}
	
	.xyfc-list-02 li{ width: 33.333%;}
	
}
	
@media screen and (min-width: 1170px) {
	
}



/*校友风采*/
@media screen and (min-width: 320px) {
	.gqgz-list ul{ margin: -10px; overflow: hidden;}
	.gqgz-list li{ padding: 10px; }
	i.pic-scale-gqgz{ padding-bottom: 51.72%;}
	.gqgz-list a{ -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; display: block; overflow: hidden;}
	.gqgz-list a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); }
	.gqgz-list span{ position: absolute; left: 50%; top: 50%; margin-left: -80px; width: 160px; margin-top: -20px; line-height: 40px; text-align: center; color: #fff; z-index: 2; font-style: normal; text-align: center; display: block; font-size: 30px;}
}

@media screen and (min-width: 992px) {
	.gqgz-list{ padding: 30px 0;}
	.gqgz-list li{ width: 50%; float: left;}
}
	
@media screen and (min-width: 1170px) {
	
}


/*院长寄语*/
@media screen and (min-width: 320px) {
	.yzjy-pic{ text-align: center;}
}

@media screen and (min-width: 992px) {
	.yzjy-pic{ float: left; padding-right: 20px; padding-bottom: 20px;}
}
	
@media screen and (min-width: 1170px) {
	
}

/*新闻资讯*/
@media screen and (min-width: 320px) {
	.xwzx-list ul{ overflow: hidden; margin: -10px;}
	.xwzx-list li{ width: 50%; float: left; padding: 10px;}
	.xwzx-list li dd{ background: #f5f5f5;}
	
	.xwzx-list a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
	.xwzx-list a:hover b{ color: #b14f22;}
}

@media screen and (min-width: 992px) {
	.xwzx-list li{ width: 33.3333%;}
	.xwzx-list dd b{-webkit-line-clamp: 3; height: 78px; line-height: 26px;}
	
}
	
@media screen and (min-width: 1170px) {
	
}


/*新闻资讯02*/
@media screen and (min-width: 320px) {
	.xwzx-list-02 ul{ overflow: hidden; margin: -10px;}
	.xwzx-list-02 li{ line-height: 50px; border-bottom: solid 1px #f0f0f0; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	.xwzx-list-02 li span{ padding-right: 20px;}
	.xwzx-list-02 li b{ font-weight: normal;}
}

@media screen and (min-width: 992px) {
	.xwzx-list-02 li{ line-height: 80px;}
	.xwzx-list-02 li span{ font-size: 18px; padding-right: 45px;}
	.xwzx-list-02 li b{ font-size: 16px;}
}
	
@media screen and (min-width: 1170px) {
	
}



/*新闻内页*/
@media screen and (min-width: 320px) {
	.news-title{ font-size: 18px; text-align: center; line-height: 1.5; padding-bottom: 10px;}
	
	.news-mess{ text-align: center;  background: #eee;  padding: 4px 10px;}
	.news-mess *{ line-height: 28px !important; font-size: 14px;}
	.news-mess-l{ display: inline-block; overflow: hidden;}
	.news-mess-l div{ line-height: 28px;display: inline;}
	.news-mess-p{ padding: 0 10px; line-height: 28px !important; color: #000;}
	.news-mess-p a.author{ color: #b14f22;}
	div.news-mess-fx{ display: inline-block; overflow: hidden; float: left; line-height: 28px !important; color: #000;}
	.news-mess-r{ display: inline-block; overflow: hidden;}
	
	.news-cont{ padding: 15px 0; position: relative;}
	.news-cont,.news-cont *{line-height: 2.2 !important; font-size: 14px;}
	
	.news-link{ border-top: solid 1px #ccc; padding-top: 15px;}
	.news-link span{ display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; line-height: 2 !important;}
	
	/*.news-content h1{ font-size: 32px !important;}
	.news-content h2{ font-size: 28px !important;}
	.news-content h3{ font-size: 24px !important;}
	.news-content h4{ font-size: 20px !important;}
	.news-content h5{ font-size: 18px !important;}
	.news-content h6{ font-size: 16px !important;}
	.news-content,.news-content *{ font-size: 16px !important;}
	
	.f-max h1{ font-size: 36px !important;}
	.f-max h2{ font-size: 32px !important;}
	.f-max h3{ font-size: 28px !important;}
	.f-max h4{ font-size: 24px !important;}
	.f-max h5{ font-size: 20px !important;}
	.f-max h6{ font-size: 18px !important;}
	.f-max,.f-max *{ font-size: 18px !important;}
	
	.f-medium h1{ font-size: 32px !important;}
	.f-medium h2{ font-size: 28px !important;}
	.f-medium h3{ font-size: 24px !important;}
	.f-medium h4{ font-size: 20px !important;}
	.f-medium h5{ font-size: 18px !important;}
	.f-medium h6{ font-size: 16px !important;}
	.f-medium,.f-medium *{ font-size: 16px !important;}
	
	.f-min h1{ font-size: 24px !important;}
	.f-min h2{ font-size: 20px !important;}
	.f-min h3{ font-size: 18px !important;}
	.f-min h4{ font-size: 16px !important;}
	.f-min h5{ font-size: 15px !important;}
	.f-min h6{ font-size: 14px !important;}
	.f-min,.f-min *{ font-size: 14px !important;}*/
	
}

@media screen and (min-width: 992px) {
	.news-title{ font-size: 30px; font-weight: bold; padding-bottom: 15px;}
	.news-mess{ height: 36px;}
	.news-cont{ padding: 20px 0;}
	.news-link{ padding-top: 20px;}
	.news-link span{ width: 50%; float: left;}
	.news-link-r{ text-align: right;}
	
	.news-mess-p{ float: left; padding: 0 10px;}
	.news-cont,.news-cont *{ font-size: 16px;}
}
/*--漂浮--*/
@media screen and (min-width:320px) {
	.float-box {
		position: fixed;
		right: -210px;
		bottom: 20px;
		z-index: 999;
	}

	.float-box-hide {
		-webkit-transform: translateX(60px);
		transform: translateX(60px);
	}

	.float-box dd {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0;
		transition-delay: .1s;
	}

	.float-box i {
		font-size: 24px;
		line-height: 60px;
		display: block;
	}

	.float-list dt {
		padding: 8px 0;
	}

	.float-list i {
		font-size: 18px;
		line-height: 25px;
		display: block;
	}

	.float-list span {
		display: block;
		font-size: 14px;
		line-height: 15px;
		padding-top: 4px;
		width:200%;
		transform-origin:left center;
		transform:scale(.5);
	}

	.conact-btn {
		background: #b14f22;
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #fff;
		cursor: pointer;
		border-bottom: solid 1px #000;
	}

	.conact-box dl {
		overflow: hidden;
		background: #000;
		background: rgba(0,0,0,.8);
	}

	.conact-box dt {
		width: 60px;

		line-height: 60px;
		text-align: center;
		color: #fff;
		float: left;
	}

	.message-btn {
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #fff;
		background: #000;
		background: rgba(0,0,0,.8);
		cursor: pointer;
		padding:8px 0;
	}

	.conact-box dd {
		width: auto;
		height: 60px;
		color: #fff;
		padding: 5px 10px;
		float: left;
		width: 210px;
	}

	.conact-box dd img {
		margin-right: 10px;
	}

	.conact-box dd span {
		float: left;
		line-height: 20px;
		font-size: 12px;
	}

	.conact-box dd b {
		font-weight: normal;
		font-size: 16px;
		float: left;
		line-height: 20px;
		width: 100%;
	}

	.conact-box dd img {
		height: 50px;
		width: 50px;
		float: left;
	}

	.conact-box .conact-bg {
		cursor: pointer;
		background: #b14f22;
	}

	.conact-bg dd span {
		width: auto;
		padding-left: 10px;
		padding-top: 5px;
	}

	.top-btn {
		background: #000;
		background: rgba(0,0,0,.8);
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #fff;
		cursor: pointer;
		overflow: hidden;
	}

	.float-list {
		display: none;
		transition: 0s;
	}

	.top-btn i {
		display: block;
	}

	.top-btn i:hover {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	.float-list-show {
		height: 180px;
	}

	.float-wechat-btn:hover,.float-wechat-btn:focus {
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px);
	}

	.float-wechat-btn:hover dd {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	.float-list dl:focus {
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px);
	}

	.float-list dl:hover dd {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	.message-bg {
		background: #000;
		background: rgba(0,0,0,.8);
		position: fixed;
		left: 0;
		top: -1000%;
		width: 100%;
		height: 100%;
		z-index: 999;
		opacity: 0;
	}

	.message-info {
		position: fixed;
		height: 400px;
		width: 300px;
		left: 50%;
		top: -1000%;
		margin: -200px 0 0 -150px;
		z-index: 1000;
		opacity: 0;
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	.message-info span {
		color: #fff;
		font-size: 12px;
		display: block;
	}

	.message-bd {
		padding: 5px 0;
		overflow: hidden;
	}

	.message-info input,.message-info textarea {
		background: #e7e7e7;
		width: 100%;
		padding: 0 10px;
		border: none;
	}

	.message-info input {
		height: 34px;
	}

	.message-info textarea {
		height: 110px;
		resize: none;
		padding: 5px 10px;
	}

	.message-code input {
		width: 140px;
		float: left;
	}

	.message-code i {
		float: left;
		padding-left: 10px;
		height: 34px;
	}

	.message-code i img {
		height: 34px;
		max-width: 100%;
		width: auto;
	}

	.message-info-btn {
		padding-top: 5px;
	}

	.message-info-btn button {
		height: 45px;
		width: 140px;
		border: none;
		background: #b14f22;
		color: #fff;
		cursor: pointer;
	}

	.message-info-btn button:hover {
		opacity: .8;
	}

	.message-close-btn {
		overflow: hidden;
	}

	.message-close {
		color: #fff;
		float: right;
		margin-bottom: 10px;
		cursor: pointer;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}

	.message-bg-show {
		top: 0;
		opacity: 1;
	}

	.message-info-show {
		top: 50%;
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.top-btn-dn {
		height: 0;
		width: 60px;
	}

	.back-btn {
		display: block;
		background: #000;
		background: rgba(0,0,0,.8);
		text-align: center;
		width: 60px;
	}

	.back-btn a {
		color: #fff;
	}
}

@media screen and (min-width: 992px) {
	.float-box-hide {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.float-box i {
		line-height: 80px;
		font-size: 30px;
	}

	.conact-btn {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}

	.conact-box dt {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}

	.message-btn {
		width: 80px;
		height: 80px;
		line-height: 80px;
		padding:13px 0;
	}

	.top-btn {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}

	.conact-box dd {
		padding: 5px 10px;
		height: 80px;
	}

	.conact-box dd span {
		font-size: 12px;
		line-height: 20px;
		padding-top: 10px;
	}

	.conact-box dd b {
		font-size: 18px;
		line-height: 70px;
		font-family: Verdana;
	}

	.float-list dt {
		padding: 13px 0;
	}

	.float-list i {
		font-size: 22px;
		line-height: 35px;
	}

	.float-list span {
		font-size: 12px;
		line-height: 15px;
		padding-top: 4px;
		width:100%;
		transform:scale(1);
	}

	.float-box {
		right: -230px;
	}

	.conact-box dd {
		width: 230px;
	}

	.conact-box dd img {
		width: 70px;
		height: 70px;
	}

	.conact-bg dd {
		padding: 5px 10px;
	}

	.conact-bg dd span {
		padding-top: 10px;
		padding-left: 0;
		line-height: 25px;
		float: left;
	}

	.float-list .float-wechat-btn:hover,.float-list .float-wechat-btn:focus {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.float-wechat-btn:hover,.float-wechat-btn:focus {
		-webkit-transform: translateX(-230px);
		transform: translateX(-230px);
	}

	.float-list dl:hover,.float-list dl:focus {
		-webkit-transform: translateX(-230px);
		transform: translateX(-230px);
	}

	.message-close-btn {
		display: none;
	}

	.message-bg {
		display: none;
	}

	.message-info {
		height: 481px;
		left: auto;
		right: -370px;
		top: auto;
		bottom: 20px;
		margin: 0;
		-webkit-transform: none;
		transform: none;
		padding: 30px 22px;
		width: 370px;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 998;
	}

	.message-info textarea {
		height: 190px;
	}

	.message-info-show {
		-webkit-transform: translateX(-450px);
		transform: translateX(-450px);
	}

	.message-info span {
		font-size: 14px;
		padding-bottom: 10px;
	}

	.message-btn-on {
		background: #6f351a;
	}

	.top-btn-dn {
		height: 0;
	}

	/*.message-info-min {
		height: 401px;
	}*/

	.back-btn {
		display: none;
	}

	/*.message-info-min textarea {
		height: 110px;
	}*/

	.float-list dl:hover {
		-webkit-transform: translateX(-230px);
		transform: translateX(-230px);
	}
}
/*--/漂浮--*/