body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
body{padding-top: 92px; background: #171717}
ol,ul {list-style:none;}
/* 让链接在 hover 状态下显示下划线 */
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:underline; color: #ff0000}


.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform,left,top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    -moz-transition-property:-moz-transform,left,top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    -o-transition-property:-o-transform,left,top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    -ms-transition-property:-ms-transform,left,top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    transition-property:transform,left,top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide {
    float:left;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-wp8-horizontal {
    -ms-touch-action:pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action:pan-x
}
.swiper-container {
}.swiper-slide {
 }.swiper-slide-active {
  }.swiper-slide-visible {
   }.swiper-pagination-switch {
    }.swiper-active-switch {
     }.swiper-visible-switch {
      }

.bootstrap-notify-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    text-align: center;
    z-index: 2000;
    font-size:18px

}
header, section, footer {
    width: 100%;
}

header .navbar-default {
    background-color: #0d9fde;
    border-color: #0d9fde;
    /*box-shadow: 3px 3px 5px #333333;*/
}


header .topbar .navbar-nav{ border-radius:0; background: #0d9fde}

header a.navbar-brand{ background: url(images/logo.png); width: 430px; height: 90px; display: block}

@media (max-width:760px) {
    header a.navbar-brand{ background: url(images/logo.png); width: 90px; height: 90px; display: block}

}
header .navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    font-size: 14px;
}

header .header-nav.navbar-default .navbar-nav > li > a {
    position: relative;
    display: block;
    font-size: 18px;
    padding: 38px 15px;
}


header .header-nav.navbar-default .navbar-nav > li > a:hover {
color: #ffffff;
    font-size: 18px;
background: #0d80b2;
}
header .navbar-nav {
    padding-top: 0px;
    margin-bottom: 0px;
    border-radius:0px ;
}
.navbar {
    border-radius: 0px;
}
header .header-nav.navbar-default .navbar-nav > .active > a,header .header-nav.navbar-default .navbar-nav > .active > a:hover,header .header-nav.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;

    background:#e2402f;
    border-radius:4px 4px 0 0 ;

}
header .topbar .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background:#f5f5f5
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #0d80b2;
}

header .header-nav.navbar-default .navbar-nav > .active > a, header .header-nav.navbar-default .navbar-nav > .active > a:hover, header .header-nav.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background: #0d80b2;
    border-radius:0;
}
/*产品分类*/

section#page_category{
    position: relative;
    width: 100%;

    background: url(images/product_bg.jpg);

    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
section#page_category .title{ background: url(images/index_category_t1itle.png) center no-repeat; height: 165px;  padding-top: 18px}
section#page_category .title h1{ color: #13a9c4; font-size: 52px}
section#page_category .title h2{ color: #13a9c4}
section#page_category .title h3{ color: #6c6c6c}


section#page_category .category-list{ overflow: hidden; margin-bottom: 40px}
section#page_category .category-list .box{text-align: center;position: relative; margin-bottom:8px;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
section#page_category .category-list .box .img{ background:url(images/index_category_bg.png) #282828;
    border: 3px solid #545454; height: 300px}

section#page_category .category-list .box .img img{display: block; margin: auto;
    max-width: 100%;
    height: auto; }


section#page_category .category-list .box .img .info_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: 90;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background:  #13a9c4;
    display: none;

}
section#page_category .category-list .box .img .info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
 height: 300px;
    z-index: 99;
    color: #ffffff;
    display: none;
}
section#page_category .category-list .box .img .info h1{margin-top: 10%;}
section#page_category .category-list .box .img .info .description{ padding: 18px}


section#page_category .category-list .box .c-title{ background: #13a9c4; line-height: 47px; margin-top: 10px}
section#page_category .category-list .box .c-title a{ color: #ffffff; font-size: 20px}
section#page_category .category-list .box .c-title span{
    background:#3a3a3a; width: 50px;
    height:49px; color: #ffffff; font-size: 28px}







/*成功案例*/

