/*主颜色*/
.m-color{ color: #196bae;}



/*整体背景*/
.app_bg {max-width: 640px;width: 100%;margin: 0 auto;padding-bottom: 0.96rem;}



/*通用标题*/
.tit{ padding-top:0.3rem;}
.btb{width:100%;margin:0 auto;text-align:center;font-size: 0.35rem;line-height:0.36rem;position:relative;margin-top:-0.3rem;color:#333;font-weight: bold;overflow: visible!important;}
.btb span{color:#333;font-size:0.3rem;}
.btben{width:100%;margin:0 auto;text-align:center;font-size: 0.5rem;line-height:0.48rem;text-transform:uppercase;color:#f0f0f0;font-weight:bold;}
.btbt{text-align:center;color:#999;font-size:0.17rem;line-height:0.28rem;margin-top:0.1rem;}

.tit.bg{ padding-top:0.2rem;padding-bottom: 0.3rem; background: #196bae;}
.tit.bg .btb{color: #fff;}
.tit.bg .btben{color: #fff;opacity: 0.1;}
.tit.bg .btbt{color: #fff;opacity: 0.8;}







/*幻灯片去间隙*/
.swiper-slide{font-size: 0;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0.17rem!important;}
.swiper-pagination-bullet{width: 0.12rem!important;height: 0.12rem!important;border: 0.02rem solid #fff!important;}




/*抬头*/
.top_bg {background: #333;}
.top_bg {width: 100%;height: 0.55rem;line-height: 0.55rem;}
.top_bg span {display: block;text-align: center;font-size: 0.19rem;color: #fff;}
.header_bg {width: 100%;background: #fff;}
.header_bg img {display: block;width: 100%;}



/*导航*/
.top_nav{ width: 100%; height: 0.8rem; margin: 0 auto;overflow: hidden;position: relative;}
.top_nav .menu{width:87%;height:auto; background: #196bae; margin:0 auto;overflow: hidden;float: left;}
.top_nav .menu li{width:25%;height: 0.8rem;line-height:0.8rem;text-align:center; float: left;}
.top_nav .menu ul li a{background:#196bae; font-weight:normal; color:#fff;font-size:0.2rem; border-right:1px solid #fff;display: block;}
.top_nav .menu, .multipleColumn .bd ul li .title, .search_bt{background:#196bae;}
.top_nav .menu ul li:hover a{ background:#196bae;}
.top_nav .map{ display: block; float:right; width:13%;background: #333;cursor: pointer;}
.top_nav .changebtn{height:0.8rem;}
.top_nav .changebtn img{width: 100%;height: 100%;}
.top_nav .nav_map {width:2.2rem; height:100%; background:rgba(0,0,0,0.7); z-index:99; position:fixed; top:0; right:0; z-index:9999; margin-right:-2.2rem;}
.top_nav .nav_map ul{display: block;height: 100%;width: 100%;}
.top_nav .nav_map li { width:100%; height:8%; line-height:100%; text-align:center; border-bottom:#808686 1px solid; font-size:0.25rem;display: table;}
.top_nav .nav_map li.nav_map_t{height:10%;}
.top_nav .nav_map li a { color:#dfe1e1;display: block;height: 100%;display: table-cell;vertical-align: middle;}
.top_nav #close .fa-close{ width: 100%; height:100%; display: block; background: url(../images/fa-close.png) center no-repeat; margin: 0 auto；}
.top_nav .nav_map li.nav_map_t2{height:10%;position: absolute;width: 100%;bottom: 0;}
.top_nav #close2 .fa-close2{ width: 100%; height:100%; display: block; background: url(../images/fa-close2.png) center no-repeat; margin: 0 auto；}



/*搜索*/

.search_d .search-i {background: #196bae url(../images/search_02.png) center no-repeat;background-size: 100% 100%;}
.search_d .search_m{float: left;width: 8%;background:#eee;height: 0.65rem;}
.search_d .search_m img{width: 100%;height: 100%;}
.search_d .search-bg {float: left;width: 79%;height: 0.65rem;line-height: 0.65rem;background:#eee;}
.search_d .search-bg input {display: block;width: 100%;height: 100%;font-size: 0.18rem;border-width: initial;border-style: none;border-color: initial;border-image: initial;background: none;}
.search_d .search-i {float: right;width: 13%;height: 0.65rem;}
.search_d .search-i input {display: block;height: 100%;width: 100%;border-width: initial;border-style: none;border-color: initial;border-image: initial;background: none;cursor: pointer;}











/*产品*/
.prod_bg {padding: 0 0 0.25rem 0; }
.prod_list {margin-top: 0.19rem;text-align: center;}
.prod_list li {display: inline-block;width: 33%;margin:0; height: 0.7rem;text-align: center;line-height: 0.7rem;border: 1px solid #f1f1f1;border-bottom: 0px;border-right: 0px; box-sizing: content-box;float: left;background:#196bae; }
.prod_list li a {display: block;font-size: 0.19rem;color: #fff;}
.prod_d {margin-top: 0.2rem;text-align: center;}
.prod_d li {display: block;width: 48%;padding: 1%; background: #fff;float: left;box-sizing: content-box;}
.prod_d li .prod_img {border: 1px solid #ccc;}
.prod_d li .prod_img img {display: block;width: 100%;height: auto;}
.prod_d li .prod_t {height: 0.55rem;text-align: center;line-height: 0.55rem;margin-bottom: 0.05rem;}
.prod_d li .prod_t a {display: block;font-size: 0.16rem;color: #333;background: #f1f1f1;}
.prod_d > a {display: block;width: 2.5rem;height: 0.5rem;line-height: 0.5rem;margin: 0.12rem auto;background:#196bae;border-radius: 0.12rem;color: #fff;font-size: 0.18rem;text-align: center;}











/*案例*/




.case_m_d{width: 100%;margin: 0.3rem auto;}
.case_m_d_m {display: block;width: 48%;margin: 1%; background: #fff;float: left;box-sizing: content-box;position: relative;}
.case_m_d_m_a{display: block;border: 1px solid #ccc;}
.case_m_d_m img {display: block;width: 100%;height:auto;}
.case_m_d_w {height: 0.5rem;text-align: center;line-height: 0.5rem;background:rgba(0,0,0,0.4);position: absolute;left: 0;bottom: 0;width: 100%;}
.case_m_d_w a {display: block;font-size: 0.18rem;color: #fff;line-height: 0.5rem;}
.case_m_d > a {display: block;width: 2.5rem;height: 0.5rem;line-height: 0.5rem;margin: 0.12rem auto;background:#196bae;border-radius: 0.12rem;color: #fff;font-size: 0.18rem;text-align: center;}


















/*优势*/
.app_ys_bg {position: relative;padding-bottom: 0.1rem;overflow: hidden;}
.app_ys_d {margin-top:0.3rem;}
.app_ys_d li {display: block;width:100%;margin-bottom: 0.3rem}

.app_ys_d .app_ys_img {position: relative;width: 100%;}
.app_ys_d .app_ys_img img {display: block;width: 100%;height: 100%;}
.app_ys_d .app_ys_img .app_ys_img_title {position: absolute;display: block;content: " ";top: 0;right: 4%;border: 0.55rem solid #333;border-top-width: 1.2rem;border-bottom-width: 0.2rem;border-bottom-color: transparent;border-top-color: #196bae;border-left-color: #196bae;border-right-color: #196bae;}
.app_ys_d .app_ys_img .app_ys_img_title i {position: absolute;display: block;top: -1rem;left: -0.22rem;width: 0.45rem;height: 0.45rem;}
.app_ys_d .app_ys_img .app_ys_img_title i img {display: block;width: 100%;height: 100%;}
.app_ys_d .app_ys_img .app_ys_img_title span {position: absolute;display: block;top: -0.5rem;left: -0.48rem;width: 0.96rem;text-align: center;font-size:0.19rem;color: #fff;}
.app_ys_d .app_ys_tile {padding: 0.16rem 0 0.06rem;border-bottom: 0.01rem solid #eee;text-align: center;}
.app_ys_d .app_ys_tile span {display: block;font-size: 0.24rem;font-weight: bold;color: #333;}
.app_ys_d .app_ys_w {padding: 0.06rem 0.2rem 0;}
.app_ys_d .app_ys_w p {position: relative;padding-bottom: 0.03rem;text-indent: 1.1em;font-size: 0.16rem;color: #333;line-height: 0.28rem;}
.app_ys_d .app_ys_w p:last-of-type {padding-bottom: 0;}
.app_ys_d .app_ys_w p:before {position: absolute;display: block;content: " ";top: 0.1rem;left: 0;width: 0.05rem;height: 0.05rem;border-radius: 50%;border: 0.02rem solid #196bae;background:#196bae; }






/*简介*/
.about_bg {padding: 0.23rem 0;background: #f5f5f5;padding: 0 0 0.3rem 0;}
.about_img {margin: 0.3rem auto;width: 96%;height: 100%;}
.about_img a {display: block;padding:0.04rem;border: 1px solid #ccc;}
.about_img img {display: block;width: 100%;height: 100%;}
.about_txt {padding: 0 4%;font-size: 0.16rem;color: #333;line-height: 0.30rem;}
.about_txt p{text-indent: 2em;}
.line-clamp-5 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.case_content {margin-top: 0.32rem;text-align: center;}
.case_tab {margin-bottom: 0.22rem;}
.case_tab a {display: inline-block;width: 28%;height: 0.55rem;text-align: center;font-size: 0.19rem;color: #333;line-height: 0.55rem;border: 1px solid #ccc;}
.case_tab a.on {color: #fff; background: #196bae;}
.case_d dl {display: inline-block;margin: 0.08rem 1%;width: 42%;}
.case_d dl dt {width: 100%;;height: 100%;position: relative;}
.case_d dl dt img {display: block;width: 100%;height: 100%;}
.case_d dl dt p {display: block;font-size: 0.18rem;color: #fff;line-height: 0.5rem;height: 0.5rem;text-align: center;line-height: 0.5rem;background: rgba(0,0,0,0.4); position: absolute;left: 0;bottom: 0;width: 100%;}
.case_d li .case_a {margin-top: 0.26rem;text-align: center;}
.case_d li .case_a a {display: block;font-size: 0.2rem;color: #196bae;}
 
    
/*新闻*/
.news_bg {padding: 0.4rem 0 0;}
.news_tab {margin-bottom: 0.16rem;text-align: center;}
.news_tab a {display: inline-block;margin: 0 1%;width: 30%;height: 0.55rem;text-align: center;font-size: 0.19rem;color: #fff;line-height: 0.55rem;background: #333333;}
.news_tab a.on {color: #fff;background: #196bae;}
.news_d li dl {padding-bottom: 0.16rem;}
.news_d li dl dt a {display: block;font-size: 0.19rem;color: #333;}
.news_d li dl dd a {padding-top: 0.1rem;font-size: 0.16rem;color: #999;line-height: 0.3rem;text-indent: 2em;}
.news_d li .case_a {margin-top: 0.16rem;text-align: center;}
.news_d li .case_a a {display: block;font-size: 0.2rem;color: #196bae;}
  
    
/*版权*/
.app_top_bg {position: relative;margin: 0.16rem 0;height: 0.6rem;}
.app-top {position: relative;margin: 0 auto;width: 0.6rem;height: 0.6rem;border-radius: 50%;z-index: 9;background: url(../images/app_top.png) center no-repeat #333333;background-size: 100%;}
.app_top_bg:after {display: block;position: absolute;content: " ";top: 50%;width: 100%;height: 1px;transform: translatey(-50%); background: #333333;}
.copyright_bg {margin-bottom: 1px;height: 0.55rem;line-height: 0.55rem; background: #333333;}
.copyright_bg span {display: block;text-align: center;font-size: 0.16rem;color: #fff;}
 
    
/*浮动*/
.footer_bg {position: fixed;bottom: 0;max-width: 640px;width: 100%;height: 0.96rem;z-index: 99; background: #333333;}
.footer_bg dl {position: relative;float: left;width: 25%;height: 0.96rem;text-align: center;}
.footer_bg dl:after {position: absolute;display: block;content: "";top: 0;right: 0;width: 1px;height: 0.96rem;background: rgba(196,196,196,0.5);}
.footer_bg dl.foot_1{background: #196bae;}

.footer_bg dl i {margin-top: 0.16rem;display: block;font-size: 0.23rem;color: #fff;}
.footer_bg dl span {display: block;margin-top: 0.13rem;font-size: 0.19rem;color: #fff;}
   
    
/*联系*/
.app_contact {    margin: 0.3rem auto;width: 96%}
.app_contact_tile span {display: block;text-align: center;font-size: 0.26rem;font-weight: bold;color: #196bae;}
.app_contant_d p {display: block;padding-top: 0.3rem;padding-bottom: 0.2em;font-size: 0.19rem;color: #333;line-height: 0.26rem;border-bottom: 1px dashed #ccc;}
.app_contant_d p img {margin-right: 0.08rem;width: 0.2rem;height: 0.2rem;}





/*地图*/
.app_map {margin: 0.16rem 0;height: 3.84rem;border: 1px solid #ddd;}
.app_map .map_wap {width: 100%;height: 100%;}



/*内页布局*/
.app_content{width: 100%;height: auto;margin: 0 auto;position: relative;overflow: hidden;}



/*内页导航栏*/
.navigation{height:0.9rem;border-bottom: 0.02rem #ededed solid; margin: 0 auto;line-height: 0.9rem;padding: 0 0.1rem;overflow: hidden;}
.navigation span{color: #196bae;font-size: 0.36rem;font-weight: bold;}
.navigation_r{float:right;font-size: 0.16rem;line-height: 0.9rem;}
.navigation_r a{font-size: 0.16rem;line-height: 0.9rem;}



/*内页产品分类*/
.prod_nlist{display: block!important;height: auto;margin-bottom: 0.3rem;}
.prod_nlist li {display: block; width: 100%; padding-top: 0.1rem;}
.prod_nlist li > a{display: block;height: 0.8rem; font-size: 0.26rem;line-height: 0.8rem;font-weight: bold;padding-left: 0.2rem;border-bottom: 1px solid #ddd;background: #f1f1f1;}
.prod_nlist dd{display: block; width: 100%;  height: 0.8rem;display: block;padding-left: 0.2rem;line-height: 0.8rem;border-bottom: 1px solid #ddd;}
.prod_nlist dd a{display: block;font-size: 0.23rem;line-height: 0.8rem;}



    
/*图片列表*/
.list_img{width: 96%;margin: 0.3rem auto 0.15rem;}
.list_img_m {display: block;width: 48%;margin: 1%; background: #fff;float: left;box-sizing: content-box;position: relative;}
.list_img_m_a{display: block;border: 1px solid #ccc;}
.list_img_m img {display: block;width: 100%;height:auto;}
.list_img_w {height: 0.5rem;text-align: center;line-height: 0.5rem;background:rgba(0,0,0,0.4);position: absolute;left: 0;bottom: 0;width: 100%;}
.list_img_w a {display: block;font-size: 0.18rem;color: #fff;line-height: 0.5rem;}



/*图片详情*/
.doc_content{width: 96%;margin: 0.25rem auto 0.3rem;}
.pro_detail_t span{text-align: center;display: block;line-height: 0.3rem;font-size: 0.26rem;color: #333;font-weight: bold;}
.pro_detail_t p{text-align: center;line-height: 0.16rem;font-size: 0.16rem;color: #666;padding: 0.06rem 0 0.2rem;}
.pro_detail_img img{width: 100%;height: auto;border: 1px solid #ccc;}
.pro_detail_next {text-align: center;font-size: 0.15rem;padding: 0.1rem 0 0;line-height: 0.15rem;}
.pro_content_title{width: 100%;height: 0.6rem;background: #f5f5f5;margin-top: 0.3rem;margin-bottom: 0.1rem;}
.pro_content_title span{font-size: 0.2rem;font-weight: bold;font-size: 0.2rem;line-height: 0.6rem;color: #333;padding-left: 0.1rem}
.pro_content_con {position: relative;overflow: hidden;width: 100%;height: auto;}
.pro_content_con img,.pro_content_con table{max-width: 100%;}





/*上下翻页*/
.flip_pages {text-align: center;width: 100%;margin-bottom: 0.2rem; }
.flip_pages span { border: 1px solid #ddd;display: inline-block; font-size: 0.18rem;height: 0.35rem; line-height: 0.35rem;padding: 0 0.1rem;}
.flip_pages span a{display: block; font-size: 0.16rem; line-height: 0.35rem; }

    


/*信息列表*/
.app_news_d {margin: 0.3rem auto;margin-bottom: 0.2rem;width: 96%;height: auto;}
.app_news_d li {margin-bottom: 0.2rem;}
.app_news_d .news_img {width: 40%;max-height: 2.24rem;border: 1px solid #ccc;overflow: hidden;}
.app_news_d .news_img a,.app_news_d .news_img img {display: block;width: 100%;height: 100%;}
.app_news_d .news_txt {width: 56%;}
.app_news_d .news_txt span {padding: 0.1rem 0 0.2rem;font-size: 0.24rem;color: #333;line-height: 0.24rem;}
.app_news_d .news_txt p {font-size: 0.16rem;color: #333;line-height: 0.26rem;}
.app_news_d .news_txt b {display: block;padding-top: 0.16rem;font-weight: normal;font-size: 0.14rem;color: #333;}




/*信息详情*/
.news_d {margin: 0.25rem auto;margin-bottom: 0.2rem;width: 96%;height: auto;}
.news_title {padding-bottom: 0.16rem;text-align: center;border-bottom: 1px solid #ccc;}
.news_title span {display: block;font-size: 0.3rem;color: #333;padding-bottom: 0.1rem;}
.news_title p {display: block;font-size: 0.16rem;}
.news_content {padding: 0.16rem;font-size: 0.16rem;color: #333;line-height: 0.3rem;}
.news_content p {text-indent: 2em; font-size: 0.16rem;color: #333;line-height: 0.3rem;} 
.news_content img,.news_content table{max-width: 100%;}


/*产品详情*/
.pro_content {padding: 2% 0;}
.pro_title {padding-bottom: 0.16rem;text-align: center;}
.pro_title span {display: block;font-size: 0.23rem;color: #333;}
.pro_title p {display: block;font-size: 0.16rem;}
.pro_img {margin: 0 auto;width: 96%;height: 96%;border: 1px solid #ccc;}
.pro_img img {display: block;width: 100%;height: 100%;}
.pro_d {position: relative;margin: 0.16rem 0;text-align: center;width: 100%;overflow: hidden;}
.pro_d li {display: inline-block;margin-right: 0.5%;width: 18%;border: 1px solid #ccc;}
.pro_d li:last-of-type {margin-right: 0;}
.pro_d li img {display: block;width: 100%;height: 100%;}
.prod_content {margin-top: 0.16rem;}
.prod_content .prod_title {width: 100%;height: 0.48rem;line-height: 0.48rem;background: #f5f5f5;}
.prod_content .prod_title span {display: block;padding-left: 1%;font-size: 1.0.16rem;}
.prod_content .prod_d {margin-top: 2%;}
.prod_content .prod_d img {display: block;margin: 0 auto;}
   
    
/*分类*/
.item_list {margin: 2%;border-radius: 0.04rem;border: 1px solid #ccc;}
.item_list li {height: 0.32rem;line-height: 0.32rem;border-bottom: 1px solid #ccc;}
.item_list li:last-of-type {border-bottom: none;}
.item_list li a {display: block;padding-left: 2%;font-size: 0.16rem;color: #333;}





/* 在线留言 */ 
.feedback_form{width: 100%;margin: 0 auto;padding-bottom: 0.3rem;padding-top: 0.3rem}
.feedback_form input,.feedback_form textarea{border: 1px solid #ccc;border-radius: 0.05rem;}
.feedback_form input:hover,.feedback_form textarea:hover{border-color:#196bae;}
.feedback_form li {width: 100%;background: none;font-size: 0.16rem;color: #888;margin-bottom: 0.1rem;line-height: 0.48rem;}
.feedback_content i{ font-size:0.18rem;padding: 0 0.05rem;}
.feedback_form li.message {padding-top: 0.1rem;}
.wbf-input {width: 85%;height: 0.42rem;padding: 0.1rem;margin: 0.08rem 0;line-height: normal;box-sizing: border-box;}
.wbf-code {width: 1.4rem;height: 0.42rem;padding: 0.1rem;margin: 0.08rem 0;line-height: normal;box-sizing: border-box;}
.feedback_form  li.yzma {margin-top: -0.1rem;}
.yzma img{ vertical-align: middle;}
.wbf-textarea {width: 85%;height: 1.3rem;padding: 0.08rem;line-height: 0.2rem;box-sizing: border-box;}
input.button.btn_message{display: inline-block;zoom: 1;vertical-align: baseline;margin-top: 0.1rem;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 0 0.3rem;border-radius: 0.3rem;line-height: 0.4rem;background: #666;font-size: 0.16rem;color: #fff;border: none; }
.button.sub_message{display: inline-block;zoom: 1;vertical-align: baseline;margin-left: 0.2rem;margin-top: 0.1rem;   outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 0 0.3rem;border-radius: 0.3rem;line-height: 0.4rem;font-size: 0.16rem;color: #fff;border: none;background: #196bae;}
.feedback_form input::-webkit-input-placeholder,.feedback_form textarea::-webkit-input-placeholder {color: #ccc;}


/* 在线留言 */ 
.bdmap { width:96%; height: 4.5rem;margin: 0.33rem auto;border:1px solid #ccc;}