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/font_1464244133_029541.eot') 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/font_1464244133_029541.svg') 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: 150px; margin-top: 13px;}

.am-slider-default .am-control-nav { bottom: 15px;}

.am-direction-nav{ display: none;}

/*左侧弹层背景颜色*/

.am-offcanvas-bar{background: #0F86CE;width: 310px;}

.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: #000000;background: #f5828b; margin-top: 15px; margin-right: -5px;}

.ft-foot{ background: #f5828b; line-height:60px; font-size:16px !important;}

.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:#f9281e;}

.dh ul .h211{background:#37bc6b !important;}
.dh ul .h212{background:#f2970f !important;}
.dh ul .h213{background:#729e25 !important;}
.dh ul .h214{background:#ff6e6f !important;}
.dh ul .h215{width:63.5%;background:#48c6c1 !important;}
.dh ul .w200{width:63.5%;background:#2aa2e5;}

.jianju{ height: 10px; background: #F5F5F5;}

.am-titlebar{ margin-top: 0px;}

.am-titlebar-default .am-titlebar-title{ font-weight: normal; color: #000000;}

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

.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: 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{ 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{
	background-image: url(../images/timg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: 20px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.online_title{
	padding: 15px 0 0px 0;

}
.online p{ font-size: 1.4rem;}

.online-input { width: 94%; text-indent: 5px; height: 45px; line-height: 45px; font-size: 1.4rem; border: 1px solid #ddd; margin-bottom: 25px; margin-left: 3%;border-radius: 10px;   border-color:#f1f1f1;   border-style:solid;  }

.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{
	background: #cb5000;
	color: #fff;
	width: 94%;
	text-indent: 5px;
	height: 45px;
	line-height: 45px;
	font-size:1.6rem;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	margin-left: 3%;
	border-radius: 10px;
	border-color:#cb5000;
	border-style:solid;
	font-weight: bold;
}

.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{max-width:100%;height:auto;}

.pic{ width:100%; height:auto;}
.pic img{ width:100%; }
.pic1{ width:98%; height:auto; margin:20px auto 0 auto;  }
.pic1 img{ width:100%; }
.lv{ width:98%;  margin:0px auto;height:auto;}
.lv img{ width:100%;}
.banner {
    position: relative;
    width:100%;
    z-index:5;
}
.banner .swiper-slide .img img {
    width: 100%;
    display: block;
}
.banner .swiper-pagination-bullet {
    width: 11px;
    height: 2px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: .6;
    margin: 0 4px;
}
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.container {
       margin-top: 15px;
   padding: 10px 5px;
}
.container>.title {
    text-align: center;
}
.container>.title h2 {
    font-size:20px;
    color: #353535;
    line-height: 1.5;
    margin-bottom: 5px;
}
.container>.title h2 em {
    font-size: 100%;
    color: #e64a20;
    font-style: normal;
}
.container>.title span {
    color: #353535;
	font-size:15px;
}
.section-04 ul {
	width:100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;}


.section-04 ul li {
   width: 31%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: solid 1px #dcdcdc;
    border-radius: 0.1rem;
    margin-top: 10px;
    margin-left: 2.3%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-04 ul li a {
	 display: inline-block;
    width: 100%;
   font-size: 15px;
   color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.section-04 ul li:nth-child(2) a { color:#df4a43;font-weight: bold;}
.section-04 ul li:nth-child(4) a { color:#0b8ed0;font-weight: bold;}
.section-04 ul li:nth-child(11) a { color:#9f55e0;font-weight: bold;}
.section-04 ul li:last-child a { color:#089666;font-weight: bold;}
.container .btn {
    text-align: center;
    margin-top:0px;
}
.container button {
 border: none;
    width: 55%;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    color: #FFFFFF;
    background-color: #df4a43;
    border-radius: 5px;
}
.wenti {
    background:#fff;
    padding:5px 5px;
}

.wenti .jiehuo {
       font-size: 15px;
    color: #353535;
    line-height: 1.5;
    margin: 5px 0;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.title1 {
    display: block;
    justify-content: center;
    align-items: center;
    font-size:20px;
    color: #333;
	line-height: 1.5;
	text-align: center;
    position: relative;
}
.title1  em {
    font-size: 100%;
    color:#e64a20;
	font-style: normal;
}

.wenti_title {
	width:100%;
   height: 35px;
    background: #d6dfe8;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.wenti_title h2 {
    font-size: 15px;
    color:#56585a;
    display: flex;
    width: 25%;
    height: 100%;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.wenti_title .on {
    background:#df4a43;
    color: #fff;
}
.wenti_li {
    width: 100%;
}

.wenti_li li {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding:6px 0;
    border-bottom: 1px dashed #535353;
}
.wenti_li li span {
    font-size:15px;
    color:#666;
    display: block;
    width:75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wenti_li li a {
	 width:25%;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    border: 1px solid #df4a43;
    padding: 3px 6px;
    background-color: #df4a43;
}
.magrin10 {
    margin-top:10px;
}
.magrin20 {
    margin-top:20px;
}
.bottom_a {
  display: block;
    width:55%;
    height:36px;
    line-height:36px;
    border-radius:5px;
    text-align: center;
    margin: 0 auto;
    background: #fdab01;
    color: #000;
    font-size: 15px;
    position: relative;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}