section#page_case{
    position: relative;
    width: 100%;
    height: 100%;
    background: url(images/case_bg.jpg);

    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
section#page_case .title{ padding: 18px; margin-top: 20px}
section#page_case .title h1{ color: #13a9c4}
section#page_case .title h2{ color: #333333; padding: 8px}
section#page_case .title h5{ color: #333333}
section#page_case .case-pic{  margin: auto; margin-top: 40px;}

section#page_case .case-pic img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    border-radius: 0px;
}

section#page_case .more{ padding: 35px}
section#page_case .more .btn-default{ padding: 10px 58px; font-size: 18px;}
section#page_case .more  a:hover.btn-default{ border: 1px solid #25a7e3; color: #ffffff; background: #25a7e3}


/*关于我们*/

section#page_about{
    position: relative;
    width: 100%;
    height: 100%;
    background: url(images/about_bg.jpg);
    min-height:900px;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
section#page_about .title{ padding: 18px; margin-top: 20px}
section#page_about .title h1{ color: #13a9c4}
section#page_about .title h2{ color: #ffffff; padding: 8px}
section#page_about .content{  font-size: 18px; padding: 8px; color: #ffffff; line-height: 220%}


section#page_about .pic-list{ padding: 28px 0}
section#page_about .pic-list h1 {
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    color: #ffffff;
}
section#page_about .pic-list img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    border-radius: 0px;
    border: 2px solid #7d7c7a;
    padding: 6px;
    background: #35312d;
    border-radius:4px ;
}
section#page_about .carousel-control.left{ background-image:none}
section#page_about .carousel-control.right{ background-image:none}
section#page_about .carousel-control{ width: 0}


section#page_product{ background: url(images/index-product-list-bg.jpg) center; padding: 15px 0; overflow: hidden}


section#page_product .index-product-list{}
section#page_product .index-product-list .box{  position:relative;background: #1a1a1a; margin-bottom: 18px;
    text-align: center;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
section#page_product .index-product-list .box a{color: #ffffff}
section#page_product .index-product-list .box .img{ padding: 0px; background:#3b3b3b}
section#page_product .index-product-list .box img{display: block; margin: auto;
    max-width: 100%;
    height: auto; border-radius: 0px}

section#page_product .index-product-list .box  h1 {
    text-align: center;
    font-size: 16px;
    background: #2a2a2a;
    line-height: 35px;
    color: #ffffff;
}

section#page_product  .carousel{}
section#page_product .carousel-control.left{ background-image:none}
section#page_product .carousel-control.right{ background-image:none}
section#page_product .carousel-control{ width: 0}
section#page_product  .carousel .item .box{  background: #3b3b3b; text-align: center;
   }
section#page_product  .carousel .item .box img{display: block; margin: auto;
    max-width: 100%;
    height: auto; }
section#page_product  .carousel .item .box h1{  text-align: center; font-size: 16px; background: #141414; line-height: 35px; color: #ffffff}
section#page_product  .carousel .item .box:hover{

    background: #09709d;

}
section#page_product  .carousel .item .box:hover h1{ background: #141414}
/*新闻动态*/

section#page_news{
    position: relative;
    width: 100%;
    height: 100%;
    background: url(images/news_bg.jpg);
    min-height:500px;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
section#page_news .index-news-list{ overflow: hidden; margin-top: 25px; background: #ffffff}
section#page_news .index-news-list li{ position: relative; overflow: hidden; border-bottom: 1px dotted #cccccc; padding: 8px 0; }
section#page_news .index-news-list li .img{ }
section#page_news .index-news-list li .img img{ display: block; margin: auto;
    max-width: 100%;
    height: auto;}
section#page_news .index-news-list li .info{ }
section#page_news .index-news-list li .info h1{ font-size:18px; padding: 10px 0}
section#page_news .index-news-list li .time{ position: absolute; right: 8px; top: 18px}


