/* AB模版网 整站模板下载网站 Www.AdminBuy.Cn */


/* QQ：9490489 */


/* 仿站：Fang.AdminBuy.Cn */


/* 素材：Sc.AdminBuy.Cn */


body{


    font-family: 'microsoft yahei',Arial,Helvetica, sans-serif;


    color: #2F2F2F;


}


a{


    transition: 0.5s;


    -webkit-transition: 0.5s;


    -moz-transition: 0.5s;


}


ul{


    list-style:none;


}


.clear{


    clear: both;


}


.img-thumbnail{


    transition : opacity 0.7s;


}


.img-thumbnail:hover,


.opacity_img:hover{


    opacity: 0.75;


}





/*顶部-欢迎信息*/


.top_bg{


    font-size: 12px;


    width: 100%;


    height: 34px;


    background-color: #fdfdfd;


    color: #666666;


    border-bottom: 1px solid #f1f1f1;


  }


.top_welcome{


    display: inline-block;


    padding-top:10px;


}


.top_lang{


    float: right;


    height: 34px;


    padding: 6px 10px 0px 10px;


}


.file-download {


	background: rgba(0,0,0,0) url("../../static/images/icon-download-3a68db4060ef.png") no-repeat scroll left center;


	color: #004b8c;


	font-size: 14px;


	padding-left: 18px


}


/*顶部-产品搜索*/


.search_group{


      float: right;


      height: 40px;


      background-color: #f2f2f2;


      color: #b7b7b7;


      margin: 40px 0px 0px 0px;


}


.search_group input.form-control{


      border-radius: 0px;


      box-shadow: none;


      color: #585A5A;


      padding: 0px 0px 0px 15px;


      height: 40px;


      background: transparent;


      border: none;


}


.search_group input.form-control:focus{


    box-shadow: none;


}


#search_submit{


    background-color: #000000;


    color:#fff;


    height: 40px;


    font-size: 16px;


    margin-top: -1px;


    border-radius: 0px;


}


#search_submit:hover{


    color:#fff;


    background-color: #828282;


    cursor: pointer;


}





/*首页-幻灯片*/


.flash img{


    width: 100%;


}


.flash ul.bxslider{


    list-style:none;


}


.flash div.bx-pager{


    bottom: 4%;


}


.flash div.bx-controls-direction{


    display:none;


}





/*首页-产品中心*/


.product_head{


    background: url(../../static/images/product_head-91b853b3a354.jpg) top center no-repeat;


    height: 91px;


    margin-top:38px;


}


.product_head h2{


    font-size:28px;


    text-align: center;


    color: #666666;


    margin: 0px;


    padding-top: 32px;


    line-height: 14px;


}


.product_head p{


    text-align: center;


    font-size: 12px;


    color: #999999;


    margin-top: 0px;


}


.product_ehead p{


    margin-top:6px;


}


.product_list{


    clear: both; 


    padding: 14px 0px 0px 0px;


    margin-right: -15px;


    margin-left: -15px;


}


.product_list2{


    padding-top: 20px;


}


.product_img{


    padding-left: 15px;


    padding-right: 15px;


    min-height: 270px;


}


.product_img img{


    margin-right: auto;


    margin-left: auto;


    display: block;


    max-width: 100%;


    height: auto;


    margin-bottom: 10px;


    max-height: 250px;


}


.product_list2 div.product_img{


    min-height: 260px;


}


.product_title{


    text-align: center;


    height: 40px;


}


.product_title a{


    color: #656464;


}


.product_title a:hover{


    text-decoration: none;


    color:#045db9;


}





/*首页-公司简介*/


.about_left{


    min-height: 345px;


    padding: 0px;


    padding-top: 200px;


    margin-top: 30px;


}


.about_text{


    background-color: rgba(74,74,74,0.4);


    height: 100px;


}


.about_text img{


    display: block;


    float: right;


    margin: 28px 25px 0px 0px;


}


.about_right{


    margin-top: 30px;


    min-height: 345px;


    background: url(../../static/images/about_right-5bfbeccbe6f8.png) center center no-repeat #545454;


}


.about_content{


    line-height: 36px;


    color: #fff;


    padding: 70px 25px 20px 25px;


}


.about_btn{


    color: #fff;


}


.about_btn:hover,.about_btn:focus{


    text-decoration: none;


    color: #339bf5;


}





/*首页-品牌馆*/


.brand_head{


    background: url(../../static/images/product_head-91b853b3a354.jpg) top center no-repeat;


    height: 91px;


    margin-top:45px;


    margin-bottom: 20px;


}


.brand_head h2{


    font-size:28px;


    text-align: center;


    color: #666666;


    margin: 0px;


    padding-top: 26px;


    line-height: 28px;


}


.brand_head p{


    text-align: center;


    font-size: 12px;


    color: #999999;


    margin-top: 0px;


}


.brand_list{


    margin-bottom: 30px;


    border: 1px solid #efefef;


}


.brand_img{


    margin: 0px;


    padding: 0px;


}


.brand_img img{


    max-width: 250px;


    float: left;


    transition : opacity 0.7s;


}


.brand_img img:hover {


    opacity: 0.75;


}


.brand_h3{


    margin:30px 0px 10px 0px;


    text-align: center;


    background: url(../../static/images/brand_h3-b86a40091122.jpg) top center no-repeat;


    padding-top: 30px;


}


