/* 预定义样式开始 */
body,
div,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h5,
h6,
p,
form,
fieldset,
legend,
input {
	margin: 0;
	padding: 0;
	/* min-width:1500px; */
}

h1,
h2,
h3,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

img,
fieldset {
	border: 0 none;
	display: block;
}

* {
	padding: 0rem;
	margin: 0rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fl {
	float: left;
}

.fr {
	float: right;
}

em {
	font-style: normal;
}

body {
	font: 14px/1.5 Helvetica Neue, Helvetica, Arial, Microsoft Yahei,
		Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
	color: #333;
}

i {
	font-style: normal;
}

input:focus {
	outline: none;
}

/* 预定义样式结束 */
#box {
	margin: 0 auto;
	width: 100%;
}

/* @media screen and (min-width: 1024px) {
  html {
    font-size: 37.5px !important;
  }
} */
.header-top {
	width: 20rem;
	height: 3.2rem;
	margin: 0 auto;
	display: flex;
}

.header-top .header-cation {
	width: 5rem;
	height: auto;
	line-height: normal;
}

.header-top .header-content img {
	width: 100%;
	color: red;
	height: 1.2rem;
	margin-top: 0.3rem;
}

.header-top .header-content {
	width: 10rem;
	height: auto;
	text-align: center;
}

.header-top .header-content .header-sp {
	width: 9.966667rem;
	height: 0.933333rem;
	font-size: 0.96rem;
	color: #333333;
	font-weight: 550;
	width: 100;
}

.header-top .header-right img {
	width: 1.386667rem;
	margin: 1.106667rem 2.933333rem;
}

.header-top .header-right .header-right-img {
	width: 1.386667rem;
	height: 1.066667rem;
	background: url(../img/header-cd.png) no-repeat;
	background-size: 100%;
	margin: 1.06667rem 0;
	margin-left: 3.066667rem;
}

.header-top .header-c-left img {
	width: 1.386667rem;
	margin: 0.906667rem 0.533333rem;
}

/* header头部结束 */
/*导航栏开始*/

.box_right .box_right_ul .box_right_icon {
	background: url(../image/icon_ul.png) no-repeat;
	position: relative;
	width: 0.7rem;
	height: 0.7rem;
	background-size: cover;
	cursor: pointer;
}

#box .nav-right-mask .nav-right-content .right_dom_ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: column;
}

#box .nav-right-mask .nav-right-content .right_dom_ul .right_dom_li {
	/* padding: 1.6rem 0 0.4rem; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: column;
}

/* #box
  .nav-right-mask
  .nav-right-content
  .right_dom_ul
  .right_dom_li
  .right_dom_text
  .a_color {
  color: #e60012;
} */

#box .nav-right-mask .nav-right-content .right_dom_ul .right_dom_li .right_dom_text a:hover {
	color: #e60012;
}

#box .nav-right-mask .nav-right-content .right_dom_ul .right_dom_li .right_dom_text {
	display: block;
	position: relative;
	line-height: 1.333333rem;
	color: #fff;
	outline: none;
	transition: all 1s;
}

#box .nav-right-mask .nav-right-content .right_dom_ul .right_dom_li .right_dom_text a {
	color: #333333;
	font-size: 0.8rem;
	display: block;
	margin-top: 1.066667rem;
}

#box .nav-right-mask .nav-right-content .right_dom_ul .right_dom_li .right_dom_text a .a_color {
	color: lightgray;
}

a:focus {
	outline-style: none;
	-moz-outline-style: none;
}

.nav-right-mask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	overflow: auto;
	background: rgba(25, 25, 25, 0.4);
}

.nav-right-content {
	position: absolute;
	top: 0;
	top: -800px;
	height: 20.706667rem;
	width: 100%;
	/* background-color: white; */
	text-align: center;
	list-style: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	transition: 0.8s;
	overflow: auto;
	background-color: #ffffff;
	height: 20.706667rem;
}

.nav-right-mask .nav-right-content .open_no {
	width: 100%;
	height: 3.2rem;
	border: 1px solid #f2f2f2;
}

.nav-right-mask .nav-right-content .open_no .open_no_bu {
	width: 1.146667rem;
	height: 1.146667rem;
	display: block;
	position: absolute;
	right: 0.533333rem;
	top: 1.04rem;
	bottom: 0.986667rem;
}

