/* 易优CMS（eyoucms.com）做最好的易优整站模板下载网站 */

 @charset "utf-8";



 /*==========@@HTML默认 开始@@==========*/

 /*基本*/

 * {

 	padding: 0px;

 	margin: 0px

 }



 body {

 	font-size: 100px;

 }



 * {

 	margin: 0;

 	padding: 0;

 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

 	box-sizing: border-box;

 }



 .trans {

 	transition: all .3s ease-in;

 }



 html {

 	width: 100%;

 	min-height: 100%;

 }



 body {

 	width: 100%;

 	min-height: 100%;

 	max-width: 640px;

 	min-width: 320px;

 	margin: 0 auto;

 	font: .24rem/1.5 "PingFang SC", Helvetica, "Helvetica Neue", "microsoft yahei", Tahoma, Arial, sans-serif;

 	color: #666;

 	-webkit-touch-callout: none;

 	-webkit-user-select: none;

 	-khtml-user-select: none;

 	-moz-user-select: none;

 	-ms-user-select: none;

 	user-select: none;

 	background: #fff;

 	position: relative;

 }



 body:before, body:after {

 	content: "";

 	width: 100%;

 	display: block;

 }



 body:before {

 	height: 1rem;

 }



 body:after {

 	height: 1.1rem;

 }



 img {

 	border: 0px;

 }



 em {

 	font-style: normal;

 }



 s, i {

 	font-style: normal;

 }



 ul, ol {

 	list-style-type: none;

 }



 li {

 	list-style: none outside none;

 }



 b {

 	font-weight: normal;

 }



 /*表单*/

 input, button, select, textarea {

 	outline: none;

 	font-family: "PingFang SC", "Microsoft Yahei", Arial;

 	font-size: .24rem;

 	-webkit-appearance: none !important;

 }



 table {

 	border-collapse: collapse;

 	border-spacing: 0;

 }



 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

 	color: #999;

 }



 input:-moz-placeholder, textarea:-moz-placeholder {

 	color: #999;

 }



 input::-moz-placeholder, textarea::-moz-placeholder {

 	color: #999;

 }



 input:-ms-input-placeholder, textarea:-ms-input-placeholder {

 	color: #999;

 }



 /*公用样式*/

 .layout {

 	position: fixed;

 	width: 100%;

 	height: 100%;

 	left: 0;

 	top: 0;

 	z-wrapper: 101;

 	background: #000;

 	opacity: 1;

 }



 .blue {

 	color: #28a5f4;

 }



 /*链接*/

 a, a:link, a:visited, a:hover, a:active {

 	color: #666;

 	text-decoration: none;

 }



 a:focus {

 	outline: none;

 }



 a:hover, a:active {

 	color: #1a63ce;

 	outline: none;

 }



 /*标题*/

 h1, h2, h3, h4, h5, h6, h7 {

 	font-weight: normal;

 }



 .icon {

 	background: url(/public/template/demo202009wap/static/images/icon.png) no-repeat;

 	display: inline-block;

 	background-size: 2.4rem auto;

 	vertical-align: middle;

 }



 .icon, .iconbef:before, .iconbef:after {

 	content: "\20";

 	display: block;

 }



 /*清除浮动*/

 .fl {

 	float: left;

 }



 .fr {

 	float: right;

 }



 .hidden {

 	display: none;

 }



 .clearfix:after {

 	content: "";

 	display: block;

 	clear: both;

 	width: 100%;

 	height: 0;

 	line-height: 0;

 	font-size: 0;

 }



 .clear, .clearfix:after {

 	content: "";

 	display: block;

 	clear: both;

 	width: 100%;

 	height: 0;

 	line-height: 0;

 	font-size: 0;

 }



 /*==========@@HTML默认 结束@@==========*/

 .wrapper {

 	width: 100%;

 }



 /*==========@@公共？ 开始@@==========*/

 .header {

 	background-size: 100% 1.04rem;

 }



 #top_main {

 	width: 100%;

 	height: 1rem;

 	*zoom: 1;

 	z-index: 300;

 	position: fixed;

 	top: 0px;

 	left: 0px;

 }



 #top {

 	max-width: 640px;

 	min-width: 320px;

 	height: 1rem;

 	margin: 0px auto;

 	position: relative;

 	background: #fff;

 	box-shadow: 0 0 0.2rem rgba(0, 0, 0, .1);

 }



 #top .logo {

 	float: left;

 	text-align: center;

 	display: block;

 	color: #000;

 	font-size: .32rem;

 	padding-top: .15rem;

 	margin-left: .15rem;

 }



 #top .logo a {

 	display: block;

 }



 #top .logo img {

 	display: block;

 	height: .7rem;

 }



 #top .topsearch {

 	display: block;

 	position: absolute;

 	right: 5%;


 	text-align: center;

 	cursor: pointer;


 	margin: .16rem auto;

 }



 #top .topsearch span {

 	display: block;

 	width: 100%;

 	height: 0.42rem;

 	background-position: 0rem -1.19rem;

 	width: .42rem;

 }



 #top_main .tsearch * {

 	box-sizing: border-box;

 }



 #top_main .tsearch {

 	position: absolute;

 	height: 1rem;

 	width: 6.4rem !important;

 	padding: .2rem 5%;

 	left: 0;

 	top: .99rem;

 	z-index: 99;

 	background: #f2f2f2;

 	box-sizing: border-box;

 	display: none;

 }



 #top_main .tsearch input {

 	-webkit-appearance: none;

 }



 #top_main .tsearch .txt {

 	width: 78%;

 	color: #666;

 	text-indent: .1rem;

 	font-size: .22rem;

 	height: .64rem;

 	background: #fff;

 	border: 1px solid #fff;

 	border-radius: 0.1rem;

 	position: absolute;

 	left: 5%;

 	top: .2rem;

 	border-top-left-radius: .6rem;

 	border-bottom-left-radius: .6rem;

 }



 #top_main .tsearch .btn {

 	color: #fff;

 	font-size: .22rem;

 	width: 16%;

 	height: .62rem;

 	line-height: .6rem;

 	text-align: center;

 	border: 0px;

 	background-color: #1a63ce;

 	background-position: -0.748rem -1.055rem;

 	position: absolute;

 	right: 5%;

 	top: .2rem;

 	border-top-right-radius: .6rem;

 	border-bottom-right-radius: .6rem;

 }



 #top_main .btn_close_main {

 	width: .88rem;

 	height: 1rem;

 	background-color: #f2f2f2;

 	position: absolute;

 	top: 0;

 	right: 14%;

 	z-index: 9;

 	display: none;

 }



 #top_main .btn_close_main .btn_close {

 	width: .34rem;

 	height: .33rem;

 	margin-top: .38rem;

 	margin-left: .26rem;

 	background-position: -2rem -1rem;

 }



 #top #nav {

 	width: .45rem;

 	height: 50%;

 	position: absolute;

 	right: 3%;

 	top: .38rem;

 	text-align: center;

 	cursor: pointer;

 }



 #top .nav {

 	width: .39rem;

 	height: .36rem;

 	background-position: -.5rem -1.2rem;

 }



 #top .close {

 	background-position: -2.06rem 0;

 	width: .34rem;

 	height: .34rem;

 	cursor: pointer;

 	position: absolute;

 	right: 20%;

 	top: -0.02rem;

 	text-align: center;

 }



 /*subNav*/

 .subNav {

 	position: fixed;

 	width: 100%;

 	height: 100%;

 	right: 0;

 	top: .99rem;

 	z-index: 999;

 	max-width: 640px;

 	min-width: 320px;

 	background: #1a63ce;

 	-webkit-transform: translateX(4rem);

 	-moz-transform: translateX(7rem);

 	-ms-transform: translateX(7rem);

 	transform: translateX(7rem);

 }



 .subNavCon {

 	margin: 0px;

 	background: #1a63ce;

 	width: 100%;

 	border-top: 1px solid #e5e5e5;

 }



 .subNav .closrbox {

 	width: 20%;

 	height: 0.5rem;

 	line-height: .5rem;

 	background: #fff;

 	position: absolute;

 	right: 2%;

 	top: -5%;

 }



 .subNav .close {

 	background-position: -1.64rem -1.5rem;

 	width: .4rem;

 	height: .4rem;

 }



 .subNav .c_clos {

 	width: 52%;

 	position: absolute;

 	left: 0;

 	top: 0;

 	height: 100%;

 }



 .subNav .list {

 	margin-top: .6rem;

 }



 .subNav li {

 	width: 100%;

 	display: block;

 	line-height: 1rem;

 	margin: 0 auto;

 	position: relative;

 }



 .subNav li:first-child {

 	margin-top: .6rem;

 }



 .subNav .subnav2 {

 	width: 100%;

 	display: none;

 }



 .subNav .subnav2 a {

 	margin-bottom: .1rem;

 	background: #eeeeee;

 	font-size: .24rem;

 }



 .subNav li a {

 	display: block;

 	width: 4rem;

 	margin: 0 auto;

 	color: #fff;

 	font-size: 0.34rem;

 	text-align: center;

 	border-bottom: 1px #2174f1 solid;

 }



 .subNav li em {

 	width: .3rem;

 	height: .3rem;

 	display: inline-block;

 	background-position: 0 -2.2rem;

 	vertical-align: middle;

 	position: absolute;

 	right: 3%;

 	top: .26rem;

 }



 .subNav.show {

 	right: 0 !important;

 }



 .subNavShow {

 	-webkit-transform: translateX(-48%);

 	-moz-transform: translateX(-48%);

 	-ms-transform: translateX(-48%);

 	transform: translateX(-48%);

 	display: block;

 }



 .subNavShow2 {

 	-webkit-transform: translateX(0);

 	-moz-transform: translateX(0);

 	-ms-transform: translateX(0);

 	transform: translateX(0);

 }



 /*首页导航*/

 .inav_t {

 	width: 100%;

 	height: 1.4rem;

 	background: #333;

 	border-top: 1px #666 solid;

 	overflow: hidden;

 }



 .inav_t dl {

 	height: 1.4rem;

 	overflow: hidden;

 }



 .inav_t dl dd {

 	width: 25%;

 	height: 0.7rem;

 	float: left;

 	text-align: center;

 	border-left: 1px #666 solid;

 	border-bottom: 1px #666 solid;

 }



 .inav_t dl dd:nth-child(4n) {

 	border-right: 0;

 }



 .inav_t dl dd a {

 	display: block;

 	width: 100%;

 	height: .69rem;

 	line-height: .69rem;

 	color: #fff;

 	-webkit-transition: all .3s ease-in-out 0s;

 	-moz-transition: all .3s ease-in-out 0s;

 	transition: all .3s ease-in-out 0s;

 }



 /* banner */

 #banner_main {

 	width: 100%;

 	overflow: hidden;

 	position: relative;

 	z-index: 1;


 }



 .banner {

 	margin: 0 auto;

 	width: 100%;

 	*zoom: 1;

 	overflow: hidden;

 	position: relative;


 }



 .banner .list {

 	width: 100%;

 	overflow: hidden;

 }



 .banner .list li {

 	float: left;

 	width: 100%;

 	overflow: hidden;

 }



 .banner .list li img {

 	width: 100%;
 	display: block;


 }



 #banner .tip {

 	width: 100%;

 	height: 0.35rem;

 	line-height: 0.35rem;

 	clear: both;

 	position: absolute;

 	bottom: 10%;

 	z-index: 2;

 	font-size: 0;

 	text-align: center;

 }



 #banner .tip span {

 	display: inline-block;

 	vertical-align: middle;

 	width: .2rem;

 	height: .2rem;

 	margin: 0 0.05rem;

 	vertical-align: middle;

 	background-position: -.26rem 0;

 	background: #fff;

 	border-radius: .1rem;

 }



 #banner .tip span.cur {

 	background: #1a63ce;

 }



 .showInfo #banner .tip {

 	width: 100%;

 	text-align: center;

 	margin-left: 0;

 	left: 0;

 	bottom: .2rem;

 }



 /*版权信息*/

 #footer_main {

 	text-align: center;

 	width: 100%;

 	background: #fff;

 }



 #returntop {

 	width: 1rem;

 	height: 1rem;

 	background: url(/public/template/demo202009wap/static/images/gotop.png) no-repeat center top;

 	background-size: 1rem auto;

 	position: fixed;

 	bottom: 20%;

 	right: 2%;

 	cursor: pointer;

 	z-index: 99;

 }



 #copyright {

 	width: 94%;

 	margin: 0 auto;

 	color: #666;

 	font-size: 0.24rem;

 	line-height: .4rem;

 	padding: 0.2rem 0;

 }



 #copyright a {

 	color: #666;

 }



 #fix-sider {

 	width: 1rem;

 	height: 1rem;

 	position: fixed;

 	right: 2%;

 	bottom: 29%;

 	background: url(/public/template/demo202009wap/static/images/tel.png) no-repeat center top;

 	background-size: 1rem auto;

 	cursor: pointer;

 	z-index: 999;

 }



 /* 工具栏 */

 #toolbar {

 	position: fixed;

 	bottom: 0;

 	width: 100%;

 	z-index: 888;

 	height: 1.1rem;

 	left: 0;

 }



 #toolbar .list {

 	width: 100%;

 	max-width: 640px;

 	min-width: 320px;

 	margin: 0 auto;

 	background: #333;

 }



 #toolbar .list li {

 	float: left;

 	width: 25%;

 	text-align: center;

 	border: 1px solid #666;

 	border-left: 0;

 	-webkit-transition: all .3s ease-in-out 0s;

 	-moz-transition: all .3s ease-in-out 0s;

 	transition: all .3s ease-in-out 0s;

 }



 /*#toolbar .list li:first-child {*/

 /*	border-left: 1px solid #2174f1;*/

 /*}*/



 #toolbar .list a {

 	display: block;

 	height: 1.1rem;

 	line-height: 0.24rem;

 	font-size: 0.26rem;

 	padding-top: 0.2rem;

 }



 #toolbar .list a span {

 	text-align: center;

 	color: #fff;

 	display: block;

 	font-size: 0.24rem;

 }



 #toolbar .list a s {

 	margin-left: auto;

 	margin-right: auto;

 	width: 0.34rem;

 	height: 0.34rem;

 	display: block;

 	margin-bottom: .12rem;

 	background-position: -.35rem -.2rem;

 }



 #toolbar .list li:nth-child(2) s {

 	background-position: -.0rem -.2rem;

 }



 #toolbar .list li:nth-child(3) s {

 	background-position: -.76rem -.2rem;

 }



 #toolbar .list li:nth-child(4) s {

 	background-position: -1.2rem -.2rem;

 	width: .34rem;

 	height: .34rem;

 }



 #toolbar .list li:hover {

 	background: #2174f1;

 }



 /*==========@@页面布局 开始@@==========*/

 #search {

 	background: #fff;

 	width: 96%;

 	margin: 0.2rem auto;

 	height: 0.6rem;

 	-moz-border-radius: 0.5rem;

 	-webkit-border-radius: 0.5rem;

 	border-radius: 0.5rem;

 	padding: 0;

 	-webkit-box-shadow: 1px 1px 1px #e7e9e9;

 	-moz-box-shadow: 1px 1px 1px #e7e9e9;

 	box-shadow: 1px 1px 1px #e7e9e9;

 }



 #search input {

 	display: block;

 	font-family: "微软雅黑";

 	padding: 0;

 	margin: 0;

 }



 #search .txt {

 	border: none;

 	width: 66%;

 	height: 0.5rem;

 	line-height: 0.6rem;

 	margin-right: 1%;

 	padding: 0 4%;

 	color: #666;

 	font-size: 0.22rem;

 	background: none;

 }



 #search .searchbtn {

 	cursor: pointer;

 	border: none;

 	font-size: 0.24rem;

 	width: 0.8rem;

 	height: 0.6rem;

 	text-align: center;

 	background-position: -0.63rem 0;

 }



 .index #floor_1_main, .index #floor_2_main, .index #floor_3_main {

 	width: 100%;

 	margin: 0 auto;

 	background: #fff;

 }



 .index {

 	background: #fff;

 	overflow: hidden;

 }



 /* 首页产品 */

 .index #floor_1_main {

 	margin: 0 auto;

 	background: #fff;

 }



 .index .title_main {

 	padding-top: .5rem;

 }



 .index .in_title {

 	padding-top: .4rem;

 }



 .index .in_title .entit {

 	position: relative;

 	width: 80%;

 	margin: auto;

 	margin-bottom: .12rem;

 	font-size: .4rem;

 	line-height: .4rem;

 	font-weight: bold;

 	color: #1a63ce;

 	text-align: center;

 }



 .index .in_title .tit {

 	font-size: .4rem;

 	line-height: .45rem;

 	text-align: center;

 	color: #434343;

 }



 .index .in_title .tit span {

 	display: inline-block;

 	margin: 0 .3rem;
 	color: #1a63ce;
 	font-weight: bold;

 }



 .index .in_title .tit em {

 	display: none;

 	width: 1.8rem;

 	height: .02rem;

 	margin-bottom: .1rem;

 	background: #cecece;

 }



 .index .look_more {

 	display: block;

 	width: 6rem;

 	height: .78rem;

 	margin: 0 auto;

 	font-size: .3rem;

 	line-height: .78rem;

 	text-align: center;

 	color: #434343;

 	background: #fff;

 	border: .01rem solid #f0f0f0;

 }



 .index .tab {

 	text-align: center;

 	margin-top: .4rem;

 }



 .index .tab a {

 	width: 46%;

 	height: 0.6rem;

 	line-height: 0.6rem;

 	margin: .05rem;

 	display: inline-block;

 	padding: 0 .1rem;


 	border: 1px solid #ccc;

 	color: #fff;

 	text-overflow: ellipsis;

 	white-space: nowrap;

 	overflow: hidden;

 }



 .index .tab a:hover {

 	color: #fff;

 	background: #1a63ce;

 	border-color: #fff;

 }



 /*关于我们*/

 #floor_1_main .floor_1 {

 	padding-bottom: 1.2rem;

 }



 #floor_1_main .about {

 	padding-top: .2rem;

 }



 #floor_1_main .about .item {

 	display: block;

 	width: 100%;

 	height: 4.43rem;

 }



 #floor_1_main .about img {

 	display: block;

 	width: 100%;

 	height: 100%;

 }



 #floor_1_main .contW {

 	position: relative;

 	display: block;

 	width: 100%;

 }



 #floor_1_main .contW .cont {

 	width: 6rem;

 	margin: 0 auto;

 	margin-bottom: .3rem;

 	font-size: .22rem;

 	color: #666;

 	line-height: .4rem;

 	text-align: justify;

 }



 #floor_1_main .contW .view_detail {

 	display: block;

 	width: 5.6rem;

 	height: .7rem;

 	margin: 0 auto;

 	margin-top: .5rem;

 	font-size: .24rem;

 	line-height: .7rem;

 	text-align: center;

 	color: #fff;

 	background: #1a63ce;

 }



 /*产品中心*/

 .index #floor_2_main {

 	width: 100%;

 	background: #fff;

 }



 .index .floor_2 {

 	padding-bottom: .2rem;

 }



 .index .floor_2 .proCenter .list {

 	margin-left: .2rem;

 	margin-top: .2rem;

 }



 .index .floor_2 .proCenter .list li {

 	position: relative;

 	float: left;

 	display: block;

 	width: 2.9rem;

 	border: 1px solid #f0f0f0;

 	margin-right: .2rem;

 	margin-bottom: .2rem;

 }



 .index .floor_2 .proCenter .list li .img {

 	width: 100%;

 	height: 2.15rem;

 }



 .index .floor_2 .proCenter .list li .img img {

 	display: block;

 	width: 100%;

 	height: 100%;

 }



 .index .floor_2 .proCenter .list li .txt {

 	background: #fff;

 }



 .index .floor_2 .proCenter .list li .txt .tit {

 	font-size: .26rem;

 	line-height: .6rem;

 	text-align: center;

 	color: #434343;

 	text-overflow: ellipsis;

 	white-space: nowrap;

 	overflow: hidden;

 }



 /* 产品优势 */

 .index #floor_3_main {

 	width: 100%;

 	background: #fff;

 }



 .index .floor_3 .proAdvant .list li {

 	display: block;

 	width: 6rem;

 	margin: 0 auto;

 	padding-top: .4rem;

 	padding-bottom: .3rem;

 	border-top: .02rem dashed #b2b2b2;

 }



 .index .floor_3 .proAdvant .list li:first-child {

 	border-top: none;

 }



 .index .floor_3 .proAdvant .list li .tit span {

 	display: inline-block;

 	width: .45rem;

 	height: .45rem;

 	background: #1a63ce;

 	border-radius: .1rem;

 	color: #fff;

 	font-size: .3rem;

 	font-weight: normal;

 	line-height: .45rem;

 	margin-right: .1rem;

 }



 .index .floor_3 .proAdvant .list li .img {

 	width: 100%;

 }



 .index .floor_3 .proAdvant .list li .img img {

 	display: block;

 	width: 100%;

 	height: 100%;

 }



 .index .floor_3 .proAdvant .list li .txt {

 	display: block;

 	width: 100%;

 }



 .index .floor_3 .proAdvant .list li .txt .tit {

 	font-size: .3rem;

 	font-weight: bold;

 	color: #1a63ce;

 	text-align: center;

 	padding-bottom: .3rem;

 }



 .index .floor_3 .proAdvant .list li .txt .cont {

 	margin-top: .12rem;

 	font-size: .18rem;

 	color: #666;

 	line-height: .35rem;

 	text-align: justify;

 }



 .ysinfo {

 	display: flex;

 	justify-content: space-between;

 	flex-wrap: wrap;

 	padding: 0px 10px;

 	margin-bottom: 20px;

 }



 .ysinfo .infobox {

 	/* width: calc(50% - 80px); */

 	padding-top: 46px;

 	position: relative;

 	margin-top: 30px;

 }



 .ysinfo .infobox>img {

 	position: absolute;

 	left: 0px;

 	top: 10px;

 }



 .aboutusinfo .video-con, .ysinfo .video-con {

 	width: 45%;

 }



 .aboutusinfo .infobox .word1, .ysinfo .infobox .word1 {

 	font-size: 22px;

 	font-weight: bold;

 	color: #333333;

 	position: relative;

 	padding-bottom: 25px;

 }



 .ysinfo .infobox .word1 {

 	color: #1a63ce;

 	padding-left: 40px;

 	margin-top: -15px;

 }



 .ysinfo .infobox .ysphone {

 	display: flex;

 	justify-content: flex-start;

 	justify-items: center;

 	margin-top: 35px;

 }



 .ysinfo .infobox .ysphone .ysphone1>p {

 	font-size: 14px;

 	color: #222222;

 	margin-top: 4px;

 }



 .ysinfo .infobox .ysphone .ysphone1>p:last-child {

 	font-size: 24px;

 	color: #1a63ce;

 	font-weight: bold;

 	margin-top: 5px;

 }



 .ysinfo .infobox .ysphone .ysphone2 {

 	background: url(/public/template/demo202009wap/static/images/ysphone1.png) no-repeat;

 	background-size: cover;

 	width: 190px;

 	height: 74px;

 	line-height: 74px;

 	text-align: center;

 	font-weight: bold;

 	color: #ffffff;

 	font-size: 18px;

 	cursor: pointer;

 	margin-left: 4%;

 }



 .ysinfo .infobox .ysphone .ysphone2>a {

 	color: #ffffff;

 }



 .ysinfo .infobox .ysphone .ysphone2>a:hover {

 	color: #ffffff;

 }



 .ysinfo .ysreason {

 	position: relative;

 	box-shadow: 10px 10px 0px #bad0f0;

 	margin-right: 10px;

 	margin-top: 20px;

 	background: url(/public/template/demo202009wap/static/images/news-line.png) left top;

 	border: 1px solid #eaf0f8;

 	border-radius: 5px;

 	display: flex;

 	justify-content: center;

 	flex-wrap: wrap;

 	padding-bottom: 40px;

 }



 .ysinfo .ysreason .ysreason1 {

 	font-size: 24px;

 	font-weight: bold;

 	color: #1a63ce;

 	background: url(/public/template/demo202009wap/static/images/ysicon2.png) left no-repeat;

 	padding-left: 60px;

 	height: 40px;

 	line-height: 40px;

 	margin-top: 20px;

 	margin-bottom: 15px;

 }



 .ysinfo .ysreason .ysreason2 {

 	width: 93%;

 	font-size: 14x;

 	font-weight: bold;

 	color: #333333;

 	background: url(/public/template/demo202009wap/static/images/ysicon3.png) center no-repeat;

 	background-size: 100% 100%;

 	padding-left: 5%;

 	height: 40px;

 	line-height: 40px;

 	text-align: center;

 	margin-bottom: 10px;

 }



 .aboutusinfo .infobox .word2, .ysinfo .infobox .word2 {

 	color: #333333;

 	margin-top: 8px;

 	text-indent: 2em;

 	line-height: 2;

 }





 /*工程案例*/

 .index #floor_4_main {

 	width: 100%;

 	background: #fff;

 }



 .index .floor_4 {

 	padding-bottom: .2rem;

 	background: #f4f4f4;

 }



 .index .floor_4 .proCenter .list {

 	margin-left: .2rem;

 	margin-top: .3rem;

 }



 .index .floor_4 .proCenter .list li {

 	position: relative;

 	float: left;

 	display: block;

 	width: 1.86rem;

 	margin-right: .2rem;

 	margin-bottom: .1rem;

 }



 .index .floor_4 .proCenter .list li .img {

 	width: 100%;

 	height: 1.395rem;

 }



 .index .floor_4 .proCenter .list li .img img {

 	display: block;

 	width: 100%;

 	height: 100%;

 }



 .index .floor_4 .proCenter .list li .txt .tit {

 	font-size: .22rem;

 	line-height: .5rem;

 	text-align: center;

 	color: #666;

 	text-overflow: ellipsis;

 	white-space: nowrap;

 	overflow: hidden;

 }



 /*新闻动态*/

 .index #floor_5_main {

 	width: 100%;
 	background: #1a63ce;
 	position:fixed;bottom:64px;z-index:99999;

 }