.brand_h3 a{


    text-decoration: none;


    color: #816400;


    font-size: 24px;


}


.brand_h3 a:hover{


    text-decoration: none;


    color: #881a01;


}


.brand_p{


    text-align: center;


    font-size: 15px;


    color: #464646;


    line-height: 28px;


    margin-top: 15px;


}


.brand_clear{


    clear: both;


}





/*首页-新闻动态*/


.news_head{


    background: url(../../static/images/product_head-91b853b3a354.jpg) top center no-repeat;


    height: 91px;


    margin-top:20px;


}


.news_head h2{


    font-size:28px;


    text-align: center;


    color: #666666;


    margin: 0px;


    padding-top: 26px;


    line-height: 28px;


}


.news_head p{


    text-align: center;


    font-size: 12px;


    color: #999999;


    margin-top: 0px;


}


.news_list{


    clear: both;


    padding: 15px 0px 0px 0px;


    margin-right: -15px;


    margin-left: -15px;


}


.news_img{


    padding-left: 15px; 


    padding-right: 15px; 


    min-height: 340px;


    margin-bottom: 25px;


}


.news_img img{


    margin-right: auto;


    margin-left: auto;


    display: block;


    max-width: 100%;


    height: auto;


    margin-bottom: 10px;


    max-height: 340px;


}


.news_title{


    text-align: center;


    margin-top: 20px;white-space:nowrap;


overflow: hidden;


text-overflow:ellipsis;


}


.news_title a{


    color: #333;


    font-size: 16px;


}


.news_etitle a{


    font-size: 18px;


    font-weight: bold;


}


.news_title a:hover{


    text-decoration: none;


    color:#4b73b1;


}


.news_desc{


    text-align: center;


    font-size: 12px;


    color: #999;


    line-height: 24px;


}


.news_edesc{


    font-size: 14px;


    line-height: 22px;


}


.news_time{


    float:right;


}





/*首页-合作伙伴*/


.cooperation_head{


    background: url(../../static/images/product_head-91b853b3a354.jpg) top center no-repeat;


    height: 91px;


    margin-bottom:10px;


}


.cooperation_head h2{


    font-size:28px;


    text-align: center;


    color: #666666;


    margin: 0px;


    padding-top: 26px;


    line-height: 28px;


}


.cooperation_head p{


    text-align: center;


    font-size: 12px;


    color: #999999;


    margin-top: 0px;


}


.cooperation_img{


    padding-left: 15px; 


    padding-right: 15px; 


    min-height: 130px;


}


.cooperation_img img{


    margin-right: auto;


    margin-left: auto;


    display: block;


    max-height: 110px; 


    max-width: 100%;


    height: auto; 


    margin-bottom: 10px; 


    padding: 0px 0px 0px 0px;


}





/*首页-客户案例*/


.case_bg{


    padding:50px 0px 30px 0px;


}


.case_head h2{


    text-align: center;


    font-size: 32px;


    font-weight: bold;


    margin: 0px;


    color: #fff;


}


.case_head p{


    text-align: center;


    color: #7f7f7f;


    margin-top:15px;


}


.case_ehead p{


    margin-top:8px;


}


.case_list{


    clear: both;


    padding: 40px 0px 30px 0px;


    margin-right: -15px;


    margin-left: -15px;


}


.case_list2{


    padding-top: 20px;


}


.case_img{


    padding-left: 15px;


    padding-right: 15px;


    min-height: 270px;


}


.case_img img{


    margin-right: auto;


    margin-left: auto;


    display: block;


    max-width: 100%;


    height: auto;


    margin-bottom: 10px;


    max-height: 250px;


}


.case_title{


    text-align: center;


    height: 40px;


}


.case_title a{


    color: #fff;


    font-weight: bold;


    font-size: 15px;


}


.case_title a:hover{


    text-decoration: none;


    color:#16a1b3;


}


.case_list2 div.case_img{


    min-height: 260px;


}


.case_list2 a{


    color: #656464;


    font-weight: normal;


}





/*列表页-横幅*/


.page_bg{


    height:290px;


}





/*列表页-面包屑*/


.bread_bg{


    background-color: #f3f3f3;


}


.bread_nav{


    padding: 10px 0px 10px 0px;


}


.bread_nav span{


    border-left: 8px solid #535353;


    padding-left: 8px;


}


.bread_nav a{


    color: #4c4c4c;


}


.bread_nav a:hover{


    color: #0071bf;


    text-decoration: none;


}





/*列表页-右侧布局*/


.right_head{


    clear: both;


}


.right_head h2{


    height: 40px;


    font-size: 22px;


    font-weight: normal;


    color: #545454;


    line-height: 40px;


    border-bottom: 1px solid #ebebeb;


}


.right_head h2 span{


    display: inline-block;


    height: 40px;


    border-bottom: 1px solid #535353;


}


.right_contents{


    clear: both;


    padding:15px 0px 15px 0px; 


    line-height:28px; 


    overflow: auto;


}


.right_contents_h1{


    margin: 0px;


    padding: 10px 0px 20px 0px;


    text-align: center;


    color: #000;


    font-size:24px;


    color:#434343;


    font-weight:bold;


    line-height: 34px;


}


.right_contents img {


    max-width: 840px;


}





/*首页-左侧栏目*/


.left_nav{


    padding: 20px 15px 30px 15px;


    margin-top: 25px;


    margin-bottom: 20px;


}