.nav-right-mask .nav-right-content .open_no .open_no_bu img {
	width: 100%;
}

.nav-right-content>li:nth-child(1) {}

.nav-right-content>li:not(:nth-child(1)) {
	line-height: 2.8em;
}

.nav-right-content>li {
	color: black;
	text-align: left;
}

.nav-right-content>li>a {
	color: white;
}

.nav-right-content>li>a>strong {
	margin-left: 1.26rem;
	font-size: 1.96rem;
}

.nav-right-content>li:nth-last-child(1) {
	position: absolute;
	bottom: 10%;
}

.nav-right-content>li>img {
	width: 80%;
}

/*导航栏结束*/
/* 中间band部分 */
.band-content {
	width: 100%;
	height: 8rem;
}

.band-content img {
	width: 100%;
}

/* 中部结束 */
/* 内部索部分  */
.server {
	width: 100%;
}

.server .server-center {
	width: 18.933333rem;
	/* background: lemonchiffon; */
	margin: 0 auto;
	position: relative;
}

.sechar {
	width: 100%;
	height: 1.6rem;
	margin-bottom: 1.413333rem;
	margin-top: 1.066667rem;
	position: relative;
}

.sechar .sechar-naction {
	width: 19rem;
	height: 1.6rem;
	margin: 0 auto;
	box-shadow: -3px 5px 4px #ebebeb;
	background: #ffffff;
}

.sechar .sechar-naction input[type="text"] {
	width: 7.733333rem;
	height: 1.6rem;
	border: none;
	margin-top: -1.333333rem;
	position: absolute;
	top: 1.33rem;
	padding: 0.266667rem 0.266667rem;
	font-size: 0.693333rem;
	color: #333;
}

.sechar .sechar-naction input[type="submit"] {
	width: 3.2rem;
	height: 1.6rem;
	border: none;
	background: #e60012;
	color: #ffffff;
	position: absolute;
	right: 0.06667rem;
	font-size: 0.693333rem;
	font-family: PingFang, PingFang-SC-Bold;
	font-weight: bold;
}

input::-webkit-input-placeholder {
	color: #333333;
	font-size: 0.5rem;
	line-height: 1.6rem;
	display: block;
	font-family: PingFang, PingFang-SC-Bold;
	font-weight: 550;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: red;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: red;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: red;
}

.sechar .sechar-naction form .search-so {
	width: 7.9rem;
	height: 1.6rem;
	margin-left: 7.8rem;
}

.sechar .sechar-naction form .search-so .search-so-ul {
	display: flex;
	justify-content: space-between;
}

.sechar .sechar-naction form .search-so .search-so-ul li {
	color: #999999;
	font-size: 0.64rem;
	line-height: 1.6rem;
}

/* .server .server-center .server-top .form-text ul {
	display: flex;
	justify-content: space-between;
} */
.server .server-center .server-top input[type="text"] {
	border: none;
	width: 7.146666rem;
	height: 1.6rem;
	position: absolute;
	float: right;
}

.server .server-center .server-top input[type="submit"] {
	width: 3.2rem;
	height: 1.6rem;
	float: right;
	background: #E60012;
	border: none;
	color: #FFFFFF;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #333333;
	font-size: 0.64rem;
	font-weight: 550;
}

/* 经验 */
.exper {
	width: 100%;
	height: 6.16rem;
	margin-top: 1.2rem;
	background: #E60012;
}

.exper .exper-top {
	width: 100%;
	height: 2.133333rem;
	background: lightsteelblue;
	position: relative;
}

.exper .exper-top .exper-meng {
	width: 100%;
	height: 2.133333rem;
	background: hsl(351deg 100% 47% / 55%);

	position: absolute;
	top: 0;
}

.exper .exper-top img {
	width: 100%;
}

.exper .exper-top span {
	font-size: 0.853333rem;
	color: #ffffff;
	letter-spacing: 0px;
	line-height: 2.133333rem;
	display: block;
	margin: 0 auto;
	text-align: center;
	height: 2.133333rem;
}

.phone-tio {
	width: 11.733333rem;
	height: 4rem;
	margin: 0 auto;
}

.phone-tio .phone-top {
	width: 100%;
	height: 1.62rem;
	text-align: center;
	line-height: 1.5rem;
}

.phone-tio .phone-top i {
	color: #FFFFFF;
	font-size: 0.746666rem;
	text-align: center;
}

