body {padding: 0; margin: 0; background-color:#ffffff}
 ol,ul,li {padding-left: 0em;list-style: none}
 h2,h3,h4,ul,li,p {padding: 0;margin: 0;}
 input {outline: none;}
 html{ padding: 0; margin: 0; width: 100%; height: 100%;}
 html,body{ height:100%}
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1464244133_029541.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1464244133_029541.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1464244133_029541.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1464244133_029541.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1464244133_029541.svg#iconfont') format('svg'); /* iOS 4.1- */
}

*{   
-webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
-webkit-user-select:none; /*webkit浏览器*/   
-khtml-user-select:none; /*早期浏览器*/   
-moz-user-select:none;/*火狐*/   
-ms-user-select:none; /*IE10*/   
user-select:none;   }  

input {      
-webkit-user-select:auto; /*webkit浏览器*/     }  
                      
                    
.iconfont{font-family:"Microsoft YaHei"; font-size:14px; font-style:normal;} 
.ft-header{ height:70px; float: left; overflow: hidden; background:url(../images/1_01.jpg) no-repeat center top;background-size: 130%;}

#demo{width:100%; overflow:hidden; margin:10px auto}

.index{ width:94%; margin:0 auto;overflow:hidden;margin-bottom: 1rem }
.index img{ width:100%}
.jinru{position:fixed;bottom:31px;left:0px;width:100%;}
.jinru img{width:30%;margin-left:35%}

.ts-zw img{ width:100%; margin-top:2px}