.left_nav p{


    color: #fff;


    font-weight: bold;


    font-size: 24px;


}


.left_nav h3{


    color: #fff;


    margin:0px 0px 30px 0px;


}


.left_nav_bg{


    padding: 10px 15px 22px 15px;


}


.left_nav_tel{


    margin: 220px 0px 0px 0px;


    text-align: center;


    color: #fff;


    font-size: 24px;


    font-weight: bold;


}


.left_nav_ul{


    list-style:none;


    padding:0px;


    margin:15px 0px 0px 0px;


    padding-bottom: 10px;


  }


.left_nav_ul > li > a{


    display: block;


    text-decoration:none;


    color:#fff;


    font-size:15px;


    background-color: #0071bf;


    border-radius: 25px; 


    padding:6px 0px 6px 18px;


    margin-bottom: 8px;


}


.left_nav_ul > li > a:hover,


.left_nav_ul li a.left_active{


    color:#fff;


    background-color: #1bc100;


}


/*首页-左侧二级栏目*/


ul.left_snav_ul{


    list-style:none;


    padding:0px;


}


ul.left_snav_ul > li{


    margin:0px;


}


ul.left_snav_ul > li > a{


    display: block;


    text-decoration:none;


    color:#fff;


    padding:5px 0px 5px 30px;


    background: url(../../static/images/left_tree-7d6c9f697988.gif) 20px 8px no-repeat #028ae6;


    border-radius: 25px;


    margin-bottom:8px;


}


ul.left_snav_ul > li > a:hover{


    color:#fff;


    background-color: #1bc100;


}





/*列表页-左侧栏目*/


.left_h3{


    margin-top: 19px;


    font-size: 22px;


    font-weight: normal;


    height: 40px;


    color: #545454;


    line-height: 40px;


    border-bottom: 1px solid #ebebeb;


}


.left_h3 span{


    display: inline-block;


    height: 40px;


    border-bottom: 1px solid #535353;


}


.left_column ul.left_nav_ul{


    list-style:none;


    padding:0px;


    margin:15px 0px 0px 0px;


    padding-bottom: 10px;


  }


.left_column ul.left_nav_ul > li{


    margin-bottom: 5px;


    border-bottom: 1px solid #f2f2f2;


    background: url(../../static/images/li-3ba032acce48.png) 6px 12px no-repeat;


}


.left_column ul.left_nav_ul > li > a{


    display: block;


    text-decoration:none;


    color:#000;


    font-size:15px;


    background:transparent;


    border-radius:0px; 


    padding:5px 0px 5px 18px;


    margin-bottom: 6px;


}


.left_column ul.left_nav_ul > li > a:hover,


.left_column ul.left_nav_ul li a.left_active{


    color:#045db9;


    background:transparent;


}


/*列表页-左侧二级栏目*/


.left_column ul.left_snav_ul{


    list-style:none;


    padding:0px;


}


.left_column ul.left_snav_ul > li{


    margin-bottom: 7px;


    border-bottom: 1px solid #f2f2f2;


    background: url(../../static/images/left_tree-7d6c9f697988.gif) 19px 8px no-repeat;


}


.left_column ul.left_snav_ul > li > a{


    display: block;


    text-decoration:none;


    color:#6b6a6a;


    padding:4px 0px 4px 32px;


    background: transparent;


    margin-bottom:2px;


}


.left_column ul.left_snav_ul > li > a:hover{


    color:#045db9;


    background:transparent;


}





/*左侧新闻*/


.left_news{


    clear: both;


    list-style:none;


    margin:0px;


    padding:0px;


}


.left_news li{


    color:#545455;


    border-bottom: 1px dotted #dddddd;


    background: url(../../static/images/li-3ba032acce48.png) no-repeat left 15px;


    line-height:21px; 


    padding: 10px 0px; 


    padding-left:14px;


}


.left_news li a{


    color:#2F2F2F;


}


.left_news li a:hover,


.left_news li a:focus{


    text-decoration:none;


    color:#4582e2;


}





/*左侧联系*/


.left_contact{


    margin:30px 0px 35px 0px;


}


.left_contact p{


    clear: both;


}





/*列表页-新闻*/


.right_new{


    clear: both; 


    list-style:none;


    margin:0px; 


    padding:0px 0px 20px 0px;


}


.right_new li{


    color:#898989;


    background: url(../../static/images/li-3ba032acce48.png) no-repeat left 18px;


    font-size: 16px;


    line-height:22px; 


    padding:12px 0px; 


    padding-left:13px;


    border-bottom: 1px dashed #e3e2e2; overflow: hidden;


}


.right_new li a{


    color:#2F2F2F;


}


.right_new li a:hover,


.right_new li a:focus{


    text-decoration:none;


    color:#0071bf;


}


.right_new_time{


    float:right;


}


.relevant_new ul.right_new li{


    font-size: 14px;


}





/*分页样式*/


.page{


    clear:both;


    margin:20px 0px 20px 0px;


    text-align: center;


 }


.page a{


    display: inline-block; 


    font-family: Arial; 


    font-size: 13px; 


    border: #dbdbdb 1px solid; 


    padding:4px 9px; 


    margin: 2px; 


    margin-bottom: 5px; 


    color: #31363c; 


    text-decoration: none


}


.page a:hover,.page a:focus{


    font-family: Arial;


    font-size: 13px;


    border: #535353 1px solid;


    padding:4px 9px;color: #fff;


    background-color: #535353;


}