.phone-tio .phone-nav {
	width: 100%;
	height: 0.96rem;
}

.phone-tio .phone-nav .icon-phone {
	width: 0.693333rem;
	height: 0.693333rem;
	float: left;
	margin-left: 0.533333rem;
	margin-top: 0.09rem;
}

.phone-tio .phone-nav .icon-phone img {
	width: 100%;
}

.phone-tio .phone-nav .icon-phone-right {
	font-size: 0.64rem;
	color: #FFFFFF;
	text-align: center;
}

.phone-tio .phone-nav .icon-phone-right span {
	margin-left: -1.2rem;
}

.phone-tio .phone-list {
	width: 100%;
	height: 0.96rem;
}

.phone-list .icon-email {
	width: 0.693333rem;
	height: 0.693333rem;
	float: left;
	margin-left: 1.33333rem;
	margin-top: 0.2rem;
}

.phone-list .icon-email img {
	width: 100%;
}

.phone-list .icon-email-right {
	font-size: 0.64rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0.16rem;
}

.phone-list .icon-email-right span {
	margin-left: -2rem;
}

.product {
	width: 18.933333rem;
	margin: 1.066666rem auto;
}

.product .product-top-title {
	width: 100%;
	height: 1.6rem;
	background: #E60012;
}

.product .product-top-title span {
	color: #FFFFFF;
	display: block;
	font-size: 0.8rem;
	line-height: 1.6rem;
}

.product .product-top-title .prod-icon {
	width: 1.333333rem;
	height: 1.066666rem;
	float: left;
	margin: 0.33333rem 0.8rem;
}

.product .product-top-title .prod-icon img {
	width: 100%;
}

.product #prod-andst {
	width: 100%;
	background: #EEEEEE;
	padding-top:0.3267rem;
	padding-bottom: 0.9367rem;
}

.product #prod-andst ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 6.56rem;
}

.product #prod-andst ul li {
	width: auto;
	height: 1.6rem;
	text-align: center;
	display: block;
	margin-left: 0.266666rem;
	margin-top: 0.133333rem;
	padding: 0.233333rem 0.633333rem;
	color: #333333;
	font-size: 0.693333rem;
}

.product #prod-andst ul li:nth-child(1n) {
	background: #ffffff;
}

.product #prod-andst ul li span {
	color: #333333;
	font-size: 0.693333rem;
}

.red {
	background: #555555 !important;
	color: #ffffff !important;
}

/* 内容部分开始 */
.prod {
	width: 100%;
	height: 54.613333rem;
}

.prod ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.prod ul li {
	display: block;
	width: 9.333333rem;
	background: lightskyblue;
	margin-top: 1.066666rem;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0px 11px 23px 1px rgba(25, 25, 25, 0.14);
}

.prod ul li img {
	width: 100%;
	height: 7rem;
	object-fit: cover;
}

.prod ul li span {
	font-size: 0.693333rem;
	color: #333333;
	display: block;
	width: 100%;
	height: 2.166666rem;
	line-height: 2.166666rem;
}

/* 结束 */

/* 内部索部分结束 */

/* 底部开始 */
.bottom {
	width: 100%;
	height: 14.533333rem;
	margin-top: 3.2rem;
	background: url(../img/buttom.jpg) no-repeat;
	background-size: 100%;
}

.bottom .bottom-top-logo {
	width: 18.933333rem;
	height: 11.533333rem;
	margin: 0 auto;
}

.bottom .bottom-top-l {
	width: 8.64rem;
	height: 4.026667rem;
	margin: 0 auto;
	padding-top: 0.8rem;
}

.bottom .bottom-top-l img {
	width: 8.64rem;
	height: 1.146667rem;
}

.bottom .bottom-top-l span {
	font-size: 0.853333rem;
	font-family: PingFang, PingFang-SC-Bold;
	font-weight: SC-Bold;
	color: #fffefe;
	font-weight: 550;
	text-align: center;
}

.bottom .bottom-border {
	width: 100%;
	height: 11.533333rem;
	border-bottom: 1px solid #2c2c2c;
}

.bottom .bottom-top-logo .bottom-address {
	width: 100%;
	height: 6rem;
	display: flex;
	justify-content: space-between;
	margin-top: 1.066666rem;
}

.bottom .bottom-top-logo .bottom-address .bottom-address-left {
	width: 11.466667rem;
	height: 6rem;
}