.logo{float:left;}
.logo img{ width: 300px; margin-top: 22px;}
.sous{border:1px #dedede solid; height:20px; width:30%; margin:21px 0 0 60%; position:relative;}
.sous .mm{ position:absolute;top:-16px; width:100%;}
.sous li{float:left;}
.sous .mm .ss-t{width:85%;}
.sous .mm .ss-img{width:15%;}
.sous .mm .ss-img img{width:85%; margin-bottom:3px}

.am-slider-default .am-control-nav { bottom: 15px;}
.am-direction-nav{ display: none;}
/*左侧弹层背景颜色*/
.am-offcanvas-bar{background: #1982f0;width:310px;}
.am-menu-nav{background: #1982f0;}
.am-menu-sub{background: #ffffff;}
.am-menu-nav > li > a{border-bottom:1px solid #FFFFFF;}
.am-parent ul{ border-bottom:1px #FFFFFF solid}
.am-menu-sub{border: none;}
.am-menu-nav > .am-open > a, .am-menu-offcanvas1 .am-menu-nav > li > a:hover, .am-menu-offcanvas1 .am-menu-nav > li > a:focus{background: #0174b9;}
.am-menu-nav{border: none;}
.am-offcanvas{background: rgba(0, 0, 0, 0.5);}
.am-offcanvas-bar:after{background: none;}
.am-menu-toggle{width: 50px;}
.am-menu-sub { background: #257dda;}
.am-sliders{top: -49px;}
.am-menu-nav>li>a{color:#fff !important; font-size: 14px; }
.am-menu-nav li a{ color: #EEEEEE; padding: .1rem 0; text-indent: 15px;  font-size: 14px;}
.am-btn{ background: transparent;}
.ft-header .am-header-default .am-header-nav .am-btn{ font-size: 24px; color: #38a9e2; margin-right: -5px;}
.ft-foot{ background: #2781e0;}
.dh{width:100%;margin:0 auto; background:#f8f8f8;padding-top:1.5rem;padding-bottom:1rem   }
.dh ul{width:100%;}
.dh li{width: 23%;margin:5px 1%;float: left;text-align:center;padding:0px 0;color:#000;overflow: hidden;border-radius:2px}
.dh li img{width: 70%;}
.dh li a{color:#fff}
.dh li i{width: 100%; height:200px}
.dh li span{width: 100%;display: block;}
.dh ul .h200{height:100px;padding-top: 0px;}
.dh ul .w200{width:63.5%;background:#72a93d;}

.mx{width:98%;margin:10px auto 0 auto;}
.mx ul{width:100%;}
.mx li{width: 47%;margin:7px 1.4%;float: left;text-align:center;padding:0px 0;color:#000;overflow: hidden; }
.mx li img{width: 99%;}
.mx li{ line-height:30px;text-align:center; margin-top:5px}
.mx li a{color:#272727}
.mx li span{width: 100%;display: block;}
.f-high{ height:60px;}

.sylanmubt a{ width:100%;display:block;text-align:center;height: 2.2rem;line-height: 2.2rem;font-size:1.8rem;color:#000;margin-top:2rem}
.sylanmubt a:hover{ width:100%;color:#ff0000}
.sylanmuen{ width:100%;color:#a7abb1;text-align:center;height:1.5rem;line-height:1.5rem;font-size:0.8rem;}
/*案例展示*/
.anlibk{width:94%; margin:0 auto;overflow:hidden;box-shadow:5px 5px 15px 10px #f8f8f8 ;margin-top: 15px; background:#fff  }
.anlilanmu li a{ width:20%;display:block;text-align:center;height: 4rem;line-height: 4rem;font-size:1.5rem;float: left;color:#383838;margin-right:2.5%; margin-left:2.5%  }
.anlilanmu li a:hover{ color:#023894;border-bottom:1px solid #023894 ;}
/*首页产品中心*/
.chanpinbk{width:94%; margin:0 auto;overflow:hidden;box-shadow:5px 5px 15px 10px #f8f8f8 ;margin-top: 15px }
.tabb{ width:90% ;height:46px;font-size:15px;color:#2d2d2d; margin-top:10px; margin-bottom:10px;margin:0 auto }
.tabb li{line-height:46px; width:33%; height:46px;text-align:center;float:left; }
.tabb li.hover,.tab li:hover{width:33%;color:#023894; font-weight:bold;border-bottom:1px solid #023894 ;}
.tabb li a:hover{text-decoration:none;}
.tabb li a,.tabdl dt a,.connews a,.connews span{color:#e30b0c;}
.tabb li.hover a,.tabc li:hover a,.tabdl dt{font-weight:bold;}
.sycpbk{width:98%;margin:0 auto;overflow:hidden; }
.sygengduo li a{width:40%;display:block;margin:2rem auto ;height:3rem;line-height:3rem;text-align:center;font-size: 1.2rem;color:#fff;background:#2781e0;border-radius:5px }
.sygengduo li a:hover{color:#fff;background:#ff0000;}

.tabf{ width:50% ;height:30px;font-size:15px;margin:0 auto }
.tabf li{line-height:30px; width:46%; height:30px;text-align:center;float:left;margin:2%;border-radius:5px;color:#575757; border:1px solid #575757;background:#fff;   }
.tabf li.hover,.tab li:hover{width:46%;background:#2781e0;color:#fff;border:1px solid #2781e0;}
.tabf li a:hover{text-decoration:none;}
.tabf li a,.tabdl dt a,.connews a,.connews span{color:#e30b0c;}
.tabf li.hover a,.tabc li:hover a,.tabdl dt{font-weight:bold;}

/* 产品中心 */

.jieshao{ line-height:22px; height:45px;text-align:center; margin-top:5px}

.about_us img{ width:100%}
/*首页新闻日期*/
.xwsj1{ width:100%; background:#0758c6; color:#FFF; font-size:1.8rem; line-height:1.8em; text-align:center}
.xwsj2{width:100%; background:#cccccc;font-size:1.4rem; line-height:2.3em; text-align:center}

.lxfs-bj{ width:100%;overflow:hidden;background:#fff}
.lxfs-bk{ width:94%; margin:0 auto;overflow: hidden;margin-top:2.5rem; margin-bottom: 1.8rem;text-align:center;line-height: 2rem;font-size:1rem;color:#383838; }
.lxfs-bk img{ width:96%; }

.lxfs-bn{ width:100%;font-size:0.8rem; line-height:3em;height:3rem; text-align:center;color:#fff;border-top:1px solid #7b7b7b; }
/* 左侧菜单 */
#menu{margin:0 auto; margin:5px 10px 10px 10px;}
#menu span{display:block;line-height:45px; height:45px;width:32.5%;cursor:pointer;background-color:#e4e4e4;float:left;text-align:center; margin-bottom:5px; margin-right:2px}
#menu span a{display:block;line-height:45px;height:45px;text-align:center;overflow: hidden;}
#menu span.activeTitle,#menu span.baknone{background:none;}
#menu .menuContent,#menu .hoverContent{display:none;}
#menu .hoverContent{display:block}
#menu .menuContent li,#menu .hoverContent li{line-height:27px;height:27px;margin-right:0px;padding-left:20px;display: inline-block; width:50%}
#menu .menuContent li a,#menu .hoverContent li a{padding-left:0px;}
#menu .menuContent ul,#menu .hoverContent ul{padding-left:0px;margin-top:0px;}
#menu *,#menu a:hover{color:#555454;text-decoration:none;font-size:14px;}
#menu a:hover,#menu .hover a,#menu .activeTitle a,#menu .hover a:hover,#menu .hover{color:#ffffff;background-color:#004bb2;}
#menu .menuContent li a:hover,#menu .hoverContent li a:hover{color:#ff0000;}
/*产品菜单*/
#menu1{margin:0 auto; margin:5px 10px 10px 10px;}
#menu1 span{display:block;line-height:45px; height:45px;width:32.5%;cursor:pointer;background-color:#e4e4e4;float:left;text-align:center; margin-bottom:5px; margin-right:2px; margin-top:5px}
#menu1 span a{display:block;line-height:45px;height:45px;text-align:center;overflow: hidden;width:100% }
#menu1 span.activeTitle,#menu1 span.baknone{background:none;}
#menu1 .menu1Content,#menu1 .hoverContent{display:none;}
#menu1 .hoverContent{display:block}
#menu1 .menu1Content li,#menu1 .hoverContent li{line-height:27px;height:27px;margin-right:0px;display: inline-block; width:100%; float:left; margin-left:2px; margin-bottom:1px;background: #f3f3f3}
#menu1 .menu1Content li a,#menu1 .hoverContent li a{width:100%;  }
#menu1 .menu1Content ul,#menu1 .hoverContent ul{padding-left:0px;margin-top:0px;  }
#menu1 *,#menu1 a:hover{color:#555454;text-decoration:none;font-size:14px;}
#menu1 a:hover,#menu .hover1 a,#menu1 .activeTitle a,#menu1 .hover1 a:hover,#menu1 .hover1{color:#ffff00;background-color:#004bb2;display:inline-block; }
#menu1 .menu1Content li a:hover,#menu1 .hoverContent li a:hover{color:#ffff00;background-color:#004bb2;width:100% }


#mxjs-lx{ width:100%; margin:0 auto; height:35px; line-height:35px; text-align:center;font-size:1.8rem;color:#6a6a6a; background-color:#e4e2e3}
#mxjs-lb{ width:102%;margin-top:10px; margin-left:-2%}
#mxjs-lb li{width:48.5%; margin-left:5px;margin-bottom:5px;float:left;background-color:#e4e2e3}
#mxjs-lb .wlj{width:48.5%; margin-left:5px;margin-bottom:5px;float:left;background-color:#f1f1f1}
#mxjs-lb .wlj a{ color:#CCCCCC}
#mxjs-lb .lb-1{height:45px; line-height:45px; background:url(../images/jiantou.png) no-repeat right center; text-align:left; padding-left:20px}
#mxjs-lb .lb-2{}
.lsbc{ padding-top:6px;}

#fye{margin-left:22%;}

.jianju{height: 10px; background:url(../images/3_03.jpg);}
.jianju-1{height: 2px; border-bottom:1px solid #cccccc ; margin-top:10px;margin-bottom:10px;}
.jianju-2{height: 80px;}
.f-page{ text-align:center}
.jianju-an{ height:60px; background-color:#e4e2e3;}
.jianju-an img{ height:55px; margin:0 auto;}
.jianju-fn{ height:180px; background-color:#cfeffe;}
.jianju-fn img{ height:110px; margin:0 auto; padding-top:20px}

.am-titlebar{ margin-top: 0px;}
.am-titlebar img{ width:20%}
.am-titlebar-default .am-titlebar-title{ font-weight: normal; color: #000000;}
.am-titlebar-default .am-titlebar-title span{ border-bottom:3px #ff9813 solid}
.am-list .am-list-item-dated a{ color: #666;}
.am-gallery-imgbordered .am-gallery-title{ text-align: center;}
.aboutus{ background: url(../images/aboutus.png); background-size: cover; }
.ft-header1{ background: transparent;}
.am-header-default .am-header-nav>a{ font-size: 35px; color: #fff;}
.ft-header1 >.am-header-default .am-header-nav .am-btn{  color: #fff;}
.ft-header1 .am-icon-bars:before, .am-icon-navicon:before, .am-icon-reorder:before{font-size: 24px;  margin-top:5px; color: #fff;}
.am-slidessz{width: 100%;color:#fff;}
.am-slidessz h2{text-shadow:3px 1px 1px rgba(0, 0, 0, 0.1);padding:10% 0 15px 0;text-align:center;font-size:24px; line-height: 90px; font-weight:normal; background:url(../images/title.png) no-repeat bottom center;}
.am-slidessz ul{width:100%;text-align:center;margin:10%  auto 0 auto;padding:0 5%}
.am-slidessz li{background:rgba(0,0,0,0.3);height:35px;line-height:35px;text-align:center;margin:2% 1%;border-radius:100px;width:48%;float:left}
.am-slidessz li a{color:#fff;}
.am-header-default .am-header-nav .am-btn{ font-size: 26px; color: #38a9e2; margin-top: 20px; padding: 0; }
.ft-header2 .am-header-default .am-header-title, .am-header-default .am-header-title a{ color: #000000;}
.ft-header2 >.am-header-default .am-header-nav .am-btn{  color: #38a9e2;}
.ft-header2 .am-icon-bars:before, .am-icon-navicon:before, .am-icon-reorder:before{ color: #38a9e2;  }
.ft-header2{ background: #fff; border-bottom: 1px solid #ddd;}
.ft-header2 .am-header-default .am-header-nav>a{color: #38a9e2;}
.ft-header1 .am-header-default .am-header-nav>a{color: #000;}
.ft-header2 .am-icon-angle-left:before{ color: #38A9E2;}
.ft-header2{ position: fixed; top: 0; z-index: 999;}
.new li{ overflow: hidden; margin-bottom: 15px; border-bottom: 1px dashed #ddd; padding-bottom: 15px;}
.new li span{border-bottom: 1px solid #ddd; padding:2px;}
.new li img{float: left; width: 14rem; height: 8.9rem; margin-right: 0.625rem;}
.new li .text{ float: left; width: 70%;}
.new .intro { color: #878787; font-size: 1.4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;white-space: normal; text-overflow: ellipsis; line-height: 25px;}
.new .title { margin-top: -5px; color: #333; width: 100%;  height: 30px; font-size: 1.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 .am-tabs-bd .am-tab-panel{ padding: 10px 0;}
.am-tabs-bd{ border: 0;}
.am-tabs-d2 .am-tabs-nav{ background: #fff; border-bottom: 1px solid #ddd;}
.am-tabs-d2 .am-tabs-nav>.am-active{ background: #fff;}
.content-list{border-top: 1px solid #ddd; margin-top: -1px;}
.list-content{ position: relative; overflow: hidden; }
.list-left{ width: 25%; position: fixed;  height: 100%;  border-right: 1px solid #ddd; padding-bottom: 200px; overflow: auto;}
.list-left li {width: 100%; height: 4rem;line-height: 4rem;text-align: center; border-bottom: 1px solid #ddd;overflow: hidden;}
.list-left li a{ color: #666;}
.list-left .current{ background: #38a9e2;}
.list-left .current a{ color: #fff;}
.list-right{ float: right; width: 75%; }
.list-right .am-gallery-item{ text-align: center;}
.list-right .am-gallery li{ margin: 1rem 0;}
.list-right .am-gallery-default .am-gallery-item img { width: 8.5rem;  height: auto; height: 8.5rem; border: 1px solid #ddd;}
.list-right .am-gallery-default .am-gallery-title{ text-align: center; font-size: 1.6rem; margin-top: 10px;}
.zhan-pic{ width: 100%; text-align: center; border-bottom: 1px solid #ddd;}
.zhanshi h2{ background: #38a9e2; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; font-weight: normal; margin: 10px 0 10px 10px;}
.zhanshi p{ margin-left: 20px;}
.product-text{ border-top: 1px dashed #ddd; margin-top: 20px; padding: 15px; font-size: 14px;}
.case .am-gallery-default .am-gallery-item img{ border: 1px solid #ddd;}
.case .am-gallery-default .am-gallery-title{ text-align: center;}
.infor img{ float: left; width: 12rem; height: 12rem;}
.infor p{ font-size: 1.4rem;}
.infor .name{ position: absolute; right: 5%; top: 20px;}
.infor{ position: relative; overflow: hidden; border-bottom: 1px solid #ddd;}
.equiment .text{ padding: 10px;  font-size: 1.4rem;}
.newcon-pic{overflow: hidden;}
.newcon-pic img{ width: 100%; height: 100%;}
.newcon-pic p{ text-indent: 12px;}
.newcon-tit{ color: #666;font-size: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align:center;}
.newcon-time{ color: #b2b2b2; font-size: 1.4rem;text-align: center;}
.newcon { padding: 1rem; overflow: hidden; }
.newcon img{ width:98%; height:98%; clear:none}
.text-con h2{ text-align: center;  color:#000; font-size:20px; line-height:50px;}
.text-con h3{ color: #7C7C7C; text-align: center; margin-bottom: 15px; }
.text-con p{ font-size: 14px; color: #7C7C7C; font-family: sans-serif;}
.table p{ font-size: 16px; line-height: 50px; margin-bottom: 20px;}
.text-con{ padding: 10px; font-size: 1.4rem;}
.text-con img{ width: 100%;}
.banner img{ width: 100%; height: 100%;}
.contact{ padding:10px;}
.contact p{ font-size: 14px;}
.contact i{ color: #38a9e2; padding-right: 10px; font-size: 20px;}
.online{ padding: 10px;}
.online p{ font-size: 1.4rem;}
.online-input { width: 94%; text-indent: 5px; height: 40px; line-height: 40px; font-size: 1.4rem; border: 1px solid #ddd; margin-bottom: 15px; margin-left: 3%;}
.onlin-con{ width: 94%; text-indent: 5px; height: 100px; line-height: 40px; font-size: 1.4rem; border: 1px solid #ddd;margin-left: 3%;}
.online-btn a{ border-radius: 5px; font-size: 1.4rem; padding: 5px 40px;}
.online-submit{ float: left; background: #38a9e2; color: #fff;}
.online-btn{ overflow: hidden; margin-left: 3%; margin-bottom: 50px;margin-top: 30px; }
.online-reset{background: #cdd1d4; color: #fff;  float: right;  margin-right: 10%;}
.red{ color: red;}
.onlin-text li{ position: relative;}
.red1{ color: red; position: absolute; right: 20px; line-height: 40px;}
.company{ padding: 1rem; font-size: 1.4rem;}

/*滑动选项卡*/
	.demo{width:96%; margin:-10px 0 0 0;}
	.tab .nav-tabs{ 
	    width:100%;
		height:45px;
		border-bottom: 2px solid #eeeeee;
	}
	.tab .nav-tabs li{ width:32.6%; float:left;margin-right:2px; text-align:center;}
	.tab .nav-tabs li a{
	    display:block;
	    width:100%;
		line-height:45px;
		font-size: 1.8rem;
		color: #000000;
		margin: 0;
		border: none;
		position: relative;
	}
	.tab .nav-tabs li.active a,
	.tab .nav-tabs li.active a:hover{
		color: #38a9e2;
		border: none;
		background:url(../images/xx.jpg) no-repeat center bottom;
	}
	.tab .nav-tabs li.active a:before{
		content: "";
		width: 33%;
		height: 4px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.tab .nav-tabs li.active a:after{
		content: "";
		position: absolute;
		bottom: -10px;
	}
	.tab .tab-content{
	    width:100%;
		margin-left:2%;
		background: #fff;
		border-top: none;
	}
	.tab .tab-content img{
	    width:100%;
		background: #fff;
		border-top: none;
		margin-bottom:6px;
	}