.page .current{


    font-family: Arial;


    border: #535353 1px solid; 


    font-size: 13px; 


    padding:5px 9px; 


    color: #fff;


    margin: 2px;  


    background-color: #535353


}





/*产品详细页*/


.showpic_box,.proinfo_box{


    margin: 30px 0px 20px 0px;


}


.product_h1{


    margin:0px; 


    line-height:22px; 


    font-size:16px;


    font-weight: bold;


    color: #000; 


    padding-bottom:10px;


    border-bottom: 1px dotted #cccccc; 


}


.product_info{


    list-style:none;


    padding:0px;


    margin-top:10px;


  }


.product_info p{


    line-height:28px; 


}


.product_btn{


    margin-top: 25px;


}


#pic-page{


    text-align: center;


    margin-top:10px;


}


#pic-page a{


    margin: 0 2px;


}


#pic-page a img


{


    width:40px;


    padding: 2px;


    border: solid #ccc 1px;


    margin-bottom:5px;


}


#pic-page a:hover img,


#pic-page a.active img {


    border: solid #5280DD 1px;


}


.product_con {


    clear: both; 


    border-top: 1px dotted #a9a9a9;


    margin:10px 0px 20px 0px;


    padding:20px 0px 0px 0px; 


    line-height:26px;


    overflow: auto;


 }


.photo_con {


    clear: both;


    margin:0px 0px 20px 0px; 


    padding:10px 0px 20px 0px;


    line-height:26px;


    overflow: auto;


 }


 .product_con img,


 .photo_con img {


    max-width: 840px;


 }





/*按钮样式*/


.download_btn {


    float: right;


    display: block;


    margin: 10px 10px 20px 0px;


  }


.page-btn {


    display: inline-block;


    float: left; 


    background-color: #656565;


    border-radius: 0px; 


    border: none; 


    transition:background 0.5s;


    margin-right: 15px;


   }


.page-btn:hover,


.page-btn:focus {


    background-color:#000000;


}


.grey-btn {


    border-radius: 0px;


    border: none;


    background-color: #E8E8E8;


}


.grey-btn:hover,


.grey-btn:focus {


    background-color: #ccc;


}





/*在线留言订购*/


.feedback {


    margin-top: 50px;


}


.feedback .form-group{


    margin-right: -10px;


    margin-left: -10px; overflow: hidden;


}


.codeimg{


    margin: 0px 0px -10px -18px;


}





/*上一个下一个*/


.point{


    clear: both; 


    margin:20px 0px 40px 0px;


    padding-bottom: 40px;


    line-height:22px;


  }


.point span.to_prev{


    text-align:center;


}


.point span.to_prev a{


    color:#337AB7;


}


.point span.to_prev a:hover{


    color: #ea042b;


}


.point span.to_next{


    text-align:center;


}


.point span.to_next a{


    color:#337AB7;


}


.point span.to_next a:hover{


    color: #ea042b;


}





/*标签样式*/


.tags{


    margin: 18px 0px 10px 0px;


}


.tags a{


    margin: 0px 5px 8px 0px;


}


.tags_list{


    padding: 5px 10px 100px 10px;


}


.tags_ul{


    margin-top: 0px;


}


.tags_ul li{


    line-height: 28px;


    margin-bottom: 8px;


    padding-bottom: 10px;


}


.tags_ul h3{


    font-size: 14px;


    padding: 0px;


    margin: 0px;


    line-height: 20px;


}


.tags_ul p{


    font-size: 13px;


    padding: 0px;


    margin: 0px;


    color: #777;


    line-height: 20px;


    padding-top: 8px;


}





/*网站地图*/


ul.ul_sitemap{


    margin: 30px 0px 40px 30px;


}


ul.ul_sitemap li{


    list-style: none;


    line-height: 26px;


    clear: both;


 }


ul.ul_sitemap li a{


    color: #7d7d7d;


}


li.small_li_sitemap{


    clear: both;


    padding-left: 12px;


}


li.small_li2_sitemap{


    float: left;


    padding-left: 20px;


 }





/*首页-友情链接*/


.link_box{


    background-color: #1a1a1d;


    padding: 20px 0px 10px 0px;


    text-align: center;


    color: #999999;


    font-size: 13px;


}


.link_box a{


    color: #999999;


    padding:0px 0px 0px 10px;


    font-size: 13px;


}


.link_box a:hover{


    text-decoration: none;


    color: #fff;


}


.link_box a:last-child{


    border-right:0px;


}


.link_box button{


    display: none;


}


.link_title{


    font-size: 13px;


    margin-right: -6px;


}


.link_title:after{


    content:"：";


}





/*首页-TAGS标签*/


.tags_box{


    background-color: #1a1a1d;


    padding: 5px 0px 20px 0px;


    text-align: center;


    color: #999999;


    font-size: 13px;


  }


.tags_box a{


    color: #999999;


    padding:0px 2px 0px 8px;


    font-size: 13px;


  }


.tags_box a:hover{


    text-decoration: none;


    color: #fff;


 }


.tags_box a:last-child{


    border-right:0px;


}


.tags_box button{


    display: none;


}


.tags_title{


    font-size: 13px;


    margin-right: -6px;


 }


.tags_title a{


    padding:0px;


}


.tags_title:after{


    content:"：";


}





/*底部信息*/


