pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;}
html,body{margin: 0;padding: 0;position:relative;width:100%;-webkit-tap-highlight-color: rgba(0,0,0,0);font-family:'微软雅黑'; background:#f5f5f5}
*:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button,img:hover,img {-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
body {max-width: 750px;margin: 0 auto!important;font-size: 0.28rem;color: #333333;}
a{ color:#333; text-decoration:none}
h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:normal;}
ul{margin:0; padding:0;}
ul,li,dl,dd,dt{ margin:0; padding:0; list-style:none;}
input{ outline:0}
input::-webkit-input-placeholder{color: #999;font-family:"microsoft yahei";}
input:-moz-placeholder{color: #999; font-family:"microsoft yahei";}


header {overflow: hidden; padding: 4% 0; width: 100%; background: #fff url(../pic/hdline.png) no-repeat center top; background-size: 100%;}
section.section {width: 94%;margin-left: auto;margin-right: auto;}
header .h1 {width: 40%;    font-size: 0.32rem;float: left;}
header .h1 img {display: block;width: 100%;}
header .h2 {float: right;width: 58%;color: #999; font-size: 0.26rem; font-weight: normal;}
header .h2 p {font-size: 0.24rem;color: #999; margin-top: .1rem;font-weight: normal;}
header .h2 p a {color: #ffba00;font-weight: bold;}


nav {	overflow: hidden;width: 100%;	background-color: #214bd1;}
nav a {width: 33.3%;float: left;text-align: center;font-size: 0.26rem;color: #fff;padding: .15rem 0;display: block;border-right: 1px solid #fff;box-sizing: border-box;border-bottom: 1px solid #f1f1f1;white-space: nowrap;}
nav a:nth-child(4n) {/* border-right: none */}

.j-slide-auto{float:left;width:7.5rem;overflow:hidden;height: 3.5rem;height: auto;}
.m-box img{width:100%;height: 3.5rem;height: auto;}

.Service {overflow: hidden;width: 100%; background: #Ffffff; margin-top: 0.2rem; float: left}
.Service .list {margin-top: 4%;	overflow: hidden;	width: 100%;	text-align: center}
.Service .list li {	width: 31%;	display: inline-block;	position: relative;	background: #000;	margin: 0 .5%;margin-bottom: .05rem;}
.Service .list li img { 	opacity: 0.6;	width: 100%;	display: block}
.Service .list li span {	display: block;	width: 100%;	font-size: 0.26rem;	color: #fff;	position: absolute;	left: 0;	top: 48%;}
.Service .list li:last-of-type img {	opacity: 1}
article {overflow: hidden; width: 100%; margin-top: 5%; text-align: center;}
article h2 { font-size: 0.32rem;color: #214bd1; font-weight: bold;}
article h2 a {color: #214bd1;}

.case, .case .list {overflow: hidden;width: 100%; background: #Ffffff;float: left}
.case {padding-bottom: 4%; margin-top: 0.2rem;}
.case .list {margin-top: 4%;}
.case .list li {width: 48%;	height:2.6rem;float: left;margin-bottom: .1rem;	text-align: center; overflow: hidden}
.case .list li img {display: block;width: 100%;height: 80%;}
.case .list li span {display: block;font-size: .26rem;	color: #666666;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;padding: .15rem 0;}
.case .list li:nth-child(2n) {	float: right}
a.More {margin: .2rem auto;text-align: center; font-size: .26rem; color: #214bd1; border: 1px solid #214bd1; padding: .2rem;  width: 20%; text-transform: uppercase; border-radius: 5px;   display: block; overflow: hidden}

.advantage {overflow: hidden;width: 100%; float: left; background: #ffffff; margin-top: 0.2rem;}
.advantage article{ background: url(../pic/advantagetit.png) no-repeat; height:1.67rem; width: 7.5rem; background-size: 7.5rem 1.67rem; text-align: center; margin: 0}
.advantage article p{ color:#D8FF00; font-size: 0.32rem; font-weight: bold; padding-top: 0.3rem;}
.advantage article span{color:#fff; font-size: 0.26rem;padding-top: 0.1rem;}
.advantage article img {display: block;	width: 100%;}
.advantage dl {	padding: 0.2rem 0;overflow: hidden;width: 100%;border-bottom: 1px solid #e5e5e5}
.advantage dl dt, .advantage dl dd {width: 50%;}
.advantage dl dt {float: right}
.advantage dl dt img {display: block;width: 100%;}
.advantage dl dd {float: left;position: relative;z-index: 9;}
.advantage dl dd h3 {font-size: 0.32rem;color: #214bd1;margin-bottom: .2rem;overflow: hidden}
.advantage dl dd h3 img {display: block;float: left;width: 15%;margin-right: .2rem;}
.advantage dl dd p {line-height: 0.4rem;font-size: .24rem;color: #666666;overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;}
.advantage dl:last-of-type {border-bottom: none}


.aB {overflow: hidden;background-color: #fff;width: 100%;padding-bottom: 0.3rem; margin-top: 0.2rem; float: left}
.aB .abDl {	margin-top: 4%;	overflow: hidden;}
.aB dt img {display: block;	width: 100%;box-sizing: border-box;	border: 5px solid #fff}
.aB dd p {font-size: .26rem;	color: #666666;	line-height: 0.6rem;	overflow: hidden;	text-align: justify;	margin: 3% 0;	overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 5;    -webkit-box-orient: vertical;}
.aB .More {	margin-top: 3%;}

.new {overflow: hidden;width: 100%;padding-bottom: 3%; float: left; margin-top: 0.2rem; background: #Ffffff}
.new .newNav {display: inline-block;width: 100%;background-color: #214bd1}
.new .newNav li {float: left;width: 33%;text-align: center;padding: .2rem 0;font-size: 0.28rem;position: relative;box-sizing: border-box;color: #fff;border-right: 1px solid #fff;}
.new .newNav li a {	color: #fff}
.new .newNav li:nth-child(3) {width: 34%;border-right: none}
.new .newNav li i {display: none; background: url(../pic/new_li.png) no-repeat center; width: 1rem; height: .13rem; background-size: 0.21rem 0.13rem; position: absolute;    left: 50%;  margin-left: -0.5rem; bottom: -0.13rem;}
.new .newNav li.on {background-color: #ffba00;}
.new .newNav li.on a {color: #fff;}
.new .newNav li.on i {display: block}
.new .newNav li:last-of-type {border-right: none}
.new .newBox, .new .newCon, .new .li, .new .dl {overflow: hidden;width: 100%;}
.new .newBox {margin-top: 3%;}
.new .li {margin-top: 0.1rem;}
.new .li li {box-sizing: border-box;padding:.1rem 0;font-size: 0.26rem;border-bottom: 1px solid #cccccc;overflow: hidden;position: relative;}
.new .li li a.leftA {	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;width: 69%;	float: left;color: #333333;}
.new .li li span {display: block;width: 28%;float: right;text-align: right;	color: #cccccc}


.addRess {overflow: hidden;	width: 100%;background: #eee;padding-bottom: 0.8rem; padding-top: 0.2rem;}
.addRess dl {overflow: hidden;padding: 0.1rem 0;width: 100%;}
.addRess dl dt {width: 25%;	float: left ;}
.addRess dl dt img {display: block;	width: 90%; margin-left: 10%;}
.addRess dl dd {width: 72%;	float: right}
.addRess dl dd span {font-weight: normal;font-size: 0.24rem; padding-top: 0.2rem;color: #214bd1;}
.addRess dl dd span a {color: #214bd1;font-weight: bold}
.addRess dl dd p {font-size: .24rem;color: #666666;	line-height: 0.4rem;}
.addRess dl dd p a {color: #666}
.addRess dl dd p:first-of-type {margin-top: .1rem;}
/*底部*/
footer {position: fixed;bottom: 0;left: 0;	background: #214bd1;width: 100%;overflow: hidden;z-index:10;}
footer a {display: block;float: left;width: 25%;text-align: center;;box-sizing: border-box;border-left: 1px solid #fff;}
footer a:first-child {border-left: none;}
footer span {display: block;font-size: 0.24rem;	color: #fff;margin: .2rem 0;}
footer a.on {background: #ffba00;}



/*产品列表*/
.HeaderBox{width:7.5rem;height:0.7rem;line-height:0.7rem;background: linear-gradient(180deg, #f2f2f2 0%, #e0e0e0 100%);border-bottom: 1px solid #b0b4bb;text-align:center;font-size:0.28rem;position: relative;}
.HeaderBox .leftArrow{ position: absolute;left:0;background:url(../pic/return.png) center no-repeat;display:inling-block;width:0.8rem;height:0.7rem;    background-size: 0.24rem 0.44rem;; }
.HeaderBox .tittle{ display:inline-block; color:#656565;    width: 5.9rem;    text-align: center; float:left; padding-left:0.8rem;    height: 0.7rem;     font-size: 0.32rem;   overflow: hidden;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.toMoreNew{float:right; width:0.8rem; height:0.7rem;background: url(../pic/daohan.png) center center no-repeat; background-size: 0.5rem 0.5rem;}
.topAlertNew{position: absolute;right: 0rem; width: 3.4rem; height: auto; background:#ebebeb; border-radius: 0.1rem;  top: 0.8rem; z-index: 5000;}
.topAlertNew ul li{height: 0.7rem;border-bottom:1px solid #cfcbc1;line-height: 0.7rem;text-align:center;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;width: 3rem; padding: 0 0.2rem;}
.topAlertNew ul li img{ width:0.25rem; height: 0.25rem;padding-right:0.2rem; }
.topAlertNew ul li a{display:block;color:#333333;text-decoration:none;font-size:0.24rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;width: 3rem;}
.topAlertNew ul li a:hover{ font-weight:bold; color:#0064FF}
.topAlertNew ul li:last-child { border-bottom: 0px;}
.topAlertNew em{position: absolute; display: block; top: -0.2rem;  height: 0.2rem; width: 0.6rem; opacity: 0.95; right: 0.05rem;  background: url(../pic/topnavLine.png) center 0rem no-repeat; background-size: 0.4rem 0.2rem;}

.pages{clear:both;width:100%;text-align:center; float: left; background: #ffffff; margin-top: 0.2rem; padding: 0.2rem 0}
.pages .next_pages{text-align:center;padding:0.05rem 0.1rem;margin:0 auto;background:#ffffff;border:#dbdbdb solid 1px;font-size:0.24rem;color:#73665b;display: inline-block;}
.ProductDetailed{ float:left; width: 100%; margin-top: 0.3rem; float: left; background: #ffffff}
.ProductDetailed .hi{ font-size:0.36rem; color: #333333; font-weight: bold; text-align: center; width: 90%; margin: 0 auto;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; margin-top: 0.3rem; margin-bottom: 0.3rem;}
.ProductDetailed .laiyuan{font-size:0.20rem;color: #888;text-align: center; width: 100%; margin: 0 auto;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; margin-bottom: 0.3rem; border-bottom: 1px solid #ededed; line-height: 0.5rem;}

.TabBarBox {background: #f0f0f0;border-bottom: 1px solid #adadad;box-shadow: 0 1px 3px #d7d7d7;	margin-bottom: .2rem; height: 0.6rem; float: left;width: 100%; margin-top: 0.2rem;border-top: 1px solid #e2e2e2;}
.TabBarBox:after {content: '.';	display: block;	height: 0;	clear: both;	visibility: hidden;}
.TabBarBox li {width: 30%;height: 0.58rem;float: left;text-align: center;padding-top: 2px;}
.TabBarBox .TabBarNow {	border-top: 2px solid #214bd1;background: #fff;	padding: 0;}
.TabBarBox li a {font-size: 0.28rem;color: #333;border-right: 1px solid #e2e2e2;display: block;	height: 100%;line-height:0.56rem;}

/*详细内容*/
.DetailedSpan {padding: 0 0.1rem;font-size: 0.24rem; font-family:"微软雅黑"; color:#333; line-height:0.4rem; margin-bottom:0.2rem; float:left; background: #ffffff; padding: 0.2rem;}
.DetailedSpan img {max-width: 100%;display: block;margin: 0 auto;height: auto;}
.ProductTitle {	height: 0.6rem;	line-height: 0.6rem;background: #f0f0f0;color: #333;font-size: 0.28rem;	padding: 0 0.2rem;	border-bottom: 1px solid #d1d1d1;	box-shadow: 0 1px 3px #c6c6c6; float:left; width:7.1rem; margin-top: 0.2rem;}
.ProductTitle:after {content: '.';	display: block;	height: 0;	clear: both;visibility: hidden;}
.ProductTitle span a {	color: #214bd1}
.ProductTitle .fl{ float:left; font-weight: bold}
.ProductTitle .fr{ float:right}

.form-horizontal{padding: 0.15rem 0.25rem 0.15rem 0.25rem;   float: left; width:7rem; background: #ffffff}
.form-horizontal .form-group{margin: 0px 0px;float: left; width: 7rem;}
.form-horizontal .control-label{text-align: right;  padding-top: 0.16rem;float: left; width: 25%; font-size: 0.24rem;}
.form-group img{padding-left: 15px;}
.col-sm-9 { width: 75%; float: left;    padding-top:0.16rem}

.form-horizontal .input-sm {height: 0.5rem; padding: 0px 0.1rem;font-size: 0.24rem;line-height: 0.5rem;border-radius: 3px;color: #555; background-color: #fff;  background-image: none;  border: 1px solid #ccc;  border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;width: 80%;}

.form-horizontal .input-sm2 {height: 1rem; padding: 0px 0.1rem;font-size: 0.24rem;line-height: 0.5rem;border-radius: 3px;color: #555; background-color: #fff;  background-image: none;  border: 1px solid #ccc;  border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;width: 80%;}

.form-horizontal .btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143; text-align: center;    white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none;    -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.form-horizontal .btn-primary:hover { color: #fff;background-color: #286090; border-color: #204d74;}
.form-horizontal .btn-primary { color: #fff; background-color: #337ab7;    border-color: #2e6da4;}
.form-horizontal textarea{ height: 34px; font-size: 12px;}
.col-sm-4{ float:left; margin-top: 10px;}
.form-horizontal input[type="text"]:focus{border-color: #66afe9;outline:#66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;}
.form-horizontal textarea:focus{  border-color: #66afe9;outline:#66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;}
.new .li li a.down{
    background: url(../pic/downpc.png) no-repeat center 0;
    position: absolute;
    right: 0px;
    top: -2px;
    width: 1rem;
    height: 0.48rem;
    }
.msgTips{position: fixed;width: 100%;background: #fff;text-align: center;top: 0;left: 0;padding: 0.25rem;font-size: 0.26rem;font-weight: 700;border-bottom: 1px solid #3367db;z-index: 999;display: none;color: #3367db;}