#page{ margin-top: 8px; min-height: 500px; overflow: hidden; color: #ffffff;margin-bottom: 8px}
#page .box{ background: #272727; }
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    list-style: none;
    background-color: #272727;
    border-radius: 0px;
    border-left:4px solid #0d9fde;

}
.breadcrumb a{ color: #a6a5a5}

.slide-content{ background:url(images/index_category_bg.png)}

/*产品分类*/

.category-list{ overflow: hidden; margin-bottom: 40px; margin-top: 0px; color: #ffffff}

.category-list .item:nth-child(odd){  text-align: center; background: url(images/category-list-bg.jpg); min-height: 300px; margin-bottom: 16px;box-shadow: 3px 3px 5px #333333;}
.category-list .item:nth-child(even){background: url(images/category-list-even-bg.jpg);}

.category-list .item h2{ font-size: 24px; text-align: left; padding: 18px 0; margin-top: 6%}
.category-list .item .desc{ text-align: left; line-height: 200%; text-indent: 26px}
.category-list .box{text-align: center;position: relative; margin-bottom:8px;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

/*安装示意图*/

.anzhaung-list{ overflow: hidden; margin-bottom: 20px; margin-top: 25px; color: #ffffff}

.anzhaung-list .item:nth-child(odd){  text-align: center; background: url(images/product-info-bg.png) repeat-x #2f2f31; padding-top: 20px; min-height: 300px; margin-bottom: 16px;box-shadow: 3px 3px 5px #333333;}
.anzhaung-list .item:nth-child(even){background: url(images/category-list-even-bg.jpg);}

.anzhaung-list .item h2{ font-size: 24px; text-align: left; padding: 18px 0; margin-top: 6%}
.anzhaung-list .item .desc{ text-align: left; line-height: 200%; text-indent: 26px}
.anzhaung-list .box{text-align: center;position: relative; margin-bottom:8px;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.anzhaung-list .item img{display: block; margin: auto;
    max-width: 80%;
    height: auto; border-radius: 8px}



.product-category-info{background: url(images/category-list-bg.jpg);height:300px;margin-top: 15px; margin-bottom: 8px; color: #ffffff}

.product-category-info  h2{ font-size: 28px; text-align: left; padding: 18px 0; margin-top: 6%}
.product-category-info  .desc{ text-align: left; line-height: 200%}










.product-list-bg{ background: url(images/product-list-bg.png)  repeat-x #404042; overflow: hidden; margin-bottom: 20px}
.product-list{ overflow: hidden}
.product-list .item{  position:relative;background: #1a1a1a; margin-bottom: 18px;
    text-align: center;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.product-list .item a{color: #ffffff}
.product-list .item .img{ padding: 0px; background:#3b3b3b}
.product-list .item img{display: block; margin: auto;
    max-width: 100%;
    height: auto; border-radius: 0px}

.product-list .item  h1 {
    text-align: center;
    font-size: 16px;
    background: #2a2a2a;
    line-height: 35px;
    color: #ffffff;
}


.page-content{ line-height: 250%; font-size: 16px; color: #a6a5a5; padding: 8px}
 .page-content-img img{display: block; margin: auto;
     max-width: 100%;
     height: auto;}

.page-title{ padding: 12px 0; border-bottom: 2px solid #3c3c3c; margin-bottom: 8px}
.page-title h3{text-indent: 8px; font-size: 20px; color: #a6a5a5}
.post-title{ text-align: center; font-size: 22px; color: #0d80b2;  padding: 18px 0}
.post-meta{ text-align: center; border-bottom: 1px dotted #3a3939; padding: 8px 0;color: #ffffff}
.post-meta a{color: #ffffff}
.post-nav{ padding: 8px 0;}
.post-nav a{ color: #a6a5a5}
/*新闻列表*/

.news-list{ overflow: hidden; margin-top: 25px;}
.news-list li{ position: relative; overflow: hidden; padding: 8px 0; color: #5d5c5c; background: #323232; margin-bottom: 8px; border: 1px solid #414141 }
.news-list li a{  color: #b4b4b4}
.news-list li .img{ }
.news-list li .img img{ display: block; margin: auto;
    max-width: 100%;
    height: auto;border: 0px solid #444444}
.news-list li .info{ }
.news-list li .info h1{ font-size:18px; padding: 10px 0}
.news-list li .time{ position: absolute; right: 8px; top: 18px}


/*.news-list{}*/
/*.news-list li{ position: relative; overflow: hidden; margin-bottom: 8px; border-bottom: 1px solid #343333;padding: 18px 0}*/
/*.news-list li .img{ border: 5px solid #444444}*/
/*.news-list li .img img{ display: block; margin: auto;*/
    /*max-width: 100%;*/
    /*height: auto;}*/



/*.news-list li h1{ font-size: 18px; margin-bottom: 15px}*/
/*.news-list li a{ color: #a6a5a5}*/
/*.news-list li .img img{display: block; margin: auto;*/
    /*max-width: 100%;*/
    /*height: auto; border-radius: 0px}*/
/*.news-list li .info{  padding-right: 10%}*/
/*.news-list li .info .desc{ color: #5d5d5d; text-indent: 28px}*/


/*成功案例*/
.case-list{}
.case-list .item{ margin-bottom: 14px}
.case-list img{display: block; margin: auto;
    max-width: 100%;
    height: auto; border-radius: 0px}
.case-list h2{ background: #0d9fde; font-size: 16px; line-height: 18px; padding: 8px 0}
.case-list .item:hover h2{ background: #363636}


/*公司资质*/
.qualifications-list{ margin-top: 18px}
.qualifications-list .item{ margin-bottom: 14px}
.qualifications-list img{display: block; margin: auto;
    max-width: 100%;
    height: auto; border-radius: 0px}
.qualifications-list h2{ background: #363636; font-size: 16px; line-height: 18px; padding: 8px 0;color: #ffffff}
.qualifications-list a{color: #ffffff}
.qualifications-list .item:hover h2{ background: #0d9fde; color: #ffffff}


/*pager*/
.pager {height: 32px;padding: 10px 0px;font-family: "Helvetica Neue","Georgia" Helvetica, Arial, sans-serif;font-size: 13px;}
.pager ul {display: inline-block;*display: inline;*zoom: 1;margin-left: 0;margin-bottom: 0;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
.pager li {display: inline;}
.pager a {float: left;padding: 0 14px;line-height: 30px;text-decoration: none;border: 1px solid #ddd;background-color: #fff;border-left-width: 0;}
.pager  a:hover,.pager .active a:hover, .pager .active a {background-color: #0d9fde;}
.pager .active a {color: #ffffff;cursor: default;}
.pager .disabled a, .pager .disabled a:hover {color: #999999;background-color: #fff;}
.pager li:first-child a { border-left-width: 1px;border-radius: 3px 0 0 3px;}
.pager li:last-child a {border-radius: 0 3px 3px 0;}


.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:0px;
}


/*网站底部*/

footer{ background: url(images/footer-bg.png);
    height:236px;}
footer .footer{ padding: 12px 0}
footer .footer-main{padding-top: 40px; padding-bottom: 25px; height: 210px; overflow: hidden;color: #777777}
footer .footer-main h3 {
    font-size: 16px;
    color: #d9a811;
    margin-top: 0;
    margin-bottom: 20px;
}
.footer-main ul {

    margin-bottom: 0;
    list-style-type: none;
}
.footer-main .link-item {
    width: 33%;
    float: left;
    padding: 0 10px;
}
.footer-main ul{margin-left: 5px}
.footer-main ul li {
    margin-top: 10px;
}
footer .footer-title{ color: #d9a811; font-size: 20px; margin-bottom: 10px}
.footer-main .link-item a{ color: #d9a811}
footer .copyright{ overflow: hidden;padding:5px 0 2px 0; color: #868686; font-size: 12px}
footer .contact{ padding-left: 25px}
footer .contact p{ line-height: 200%}
footer .tel{ clear: both; color: #ffffff; font-size: 22px; padding-top: 10px; text-align: center; margin-bottom: 25px}