footer{


    margin-top: 20px;


    color:#d4d4d4;


    padding:60px 0px 40px 0px;


    background-color: #333333;


}


.footer_logo{


    max-width: 196px;


}


.footer_logo_text{


    width: 196px;


    text-align: center;


    margin-top: 15px;


    padding-top: 12px;


    border-top: 1px solid #5f5f5f;


    line-height: 24px;


}


.footer_contact a{


    color: #d4d4d4;


}


.footer_contact a:hover,


.footer_contact a:focus{


    color: #92bff7;


    text-decoration: none;


}


/*底部分类*/


.footer_menu a{


    color: #d4d4d4;


}


.footer_menu a:hover{


    color: #92bff7;


    text-decoration: none;


}


.footer_menu_first{


    font-weight: bold;


    font-size: 16px;


    color: #fff;


}


.footer_menu_first a{


    color: #fff;


}


.footer_qrcode{


    max-width: 130px;


}


.footer_qrcode_text{


    width: 130px;


    text-align: center;


    margin-top: 15px;


}





/*底部翻译*/


.translate{


    background-color: #333333;


    padding: 0px 0px 30px 0px;


}


.translate_btn{


    width:110px;


    margin: 0 auto;


}





/*UEditor编辑器前端表格样式*/


table{


    margin-bottom:10px;


    border-collapse:collapse;


    display:table;


}


td,th{


    padding: 5px 10px;


    border: 1px solid #DDD;


}


caption{


    border:1px dashed #DDD;


    border-bottom:0;


    padding:3px;


    text-align:center;


}


th{


    border-top:1px solid #BBB;


    background-color:#F7F7F7;


}


table tr.firstRow th{


    border-top-width:2px;


}


.ue-table-interlace-color-single{


    background-color: #fcfcfc;


  } 


.ue-table-interlace-color-double{


    background-color: #f7faff;


}


td p{


    margin:0;


    padding:0;


}


.bshare-custom.icon-medium-plus,


.bshare-custom.icon-large{


    width: 230px;


    float: left;


}








/*大屏幕样式*/


@media screen and (min-width: 769px) {


    .logo {


      margin-top:30px;


      margin-bottom: 10px;


      max-width: 700px;


    }


    /*导航样式*/


    .navbar {


      margin: 0px;


      margin-top:24px;


      border:none;


      background-color: #000000;


      min-height: 50px;


    }


    .navbar-nav > li {





    }


    .navbar-nav > li:first-child {


    }


    .navbar-nav > li:last-child {


    }


    .navbar-nav > li > a {


      text-align: center;


    }


    .navbar-default .navbar-nav > li > a {


      color: #fff;


      padding: 15px 32px 15px 32px;


    }


    .navbar-default .navbar-nav > li > a:hover,


    .navbar-default .navbar-nav > li > a:focus,


    .navbar-default .navbar-nav > li > a.active,


    .navbar-default .navbar-nav > .active > a,


    .navbar-default .navbar-nav > .active > a:hover,


    .navbar-default .navbar-nav > .open > a,


    .navbar-default .navbar-nav > .open > a:hover,


    .navbar-default .navbar-nav > .open > a:focus {


    background-color: #535353; color: #fff; 


    }


    .navbar-brand {


      display: none;


    }


    /*导航-触发滚动*/


    .navbar-fixed-top {


      min-height: 50px;


      margin-top:0px;


      background-color: rgba(0,0,0,0.8);


    }


    .navbar-fixed-top ul.navbar-nav > li > a {


      padding: 15px 28px 15px 28px;


    }


    /*导航二级菜单*/


    .nav_small {


      background-color:#404040;


      background-color: rgba(83,83,83,0.95);


      padding: 10px 0px;


      padding-bottom: 15px;


      border-radius: 0px;


      border: none;


      box-shadow: none;


    }


    .nav_small > li > a {


      line-height:20px;


      padding: 7px 0px;


      text-align:center;


      color: #fff;


      font-size: 13px;


    }


    .nav_small > li > a:hover {


      color: #fff;


      background-color: #000;


    }


    #app_menudown,


    #search_btn {


      display:none;


    }


    .mfoot_box {


      display:none;


    }


}





/*小屏幕样式*/