.bottom .bottom-top-logo .bottom-address .bottom-address-right {
	width: 5.813333rem;
	height: 5.813333rem;
}

.bottom .bottom-top-logo .bottom-address .bottom-address-right img {
	width: 100%;
}

.bottom .bottom-top-logo .bottom-address .bottom-address-left .bottom-title {
	width: 13.466667rem;
	height: 0.746667rem;
	margin-bottom: 0.29rem;
	font-size: 0.64rem;
	color: #ffffff;
	font-weight: 400;
}

.bottom .bottom-lest {
	width: 100%;
	height: 3rem;
}

.bottom .bottom-lest .bottom-lis {
	height: 2.48rem;
	margin: 0 auto;
}

.bottom .bottom-lest .bottom-lis i {
	font-size: 0.586667rem;
	line-height: 0.96rem;
	display: block;
	text-align: center;
	color: #515151;
}

.tab-bar {
	width: 100%;
	height: 3.2rem;
}

.tab-bar ul li {
	width: 5.453333rem;
	height: 2.266667rem;
	position: relative;
}

.tab-bar ul {
	display: flex;
	flex-direction: row;
	align-content: stretch;
	justify-content: space-around;
	align-items: baseline;
	margin-top: 0.506667rem;
}

/* .tab-bar ul li .top-im{
  width: 1.2rem;
  height: 1.253333rem;
  margin: 0 auto;
} */
.tab-bar ul li img {
	width: 1.44rem;
	height: 1.36rem;
	margin: 0 auto;
	display: block;
}

.tab-bar ul li em {
	text-align: center;
	display: block;
	margin-top: 0.426667rem;
	font-size: 0.64rem;
	width: 100%;
	color: #333333;
	height: 0.613333rem;
}

.tab-bar ul li em.active {
	color: #e60012;
}


.server .fx-xf {
	width: 100%;
	height: 4rem;
}

.bsBox {
	width: 11.56666rem !important;
	height: 12.9933rem !important;
}

.bsTop {
	width: 11.06666rem !important;
}

.bsFrameDiv {
	width: 11.066666rem;
	height: 11.133333rem;
}

.bsFrameDiv img {
	width: 9.64rem !important;
	height: 9.64rem !important;
	margin: 0.753333rem 0.753333rem !important;
}

.server .fx-xf .fx-right {
	width: 11.33333rem;
	height: 4rem;
	float: right;
	padding-top: 1.413333rem;
	padding-bottom: 1.253333rem;
}

.server .fx-xf .fx-right em {
	line-height: 1.333333rem;
}

.server .fx-xf .fx-right {
	font-size: 0.64rem;
	font-weight: 400;
	color: #666666;
}

.server .fx-xf .fx-right .list-dv {
	width: 8.333333rem;
	height: 1.33333rem;
	float: right;
	display: flex;
	justify-content: flex-end;
	justify-content: space-between;
}

.server .fx-xf .fx-right .list-dv-a {
	width: 1.066666rem;
	height: 1.066666rem;
}

.server .fx-xf .fx-right .list-dv-a img {
	width: 100%;
}

.bshare-custom {
	width: 8.333333rem;
	height: 1.33333rem;
	float: right;
	display: flex;
	justify-content: flex-end;
	justify-content: space-between;
}

.bshare-custom .list-dv-a a {
	width: 1.066666rem;
	height: 1.066666rem;
}

.bshare-custom .bshare-weixin {
	background: url(../img/wx01.png) no-repeat !important;
	background-size: 1.066666rem 1.066666rem !important;
}

.bshare-custom .bshare-qqim {
	background: url(../img/QQ02.png) no-repeat !important;
	background-size: 1.066666rem 1.066666rem !important;
}

.bshare-custom .bshare-sinaminiblog {
	background: url(../img/wb03.png) no-repeat !important;
	background-size: 1.066666rem 1.066666rem !important;
}

.bshare-custom .bshare-facebook {
	background: url(../img/facebook04.png) no-repeat !important;
	background-size: 1.066666rem 1.066666rem !important;
}

.bshare-custom .bshare-twitter {
	background: url(../img/twitter05.png) no-repeat !important;
	background-size: 1.066666rem 1.066666rem !important;
}

.page {
	width: 100%;
	height: 2.666666rem;
	display: flex;
	justify-content: space-between;
}

.page .page-le {
	width: 9.333333rem;
	height: 2.666666rem;
	background: #999999;
}