#floor_5_main  .tab a{width:30%}

 .index .floor_5 {

 	height: auto;

 }

.index .floor_5 .tab{margin-top:0.1rem;}

 .index .floor_5 .inews {

 	margin-top: .1rem;

 }



 .index .floor_5 .inews .list li {

 	display: block;

 	width: 6rem;

 	margin: 0 auto;

 	border-top: .02rem dashed #ddd;

 	line-height: .8rem;

 	overflow: hidden;

 }



 .index .floor_5 .inews .list li:first-child {

 	border-top: none;

 }



 .index .floor_5 .inews .list li .tit {

 	float: left;

 	width: 74%;

 	font-size: .26rem;

 	color: #575757;

 	text-overflow: ellipsis;

 	white-space: nowrap;

 	overflow: hidden;

 }



 .index .floor_5 .inews .list li .time {

 	float: right;

 	width: 24%;

 	font-size: .26rem;

 	color: #575757;

 	text-align: right;

 }



 .index .floor_5 .look_more {

 	margin-top: .2rem;

 }



 /*服务流程*/

 #floor_6_main {

 	width: 100%;

 }



 #floor_6_main .proAdvant {

 	width: 6rem;

 	margin: 0 auto;

 	margin-top: .3rem;

 }



 #floor_6_main .proAdvant .list {

 	width: 100%;

 }



 #floor_6_main .proAdvant .list li {

 	float: left;

 	width: 1.5rem;

 	text-align: center;

 	cursor: pointer;

 }



 #floor_6_main .proAdvant .list li a {

 	display: block;

 }



 #floor_6_main .proAdvant .list li .img {

 	position: relative;

 	display: inline-block;

 	width: 1.3rem;

 	height: 1.3rem;

 	line-height: 110px;

 	margin: 0 auto;

 	border: .05rem solid #666;

 	border-radius: 50%;

 	transition: all .5s;

 }



 #floor_6_main .proAdvant .list li .img img {

 	position: absolute;

 	top: 50%;

 	margin-top: -.4rem;

 	left: 50%;

 	margin-left: -.4rem;

 	display: inline-block;

 	width: .8rem;

 	height: .8rem;

 }



 #floor_6_main .proAdvant .list li .tit {

 	font-size: .24rem;

 	line-height: .5rem;

 	color: #666;

 	text-overflow: ellipsis;

 	white-space: nowrap;

 	overflow: hidden;

 }



 /*产品中心*/

 .index #floor_8_main {

 	width: 100%;

 	background: #fff;

 }



 .index .floor_8 {

 	padding-bottom: .1rem;

 }



 .index .floor_8 .proCenter .list {

 	margin-left: .25rem;

 	margin-top: .3rem;

 }



 .index .floor_8 .proCenter .list li {

 	position: relative;

 	float: left;

 	display: block;

 	width: 1.84rem;

 	margin-right: .2rem;

 	margin-bottom: .2rem;

 	border: 1px solid #f0f0f0;

 }



 .index .floor_8 .proCenter .list li .img {

 	width: 1.806rem;

 	/*height: 1.42rem;*/

 }



 .index .floor_8 .proCenter .list li .img img {

 	display: block;

 	width: 100%;

 	height: 100%;

 }



 /* 搜索 */

 #top .search {

 	margin: 0.1rem auto;

 	width: 4.6rem;

 	height: 0.56rem;

 	line-height: 0.56rem;

 	border-radius: 0.5rem;

 	background: #fff;

 }



 #top .search input {

 	border: none;

 }



 #top .search .txt {

 	width: 80%;

 	display: block;

 	background: none;

 	height: 0.56rem;

 	line-height: 0.56rem;

 	text-indent: 0.08rem;

 	color: #333;

 	font-size: 0.22rem;

 }



 #top .search .searchbtn {

 	background-position: -1.2rem -1.7rem;

 	width: 0.4rem;

 	height: 0.4rem;

 	display: block;

 	margin: 0.05rem 0.2rem 0 0;

 }



 .searchinfo {

 	background: #fff;

 	padding: 0.4rem 2%;

 	height: 100%;

 }



 .searchinfo h2 {

 	color: #000;

 }



 .searchinfo .searchlist {

 	padding: 0.2rem 0;

 }



 .searchinfo .searchlist a {

 	display: inline-block;

 	margin: 0 1.0rem 0.3rem 0;

 	color: #fff;

 	background: #093c84;

 	font-size: 0.24rem;

 	text-align: center;

 	height: 0.64rem;

 	line-height: 0.64rem;

 	padding: 0 0.2rem;

 	border-radius: 0.5rem;

 }



 /*******************content*************/

 .dialog-layout {

 	position: fixed;

 	width: 100%;

 	height: 100%;

 	left: 0;

 	top: 0;

 	z-index: 101;

 	background: #000;

 	opacity: .5;

 }



 .index .hd {

 	padding: 0 3%;

 }



 .index .hd li {

 	width: 25%;

 	float: left;

 	background: #ccc;

 	color: #fff;

 	font-size: .3rem;

 	height: .56rem;

 	line-height: .56rem;

 	text-align: center;

 }



 .index .hd li.on {

 	background: #2b5899;

 }



 /*内页样式*/

 .content {

 	width: 100%;

 	padding-bottom: .2rem;

 	padding-top: 0.2rem;

 	background: #fff;

 }



 .iconn {

 	background: url(/public/template/demo202009wap/static/images/iconn.png) no-repeat;

 	background-size: 1.4rem auto;

 	vertical-align: middle;

 }



 /*recom*/

 .recom {

 	padding-top: .2rem;

 	background: #f1f1f1;

 	transition: none;

 }



 .recom * {

 	transition: none;

 }



 .recom .recomCon {

 	width: 100%;

 	overflow: hidden;

 	background: #fff;

 	box-sizing: border-box;

 }



 .recom .recomConList {

 	width: 200%;

 }



 .recom .list {

 	float: left;

 	width: 50%;

 }



 .recom .list li {

 	border-bottom: 1px solid #eeeeee;

 }



 .recom .list li a {

 	display: block;

 	padding: .16rem .2rem .16rem .3rem;

 }



 .recom .list li.item {

 	position: relative;

 }



 .recom .list li.item .img {

 	width: 1.2rem;

 	height: .9rem;

 	float: left;

 	margin-right: .15rem;

 	padding: .04rem;

 	border: 1px solid #f1f1f1;

 }



 .recom .list li.item h3 {

 	color: #000;

 	height: .4rem;

 	overflow: hidden;

 }



 .recom .list li.item .txt {

 	font-size: .2rem;

 	color: #aaaaaa;

 	line-height: .28rem;

 }



 .recom .list li.item .time {

 	color: #aaaaaa;

 	position: absolute;

 	right: .25rem;

 	font-size: .18rem;

 	bottom: .2rem;

 }



 .recom .list li.item .time:before {

 	width: .22rem;

 	height: .22rem;

 	display: inline-block;

 	background-position: -1.4rem 0;

 }



 .recom .list li .tit {

 	color: #2b5899;

 }



 .recom .list li .tit:after {

 	width: 1px;

 	height: .28rem;

 	content: "\20";

 	display: inline-block;

 	margin: 0 .18rem;

 	vertical-align: middle;

 	background: #eeeeee;

 }



 .newslist {

 	padding: 0 3%;

 }



 .newslist .item {

 	width: 100%;

 	border-bottom: 1px solid #eeeeee;

 }



 .newslist .item * {

 	transition: all .3s linear;

 }



 .newslist .item a {

 	padding: .3rem 0;

 	width: 100%;

 	display: block;

 }



 .newslist .item img {

 	width: 1.44rem;

 	height: .96rem;

 	display: block;

 	margin-top: .06rem;

 	float: right;

 	margin-right: .1rem;

 }



 .newslist .item h3 {

 	font-size: .3rem;

 	line-height: .36rem;

 	max-height: .72rem;

 	overflow: hidden;

 	color: #000000;

 }



 .newslist .item .dec {

 	color: #999999;

 	font-size: .2rem;

 	margin-top: .08rem;

 }



 .newslist .item .dec span {

 	margin-right: .2rem;

 }



 .newslist .item.pic4 h3 {

 	height: .36rem;

 	margin-bottom: .08rem;

 }



 .newslist .item.pic4 img {

 	float: left;

 	margin-right: .06rem;

 }



 .newslist .item.pic4 img:last-child {

 	margin-right: 0;

 }



 .g-top {

 	width: 0.68rem;

 	height: .68rem;

 	position: fixed;

 	bottom: 15%;

 	z-index: 998;

 	right: 2%;

 	cursor: pointer;

 	background: url(/public/template/demo202009wap/static/images/ico-top.png) no-repeat;

 	background-size: 100% auto;

 }



 /*subCate*/

 .subCate {

 	padding: 0rem 0 .2rem;

 }



 .subCate a {

 	width: 48%;

 	margin: 0 1%;

 	font-size: .22rem;

 	height: .5rem;

 	overflow: hidden;

 	display: block;

 	float: left;

 	line-height: .5rem;

 	text-align: center;

 	color: #666;

 	border: 1px solid #ddd;

 	box-sizing: border-box;

 	margin-bottom: .1rem;

 }



 .subCate a.on {

 	border-color: #1a63ce;

 	color: #1a63ce;

 }



 /*cateList*/

 .iconbef:before {

 	background: url(/public/template/demo202009wap/static/images/iconn.png) no-repeat;

 	background-size: 1.4rem auto;

 	vertical-align: middle;

 }



 .cateList {

 	width: 100%;

 	line-height: 0.8rem;

 	text-align: center;

 	background: #f6f6f6;

 	color: #1a63ce;

 	position: relative;

 }



 .cateList .goBack {

 	width: .8rem;

 	height: .8rem;

 	padding-top: .23rem;

 	position: absolute;

 	left: .1rem;

 	top: 0;

 	z-index: 12;

 }



 .cateList .goBack:before {

 	width: .4rem;

 	height: .4rem;

 	display: block;

 	margin: 0 auto;

 	background-position: -1.0rem -0.64rem;

 }



 .cateList h3 {

 	position: relative;

 	font-size: .3rem;

 	border-top: 1px solid #e6e6e6;

 	border-bottom: 1px solid #e6e6e6;

 }



 .cateList h3 s {

 	position: absolute;

 	top: 0.34rem;

 	right: .4rem;

 	width: .25rem;

 	height: .2rem;

 	margin-left: .1rem;

 	background-position: -1.16rem 0;

 	display: none;

 }



 .cateList .box {

 	width: 100%;

 	padding: .2rem 3% .0;

 	z-index: 11;

 	background: #fff;

 	display: none;

 	border-bottom: 1px solid #ddd;

 }



 .cateList .box a {

 	width: 31.3%;

 	margin-right: 3%;

 	margin-bottom: .15rem;

 	height: .52rem;

 	line-height: .5rem;

 	border: 1px solid #ccc;

 	font-size: .22rem;

 	text-align: center;

 	display: block;

 	float: left;

 	text-overflow: ellipsis;

 	white-space: nowrap;

 	overflow: hidden;

 }



 .cateList .box a:nth-child(3n) {

 	margin-right: 0;

 }



 .cateList .box a.on {

 	background: #1a63ce;

 	border-color: #1a63ce;

 	color: #fff;

 }



 /*pager*/

 .pager {

 	width: 100%;

 	text-align: center;

 	background: #f6f6f6;

 	padding: .2rem 0;

 	font-size: .2rem;

 }



 .pager a, .pager span {

 	width: 1.6rem;

 	height: .4rem;

 	line-height: .4rem;

 	display: inline-block;

 	background: #e59f19;

 	color: #fff;

 	border-radius: 5px;

 }



 .pager .yem {

 	height: .4rem;

 	display: inline-block;

 	margin: 0px .1rem;

 	line-height: .4rem;

 }



 /*reLink*/

 .reLink {

 	margin: .2rem 4% .1rem;

 	width: 92%;

 }



 .reLink .prevLink, .reLink .nextLink {

 	display: block;

 	height: .6rem;

 	line-height: .6rem;

 	font-size: .24rem;

 	overflow: hidden;

 	text-overflow: ellipsis;

 	white-space: nowrap;

 	width: 100%;

 	box-sizing: border-box;

 	border-bottom: 1px solid #e8e8e8;

 }



 .reLink a {

 	color: #333333;

 }



 /*m-share*/

 .m-share {

 	margin-left: 3%;

 	margin-bottom: .2rem;

 }



 .showInfo .showTit {

 	width: 96%;

 	margin: 0 auto;

 	line-height: .3rem;

 	padding: .2rem 2% .1rem;

 	border-bottom: 1px dashed #ccc;

 	text-align: center;

 }



 .showInfo .showTit h1 {

 	color: #333333;

 	font-size: .4rem;

 	line-height: .45rem;

 	margin-bottom: .05rem;

 }



 .showInfo .showTit .mark {

 	font-size: .22rem;

 	color: #999;

 	margin-top: .1rem;

 }



 .moreBtn {

 	width: 94%;

 	margin: 2% auto 6%;

 	height: 0.88rem;

 	line-height: 0.88rem;

 	display: block;

 	text-align: center;

 	background: #1a63ce;

 	color: #fff;

 	font-size: .22rem;

 	border: 1px solid #2174f1;

 	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);

 	-webkit-transition: all .3s ease-in-out 0s;

 	-moz-transition: all .3s ease-in-out 0s;

 	transition: all .3s ease-in-out 0s;

 }



 .moreBtn a {

 	display: block;

 	color: #fff;

 }



 .moreBtn:active, .moreBtn:hover {

 	background: #2174f1;

 }



 /*showInfor*/

 .showInfo {

 	width: 100%;

 	background: #fff;

 	overflow: hidden;

 }



 .showInfo .showSubTit {

 	width: 100%;

 	height: .65rem;

 	line-height: .65rem;

 	font-weight: normal;

 	margin: .2rem 0 .1rem;

 	background: #f6f6f6;

 	border-bottom: 1px solid #1a63ce;

 	font-size: .24rem;

 	text-indent: .15rem;

 }



 .showInfo .banner {

 	height: 4.5rem;

 }



 .showInfo .banner .list {

 	height: 4.5rem;

 }



 .showInfo .banner .list .item {

 	height: 4.5rem;

 }



 .showInfo .banner .list .item img {

 	height: 4.5rem;

 }



 /*recomNew*/

 .recomNew {

 	width: 96%;

 	padding: 0.1rem 0 2%;

 	margin: 0 auto;

 }



 .recomNew li {

 	width: 100%;

 	height: .6rem;

 	line-height: .6rem;

 	border-bottom: 1px solid #eeeeee;

 	overflow: hidden;

 }



 .recomNew li a {

 	font-size: .24rem;

 	display: block;

 	position: relative;

 	padding-left: 2%;

 }



 .recomNew li a:before {

 	content: "";

 	position: absolute;

 	background: #cccccc;

 	width: 3px;

 	height: 3px;

 	left: 0;

 	top: 0.28rem;

 	z-index: 11;

 	-moz-border-radius: 3px;

 	-webkit-border-radius: 3px;

 	border-radius: 3px;

 }



 /*showSubTit*/

 .showInfo .contxt {

 	font-size: .24rem;

 	line-height: .34rem;

 	padding: 3% 3% 5%;

 }
 .showInfo .contxt h4{font-size:18px;color:#333;font-weight:bold;margin-bottom:20px;text-align:center}
 /*.showInfo .contxt tr td{width:100%!important;display:block}*/

.showInfo .contxt tr{font-size:14px!important;}
.showInfo .contxt tr td span{font-size:14px!important;}

 .showInfo .contxt img {

 	max-width: 100%;

 	margin: 0px auto;

 	height: auto !important;

 	display: inline;

 }



 .showInfo .contxt p {

 	line-height: .4rem;

 }



 .showInfo .contxt .biao td {

 	padding: .09rem;

 	border: 1px solid #ccc;

 	vertical-align: middle;

 	WORD-WRAP: break-word;

 	table-layout: fixed;

 	word-break: break-all;

 }



 .showmenu {

 	width: 100%;

 	padding: 0.1rem 0 .2rem;

 	background: #fff;

 }



 .showmenu a {

 	width: 48%;

 	height: .6rem;

 	display: block;

 	float: left;

 	line-height: .6rem;

 	text-align: center;

 	border-radius: .04rem;

 	color: #333;

 	background: #fff;

 	margin: 0 1% 2%;

 	border: 1px solid #ddd;

 	box-sizing: border-box;

 }



 .showmenu a.hover {

 	border: 1px solid #1a63ce;

 	color: #fff;

 	background: #1a63ce;

 }



 .erro {

 	padding: 0.2rem;

 }



 /*news.html*/

 .newsList .list {

 	width: 100%;

 	margin-bottom: .3rem;

 }



 .newsList .item {

 	padding: 0.2rem;

 	overflow: hidden;

 	position: relative;

 	border-bottom: 1px solid #f3f3f3;

 }



 .newsList .item:nth-child(2n) {

 	background: #f9f9f9;

 }



 .newsList .item:nth-child(2n) {

 	background: #fff;

 }



 .newsList .item:nth-child(2n) span:after {

 	background: #f9f9f9;

 }



 .newsList .item:last-child {

 	border: 0px;

 }



 .newsList .item a {

 	width: 100%;

 	display: block;

 }



 .newsList .item h3 {

 	font-size: .26rem;

 	line-height: .38rem;

 	font-weight: normal;

 	color: #434343;

 	text-overflow: ellipsis;

 	white-space: nowrap;

 	overflow: hidden;

 }



 .newsList .item .time {

 	color: #999;

 	font-size: .2rem;

 }



 .newsList .item .txt {

 	color: #666;

 	font-size: .23rem;

 	line-height: .35rem;

 }



 .addimglist .item img {

 	width: 1.2rem;

 	height: 1.48rem;

 	margin-right: .1rem;

 	float: left;

 }



 .addimglist .item h3 {

 	width: 4.7rem;

 	font-size: .3rem;

 	line-height: .38rem;

 	font-weight: normal;

 	margin-bottom: .28rem;

 	color: #000;

 	margin-top: .02rem;

 	float: left;

 }



 .addimglist .item .txt {

 	color: #666666;

 	font-size: .22rem;

 	line-height: .28rem;

 	width: 4.7rem;

 	float: left;

 }



 .newsList .item:hover h3 {

 	color: #1a63ce;

 }



 /*fenx*/

 #nativeShare {

 	margin: 0 auto;

 	width: 100%;

 	padding-top: 0.3rem;

 	max-width: 640px;

 	min-width: 320px;

 }



 #nativeShare .label {

 	margin-left: 0.2rem;

 	font-size: 0.24rem;

 	color: #666666;

 	line-height: 0.6rem;

 }



 #nativeShare .list {

 	width: 5.4rem;

 	float: right;

 }



 #nativeShare .list span {

 	height: 0.9rem;

 	width: 0.9rem;

 	padding: 0;

 	display: inline-block;

 }



 #nativeShare .list span i {

 	margin: 0 auto;

 	width: 0.63rem;

 	height: 0.63rem;

 	display: block;

 }



 #nativeShare .weibo i {

 	background-image: url('/public/template/demo202009wap/static/images/weibo.png');

 	background-size: cover;

 }



 #nativeShare .weixin i {

 	background-image: url('/public/template/demo202009wap/static/images/weixin_friend.png');

 	background-size: cover;

 }



 #nativeShare .weixin_timeline i {

 	background-image: url('/public/template/demo202009wap/static/images/weixin.png');

 	background-size: cover;

 }



 #nativeShare .qq i {

 	background-image: url('/public/template/demo202009wap/static/images/qq.png');

 	background-size: cover;

 }



 #nativeShare .qzone i {

 	background-image: url('/public/template/demo202009wap/static/images/qqzone.png');

 	background-size: cover;

 }



 #nativeShare .more i {

 	background-image: url('/public/template/demo202009wap/static/images/more.png');

 	background-size: cover;

 }



 #nativeShare .list span.qzone, #nativeShare .list span.more {

 	width: 0.73rem;

 }



 #fenxiang {

 	display: none;

 }



 .fenx {

 	height: 1.0rem;

 	width: 100%;

 }



 .fenx .tt {

 	margin-left: 0.2rem;

 	font-size: 0.24rem;

 	color: #666666;

 	line-height: 0.6rem;

 }



 .fenx .bdsharebuttonbox {

 	width: 80%;

 	float: right;

 }



 .fenx .bdsharebuttonbox a {

 	margin-left: 0.2rem;

 }



 #bdfx {}



 #bdfx a {

 	height: 0.6rem;

 	width: 0.6rem;

 	margin: 0;

 	padding: 0;

 	margin: 0px 0.08rem;

 	display: inline-block;

 }



 #bdfx .d1 {

 	background: url(/public/template/demo202009wap/static/images/qqzone.png) no-repeat center;

 	background-size: 100% 100%;

 }



 #bdfx .d2 {

 	background: url(/public/template/demo202009wap/static/images/weibo.png) no-repeat center;

 	background-size: 100% 100%;

 }



 /*catelist*/

 .catelist .item span {

 	display: block;

 	width: 9px;

 	height: 16px;

 	position: absolute;

 	top: 28%;

 	margin-top: -8px;

 	right: 2%;

 }



 .catelist .item span:before {

 	content: "";

 	position: absolute;

 	background: #ccc;

 	width: 11px;

 	height: 11px;

 	right: 0;

 	top: 0;

 	z-indx: 10;

 	-moz-transform: rotate(45deg);

 	-o-transform: rotate(45deg);

 	-webkit-transform: rotate(45deg);

 	transform: rotate(45deg);

 }



 .catelist .item span:after {

 	content: "";

 	position: absolute;

 	background: #fff;

 	width: 11px;

 	height: 11px;

 	right: 4px;

 	top: 0;

 	z-indx: 11;

 	-moz-transform: rotate(45deg);

 	-o-transform: rotate(45deg);

 	-webkit-transform: rotate(45deg);

 	transform: rotate(45deg);

 }



 .caselist li {

 	width: 47%;

 	margin-left: 2%;

 	margin-bottom: 2%;

 	float: left;

 	box-sizing: border-box;

 }



 .caselist li a {

 	display: block;

 }



 .caselist li figure {

 	width: 100%;

 	padding-top: 75%;

 	position: relative;

 	overflow: hidden;

 }



 .caselist li figure img {

 	width: 100%;

 	height: 100%;

 	position: absolute;

 	left: 0;

 	top: 0;

 	min-height: 100%;

 	display: block;

 }



 .caselist li h3 {

 	height: .65rem;

 	line-height: .65rem;

 	text-align: center;

 	font-size: 0.26rem;

 	font-weight: normal;

 	text-overflow: ellipsis;

 	white-space: nowrap;

 	overflow: hidden;

 }



 /*.list_imgH li figure{padding-top: 133.333333%;}*/

 .list_4 li figure {

 	padding-top: 75%;

 }



 .messagePage {

 	padding: 3% 3% 5%;

 }



 .messagePage .indexTit {

 	margin-bottom: .4rem;

 	text-align: center

 }



 .messagePage .indexTit h3 {

 	font-size: .3rem;

 	text-align: center;

 }



 .messagePage .item {

 	width: 100%;

 	height: 0.7rem;

 	line-height: 0.7rem;

 	position: relative;

 	-webkit-border-radius: 0.06rem;

 	border-radius: 0.06rem;

 	margin-bottom: .18rem;

 	border: 1px solid #dedede;

 }



 .messagePage .item label {

 	width: 1rem;

 	color: #333;

 	display: block;

 	float: left;

 	text-align: center;

 	height: 0.7rem;

 	line-height: 0.7rem;

 }



 .messagePage .item input {

 	width: 4.5rem;

 	height: 0.7rem;

 	line-height: 0.7rem;

 	border: 0;

 	background: none;

 	color: #999;

 }



 .messagePage .item select {

 	width: 4.5rem;

 	height: 0.7rem;

 	line-height: 0.7rem;

 	border: 0;

 	background: none;

 	background: #fff url(../images/mess.jpg) right no-repeat;

 	background-size: auto 100%;

 }



 .messagePage .item .b {

 	position: absolute;

 	right: .12rem;

 	color: #ff9f00;

 }



 .messagePage .item.con {

 	height: 2.8rem;

 }



 .messagePage .item.con textarea {

 	width: 100%;

 	height: 2.1rem;

 	padding: .1rem .16rem .1rem;

 	resize: none;

 	background: none;

 	border: 0px;

 }



 .messagePage .item.con .b {

 	top: 0;

 }



 /*.messagePage .btn .reset{width: 2.72rem; height: 0.68rem; line-height: 0.68rem; text-align: center; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; color: #333333; font-size: .28rem;}*/

 .messagePage .btn input {

 	width: 100%;

 	height: 0.68rem;

 	line-height: 0.68rem;

 	text-align: center;

 	display: block;

 	float: right;

 	background: #1a63ce;

 	color: #fff;

 	font-size: .28rem;

 	border: 0;

 }



 .showtel {

 	position: fixed;

 	width: 5rem;

 	height: 2rem;

 	top: 60%;

 	left: 50%;

 	margin-left: -2.5rem;

 	z-index: 999;

 	display: none;

 	text-align: center

 }



 .showtel a {

 	display: inline-block;

 	width: 5rem;

 	height: .8rem;

 	line-height: .8rem;

 	border-radius: 5px;

 	background: #00633d;

 	color: #fff;

 	font-size: .3rem;

 	margin-bottom: .2rem

 }



 /*产品导航*/

 .m-navwrap {

 	position: relative;

 	width: 100%;

 	margin-top: -.2rem;

 	padding-bottom: .2rem;

 }



 #navwrap {

 	width: 100%;

 	float: right;

 	top: 38px;

 	background-color: #f6f6f6;

 	z-index: 2;

 	display: none;

 	left: 0;

 }



 #navwrap .tit {

 	display: block;

 	width: 100%;

 	padding: 0 17% 0 5%;

 	height: .8rem;

 	line-height: .8rem;

 	font-size: .24rem;

 	color: #fff;

 	background: url("/public/template/demo202009wap/static/images/ico_down1.png") no-repeat 92% center #fff;

 	background-size: auto 42%;

 	cursor: pointer;

 	border-bottom: 1px solid #e8e8e8;

 }



 #navwrap a {

 	color: #333;

 	display: block;

 }



 #navwrap .sub-box {

 	width: 100%;

 	background: #f6f6f6;

 	display: none;

 }



 #navwrap .sub-box a {

 	display: block;

 	width: 100%;

 	padding: 0 6.4% 0 4.6%;

 	height: .7rem;

 	line-height: .7rem;

 	border-top: 1px solid #e8e8e8;

 	color: #333;

 	font-size: .2rem;

 	text-indent: .3rem;

 	background: url("/public/template/demo202009wap/static/images/ico_right1.png") no-repeat 92% center;

 	background-size: auto 35%;

 }



 .nav-ico {

 	position: absolute;

 	top: .1rem;

 	right: .2rem;

 	width: .4rem;

 	height: .36rem;

 	background-position: -.5rem -1.2rem;

 }



 #navwrap .sub-box a:first-child {

 	border-top: none;

 }



 #navwrap .sub-box a:hover {

 	background: url("/public/template/demo202009wap/static/images/ico_right.png") no-repeat 92% center #1a63ce;

 	color: #fff;

 }



 /*字体*/

 @media only screen and (min-width:641px) {

 	html {

 		font-size: 100px;

 	}

 }



 @media only screen and (max-width:640px) {

 	html {

 		font-size: 100px;

 	}

 }



 @media only screen and (max-width:540px) {

 	html {

 		font-size: 84.375px;

 	}

 }



 @media only screen and (max-width:480px) {

 	html {

 		font-size: 75px;

 	}

 }



 @media only screen and (max-width:414px) {

 	html {

 		font-size: 64.6875px;

 	}

 }



 @media only screen and (max-width: 400px) {

 	html {

 		font-size: 62.5px;

 	}

 }



 @media only screen and (max-width: 375px) {

 	html {

 		font-size: 58.5938px;

 	}

 }



 @media only screen and (max-width: 360px) {

 	html {

 		font-size: 56.25px;

 	}

 }



 @media only screen and (max-width: 320px) {

 	html {

 		font-size: 50px;

 	}

 }



 #topnav.menu-btn .menu-line {

 	background: #000;

 	height: 4px;

 	position: absolute;

 	width: 24px;

 	right: 0;

 }



 #topnav.menu-btn #menu-line1 {

 	top: 0;

 }



 #topnav.menu-btn #menu-line2 {

 	top: 50%;

 }



 #topnav.menu-btn #menu-line3 {

 	top: 100%;

 }



 #topnav.menu-btn .menu-line {

 	animation-duration: 0.5s;

 	animation-timing-function: ease;

 	animation-iteration-count: 1;

 	animation-direction: normal;

 	animation-delay: 0;

 	animation-play-state: running;

 	animation-fill-mode: forwards;

 }



 #topnav.menu-btn.inactive #menu-line1 {

 	animation: 800ms ease 0s normal none 2 running menu;

 }



 #topnav.menu-btn.inactive #menu-line2 {

 	animation: 800ms ease 0.16s normal none 2 running menu;

 }



 #topnav.menu-btn.inactive #menu-line3 {

 	animation: 800ms ease 0.32s normal none 2 running menu;

 }



 /*导航动画*/

 @keyframes menu-line1-hover {

 	0% {}



 	50% {

 		transform: rotate(0deg);

 		-ms-transform: rotate(0deg);

 		-webkit-transform: rotate(0deg);

 		-moz-transform: rotate(0deg);

 		-o-transform: rotate(0deg);

 	}



 	100% {

 		top: 50%;

 		transform: rotate(45deg);

 		-ms-transform: rotate(45deg);

 		-webkit-transform: rotate(45deg);

 		-moz-transform: rotate(45deg);

 		-o-transform: rotate(45deg);

 	}

 }



 @keyframes menu-line2-hover {

 	0% {

 		opacity: 1

 	}



 	50% {

 		opacity: 1

 	}



 	51% {

 		opacity: 0

 	}



 	100% {

 		opacity: 0

 	}

 }



 @keyframes menu-line3-hover {

 	0% {}



 	50% {

 		transform: rotate(0deg);

 		-ms-transform: rotate(0deg);

 		-webkit-transform: rotate(0deg);

 		-moz-transform: rotate(0deg);

 		-o-transform: rotate(0deg);

 	}



 	100% {

 		top: 50%;

 		transform: rotate(-45deg);

 		-ms-transform: rotate(-45deg);

 		-webkit-transform: rotate(-45deg);

 		-moz-transform: rotate(-45deg);

 		-o-transform: rotate(-45deg);

 	}

 }



 @keyframes menu-line1 {

 	0% {

 		top: 50%;

 		transform: rotate(45deg);

 		-ms-transform: rotate(45deg);

 		-webkit-transform: rotate(45deg);

 		-moz-transform: rotate(45deg);

 		-o-transform: rotate(45deg);

 	}



 	50% {

 		top: 50%;

 		transform: rotate(0deg);

 		-ms-transform: rotate(0deg);

 		-webkit-transform: rotate(0deg);

 		-moz-transform: rotate(0deg);

 		-o-transform: rotate(0deg);

 	}



 	100% {

 		top: 0%;

 		transform: rotate(0deg);

 		-ms-transform: rotate(0deg);

 		-webkit-transform: rotate(0deg);

 		-moz-transform: rotate(0deg);

 		-o-transform: rotate(0deg);

 	}

 }



 @keyframes menu-line2 {

 	0% {

 		opacity: 0

 	}



 	50% {

 		opacity: 0

 	}



 	51% {

 		opacity: 1

 	}



 	100% {

 		opacity: 1

 	}

 }



 @keyframes menu-line3 {

 	0% {

 		top: 50%;

 		transform: rotate(-45deg);

 		-ms-transform: rotate(-45deg);

 		-webkit-transform: rotate(-45deg);

 		-moz-transform: rotate(-45deg);

 		-o-transform: rotate(-45deg);

 	}



 	50% {

 		top: 50%;

 		transform: rotate(0deg);

 		-ms-transform: rotate(0deg);

 		-webkit-transform: rotate(0deg);

 		-moz-transform: rotate(0deg);

 		-o-transform: rotate(0deg);

 	}



 	100% {

 		top: 100%;

 	}

 }



 @-webkit-keyframes menu {

 	0% {

 		width: 24px;

 	}



 	45% {

 		width: 6px;

 	}



 	90% {

 		width: 24px;

 	}



 	100% {

 		width: 24px;

 	}

 }



 @keyframes menu {

 	0% {

 		width: 24px;

 	}



 	45% {

 		width: 6px;

 	}



 	90% {

 		width: 24px;

 	}



 	100% {

 		width: 24px;

 	}

 }







 /* 新增动画 */

 .video-con {

 	position: relative;

 	margin-right: 10px;

 }



 .video-con video {

 	width: 100%;

 	height: 100%;

 }



 .video-btn {

 	position: absolute;

 	left: 0;

 	top: 0;

 	width: 100%;

 	height: 100%;

 	z-index: 9;

 	cursor: pointer;

 }



 .video-btn img {

 	position: absolute;

 	width: 45px !important;

 	height: 45px !important;

 	left: 50%;

 	top: 50%;

 	margin-left: -20.5px;

 	margin-top: -28.5px;

 	z-index: 99;

 }



 @-webkit-keyframes wateranimate {

 	0% {

 		-webkit-transform: scale(0);

 		opacity: 1;

 	}



 	50% {

 		-webkit-transform: scale(1);

 		transform: scale(1);

 		opacity: 1;

 	}



 	100% {

 		-webkit-transform: scale(2);

 		opacity: 0;

 	}

 }



 @keyframes wateranimate {

 	0% {

 		-webkit-transform: scale(0);

 		transform: scale(0);

 		opacity: 1;

 	}



 	50% {

 		-webkit-transform: scale(1);

 		transform: scale(1);

 		opacity: 1;

 	}



 	100% {

 		-webkit-transform: scale(2);

 		transform: scale(2);

 		opacity: 0;

 	}

 }



 .water1 {

 	-webkit-animation: wateranimate 4s 3s ease-out infinite;

 	animation: wateranimate 4s 3s ease-out infinite;

 }



 .water2 {

 	-webkit-animation: wateranimate 4s 2s ease-out infinite;

 	animation: wateranimate 4s 2s ease-out infinite;

 }



 .water3 {

 	-webkit-animation: wateranimate 4s 1s ease-out infinite;

 	animation: wateranimate 4s 1s ease-out infinite;

 }



 .water4 {

 	-webkit-animation: wateranimate 4s 0s ease-out infinite;

 	animation: wateranimate 4s 0s ease-out infinite;

 }



 .water1, .water2, .water3, .water4 {

 	padding: 5%;

 	position: absolute;

 	left: 45%;

 	top: 41%;

 	border: 1px solid #fff;

 	box-shadow: 0 0 60px 30px rgba(255, 255, 255, 1) inset;

 	border-radius: 100%;

 	z-index: 1;

 	opacity: 0;

 }





 /* 时间轴 */

 .timeLine {

 	margin: 40px auto 75px;

 	position: relative;

 	background: url(/public/template/demo202009wap/static/images/fzlcicon.png) repeat-y 18% 0;

 }



 .timeLine li {


 	zoom: 1;

 }



 .timeLine li div:nth-child(2) {

 	display: inline-block;

 	width: calc(70% - 20px);

 	padding: 5px 20px;

 	font-size: 16px;

 	text-align: left;

 	padding-right: 20px;

 	color: #1296db;

 	background: url(/public/template/demo202009wap/static/images/fzlcicon2.png) no-repeat;

 	margin-bottom: 20px;

 	background-size: 100% 100%;

 }



 .timeLine li div {

 	width: calc(30% - 20px);

 	padding-left: 20px;

 	padding-right: 0px;

 	background-position: right top;

 	background-size: 100% 100%;

 }



 .timeLine li div.fl p:nth-child(1) {

 	font-size: 18px;

 	font-weight: bold;

 	color: #333;

 	margin-top: -5px;

 }



 .timeLine li div p {

 	font-size: 16px;

 	color: #333;

 }





 /* 产品 */

 .protopinfo p {

 	font-size: 16px;

 	color: #666;

 	margin-bottom: 5px;

 	line-height: 30px;

 }



 /* .protopinfo p:nth-child(1) {

	font-size: 30px;

	color: #333;

	font-weight: bold;

	margin-bottom: 40px;

	background: url(/public/template/demo202009wap/static/images/proicon2.png) no-repeat left center;

	padding-left: 40px;

} */



 .protopinfo p:nth-child(1) {

 	margin-bottom: 35px;

 }



 .protopinfo .prozixun {

 	width: calc(100% - 0px);

 	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

 	height: 70px;

 	line-height: 70px;

 	background: #fff;

 	background: url(/public/template/demo202009wap/static/images/news-line.png) left top;

 	border-radius: 10px;

 	display: flex;

 	justify-content: space-between;

 	align-items: center;

 	margin-top: 30px;

 	padding: 0px 15px;

 }



 .protopinfo .prozixun>img {

 	width: 30px;

 	height: 37px;

 }



 .protopinfo .prozixun>p {

 	font-size: 16px;

 	color: #222222;

 	margin-bottom: 0px;

 	text-align: center;

 }



 .protopinfo .prozixun>p>span {

 	font-size: 18px;

 	font-weight: bold;
 	display: block;

 }



 .protopinfo .prozixun>div {

 	width: 140px;

 	height: 48px;

 	text-align: center;

 	line-height: 48px;

 	background: url(/public/template/demo202009wap/static/images/tjprobg1.png) no-repeat;

 	background-size: 100% 100%;

 }



 .protopinfo .prozixun>div>a {

 	color: #fff;

 	font-size: 16px;

 }



 .protopinfo .prozixun>div>img {

 	margin-left: 18px;

 	position: relative;

 	top: 3px;

 }



 .protopinfo p.protedian {

 	padding-left: 15px;

 	position: relative;

 	overflow: hidden;

 	display: -webkit-box;

 	-webkit-box-orient: vertical;

 	-webkit-line-clamp: 1;

 }



 .protopinfo p.protedian:before {

 	content: ' ';

 	position: absolute;

 	width: 8px;

 	height: 8px;

 	border-radius: 50%;

 	background: #666666;

 	left: 0px;

 	top: calc(50% - 4px);

 }



 .prodet_infomod {

 	width: calc(100% - 0px);

 	padding: 25px 0px;

 	text-align: center;

 }



 .prodet_cptd {

 	width: calc(100% - 0px);

 	padding: 25px 0px;

 	background: url(/public/template/demo202009wap/static/images/prodet_tdbg.png) no-repeat;

 	background-size: cover;

 	margin-top: 40px;

 }



 .prodet_cgys {

 	width: calc(100% - 10px);

 	padding: 25px 5px;

 	background: url(/public/template/demo202009wap/static/images/procolorbg.png) no-repeat;

 	background-size: cover;

 }



 .prodet_infomod>h2 {

 	font-size: 22px;

 	font-weight: bold;

 	color: #222222;

 	text-align: center;

 }



 .prodet_infomod .protit_int {

 	padding: 3px 16px;

 	display: inline-block;

 	border: 1px solid #cccccc;

 	border-radius: 20px;

 	font-size: 14px;

 	color: #444444;

 	margin: 10px auto 20px;

 }



 .cptdlist {

 	display: flex;

 	justify-content: center;

 	align-items: center;

 }



 .cptdlist>img {

 	max-width: 100% !important;

 }



 .midprotd {

 	padding: 13px;

 	width: 50%;

 	height: 50%;

 	border-radius: 50%;

 	background-size: cover;

 	overflow: hidden;

 	position: relative;

 }



 .midprotd_top {

 	position: absolute;

 	top: 0px;

 	left: 0px;

 	width: 100%;

 	height: 100%;

 	z-index: 1;

 }



 .midprotd>img {

 	width: 100%;

 	height: 100%;

 	border-radius: 50%;

 }



 .protd_point {

 	text-align: center;

 }



 .protd_point div:nth-child(2) {

 	margin-bottom: 35px;

 	margin-top: 35px;

 }



 .protd_point div img {

 	width: 50%;

 	height: 50%;

 	margin-bottom: 17px;

 }



 .protd_point div p {

 	font-size: 13px;

 	font-weight: bold;

 	color: #222222;

 }



 .protit_word {

 	text-align: left;

 	font-size: 16px;

 	color: #444444;

 	margin: 15px 0px;

 	line-height: 1.75;

 }



 /* 产品中心 */

 .downloadlist {

	padding-bottom: 20px;

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	margin-top: 20px;

 }



 .downloadmod {

 	width: calc(100% - 20px);

 	background-color: #fafcfe;

 	border-radius: 80px;

 	padding: 0px 20px;

 	height: 50px;

 	line-height: 50px;

 	box-shadow: 0px 3px 7px rgb(26 99 206 / 15%);

 	margin-bottom: 20px;

 }



 .downloadmod>div {

 	display: flex;

 	justify-content: space-between;

 	align-items: center;

 	color: #333;

 	font-size: 16px;

 }

 .downloadmod>div img{

	position: relative;

	top: 6px;

 }<!--0.00024008750915527-->