@media screen and (max-width: 768px) {


    .top_welcome,


    .top_tel {


      display: none;


    }


    .logo {


      display: block;


      margin: 0 auto;


      margin-top:25px;


      margin-bottom: 25px;


      max-width:260px;


    }


    /*手机-顶部搜索*/


    #topsearch{


      display: none;


    }


    .search_group{


      margin: 5px 0px 15px 0px;


    }


    #search_btn {


      float: right;


      margin-top: 7px;


      padding:8px 13px;


      font-size: 17px;


      border-radius: 4px; 


      color: #fff;


    }


    #search_btn:hover,


    #search_btn:focus {


      cursor: pointer;


      background-color: #404040;


    }


    /*手机-导航样式*/


    .navbar {


      margin: 0px;


      border:0px;


      min-height: 50px;


      background-color: #000000;


    }


    .navbar-default .navbar-brand {


      color: #fff;


      font-size: 16px;


    }


    .navbar-default .navbar-brand:hover,


    .navbar-default .navbar-brand:focus {


      color: #fff;


    }


    .navbar-toggle {


      border:none;


    }


    .navbar-default .navbar-collapse,


    .navbar-default .navbar-form {


      border:none;


    }


    .navbar-default .navbar-toggle:hover,


    .navbar-default .navbar-toggle:focus {


      background-color: #404040;


    }


    .navbar-default .navbar-toggle .icon-bar {


      background-color: #fff;


    }


    .navbar-default .navbar-nav {


      margin-top: 0px;


      margin-bottom: 0px;


    }


    .navbar-default .navbar-nav > li:last-child{


      border: none;


    }


    .navbar-default .navbar-nav > li > a,


    .navbar-default .navbar-nav .open .dropdown-menu > li > a {


      color: #fff;


    }


    .navbar-default .navbar-nav > li > a:hover,


    .navbar-default .navbar-nav > li > a:focus,


    .navbar-default .navbar-nav > .active > a, 


    .navbar-default .navbar-nav > .active > a:hover, 


    .navbar-default .navbar-nav > .active > a:focus,


    .navbar-default .navbar-nav > .open > a, 


    .navbar-default .navbar-nav > .open > a:hover, 


    .navbar-default .navbar-nav > .open > a:focus,


    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {


      background-color: #404040; color: #fff;


    }


    #app_menudown {


      position: absolute;


      top:0px;


      right:0px;


      font-size: 16px;


    }


    #app_menudown:hover {


      background-color: #404040;


    }


    .navbar-fixed-top {


      margin-top:0px;


      background-color: rgba(0,0,0,0.8);


    }





    /*手机-首页产品*/


    .product_head{


        margin-top: 30px;


    }


    .product_head h2 {


        font-size: 25px; 


    }


    .product_img {


        min-height: 180px;


    }


    .product_list2 div.product_img{


        min-height: 180px;


    }





    /*手机-首页公司简介*/


    .about_head{


        margin-bottom: 25px;


    }


    .about_head h2{


        margin-top: 35px; 


        font-size: 26px; 


    }


    .about_head p{


        font-size: 14px; 


        margin-top:8px;


    }


    .about_left{


        min-height: auto;


        padding-top: 100px;


        padding-bottom: 40px;


    }


    .about_text{


        max-height: 70px;


    }


    .about_text img{


        max-width: 140px;


        margin-top: 18px;


    }


    .about_right{


        margin-top: 0px;


        min-height: auto;


        background:transparent;


    }


    .about_content{


        line-height: 36px;


        color: #000;


        padding: 20px 0px 20px 0px;


    }


    .about_btn{


        color: #000;


    }





    /*手机-首页品牌馆*/


    .brand_head{


        margin-top: 8px;


    }


    .brand_head h2 {


        font-size: 25px; 


    }


    .brand_img img{


        max-width: none;


        width: 100%;


        float: none;


        display: block;


        margin: 0 auto;


    }


    .brand_list{


        padding-bottom: 10px;


        margin-bottom: 35px;


    }


    .brand_h3{


        margin-top:20px;


    }





    /*手机-首页新闻*/


    .news_head{


        margin-bottom: 5px;


    }


    .news_head h2 {


        font-size: 25px; 


    }





    /*手机-首页合作客户*/


    .cooperation_head{


        margin-top: 25px;


    }


    .cooperation_head h2{


        font-size: 25px; 


    }


    .cooperation_img{


        min-height: 120px;


    }





    /*手机-首页案例*/


    .case_head h2 {


        margin-top: 0px;


        font-size: 26px; 


    }


    .case_head p {


        display: none;


    }


    .case_title a{


        font-weight: normal;


        font-size: 14px;


    }


    .case_img {


        min-height: 180px;


    }


    .case_list2 div.case_img {


        min-height: 180px;


    }





    .page_bg{


        display: none;


    }


    .right_new_time{


        display: none;


    }


    .right_contents img,


    .product_con img,


    .photo_con img {


        max-width: 100%;


    }


    .feedback{


        margin-top:20px;


    }


    .proinfo_box {


        margin-bottom: 80px;


    }


    #pic-page a img {


        width:35px;


    }


    #cmsFloatPanel{


        display: none;


    }


    .point span.to_prev,


    .point span.to_next {


        text-align:left;


        padding-bottom: 8px;


    }





    /*手机-底部信息*/


    footer {


        padding-top: 40px;


        padding-bottom:25px;


    }


    .footer_logo,


    .footer_logo_text {


        display: none;


    }


    .footer_contact {


        margin-bottom:30px;


    }


    .footer_qrcode{


        display: block;


        max-width: 130px;


        margin: 0 auto;


        margin-top: 25px;


    }


    .footer_qrcode_text {


        width: 130px;


        margin: 0 auto;


        margin-top: 10px;


        margin-bottom: 35px;


    }





    /*手机-友情链接*/


    .link_box {


        padding-left: 7px;


    }


    .link_box a {


        display: block;


        border-right:0px;


        padding:4px 0px;


    }


    .link_title{


        display: block;


    }


    .link_title:after {


        content:"";


    }


    .link_box button{


        display: inline-block;


        background-color: transparent;


        border: none;


        float: right;


        margin-top: -20px;


    }


    .link_box button:hover,


    .link_box button:focus{


        color: #f7ec6f;


    }


    .link_list{


        display: none;


        padding-top: 7px;


    }





    /*手机-Tags标签*/


    .tags_box{


        padding-left: 7px;


        margin-bottom: 50px;


    }


    .tags_box a{


        display: block;


        border-right:0px;


        padding:4px 0px;


    }


    .tags_title{


        display: block;


    }


    .tags_title:after{


        content:"";


    }


    .tags_box button{


        display: inline-block;


        background-color: transparent;


        border: none;


        float: right;


        margin-top: -20px;


      }


    .tags_box button:hover,


    .tags_box button:focus{


        color: #f7ec6f;


    }


    .tags_rows{


        display: none;


        padding-top: 7px;


     }





    /*手机-底部按钮*/


    .mfoot_box{


        background-color: #fafafa;


    }


    .mfoot_nav {


        width:25%;


        float:left;


        background-color: #fafafa;


        text-align:center;


        color:#898989;


    } 


    .mfoot_nav:hover,


    .mfoot_nav:focus {


        background-color: #e4e4e4;


        cursor:pointer;


    }


    .mfoot_nav a {


        color:#898989;


        display:block;


    }


    .mfoot_nav a:hover,


    .mfoot_nav a:focus{


       text-decoration:none;


    }


    .mfoot_nav span {


        display:block;


        padding:3px 0px 0px 0px;


    }


    .mfoot_share {


        width: 240px;


        padding: 5px;


    }


    .mfoot_eshare {


        width: 200px;


        padding: 5px;


    }


}





