* {margin:0;padding:0;}
html{ font-size:100px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {font-family:"Microsoft Yahei","微软雅黑",Verdana;max-width:750px;margin:0 auto;}
.img-responsive {display:block;max-width:100%;}
.text-center {text-align:center;}
.fl {float: left;}
.fr {float: right;}
.pr {position:relative;}
.pa {position:absolute;}
img {display:block;border:none;max-width:100%}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;margin: 0;padding: 0;}
a{text-decoration:none;cursor:pointer;outline-width:0px}
a:hover{text-decoration:none;outline:0}
em,b,i,code,strong{font-style:normal}
ol,ul,li{list-style:none}
input,textarea,button,label{font-family:inherit;font-size:inherit;*font-size:100%;border:0;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
:focus{outline:none;-webkit-tap-highlight-color:transparent}
.clearfix:after { /*在类名为“clearfix”的元素内最后面加入内容； */
    content: ".";     /*内容为“.”就是一个英文的句号而已。也可以不写。*/
    display: block;   /*加入的这个元素转换为块级元素。*/
    clear: both;     /*清除左右两边浮动。*/
    visibility: hidden;      /*可见度设为隐藏。注意它和display:none;是有区别的。仍然占据空间，只是看不到而已；*/
    height: 0;     /*高度为0；*/
    font-size:0;    /*字体大小为0；*/
}
.d-flex {display:flex;justify-content:space-between;}
.d-flex1 {display:flex;justify-content:space-around;}
.flex-wrap {flex-wrap: wrap;}
.img-center {margin-left:auto;margin-right:auto;}
.wrap-body{ width:7.5rem;height: 100%;transition:ease-in-out .4s all}
.wrap-left{ margin-left:-50%}

.header {width:100%;height:1rem;align-items:center;box-sizing: border-box;padding:0.1rem .1rem;background:#fff;}
.logo {width:2.61rem;}
.head-right-box {width: 3rem;justify-content: flex-end;}
.sbtn-box {line-height:.75rem;font-size: .45rem;color: #888;cursor: pointer;margin-right: .3rem;}
.search-box {width:3.5rem;height:.9rem;padding:.4rem .3rem;background: #fff;right: .65rem;top: -.1rem;display: none;}
.search-con {width:2.6rem;height:.5rem;}
.search-keywordx {width:2rem;height:.35rem;line-height:.35rem;float:left;background:none; border:1px solid #eee; color:#999;font-family:arial;}
.search-submitx {cursor:pointer; width:.3rem; height:.3rem;line-height:.3rem; display:block; border:none; background:none; float:left;color:#ccc;font-size:.3rem;}
.search-close {width: .3rem;font-size: .2rem;color: #888;}
#menuIcon {display:block;font-size:.5rem;color:#0058bf;margin-right:.1rem;}
.ch {height:1rem;line-height:.75rem;margin-right:.2rem;font-size:.2rem;color: #333;}
.header-search {width:.65rem;height:.65rem;text-align:center;}
.header-search a  {display:block;height:.65rem;line-height:.65rem;font-size:.5rem;color:#fff;}
.nav-box { width:50%; height:100%; position:fixed; right:-50%; top:0;border-left:1px solid #f0f0f0; transition:ease-in-out .4s all;}
.nav-box.on{ right:0}
.nav-box p{ height:.8rem; background:#0058bf;display:flex;justify-content:flex-end;}
.nav-list li {line-height:.5rem;font-size:.2rem; color:#333;border-bottom:1px solid #ddd;padding-left: .4rem}
.nav-list li a {color:#0058bf;}

.nav-list li ul {padding-left: 20px;display: none;}
.nav-list li ul li{height:.5rem;line-height:.5rem;font-size:.18rem; color:#333; border-bottom:1px dotted #eee;padding-left: 0;}
.nav-list li ul li a { color:#333}
.header-close {display:block;width:.86rem; height:.86rem;}
.header-close img {width:100%;}

.banner img{ max-width:100%;}
.swiper-wrapper {height: auto;}/*不加这句，子页轮播图变100%高度*/

.honer-box {padding: .1rem;margin-top: .3rem;}
.tit-h2 {font-size: .28rem;line-height:.4rem;margin-bottom: .3rem;}
.tit-h3 {font-size: .35rem;margin-bottom: .15rem;}
.tit-h4 {display:inline-block;height: .45rem;line-height: .45rem;text-align: center;padding: 0 .2rem;font-size: .25rem;color: #fff;background: #0052bf;border-radius: .11rem;margin-bottom: .15rem;}

.honer div {width: 28.5%;}
.honer div img {width: 100%;border:2px solid #ff6600;}

.more {width: 100%;margin: .3rem 0;font-size: .18rem;}
.more a {display: inline-block;width: .95rem;height: .3rem;line-height:.3rem;background: #0052be;border-radius: .08rem;text-align: center;color: #fff;}



.video-box {
	width:6.21rem;
	border:.05rem solid #d2d2d2;
	margin:auto;
}
.video-box img {
	width:100%;
}

.pubtit {height:.55rem;border-bottom:.02rem solid #ccc;display:flex;justify-content:space-between;position:relative;}
.pubtit span {display:inline-block;height:.55rem;line-height:.55rem;font-size:.3rem;color:#fff;background:#0770ca;padding:0 .5rem 0 .1rem;}
.pubtit span em {margin-left:.1rem;}
.pubtit strong {display:inline-block;height:.55rem;line-height:.55rem;font-size:.12rem;color:#ff6600;}
.pubtit .subnav-ul {position:absolute;right:0;top:.50rem;width:2rem;background:#fff;overflow:hidden;margin:0;padding:10px 0;display:none;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);}
.pubtit .subnav-ul li {height:.35rem;line-height:.35rem;font-size:.12rem;text-align:center;}
.pubtit .subnav-ul li a {color:#000;}

.index-pro-box {width:6.4rem;margin:auto;flex-flow:row wrap;}

.index-pro {width:3rem;margin-bottom:.2rem;}
.index-pro a {
	width:3rem;
	color:#fff;
	display:block;
	/* border:1px solid #ddd; */
}

.index-pro img {
	width:3rem;
	height:2.45rem;
	vertical-align: middle;
}

.index-pro p {
	width:3rem;
	height:.5rem;
	line-height:.5rem;
	color:#fff;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;
	font-size:.16rem;
	margin:0;
	background:#3f7fce;
}
/* .index-pro .index-pro-dh {
	display:inline-block;
	width:48%;
	height:.3rem;
	line-height:.3rem;
	text-align:center;
	margin:.05rem 0;
	border:none;
	color:#fff;
	font-size:.12rem;
	padding:0;
	background:#ff6600;
	border-radius:.1rem;
}
.index-pro .index-pro-wx {
	display:inline-block;
	width:48%;
	height:.3rem;
	line-height:.3rem;
	text-align:center;
	margin:.05rem 0;
	border:none;
	color:#fff;
	font-size:.12rem;
	padding:0;
	background:#000;
	border-radius:.1rem;

}
.index-more a {display:block;width:80px;height:25px;line-height:25px;text-align:center;background:#ffa800;color:#fff;font-size:14px;border-radius:13px;margin:0 auto;margin-bottom:5px;}
 */

.about-bg {
	background:#fff;
	padding:.3rem ;
	margin-bottom: .2rem;
}

.about-bg img {width:6.78rem;}
.about-box {font-size: .2rem;color:#333;line-height:1.5;}
.about-box p {/*text-indent:2em;*/}

.my-container-fluid {width: 100%;margin-bottom: .2rem;}
.my-container {margin-left: .15rem;margin-right: .15rem;}

.index-product-left {width: 3.35rem;font-size: .25rem;}
.index-product-right {width: 3.25rem;}
.index-product-box {background: #;}
.ask-pic {margin-top: .3rem;}
.ask,.index-product-con {width: 6.8rem;margin-left: auto;margin-right: auto;}
.ask ul {margin-top:.4rem;}
.ask ul li {line-height: .45rem;font-size: .25rem;font-weight: bold;}

.tit-h3-b {margin-top: .3rem;margin-bottom: .3rem;line-height: .45rem;font-size: .35rem;border-bottom: 2px solid #000;}
.index-down-bg {background: #efefef;margin-top: .25rem;margin-bottom: .25rem;}
.index-down-box {padding: .25rem 0;}
.index-down-r,.index-product-con-l {width: 6.86rem;padding-top: .4rem;margin-left: auto;margin-right: auto;}
.index-down-r ul li,.index-product-con-l ul li {line-height: .35rem;font-size: .25rem;font-weight: bold;}

.index-product-con {width: 6.8rem;margin-left: auto;margin-right: auto;}
.cc {margin-top: .3rem;}
.cc img {width: 3.29rem;}
.index-case-box {width: 7rem;margin-top: .3rem;margin-bottom: .3rem;}
.index-case-con {margin: .25rem 0;}
.index-case-con .more {margin-top: 0;}
.index-case-ul li {width: 2.2rem;height: 2.68rem;padding: .1rem;background: #0052bf;margin:0 0 .35rem 0;}
.index-case-ul li a {display: block;}
.index-case-ul li a p {line-height: .78rem;text-align: center;font-size: .25rem;color: #fff;}
.index-case-ul li img {width: 2rem;height: 1.7rem;}

.index-video-bg {background: #efefef;margin-top: .25rem;margin-bottom: .25rem;padding: .6rem 0;}
.index-video-box {width: 6.8rem;margin-left: auto;margin-right: auto;}
.index-video-nr {line-height: .5rem;font-size: .2rem;text-align:center;border-bottom: 2px solid #000;}

.index-news-box {width: .6.8rem;margin-bottom: .3rem;margin-top: .3rem;}
.index-news-box  p {line-height: .4rem;font-size: .2rem;}

.index-news-box1 {background: #efefef;padding: .3rem 0;margin-bottom: .3rem;margin-top: .3rem;}
.index-news-con1 {font-size: .2rem;width: 6.8rem;margin-left: auto;margin-right: auto;}
.index-news-con1 dl dt {margin: .2rem 0;}
.index-news-con1 dl dt a {color: #0052bf;}
.index-news-con1 dl dd {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
.index-news-con1 dl dd a {color: #666;}
.index-news-con1 img {margin-top: .4rem;}

.index-product-bg2 {background: #efefef;margin-top: .25rem;margin-bottom: .25rem;padding: .5rem 0;}
.index-product-box2 {padding: .25rem 0;}
.index-product-txt {width: 6.8rem;}
/*.tit-h3-bg {display:inline-block;height: .4rem;line-height: .4rem;text-align: center;padding: 0 .2rem;font-size: .2rem;color: #fff;background: #0052bf;border-radius: .11rem;margin-bottom: .2rem;}*/
.index-product-txt h4 {font-size: .25rem;line-height: 35px;}
.index-product-txt h4  a {color: #000;}
.index-product-pic {width: 578px;height: 332px;}
.index-product-pic img {width: 578px;height: 332px;}

.index-foot-sm {padding: 1rem 0;}
.index-foot-sm h4 {font-size: .25rem;line-height: .4rem;margin-bottom: .15rem;color: #000;}


/*footer strart*/
.footer1 {background: #efefef;padding: .5rem 0;margin-bottom: -0.2rem;}
.links-ico {width: 2.8rem;margin: .25rem 0 .15rem 0;}
.links-ico li {width: .6rem;}
.wxcode {width: 3.6rem;}
.wxcode .wxpic {width: 1.59rem;text-align: center;margin-bottom: .3rem;}
.wxcode .wxpic img {width:100% !important;}

.foot-contact h3 {margin-bottom: .15rem;}
.foot-contact h4 {font-size: .18rem;line-height: .35rem;}

.footer2 {background: #272727;padding: .5rem 0;color: #fff;}
.footer-left {width: 6.8rem;margin-left: auto;margin-right: auto;}
.footnav {margin-top: .4rem;}
.footnav ul {width:50%;}
.footnav ul li {width:100%;font-size:.15rem;height:.35rem;line-height:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
.footnav ul li a {color:#fff;}
.footnav .fnavtit {height:.4rem;line-height:.4rem;color:#fff;font-size:.17rem;}
.footnav .fnavtit a {color:#fff;}
.footer-right {width: 6.8rem;margin-left: auto;margin-right: auto;}
.footer-right dl {width: 100%;justify-content: flex-start;margin-bottom: .25rem;}
.footer-right dl dt {width:.4rem;height:.4rem;line-height:.4rem;margin-right: .1rem;font-size: .4rem;padding-top: .15rem;}
.footer-right dl dd h4 {font-size: .17rem;line-height: .2rem;}
.footer-right dl dd h5 {font-size: .15rem;line-height: .2rem;}
.page_top {position: fixed;right: 2%; bottom: 10%; z-index: 100; display: none;}
/*申请试用*/
.float {width: 1rem;height: 1.66rem;position: fixed;right:0;bottom: 150px;}
.float img {width: 100%;}


.pub-list {margin-bottom:15px;}
.pub-list .btn {margin:5px;}

.bottom-bg {
	background:#b00b1b;
}
.bot-fixed {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:.85rem;
	z-index:9;
}
.bottom-box .col-lg-5 {
	width:25%;
	float:left;
	margin:0;
	padding:0;
	height:.8rem;
	border-right:1px solid #fff;
	/* background:url(../images/footline.png) right center no-repeat; */
}
.bottom-icon a {
    display: block;
    width: 100%;
	padding-top:5px;
    height: .49rem;
    line-height:2;
	color:#fff;
	font-size:.14rem;
	
}
.bottom-box .col-lg-5:nth-child(4) {background:none;}
.bot-txt {
	display:block;
	color:#fff;
}


.conpage {
	margin-bottom: 30px;
	max-width:98%;
}
/*翻页*/
.page {
    height:30px;
    line-height:30px;
    text-align:center;
}
.page li {
    display: inline;
}
.page a, .page span {
    padding:5px 8px;
    color:#333d46;
    background:#fff;
    text-align:center;
    border:1px solid #ccdbe4;
    text-decoration:none;
    font-size:12px;
    margin-right:2px;
}
.page a:hover {
    color:#fff;
    background:#5fbeaa;
    border:1px solid #5fbeaa;
}
.page li.active span {
    color:#fff;
    background:#5fbeaa;
    border:1px solid #5fbeaa;
}
.page select {
    height: 26px;
    border: 1px solid #ccdbe4;
    background: #fff;
}
.page .disabled {
    cursor:not-allowed;
    cursor:no-drop;
}

@media(max-width: 480px){
    .page .pagination-mobi>span {display: none;}
}
/*翻页end*/
/*---------------------*/

.pub-about-box {
	padding:10px 5px;
	line-height:2;
}
.pub-about-box p {
	text-indent:2em;
}
.pub-about-box img {
	display:block;
	margin:5px 0;
	margin:0 auto;
}
@media (max-width:768px){
	.pub-about-box img {
		width:100%;
		display:block;
		margin:5px 0;
	}
}

.art-title {
	font-size:25px;
	line-height:35px;
	text-align:center;
}
.art-about {
	font-size:12px;
	line-height:35px;
	text-align:center;
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
}
/*---------------------*/
.news-box {
	margin:10px auto;
	max-width:98%;
}
.news_list {
	margin:0;
	padding:0;
}
.news_list li {
	height:35px;
}
.news_list li a {
	display:block;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;
	height:35px;
	line-height:35px;
	border-bottom:1px dashed #ccc;
	color:#333;
	font-size:14px;
}
.news_list li a:hover {
	color:#d60000;
}
.news_list li a span {
	padding-right:5px;
	color:#555;
	font-size:12px;
}
.news-dl {width:7rem;padding:.1rem 0;height:1.4rem;margin:.1rem auto;border-bottom:1px dotted #eee;}
.news-dl a {width:7rem;}
.news-dl .dt {width:2rem;height:1.4rem;overflow:hidden;}
.news-dl .dt img {width:2.5rem;height:1.4rem;}
.news-dl .dd {width:4.8rem;height:1.4rem;}
.news-dl .dd h2 {line-height:.22rem;color:#000;font-size:.16rem;margin-bottom: .2rem;}
.news-dl .dd span {display:block;line-height:.25rem;font-size:.13rem;color:#bbb;right:.1rem;bottom:0.2rem;}
.news-dl .dd p {height:1rem;line-height:1.6;font-size:.13rem;color:#555;overflow:hidden;}
.news-dl a:hover h3 {color:#ff6600;}

/*---------------------*/
.product-box {
	display:flex;
	justify-content:space-between;
	width:6.4rem;
	margin:auto;
	flex-flow:row wrap;
}
/*---------------------*/
.case-list {
	margin:15px 0;
}
.case-list img {
	width:100%;
}
@media (max-width:480px) {
	.case-box .col-xs-6 {
		width:100%;
	}
}
/*---------------------*/

/*---------------------*/
.video-list {
	margin:15px 0;
}
.video-list strong {
	display:block;width:40px;height:40px;line-height:40px;font-size:40px;color:#ff6600;left:50%;margin-left:-20px;top:50%;margin-top:-20px;
}
.video-list img {
	width:100%;
}
@media (max-width:480px) {
	.video-box .col-xs-6 {
		width:100%;
	}
}
/*---------------------*/

.guestbook-box {
	margin:10px auto;
	max-width:98%;
}
/*---------------------*/
.pub-list-btn {
	margin:0 10px;
	display:flex;
	align-items:flex-start;
	border-bottom:1px dotted #ddd;
}


.layui-input-inline {margin-left: 10px !important;}
.layui-input, .layui-textarea {padding-left: 0;}