.page .page-le .but-le {
	width: 0.906666rem;
	height: 2.666666rem;
	background: #E60012;
	float: left;
}

.page .page-le .but-le img {
	margin: 1rem auto;
	width: 0.373333rem;
	height: 0.64rem;
}

.page .page-le .but-tex {
	width: 8.426666rem;
	height: 2.666666rem;
	background: #EEEEEE;
	float: right;
	overflow: hidden;
}

.page .page-le .but-tex p {
	color: #333333;
	font-size: 0.693333rem;
	margin: 0.266666rem 0.7rem;
	height: 2.133333rem;
	line-height: 2.133333rem;
	text-align: left;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;

}

.page .page-re {
	width: 9.333333rem;
	height: 2.666666rem;
	background: #999999;
}

.page .page-re .but-re {
	width: 0.906666rem;
	height: 2.666666rem;
	background: #E60012;
	float: right;
}

.page .page-re .but-re img {
	margin: 1rem auto;
	width: 0.373333rem;
	height: 0.64rem;
}

.page .page-re .but-text {
	width: 8.426666rem;
	height: 2.666666rem;
	background: #EEEEEE;
	float: right;
}

.page .page-re .but-text p {
	color: #333333;
	font-size: 0.693333rem;
	margin: 0.266666rem 0.7rem;
	display: block;
	width: 7.226666rem;
	text-align: right;
	height: 2.166666rem;
	line-height: 2.166666rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: normal;
}

/* 结束 */
/* 上拉 下拉刷新部分开始 */
#wrapper {
	position: absolute;
	z-index: 1;
	height: 54.613333rem;
	width: 100%;
	background: #FFFEFE;
}

.scroller {
	position: absolute;
	z-index: 1;
	width: 100%;
	padding: 0;
}

.scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}

.scroller li {
	/* padding: 0.133333rem; */
}

.pullDown,
.pullUp {
	text-align: center;
	height: 1.066666rem;
	line-height: 1.066666rem;
	font-size: 0.32rem;
	color: #888;
	font-family: Arial, Microsoft YaHei;
	background-color: #fff;
	margin-top: -0.533333rem
}

.pullDown .pullDownIcon,
.pullUp .pullUpIcon {
	background: url(../img/loading.png) no-repeat;
	width: 0.64rem;
	height: 0.64rem;
	position: absolute;
	margin-top: 0.213333rem;
	margin-bottom: 0.213333rem;
	background-position: center;
	margin-left: 60%;
	background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 250ms;
	-moz-background-size: auto 100%;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 250ms;
}

.pullDown .pullDownIcon {
	display: none;
	-webkit-transform: rotate(0deg) translateZ(0);
	-moz-transform: rotate(0deg) translateZ(0);
}

.pullUp .pullUpIcon {
	-webkit-transform: rotate(-180deg) translateZ(0);
	-moz-transform: rotate(-180deg) translateZ(0);
}

.pullDown.flip .pullDownIcon {
	-webkit-transform: rotate(-180deg) translateZ(0);
	-moz-transform: rotate(-180deg) translateZ(0);
}

.pullUp.flip .pullUpIcon {
	-webkit-transform: rotate(0deg) translateZ(0);
	-moz-transform: rotate(0deg) translateZ(0);
}

.pullDown.loading .pullDownIcon,
.pullUp.loading .pullUpIcon {
	background-size: 100% auto;
	background-position: 0 100%;
	-webkit-transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0ms;
	-webkit-animation-name: loading;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-transform: rotate(0deg) translateZ(0);
	-moz-transition-duration: 0ms;
	-moz-animation-name: loading;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes loading {
	from {
		-webkit-transform: rotate(0deg) translateZ(0);
	}

	to {
		-webkit-transform: rotate(360deg) translateZ(0);
	}
}

@-moz-keyframes loading {
	from {
		-moz-transform: rotate(0deg) translateZ(0);
	}

	to {
		-moz-transform: rotate(360deg) translateZ(0);
	}
}

.pullUp .pullDownLabel {
	color: lightblue !important;
	font-size: 0.64rem !important;
}

.pullUp {
	margin-top: 0.333333rem;
}
.pullDown{
	margin-top: 0.166666rem;
}
.pullUpLabel{
	margin-top: 1.066666rem;
}
/* 上拉 下拉刷新部分结束 */