@media screen and (max-width: 767px) {


    .copyright_p{display:none;}


}





/*320px到768px*/


@media screen and (min-width:320px) and (max-width:768px) {


    .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {


      float: left;


    }


    .col-mm-12 {


      width: 100%;


    }


    .col-mm-11 {


      width: 91.66666667%;


    }


    .col-mm-10 {


      width: 83.33333333%;


    }


    .col-mm-9 {


      width: 75%;


    }


    .col-mm-8 {


      width: 66.66666667%;


    }


    .col-mm-7 {


      width: 58.33333333%;


    }


    .col-mm-6 {


      width: 50%;


    }


    .col-mm-5 {


      width: 41.66666667%;


    }


    .col-mm-4 {


      width: 33.33333333%;


    }


    .col-mm-3 {


      width: 25%;


    }


    .col-mm-2 {


      width: 16.66666667%;


    }


    .col-mm-1 {


      width: 8.33333333%;


    }


}


.dede_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}


.dede_pages ul{display:inline-block;margin:0 auto;padding:0}


.dede_pages ul  a{color:#555;display:block;padding: 5px 10px;  border: 1px solid #ddd;float: left;margin: 0 5px;}


.dede_pages ul  a.page-num-current{ background:#ddd;}







img[data-catalog-media]{border-radius:8px;}

a[href^="tel:"]{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;}

@media (min-width:768px){.news_list{position:relative;isolation:isolate;padding:18px 24px;border-radius:3px;}}

body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;}

.template-contact-number{display:inline-block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;}


@media (min-width:768px){picture[data-refreshed-banner]{display:contents;}}
@media (min-width:768px){[data-banner-text-host]{position:relative;box-sizing:border-box;}}
@media (min-width:768px){[data-banner-text-layer]{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;}}
@media (min-width:768px){[data-banner-text-layer]>span{position:absolute;display:block;color:white;font-family:"Noto Sans SC",sans-serif;font-weight:600;line-height:1.25;text-shadow:0 2px 5px rgba(0,0,0,.65);overflow-wrap:anywhere;}}
@media (min-width:768px){[data-banner-placeholder]{display:none;}}
@media (min-width:768px){[data-banner-replaced-copy]{display:none;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]{display:flex;align-items:flex-start;justify-content:center;padding:30px max(12%,calc((100% - 1080px)/2));box-sizing:border-box;overflow:visible;background:transparent;flex-direction:column;padding-top:32px;padding-bottom:32px;}}
@media (min-width:768px){[data-banner-text-panel]{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:min(620px,62%);padding:28px 34px 30px;margin:0 18px;background:linear-gradient(100deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);border-left:1px solid rgba(255,255,255,.45);box-shadow:0 14px 34px rgba(0,0,0,.14);}}
@media (min-width:768px){[data-banner-text-panel]>span{position:static;display:block;flex:0 1 auto;left:auto;top:auto;width:auto;max-width:100%;margin:0;color:white;font-size:19px;font-weight:500;line-height:1.55;letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 2px 6px rgba(0,0,0,.65);}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:15px;letter-spacing:.18em;line-height:1.2;opacity:.88;text-transform:none;}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-title]{font-size:44px;font-weight:750;line-height:1.18;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]{align-items:flex-end;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]>[data-banner-text-panel]{border-left:0;border-right:1px solid rgba(255,255,255,.45);align-items:flex-end;text-align:right;background:linear-gradient(260deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]>[data-banner-text-panel]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-accent]{display:block;width:72px;height:16px;flex:0 0 16px;background:url("../../static/images/desktop-banners/banner-accent.svg") left center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-features]{font-size:16px;border-top:1px solid rgba(255,255,255,.5);padding-top:14px;margin-top:4px;opacity:.95;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{max-width:68%;padding:20px 24px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-title]{font-size:30px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{box-sizing:border-box;width:min(720px,100%);max-width:100%;flex:0 0 auto;overflow:visible;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>span{flex:none;height:auto;max-height:none;white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:48px;line-height:1.25;border:0;padding:0;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:20px;letter-spacing:0;border-left:5px solid var(--banner-accent);padding-left:12px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-features]{font-size:18px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:36px;}}
@media (min-width:768px){[data-banner-text-flow]{--banner-accent:#337ab7;flex-direction:column;}}
@media (min-width:768px){[data-banner-text-title]{font-weight:600;}}
@media (min-width:768px){[data-banner-text-panel]>span:not([data-banner-text-title]){line-height:1.7;}}
@media (min-width:768px){[data-banner-text-panel]>i{width:60px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]{background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.1));border:0;border-radius:0 8px 8px 0;}}
@media (min-width:768px){img[data-src="static/images/1633175797927172-725a5c703307.jpg.webp"]{content:url("../../static/images/desktop-banners/5c510f9abc98.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/1633175797927172-725a5c703307.jpg.webp"]{content:url("../../static/images/desktop-banners/5c510f9abc98.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/1633175797927172-725a5c703307.jpg.webp"]{content:url("../../static/images/desktop-banners/5c510f9abc98.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/1633175797927172-725a5c703307.jpg.webp"]{content:url("../../static/images/desktop-banners/5c510f9abc98.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/5c510f9abc98.jpg.webp"]{content:url("../../static/images/desktop-banners/5c510f9abc98.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/5c510f9abc98.jpg.webp"]{content:url("../../static/images/desktop-banners/5c510f9abc98.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/5c510f9abc98.jpg.webp"]{content:url("../../static/images/desktop-banners/5c510f9abc98.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/5c510f9abc98.jpg.webp"]{content:url("../../static/images/desktop-banners/5c510f9abc98.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/1633175807458887-c8330d1045bb.jpg.webp"]{content:url("../../static/images/desktop-banners/a948555fb4ad.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/1633175807458887-c8330d1045bb.jpg.webp"]{content:url("../../static/images/desktop-banners/a948555fb4ad.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/1633175807458887-c8330d1045bb.jpg.webp"]{content:url("../../static/images/desktop-banners/a948555fb4ad.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/1633175807458887-c8330d1045bb.jpg.webp"]{content:url("../../static/images/desktop-banners/a948555fb4ad.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/a948555fb4ad.jpg.webp"]{content:url("../../static/images/desktop-banners/a948555fb4ad.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/a948555fb4ad.jpg.webp"]{content:url("../../static/images/desktop-banners/a948555fb4ad.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/a948555fb4ad.jpg.webp"]{content:url("../../static/images/desktop-banners/a948555fb4ad.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/a948555fb4ad.jpg.webp"]{content:url("../../static/images/desktop-banners/a948555fb4ad.jpg.webp");}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel][data-banner-text-panel]>span{color:#f8fafc;}}
@media screen and (min-width:1024px){#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd{background-image:url("../../static/images/desktop-brand/chevron-up-99dd26076e.svg");}}
@media screen and (min-width:1024px){.file-download{background-image:url("../../static/images/desktop-brand/chevron-down-5850bcbc6d.svg");}}
@media screen and (min-width:1024px){.glyphicon-circle-arrow-up::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("../../static/images/desktop-brand/chevron-up-53d67aee45.svg") center/contain no-repeat;mask:url("../../static/images/desktop-brand/chevron-up-53d67aee45.svg") center/contain no-repeat;}}
@media screen and (min-width:1024px){.glyphicon-home::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("../../static/images/desktop-brand/house-458afb811b.svg") center/contain no-repeat;mask:url("../../static/images/desktop-brand/house-458afb811b.svg") center/contain no-repeat;}}
@media screen and (min-width:1024px){.glyphicon-menu-down::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("../../static/images/desktop-brand/menu-b3cbcec1fa.svg") center/contain no-repeat;mask:url("../../static/images/desktop-brand/menu-b3cbcec1fa.svg") center/contain no-repeat;}}
@media screen and (min-width:1024px){.glyphicon-phone::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("../../static/images/desktop-brand/phone-9c5217dba4.svg") center/contain no-repeat;mask:url("../../static/images/desktop-brand/phone-9c5217dba4.svg") center/contain no-repeat;}}
@media screen and (min-width:1024px){.glyphicon-plus::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("../../static/images/desktop-brand/plus-e9ee9464d6.svg") center/contain no-repeat;mask:url("../../static/images/desktop-brand/plus-e9ee9464d6.svg") center/contain no-repeat;}}
@media screen and (min-width:1024px){.glyphicon-th-list::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("../../static/images/desktop-brand/list-1d662a7952.svg") center/contain no-repeat;mask:url("../../static/images/desktop-brand/list-1d662a7952.svg") center/contain no-repeat;}}
@media screen and (min-width:1024px){.glyphicon-triangle-right::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("../../static/images/desktop-brand/chevron-right-617ed6949e.svg") center/contain no-repeat;mask:url("../../static/images/desktop-brand/chevron-right-617ed6949e.svg") center/contain no-repeat;}}
@media (min-width:768px){.product_head{background:url("../../static/images/desktop-products/0ea3ff9795-product_head-91b853b3a354.webp") top center no-repeat;}}
@media (min-width:768px){.brand_head{background:url("../../static/images/desktop-products/0ea3ff9795-product_head-91b853b3a354.webp") top center no-repeat;}}
@media (min-width:768px){.news_head{background:url("../../static/images/desktop-products/0ea3ff9795-product_head-91b853b3a354.webp") top center no-repeat;}}
@media (min-width:768px){[data-desktop-empty-media]{background-image:var(--desktop-region-image);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:280px;}}