body {padding: 0; margin: 0;}
 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- */
}
                                                                  
.iconfont{font-family:"iconfont"; font-size:30px; font-style:normal;} 
.ft-header{background: #FFF; border-bottom: 1px solid #ddd; height: 60px; float: left; overflow: hidden;}
.logo{ float: left;}
.logo img{ width: 300px; margin-top: 13px;}
.am-slider-default .am-control-nav { bottom: 15px;}
.am-direction-nav{ display: none;}

.menu{ height:40px;background:#0090d9; line-height:40px; }
.menu ul{ width:100%;}
.menu ul li{ width:25%; float:left; text-align:center; font-size:14px; border-right:1px solid #52b4e5;}
.menu ul li.current,.menu ul li:hover{ background:url(../images/navbg3.png) repeat-x 0px 0px; border:none;}
.menu ul li a{ color:#fff;}
.menu ul li a:hover{ color:#fff;}

/*左侧弹层背景颜色*/
.am-offcanvas-bar{background: #0F86CE;width: 385px;}
.am-menu-nav{background: #0174b9;}
.am-menu-sub{background: #1686CA;}
.am-menu-nav > li > a{border: none;}
.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: #1686CA;}
.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-top: 15px; margin-right: -5px;}
.ft-foot{ background: #38a9e2;}
.dh{width:98%;margin:-10px auto 1% auto;}
.dh ul{width:100%;}
.dh li{width: 30.33%;margin:5px 1.5%;background: #38a9e2;float: left;text-align: center;padding:13px 0;color: #fff;overflow: hidden;border-radius:2px}
.dh li a{color:#fff}
.dh li i{width: 100%;}
.dh li span{width: 100%;line-height: 15px;padding-top:6px;display: block;}
.dh ul .h200{height:200px;padding-top: 60px;background:#72a93d;}
.dh ul .w200{width:63.5%;background:#72a93d;}
.jianju{ height: 10px; background: #F5F5F5;}
.am-titlebar{ margin-top: 0px;}
.am-titlebar-default .am-titlebar-title{ font-weight: normal; color: #38a9e2;}
.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: 15px; padding: 0;}
.ft-header2 .am-header-default .am-header-title, .am-header-default .am-header-title a{ color: #38a9e2;}
.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;}

.promore{ text-align:center; margin: 20px 0;}
a.readmores {
	margin: 6px 0 3px 3px;
	-webkit-transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-ms-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	transition: all 0.17s ease-in-out;
	background: #0193de;
	padding: 2px 8px;
	border-radius: 5px;
	color: #fff;
	box-shadow: 0 0 0 0;
	font-size: 12px;
	text-transform: capitalize;
}
a.readmores:hover, a.readmores:focus {background-color: #f77508;} 
.more{ height:25px; width:100px;line-height:25px; text-align:center; color:#fff; margin-top:10px;}
.more a{ color:#fff;}
a.readmorese {
	margin: 6px 0 3px 3px;
	-webkit-transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-ms-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	transition: all 0.17s ease-in-out;
	background: #0193de;
	padding: 2px 9px;
	border-radius: 3px;
	color: #fff;
	box-shadow: 0 0 0 0;
	font-size: 12px;
	text-transform: capitalize;
}
a.readmorese:hover, a.readmorese:focus {background-color: #f77508;}
.new li{ overflow: hidden; margin-bottom: 15px; border-bottom: 1px dashed #ddd; padding-bottom: 15px;}
.new li img{float: left; width: 7rem; height: 7rem; margin-right: 0.625rem;}
.new li .text{ float: left; width: 100%;}
.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: -2px; color: #333; width: 100%;  height: 30px; font-size: 1.4rem; 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; }
.wtzx_top{ padding:22px 0px; background: #4c4848; overflow: hidden; }
.wtzx { background: #4c4848; overflow: hidden; width: 385px; height: 300px; }
.wtzx dl { margin: 5% 4% 0 2%; background: url(../images/wtdlbg.png) no-repeat left bottom; }
.wtzx dl dt { background: url(../images/wenImg.png) no-repeat left center; padding-left: 32px;}
.wtzx dl dt a { font-size: 14px; color: #fff; padding: 6px 0; display: block;}
.wtzx dl dd { margin-top: 2%; background: url(../images/daImg.png) no-repeat left 5px; padding-left: 32px; font-size: 12px; line-height: 20px; color: #999; padding-bottom: 15px;}

.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;}


.sub-pro{ width:31%; position: fixed; height: 58%; border-right: 1px solid #ddd; padding-bottom: 200px; overflow: auto; }
.sub-pro ul li{ width:90%;text-align:left; height: 30px;line-height: 30px; overflow:hidden;  border-bottom:1px dashed #ccc; } 
.sub-pro ul li a{ text-align:left;padding-left:2px; color:#666; font-size:12px; height: 30px; line-height: 30px;display:block; } 
.sub-pro ul li a:hover{ color:#FFF;background:#38a9e2;  text-decoration:none;}
.sub-pro ul li .cur a{ color:#229a60; background:#38a9e2 ; display:block;  height: 30px;line-height: 30px;font-weight:bold; }  
.sub-pro ul .cur a{ color:#229a60; background:url(../images/jiant_h.jpg) no-repeat 3px 5px ; font-weight:bold; }
.sub-pro h4{ width:97%; height:34px; overflow: hidden; margin-top:12px; margin-bottom:4px; color:#1a6cd4; font-size:12px; text-align:left; line-height:33px; background:url(../images/p_15.png) no-repeat 0px 0px; cursor:pointer; padding-left:1px;}
.sub-pro h4 a{color:#555; }
.sub-pro h4 a:hover{ color:#229a60; text-decoration:none;}
.sub-pro .icon span{ display:block; height:30px; padding-left:5px;}
.onhover a{ color:#1c6dd6; text-decoration:none; font-size:12px;}

.list-right{ float: right; width: 69%; height: 480px;  }
.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: 10.8rem; height: auto; height: 8rem; border: 1px solid #ddd; overflow:hidden;}
.list-right .am-gallery-default .am-gallery-title{ text-align: center; font-size: 1.2rem; margin-top: 5px;}
.zhan-pic{ width: 100%; text-align: center; border-bottom: 1px solid #ddd; margin-top:5px;}
.zhan-pic img{ width: 98%; text-align: center; }
.zhanshi h2{ border: 2px dashed #3ab1ff; width: 92%; height: 32px; line-height: 32px; text-align:left; color: #3ab1ff; font-size: 14px; font-weight: normal; margin: 10px 0 10px 10px; padding-left:10px; border-radius4px; overflow: hidden;}
.zhanshi p{ margin-left: 20px; font-size:12px; }
.zhanshi h2 a{color: #3ab1ff; font-size: 14px; font-weight: normal;}
.zhanshi p{ margin-left: 20px; font-size:12px; }
.product-text{ margin-top: 10px; padding: 10px; font-size: 12px; overflow:hidden;}
.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{ background: #fff; overflow: hidden; padding-bottom: 12px;}
.newcon-pic img{ width: 100%; height: 100%;}
.newcon-pic p{ text-indent: 12px;}
.newcon-tit{ color: #666; margin-top:12px; font-size: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newcon-time{ color: #b2b2b2; font-size: 1.4rem;}
.newcon { padding: 1rem; margin-top: 1rem; background: #fff; overflow: hidden;}
.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: 10%; margin-bottom: 50px; }
.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;}
.company img{ overflow:hidden; width:98%; height:98%;}

/*翻页*/

.pages { width:88%;  clear:left; margin: 5px auto; text-align:left; line-height:35px; }
.pages a, .pages font, .pages i { border: 1px solid #DDD; color: #333;  padding: 5px 8px; text-decoration: none; font-size:12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; }
.pages b { border: 1px solid #0090cf;padding: 5px 8px; text-decoration: none; background: #0090cf; color:#FFF; font-size:12px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.pages a:hover { border: 1px solid #0090cf;  padding: 5px 8px; text-decoration: none; background: #0090cf; color:#FFF; font-size:12px;}

.ny_right_honorary {float:left; line-height: 26px; clear: both; font-size: 12px; padding: 15px 10px 15px 20px;}
.ny_right_honorary ul { margin-right:-3%; zoom:1; overflow:hidden; margin-bottom:10px;}
.ny_right_honorary ul li{ width:22%; float:left; height:auto; overflow:hidden; margin-right:2.7%; margin-top:1%;}
.ny_right_honorary ul li img{ clear:both; display:block; margin:auto; width:98%; border: solid 1px #CCC;}
.ny_right_honorary ul li img:hover{  filter:alpha(opacity=80);  -moz-opacity:0.8;  opacity: 0.8;}
.ny_right_honorary ul li p{ line-height:32px; color:#333;text-align:center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.ny_right_honorary ul li:hover{-webkit-transition: all 2s linear 0s;  }


/*常见问题*/
.sub_right_news { line-height: 26px; clear: both; font-size: 12px;  font-family: "黑体","楷体","宋体", Arial;}
.sub_right_faq { width:100%; clear: both; font-size: 12px; padding: 10px 0; overflow:hidden; font-family: "黑体","楷体","宋体", Arial;}
.sub_right_faq dl {font-size:14px; color:#555; padding:0 5px; margin-bottom:20px; line-height:22px; border-bottom:1px dashed #CCC;}
.sub_right_faq dl a{ color:#333; text-decoration:none; }
.sub_right_faq dl a:hover { color:#229a60; text-decoration:none;}
.sub_right_faq dl dt { line-height:22px; height:28px; padding:0 2px 0 18px; width:100%; overflow:hidden; background:url(../images/wen.gif) no-repeat 0px 3px; }
.sub_right_faq dl h3 { float:left; width:98%; overflow:hidden; line-height:22px; font-size:14px; color:#333; padding-left:30px; font-weight:normal; }
.sub_right_faq dl em { float:right; width:68px; overflow:hidden; font-size:12px; padding-right:5px; line-height:22px; font-family:"宋体"; }
.sub_right_faq dl dd { font-size:12px; height:42px; line-height:20px; overflow:hidden; margin-bottom:5px;padding-left:50px;background:url(../images/da.gif) no-repeat 0px 8px;}
 
.prenext {padding: 10px 6px;margin-top: 10px; border-top:1px dashed #CCC;font-size:12px;  }
.prenext ul li {line-height: 30px;padding-left: 1px;overflow:hidden; display:block; text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/white-space:nowrap;/* 不换行 */}
.prenext ul li a{ font-size:12px; color:#666;}
.prenext ul li a:hover{ font-size:12px; color:#0093dd;}
 
.introzone {float: right;width: 50%;height: 380px;border: 0px; overflow:hidden;}
.protitle { text-align: left; height:28px; font:bold 14px/28px Verdana, Arial, Helvetica, sans-serif; background:#f5f5f5; padding-left:5px; color:#333; margin-right: 10px; margin-bottom: 5px; font-family: "黑体","楷体","宋体", Arial;}
.prop {text-align:left; font-size:12px; margin: 5px 20px 5px 5px ; padding-bottom:5px; border-bottom: dashed 1px #ccc;}
.prop p{text-align:left; font-size:12px; line-height:20px;}

.sub_title {clear:both; border-bottom: solid 2px #3ab1ff;line-height:30px; height:30px; margin-left:2px; }
.sub_title h2{ background: #3ab1ff; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 16px; font-weight: normal; margin: 10px 0 10px 0px;border-radius:3px;}


/*底部样式开始*/
.foot{ width:100%; height:230px; padding:10px 0px 0px 0px; text-align:center;   display: block; background:#fafafa; border-top:1px #eee solid; clear:both;}
.foot1{ line-height:40px; color:#0193de; }
.foot1 a{ color:#0193de;}
.foot2{ font-size:12px; color:#717171; line-height:22px;}
.foot3{ background:#0193de; margin:20px auto; width:95%; color:#FFFFFF; line-height:40px; border-radius: 3px;}
.foot3 a{ color:#fff;}
/*底部样式结束*/