body{padding-bottom:70px;background:#fff;padding-top:50px !important;}
#chatBtn{display: none !important;}
.container{min-width: 320px;max-width: 640px;margin: 0 auto;position: relative;z-index: 2;padding:0;}
.row{margin:0;}
.col-xs-12{padding:0;}
h1{margin:0;}
a{}
a:hover{text-decoration:none;}
em { font-style: normal; }
ul{padding:0;list-style:none;}
.panel-body{padding:8px;}
header{height:50px;background: #fefefe;text-align: center;padding:0 5px;position: fixed;top:0;width:100%;z-index:100;border-bottom:2px solid #0089e1;}
header #logo{float:right;}
header #logo i{font-size:30px;color:#0089e1;margin-top:5px;margin-right:10px;}
header .logoimg{float:left;height:50px;}
header .logoimg img{height:50px !important;width:auto !important;}
header .logo-txt{float:left;line-height:50px;font-size:16px;font-weight:bold;color:#0089e1;}
header .navbar-brand{color:#0089e1;}
.head-top{padding:10px;z-index:100;}
.head-top li{margin:10px;padding:10px;border-bottom:1px solid #ccc;}
.head-top li i{font-size:16px;margin-right:10px;}
.head-top li a{color:#333;}

.index-nav{margin-top:10px;background:#fff;overflow:hidden;    margin-bottom: 4%;}
.index-nav ul li{width:25%;float:left;text-align:center;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;margin-left:-1px;padding-bottom:10px;}
.index-nav ul li:nth-child(4),.index-nav ul li:nth-child(8){border-right:0;}
.index-nav ul li img{width:49%;margin-bottom: 10px;}
.index-nav ul li span{display: block;color:#333;}
/* 产品展示 */

.row  .index-title{text-align:center;padding-bottom:15px;border-bottom:1px solid #eee;}
.row  .index-title small{color:#ccc;}
.row  .index-title span{margin:0 10px;font-size: 16px;font-weight: bold;}

.index-advantage{margin-top:10px;margin-bottom: 4%;}
.index-advantage .advan-title img{width:100%;}
.index-advantage .cont .box{    display: flex;align-items: center;overflow:hidden;background:#0089e1;text-align:center;line-height:10px;}
.index-advantage .cont .box .box-1{width:48%;float:left;}
.index-advantage .cont .box .box-2{width:50%;float:right;}
.index-advantage .cont .box img{width:100%;}
.index-advantage .cont .box span{display: block;font-size:24px;color:#fff;margin:15% auto;}
.index-advantage .cont .box small{color:#eee;line-height:17px;}

.page-bg{background:#f4f4f4;}

.weui-header{position: fixed;top:0;z-index:100;width:100%;background:#0089e1;padding:5px 0;}

.weui-header .weui-header-left{top:5px;}

.weui-header .weui-header-title, .weui-header h1{color:#fff;margin-left:72px;}

.weui-header .weui-header-right a{color:#fff;}

.weui-header .weui-header-left img{height:37px;}
.list-image{position: relative;}

.list-image .left{width:20%;float:left;background:#0089e1;position: fixed;height:100%;}

.list-image .left ul li{text-align:center;line-height:40px;height:40px;border-bottom:1px solid #fff;}

.list-image .left ul .hover{background:#fff;}

.list-image .left ul .hover a{color:#0089e1;}

.list-image .left ul li a{color:#eee;display: block;font-size:90%;}

.list-image .right{width:78%;float:right;position: relative;}

.list-image .right ul li{width:45%;display: inline-block;margin:5px;border:1px solid #ccc;float:left;text-align: center;  }

.list-image .right ul li a{color: #000;}

.list-image .right ul li img{width:100%;}



.list-news .inner-pagelist{width:78%;float:right;position: relative;    margin-right: 7%;}

.list-news .inner-pagelist ul li{width:45%;display: inline-block;margin:5px;border:1px solid #ccc;float:left;text-align: center;  }

.list-news .inner-pagelist ul li a{color: #000;}

.list-news .inner-pagelist ul li img{width:100%;}




.list-image .right ul li .xh{font-size:14px;margin-left:5px;margin-right:5px;height:30px;line-height:14px;color:#666;}

.list-news{background:#fff;}

.list-news .cont{padding:5px;}

.list-news .cont ul li {border-bottom:1px solid #ccc;}

.list-news .cont ul li a { display: block; padding:10px 2px; background: #fff; overflow: hidden; }

.list-news .cont ul li img { float: left; width:20%; height:auto;border:1px solid #ccc;}

.list-news .cont ul li .right { float: right; width:76%; }

.list-news .cont ul li h2 { font-size:14px; margin-top: 0; color: #0089e1;font-weight: 500; }

.list-news .cont ul li .info { color: #666;margin-top:10px;}

.list-news .cont ul li .info i { margin-right: 10px; }

.list-news .cont ul li .info font { color: #777; }

.list-news .cont ul li .info .fa-eye { margin-left: 10px; }

.index-case {background:#fff;margin-top:10px;padding-top:15px;}
.index-case .cont {margin:20px;border-radius:6px;box-shadow:0 0 5px #ccc;}
.index-case .cont #slide2 {height:100%;overflow:auto;overflow-x:hidden;max-height:100%;}
.index-case .cont #slide2 ul {}
.index-case .cont ul li img {height:auto !important;border-radius:6px 6px 0 0;}
.index-case .cont ul li a {display:block;}
.index-case .cont ul li .text {position:absolute;bottom:10px;width:100%;text-align:center;color:#fff;}


.about{background:#fff;margin-bottom:10px;overflow:hidden;}
.about .title {text-align: center;overflow:hidden;}
.about .title .title-text {margin: 0 auto; }
.about .title .bt { font-size:20px; font-weight: bold; color: #0089e1; }
.about .title .st { margin-top:4px;color: #666;font-weight: bold;}
.about .title small { color: #999;}
.about .cont{padding:10px;border-bottom: 1px solid #ccc;border-radius: 10px;}
.about h1{font-size:16px;margin:0;font-weight:bold;margin-bottom:10px;background: #0089e1;padding: 10px 0;color: #fff;text-align: center;}
.index-product {background:#fff;margin-top:10px;padding-top:15px;}
.index-product .cont {overflow:hidden;}
.index-product .cont ul li {width:46%;margin:2%;float:left;text-align:center;}
.index-product .cont ul li img {width:100%;border-radius:10px;border:1px #eee solid;height: 140px;}
.index-product .cont ul li span {color:#333;}

.advantage{overflow:hidden;margin-top:10px;background:#fafafa;}
.advantage img{width:100%;margin-bottom:10px;}
.advantage .cont .advan{padding:5px;background:#eee;border-radius:10px;margin:10px;}
.advantage .cont .advan .advan-t{font-weight:bold;color:#fff;font-size:16px;background:#0089e1;border-left:3px solid #0073BD;padding:5px 10px;}
.advantage .cont .advan  p{font-size:12px;}
.advantage .cont .advan  p i{font-size:14px;color:#0089e1;margin-right:5px;}
.advantage .cont .advan-btn {width:100%;text-align:center;}
.advantage .cont .advan-btn a { display: inline-block; width: 100px; height:30px; text-align: center; line-height:30px;background:#0089e1;color:#fff; margin: 10px; }
.news{background:#fff;margin-bottom:10px;}
.news .title {text-align: center;overflow:hidden;}
.news .title .title-text {margin: 0 auto; }
.news .title .bt { font-size:20px; font-weight: bold; color: #0089e1; }
.news .title .st { margin-top:4px;color: #666;font-weight: bold;}
.news .title small { color: #999;}
.news .cont{padding:10px;}
.news ul{list-style:none;padding:0;}
.news ul li{margin-top:10px;border-bottom:1px dashed #eee;}
.news ul li img{float:left;width:100px;min-width:100px !important;height:70px;margin-right:10px;}
.news ul li .text{float:left;width:60%;}
.news ul li span{color:#000;}
.news ul li p{color:#666;font-size:12px;}
.news .ne-list span{color: #0089e1;margin-right: 10px;}
.news .ne-list a{color:#666;font-size:12px;}

.footer{height:40px;background:#333;}
.footer .col-xs-3{text-align: center;}
.footer .col-xs-3 a{color:#fff;font-size:12px;}
.footer .col-xs-3 a span{display: block;font-size:18px;margin-top:3px;}

.inner .panel-heading{border-left: 3px solid #0089e1;overflow:hidden;margin:5px;background-color:#666;border-color:#666;border-radius:0;}
.inner .panel-heading h3{float:left;font-size:14px;}
.inner .in-banner{width:100%;}
.inner .panel-primary{margin-top:10px;border:0;}
.inner .panel-primary>.panel-heading {}
.inner .panel-body{}
.inner .panel-body div{width:100% !important;padding:0 !important;background:none !important;height:auto !important;}
.inner .panel-body img{width:100% !important;height:124px !important;}
.inner .in-product{list-style:none;padding:0;}
.inner .in-product li{text-align:center;margin-top:10px;padding:5px;border: 1px solid #fff;background: #eee;max-height: 157px;}
.inner .in-product li img{width:100%;}
.inner .in-product li span{color:#999;font-size:12px;}
.inner .breadcrumb>li a{color:#333;}
.inner .breadcrumb>.active a{color:#0089e1;}
.inner .inner-pagelist ul{padding:0;margin-top:10px;}
.inner .inner-pagelist ul li{display:inline-block;}
.inner .inner-pagelist ul li a{color:#333;}
.inner .in-news{list-style:none;padding:0;}
.inner .in-news li{margin-top:10px;border-bottom:1px dashed #999;padding-bottom:10px;}
.inner .in-news li img{float:left;width:100px !important;height:70px !important;min-width:100px;margin-right:10px;}
.inner .in-news li span{color:#111;}
.inner .in-news li p{color:#666;font-size:12px;}
.inner .inner-article h2{margin:0;font-size:18px;}
.inner .inner-article .attr{font-size:12px;color:#666;margin-top:10px;}
.inner .inner-article .attr a{color:#666;}
.inner .inner-article img{width:100% !important;height:auto !important;margin:10px 0;}
.inner .inner-article embed{width:100% !important;height:400px !important;}
.inner .prevnext{padding:2px 0;list-style:none;}
.inner .prevnext li{border:1px dashed #aaa;margin:5px 0;}
.inner .prevnext li a{color:#0089e1;}
.inner .inner-show img{width:100%;}
.inner .inner-position a{color:#000;}
.inner .show-bottom{padding:5px 0;}
.inner .show-bottom a{color:#000;}
.inner-map{height:500px;}
.inner-map iframe{height:100%}
.inner .page { width:100%;background:#F0F0F0;overflow:hidden;}
.inner .box { width:100%;margin:18px auto 0 auto; }
.inner .event_year { width:20%;border-bottom:2px solid #DDD;text-align:center;float:left;margin-top:10px;list-style:none;padding:0;}
.inner .event_year li { height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer; }
.inner .event_year li.current { width:100%;background:#0066ff;color:#FFF;text-align:left;padding-left:9px; }
.inner .event_list { width:80%;float:right;list-style:none;padding:0;}
.inner .event_list h3 { margin:10px auto;font-size:16px;font-family:Georgia;color:#0066ff;padding-left:5px;height:auto;font-style:italic;text-align:center;}
.inner .event_list li { }
.inner .event_list li span { width:100%;text-align:center;display:block;margin-top:10px; }
.inner .event_list li p { width:100%;margin-left:4px;display:inline-block;padding-left:10px;}
.inner .event_list li p span { width:100%;text-align:left;border-bottom:2px solid #DDD;padding:3px 5px;background:#FFF;margin:0; }
.inner .article-image {overflow: hidden; margin-bottom: 20px; position: relative;margin-top:10px;}
.inner .article-image .inner-title { margin: 10px auto;font-size:18px;text-align:center;color:#0089e1;}
.inner .article-image img { display: block; margin: 10px auto; max-width:900px;height:auto !important;padding:5px;border:1px solid #ccc;}
.inner .article-image li{list-style: none;}
.inner .article-image .parameter tr{border-bottom:1px solid #ccc;}
.inner .article-image .parameter td{border:1px solid #ccc;text-align:center;line-height:31px;}
.inner .article-image .parameter th{border:1px solid #ccc;text-align:center;line-height:31px;background: #0089e1;color: #fff;}
.inner .article-image .parameter p{margin:0;}

.inner .article-image .img-prenext { position: absolute; top:100px; width: 100%;padding:0;}
.inner .article-image .img-prenext .pre_l { color: rgba(0,0,0,0); float: left; font-size: 0; }
.inner .article-image .img-prenext .pre_l a { display: block; color: rgba(0,0,0,0); height: 40px; width: 40px; background-image: url(prevnext.gif); background-color: rgba(0,0,0,0.5); }
.inner .article-image .img-prenext .pre_l a:hover { background-image: url(prevnext-hover.gif); background-color: rgba(255,255,255,0.5); }
.inner .article-image .img-prenext .pre_r { color: rgba(0,0,0,0); float: right; font-size: 0; }
.inner .article-image .img-prenext .pre_r a { display: block; color: rgba(0,0,0,0); height:40px; width:40px; background-image: url(prevnext.gif); background-color: rgba(0,0,0,0.5); background-position: -40px; }
.inner .article-image .img-prenext .pre_r a:hover { background-image: url(prevnext-hover.gif); background-color: rgba(255,255,255,0.5); background-position: -40px; }
.inner .article-image .show-bottom { margin: 20px auto; text-align: center; background: #fafafa; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; line-height: 20px; overflow: hidden;font-size:12px;}
.inner .article-image .show-bottom span {padding: 0px; color: #666;display: block;}
.inner .article-image .show-bottom span a { color: #333; }

.inner .in-con-l{width:100% !important;}
.inner .in-con-r{width:100% !important;display:none;}
.inner .in-abo-l{width:100% !important;}
.inner .in-abo-r{width:100% !important;}
.inner .form{}
.inner .form .table{}
.inner .form .table tr{width:100%;}
.inner .form .table .fo-2{width:100%;clear:both;}
.inner .form .table .fo-3{width:100%;clear:both;}
.inner .form .table tr td{border:0;color:#333;}
.inner .form .table tr td input{background:none;border:1px solid #333;padding-left:10px;border-radius:5px;width:100% !important;}
.inner .form .table tr td textarea{background:none;border:1px solid #333;padding-left:10px;border-radius:5px;width:100% !important;height:60px !important;}
.inner #map{display:none;}
.inner #map img{width:auto !important;}


.inner-contact .in-cont-1{overflow:hidden;margin:20px 0;}
.inner-contact .in-cont-1 ul li{float:left;font-size:14px;color:#666;margin:10px 0px;width:50%;line-height:30px;}
.inner-contact .in-cont-1 ul li strong{display: block;line-height:20px;}
.inner-contact .in-cont-1 ul li span{font-size:26px;color:#d00000;margin-right:10px;float:left;}
.inner-contact .in-cont-2 .in-con-btn{margin:10px 0;text-align:center;}
.inner-contact .in-cont-2 .in-con-btn .con-btn{width:50%;}



.inner-nav{overflow:hidden;text-align:center;width:auto;}

.inner-nav ul li{display: inline-block;width:30%;text-align:center;height:30px;line-height:30px;border:1px solid #0089e1;margin:1%;overflow: hidden;}

.inner-nav ul li:first-child{border-left:1px solid #0089e1;}

.inner-nav ul li:last-child{border-right:1px solid #0089e1;}

.inner-nav ul .active{background:#0089e1;}

.inner-nav ul .active a{color:#fff;}



.show-image{background:#f4f4f4;}

.show-image .cont{margin:2px auto;}

.show-image .cont .shop{background: #fff;}

.show-image .cont .shop .top .slide{height:280px;}

.show-image .cont .shop .top img{}

.show-image .cont .shop .bottom{}



.show-image .cont .shop .bottom .text{margin-top:6px;width:100%;}

.show-image .cont .shop .bottom .text-1{font-size:24px;color:#0089e1;}

.show-image .cont .shop .bottom .text-2{background:#eee;border:1px dashed #ccc;padding:10px;margin-top:15px;}

.show-image .cont .shop .bottom .text-3{margin-top:20px;overflow:hidden;}

.show-image .cont .shop .bottom .text-3 ul li{height:30px;line-height:30px;margin-bottom:10px;}

.show-image .cont .shop .bottom .text-3 ul li span{padding:0 20px;background:#0089e1;float:left;margin-right:10px;color:#fff;font-size:16px;}

.show-image .cont .shop .bottom .text-4{margin-top:15px;}

.show-image .cont .shop .bottom .text-4 img{width:100%;}

.show-image .cont .cat-title{background:#fafafa;border-left:3px solid #0089e1;line-height:35px;padding-left:10px;font-size:16px;margin-bottom:10px;}

.show-image .cont .inner-left{margin-top:20px;background:#fff;padding:10px;}

.show-image .cont .inner-left .video video{width:100%;}

.show-image .cont .inner-left .details{margin-top:20px;}

.show-image .cont .inner-left .details img{width:100% !important;height:auto !important;}

.show-image .cont .inner-right{width:100%;float:right;margin-top:20px;background:#fff;padding:10px;}