body {

    font-size: 14px;

    color: #333;

    line-height:2;

    font-family: Arial, Helvetica, sans-serif;

    text-align: justify;

    text-justify: inter-ideograph;

    margin: 0;

    -webkit-text-size-adjust: none

}

.detail p{

    line-height: 30px;

}

 
a {

    color: #333;
    font-size: 14px;

    text-decoration: none;

}

a:hover{

    text-decoration: none;

    color: #449796 ;

}

.footer img{

    vertical-align:baseline;

}

p {

    margin: 0;

    padding: 0;

}

ul{

    list-style: none;

}

ol{

    list-style: none;

}

p{

    margin: 0px ;

}

em, th {

    font-style: normal;

}

.main {

    width: 1180px;

    margin: 0 auto;

    height: auto;

    max-width: 100%;

    padding: 0px;

}

.navbar-inverse{

    background-color: #fff;

    border:none;

}

.pc{

    display: block;

}

.wap{

    display: none;

}

.navbar{

    margin-bottom: 10px;

}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{

    background: none;

    background-image: url("../image/icon1.png");

    background-repeat: no-repeat;

    background-position: 40px bottom ;

    color: #008785;

}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{

    color: #008785;

    background-image: url("../image/icon1.png");

    background-repeat: no-repeat;

    background-position: 40px bottom ;

}

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

    color: #008785;

    line-height: 46px;

    height: 46px;

    display: block;

    padding: 0px;

}

.navbar-inverse .navbar-nav>li:first-child>a{

    background-position: 55px bottom !important;

}

.navbar-inverse .navbar-nav>li>a:last-child{

    padding-right: 0px;

}

.navbar-collapse{

    padding-left: 0px;

    padding-right: 0px;

}

.head_menu{

    width: 100%;

    height: 90px;

    margin: 0px auto;

    background-image: url("../image/topbg.gif");

    background-repeat: repeat-x;

    background-position: 0px 83px;

    position: relative;

}

.head_menu .logo .col-xs-6{

    padding: 0px;

}

.head_menu .logo{

    width: 560px;

    padding: 0px;

}

.head_menu .logo .logo-left{

    width: 222px;

}

.head_menu .logo .logo-right{

    margin-left: -2px;

    margin-top: 25px;

    width: auto;

    zoom: 1;

    overflow: visible;

}

.head_menu .logo .logo-right .row{

    margin: 0px auto;

}

.head_menu .row{

    margin: 0px auto;

}

.head_menu .h-menu {

    width: 600px;

    right: 0px ;

    top: 0px;

    position: absolute;

    padding: 0px;

    margin: 0px auto;

}

.head_menu .h-menu .hot-line{

    background: url('../image/mycss.png') no-repeat;

    display: block;

    float: right;

    background-position: -5px -50px !important;

    width: 210px;

    height: 31px;

    margin-top: 13px;

}

.head_menu .h-menu .btn-info{

    display: block;

    width: 79px;

    line-height: 30px;

    text-align: center;

    color: #42A7A1;

    font-size: 14px;

    border: solid 1px #AEE7E5;

    background-color: #D8FBFA;

    margin-top: 15px;

    float: right;

    margin-right: 7px;

    padding: 0px;

    border-radius: 0px;
    border-radius: 7px;

}

.head_menu .logo .col-xs-2{

    width: 40px;

    margin-right: 8px;

    padding:0px;

    position: relative;

    overflow: visible;

    z-index: 999;

}



.head_menu .logo .col-xs-2 .box{

    width: 560px;

    height: auto;

    top: 65px;

    position: absolute;

    left: -170px;

    z-index: 999;

    display: none;

}

.head_menu .logo .col-xs-2:hover .box{

    display: block;

}

.head_menu .logo img{

    max-width: 100%;

    height: auto;

}

.head_menu .top .col-xs-5{

    padding: 0px 0px 0px 20px;

    height: 55px;

    color: #379e9d;

    font-size: 16px;

    font-weight: 300;

    line-height: 60px;

    letter-spacing: 0px;

}

.head_menu .top .col-xs-7{

    padding: 0px;

    height: 55px;

}

.head_menu .pc-menu-list{

    /* width: 660px; */
    width: 760px;
    float: right;

}

.head_menu .pc-menu-list ul{

    /* width: 660px; */
    /* width: 760px; */
    width: 800px;

    float: right;

}

.head_menu .pc-menu-list ul li{

    /* width: 94px; */
    width: 80px;

    float: left;

    text-align: right;

    font-size: 16px;

}
.head_menu .pc-menu-list ul li a{

 
    font-size: 16px;

}

.marT10 {

    margin-top: 10px;

}



.index-content .index-news{

    margin: 0px auto;

}

.index-content .index-news .col-xs-8{

    padding: 0px ;

    width: 585px;

    height: 278px;

    float: left;

}



.index-content .index-news img{

    max-width: 100%;

}

.index-content .index-news .col-xs-4{

    height: 278px;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    width: 670px;

    float: right;

}

.index-content .index-news .col-xs-4  h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.index-content .index-news .col-xs-4  h2 a{

    position: absolute;

    right: 10px;

    font-size: 14px;

    font-family: "宋体";

    color: #449796;

}

.index-content .index-news .col-xs-4  h2 a:hover{

    text-decoration: none;

}

.index-content .index-news .col-xs-4 ul{

    width: 100%;

    height: auto;

    zoom: 1;

    overflow: hidden;

    margin: 0px auto;

    padding: 0 10px;

}

.index-content .index-news .col-xs-4 li {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    line-height: 28px;

    border-bottom: #ccc dotted 1px;

    background: url("../image/d1.gif") 5px center no-repeat;

}

.index-content .index-news .col-xs-4 li a {

    padding-left: 20px;

    color: #666;

    font-size: 14px;

    text-decoration: none;

    width: calc(100% - 20px);

}

.index-content .index-news .col-xs-4 li a:hover{

    color: #449796;

}


.zhuanjia{  height: 278px;
            border: 1px solid #86d9d5;
            border-radius: 5px;
            padding: 0px;
            width: 404px;
            float: right; margin-bottom: 10px; }
.zhuanjia ul li{text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                line-height:2.2;
      
                border-bottom: #ccc dotted 1px;
               /* background: url(../image/d1.gif) 5px center no-repeat;*/

            }   


.zhuanjia ul li a{padding-left: 15px;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    width: calc(100% - 20px)
}

.index-content .index-product{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin: 10px auto;

}

.index-content .index-product .col-xs-12{

    padding: 0px;

}

.index-content .index-product h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.index-content .index-product h2 a{

    position: absolute;

    right: 10px;

    font-size: 14px;


    font-family: "宋体";

    color: #449796;

}

.index-content .index-product h2 a:hover{

    text-decoration: none;

}

.index-content .index-product  ul {

    padding: 10px 10px 0 10px;

}

.index-content .index-product  ul li {

    width: 11.5%;

    margin: 0 0.5%;

    float: left;

    _display: inline;

    overflow: hidden;

    text-align: center;

    line-height: 150%;



}

.index-content .index-product  ul li .pic {

    text-align: center;

}

.index-content .index-product  ul li .pic img {

    border: none;

    width: 100%;

    height: 90px;

    padding: 0;

}

.index-content .index-product  ul li .title {

    line-height: 150%;

}

.index-content .index-product  ul li .title a{

    font-size: 12px;

    line-height: 150%;

    height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    margin: 10px auto;

}









.index-content .index-service{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    margin: 0px auto;

}

.index-content .index-service .col-xs-8{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width: 585px;

}

.index-content .index-service .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

}

.index-content .index-service .col-xs-12 h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.index-content .index-service .col-xs-12 h2 a{

    position: absolute;

    right: 10px;

    font-size: 14px;

    color: #449796;

    font-family: 宋体;

}

.index-content .index-service .col-xs-12 ul{

    padding: 0px 10px 10px;

}

.index-content .index-service .col-xs-12 ul li {

    border-bottom: #ccc dotted 1px;

    padding: 7px 0 10px 0;

    display: block;

    overflow: hidden;

}

.index-content .index-service .col-xs-12 ul li h3 {

    font-size: 14px;

    font-weight: bold;

    color: #666;

    line-height: 30px;

    display: block;

    margin-top: 0px;

    margin-bottom: 0px;

}

.index-content .index-service .col-xs-12 ul li p{

    margin: 0px;

}

.index-content .index-service .col-xs-12 ul li p a {


    padding-right: 15px;
    color: #666;
    font-size: 14px;
  

}

.index-content .index-service .col-xs-12 ul li p a:hover{

    color: #449796;

}











.index-content .index-service .col-xs-4{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width: 585px;

    float: right;

}

.index-content .index-service .col-xs-4 h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.index-content .index-service .col-xs-4 h2 a{

    position: absolute;

    right: 10px;

    font-size: 14px;

    font-family: "宋体";

    color: #449796;

}

.index-content .index-service .col-xs-4 .item_one{

    width: 100%;

    height: auto;

    overflow: hidden;

    zoom: 1;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    margin: 0px auto 5px auto;

}

.index-content .index-service .col-xs-4 .item_two{

    width: 100%;

    height: auto;

    overflow: hidden;

    zoom: 1;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    margin: 0px auto 10px auto;

   /* padding-bottom: 23px;*/

}

.index-content .index-service .col-xs-4 .item_one ul{

    padding: 0px 10px 10px;

}

.index-content .index-service .col-xs-4 .item_one ul li {

    border-bottom: #ccc dotted 1px;

    padding: 7px 0 10px 0;

    display: block;

    overflow: hidden;

}

.index-content .index-service .col-xs-4 .item_one ul li h3 {

    font-size: 14px;

    font-weight: bold;

    color: #666;

    line-height: 30px;

    display: block;

    margin-top: 0px;

    margin-bottom: 0px;

}

.index-content .index-service .col-xs-4 .item_one ul li p{

    margin: 0px;

}

.index-content .index-service .col-xs-4 .item_one ul li p a {



    padding-right: 15px;
    color: #666;
    font-size: 14px;
  

}

.index-content .index-service .col-xs-4 .item_one ul li p a:hover{

    color: #449796;

}

.index-content .index-service .col-xs-4 .item_two ul{

    padding-left: 10px;

    padding-right: 10px;

}

.index-content .index-service .col-xs-4 .item_two ul li {

    float: left;

    height: 95px;

 /*   padding-top: 15px;*/

    width: 33.3333%;

    display: block;

    text-align: center;

}



.index-content .index-service .col-xs-4 .item_two ul li img {

    width: 65%;

}

.index-content .index-service .col-xs-4 .item_two ul li a span {

    display: block;

    line-height: 20px;

    color: #666;

    font-size: 14px;

}



















.index-content .index-industrial{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    margin: 0px auto;

}

.index-content .index-industrial .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

}

.index-content .index-industrial h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.index-content .index-industrial h2 a{

    position: absolute;

    right: 10px;

    font-size: 14px;

    font-family: "宋体";

    color: #449796;

}

.index-content .index-industrial ul{

    overflow: visible;

    zoom: 1;

    margin: 10px 0px;

}

.index-content .index-industrial ul li{

   /* margin:8px 0px ;*/

    float: left;

    overflow: hidden;

    text-align: center;

}

.index-content .index-industrial ul li .pic{

    text-align: center;

}

.index-content .index-industrial ul li .pic img{

    width: 120px;

    height: 90px;

    padding: 2px;

}

.index-content .index-industrial ul li .title{

    line-height: 150%;

}





.footer{

    margin: 0px auto 64px auto;

}

.footer p{

    font-size: 14px;

    padding: 0px;

    margin:0px;

}











.industry-page{

    margin: 10px auto;

}

.industry-content .industry-banner{

    margin: 0px auto 10px auto;

}

.industry-content .industry-banner .col-xs-12{

    padding: 0px;

}

.industry-page .col-xs-3{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width:270px;

}

.industry-page .col-xs-3 .item{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.industry-page .col-xs-3 .item h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.industry-page .col-xs-3 .item  ul {

    list-style: none;

    padding: 0px 10px 10px;

}

.industry-page .col-xs-3 .item  ul li {

    padding-top: 10px;

}



.industry-page .col-xs-3 .item  ul li a {

 

    font-size: 14px;

    display: block;

    color: #69b0af;

    padding-left: 10px;
 

    background: url(../image/b6.gif) 215px center no-repeat #e3f7f8;

}

.industry-page .col-xs-3 .item  ul li ol {

    margin: 0 auto;

    padding: 0px;

    height: auto;

    width: 211px;

}

.industry-page .col-xs-3 .item  ul li ol li {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-bottom: #dfdfdf solid 1px;

    line-height: 2;

    padding-top: 0;

    background: url(../image/b11.gif) 5px center no-repeat;

}

.industry-page .col-xs-3 .item ul li ol li a {

    background: url(../image/b10.gif) 198px center no-repeat;

    padding-left: 17px;

    font-weight: normal;

    color: #666;

    display: block;

}

.industry-page .col-xs-3 .item ul li ol .active a{

    color: #449796;

    background: 0;

}

 
.industry-page .col-xs-9 {

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width:900px;

    float: right;

    margin-bottom: 10px;

}

.industry-page .col-xs-9 .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.industry-page .col-xs-9 .col-xs-12 .top-title-one{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.industry-page .col-xs-9 .col-xs-12 .top-title-one span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}



.industry-page .col-xs-9 .col-xs-12 ul{

    padding: 15px 25px;

}

.industry-page .col-xs-9 .col-xs-12 ul li {

    border-bottom: #ccc dotted 1px;

    padding: 7px 0px;

    display: block;

    overflow: hidden;
    line-height: 2;

}

.industry-page .col-xs-9 .col-xs-12 ul li .top-title-four {

    font-size: 14px;

    font-weight: bold;

    color: #666;

    line-height: 30px;

    display: block;

    margin-top: 0px;

    margin-bottom: 0px;

}

.industry-page .col-xs-9 .col-xs-12 .top-title-two{

    display: none;

}

.industry-page .col-xs-9 .col-xs-12 ul li p{

    margin: 0px;

}

.industry-page .col-xs-9 .col-xs-12 ul li p a {

    line-height: 22px;

    padding-right: 15px;

    color: #666;

    font-size: 14px;

}

.industry-page .col-xs-9 .col-xs-12 ul li p a:hover{

    color: #449796;

}

.industry-page .col-xs-9 .col-xs-12 .content{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}

.industry-page .col-xs-9 .col-xs-12 .content .top-title-three {

    text-align: center;

    font-size: 15px;

    font-weight: bold;

    color: #333;

    padding-bottom: 10px;

    line-height: 26px;

    border-bottom: #ccc dotted 1px;

}

.industry-page .col-xs-9 .col-xs-12 .content .top-title-three  em {

    display: block;

    line-height: 15px;

    font-size: 12px;

    font-weight: normal;

    color: #999;

}

.industry-page .col-xs-9 .col-xs-12 .content .detail{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}









.category-Popup-Box {

    width: 70%;

    height: 100%;

    position: fixed;

    top: 0;

    right: -80%;

    z-index: 999;

    background: #fff;

    box-shadow: 0 0 10px rgba(100,100,100,.2);

    -webkit-transition: .868s;

    -moz-transition: .868s;

    transition: .868s;

}

.category-Popup-Box.active {

    right: 0;

}

.category-Popup-Box i {

    height: 100%;

    width: 36px;

    background: #449796;

    text-align: center;

    color: #fff;

    font-size: 22px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: Center;

    z-index: 1;

}

.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.category-Popup-Box ul {

    position: absolute;

    width: 100%;

    max-height: calc(100% - 40px);

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

}

.category-Popup-Box li {

    display: block;

    width: 90%;

    margin: 0 0 0 12%;

    height: auto;

    zoom: 1;

    overflow: hidden;

    line-height: 40px;

    border-bottom: 1px solid #eee;

    font-size: 15px;

    color: #333;

    text-align: center;

}

.category-Popup-Box li span{

    display: block;

    clear: both;

    font-weight: 600;

}

.category-Popup-Box li .child{

    font-weight: normal;

    font-size: 13px;

    line-height: 30px;

}

/*.category-Popup-Box li .child:last-child{

    margin-bottom: 15px;

}*/

.project-page{

    margin: 10px auto;

}

.project-content .project-banner{

    margin: 0px auto 10px auto;

}

.project-content .project-banner .col-xs-12{

    padding: 0px;

}

.project-page .col-xs-3{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width:270px;

}

.project-page .col-xs-3 .item{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.project-page .col-xs-3 .item h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.project-page .col-xs-3 .item  ul {

    list-style: none;

    padding: 0px 10px 10px;

}

.project-page .col-xs-3 .item  ul li {

    padding-top: 10px;

}



.project-page .col-xs-3 .item  ul li a {

   

    font-size: 14px;

    display: block;

    color: #69b0af;

    padding-left: 10px;
 

    background: url(../image/b6.gif) 215px center no-repeat #e3f7f8;

}

.project-page .col-xs-3 .item  ul li ol {

    margin: 0 auto;

    padding: 0px;

    height: auto;

    width: 211px;

}

.project-page .col-xs-3 .item  ul li ol li {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-bottom: #dfdfdf solid 1px;

    line-height: 2;

    padding-top: 0;

    background: url(../image/b11.gif) 14px center no-repeat;

}

.project-page .col-xs-3 .item ul li ol li a {

    background: url(../image/b10.gif) 190px center no-repeat;

    padding-left: 20px;

    font-weight: normal;

    color: #666;

    display: block;

}


.project-page .col-xs-3 .item ul li ol .active a {
    color: #449796;
    background: 0;
}
 

.project-page .col-xs-9 {

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    margin-bottom: 10px;

    width:900px;

    float: right;

}

.project-page .col-xs-9 .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.project-page .col-xs-9 .col-xs-12 .top-title-one{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.project-page .col-xs-9 .col-xs-12 .top-title-one span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}

.project-page .col-xs-9 .col-xs-12 .top-title-two{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 30px;

    line-height: 30px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.project-page .col-xs-9 .col-xs-12 .top-title-two span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}

.project-page .col-xs-9 .col-xs-12 ul{

    padding: 15px 25px;

}

.project-page .col-xs-9 .col-xs-12 ul li {

    border-bottom: #ccc dotted 1px;

    padding: 7px 0 10px 0;

    display: block;

    overflow: hidden;

}

.project-page .col-xs-9 .col-xs-12 ul li .top-title-four {

    font-size: 12px;

    font-weight: bold;

    color: #666;

    line-height: 30px;

    display: block;

    margin-top: 0px;

    margin-bottom: 0px;

}

.project-page .col-xs-9 .col-xs-12 ul li p{

    margin: 0px;

}

.project-page .col-xs-9 .col-xs-12 ul li p a {

    line-height: 20px;

    padding-right: 15px;

    color: #666;

    font-size: 14px;

}

.project-page .col-xs-9 .col-xs-12 ul li p a:hover{

    color: #449796;

}

.project-page .col-xs-9 .col-xs-12 .content {

    color: #666;

    font-size: 14px;

    line-height: 26px;

    padding: 15px;

}

.project-page .col-xs-9 .col-xs-12 .content .top-title-three {

    text-align: center;

    font-size: 15px;

    font-weight: bold;

    color: #333;

    padding-bottom: 10px;

    border-bottom: #ccc dotted 1px;

    line-height: 26px;

}

.detail h3{

    border-bottom: none !important;

}

.project-page .col-xs-9 .col-xs-12 .detail h3{

    border-bottom: none;

}

.project-page .col-xs-9 .col-xs-12 .content .top-title-three em {

    display: block;

    line-height: 15px;

    font-size: 12px;

    font-weight: normal;

    color: #999;

}

.project-page .col-xs-9 .col-xs-12 .top-title-two{

    display: none;

}









.case-page{

    margin: 10px auto;

}

.case-content .case-banner{

    margin: 0px auto 10px;

}

.case-content .case-banner .col-xs-12{

    padding: 0px;

}

.case-page .col-xs-3{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width:270px;

}

.case-page .col-xs-3 .item{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.case-page .col-xs-3 .item h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.case-page .col-xs-3 .item  ul {

    list-style: none;

    padding: 0px 10px 10px;

}

.case-page .col-xs-3 .item  ul li {

    padding-top: 10px;

}



.case-page .col-xs-3 .item  ul li a {
 

    font-size: 14px;

    display: block;

    color: #69b0af;

    padding-left: 10px;
 

    background: url(../image/b6.gif) 215px center no-repeat #e3f7f8;

}

.case-page .col-xs-3 .item  ul li ol {

    margin: 0 auto;

    padding: 0px;

    height: auto;

    width: 211px;

}

.case-page .col-xs-3 .item  ul li ol li {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-bottom: #dfdfdf solid 1px;

    line-height: 2;

    padding-top: 0;

    background: url(../image/b11.gif) 14px center no-repeat;

}

.case-page .col-xs-3 .item ul li ol li a {

    background: url(../image/b10.gif) 190px center no-repeat;

    padding-left: 25px;

    font-weight: normal;

    color: #666;

    display: block;

}

 

.case-page .col-xs-9 {

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    margin-bottom: 10px;

    width:900px;

    float: right;

}

.case-page .col-xs-9 .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.case-page .col-xs-9 .col-xs-12 .top-title-one{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.case-page .col-xs-9 .col-xs-12 .top-title-one span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}

.case-page .col-xs-9 .col-xs-12 .top-title-two{

    display: none;

}

.case-page .col-xs-9 .col-xs-12 .case-cat{

    padding: 20px 0px 0px 0px;

    zoom: 1;

    overflow: hidden;

}

.case-page .col-xs-9 .col-xs-12 .case-cat li {

    float: left;

    width: 224px;

   /* height: 199px;*/

    zoom: 1;

    overflow: hidden;

    display: block;

    text-align: center;

}

.case-page .col-xs-9 .col-xs-12 .case-cat li a {

    display: block;

    width: 100%;

    zoom: 1;

    overflow: hidden;

    height: auto;

    margin: 0 auto;

}

.case-page .col-xs-9 .col-xs-12 .case-cat li img {

    width: 211px;

   /* height: 90px;*/

}

.case-page .col-xs-9 .col-xs-12 .case-cat li a span {

    display: block;

    color: #666;

    width: 90%;

    margin: 10px auto;

    line-height: 20px;

    height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.case-page .col-xs-9 .col-xs-12 .case-list{

    padding: 15px;

    list-style: none;

}

.case-page .col-xs-9 .col-xs-12 .case-list li {

    border-bottom: 1px dashed #999;

    font-size: 14px;

    background: url(../image/icon.gif) 10px center no-repeat;
    line-height: 2.4;
}

.case-page .col-xs-9 .col-xs-12 .case-list li a {

    color: #666;

    padding-left: 20px;

  

}

.case-page .col-xs-9 .col-xs-12 .case-list li a:hover{

    color: #449796 ;

}



.case-page .col-xs-9 .col-xs-12 .case-list li span {

    float: right;

    

}

.case-page .col-xs-9 .col-xs-12 .pages {

    padding: 0 11px 20px 15px;

    clear: both;

    text-align: center;

}

.case-page .col-xs-9 .col-xs-12 .pages .pre {

    padding: 2px 5px 2px 5px;

    margin: 2px;

    COLOR: #fff;

    background: #004ea2;

    FONT-WEIGHT: bold;

}

.case-page .col-xs-9 .col-xs-12 .pages .curent{

    padding: 2px 5px 2px 5px;

    MARGIN: 2px;

    COLOR: #666;

}

.case-page .col-xs-9 .col-xs-12 .pages a {

    padding: 2px 2px 2px;

    margin: 13px 0 0 0;

    COLOR: #666;

    text-decoration: none;

}

.case-page .col-xs-9 .col-xs-12 .content{

    padding: 15px;

    color: #666;

    font-size: 14px;

     line-height: 26px;

}

.case-page .col-xs-9 .col-xs-12 .content .top-title-three {

    text-align: center;

    font-size: 15px;

    font-weight: bold;

    color: #333;

    padding-bottom: 10px;

    border-bottom: #ccc dotted 1px;

    line-height: 26px;

}

.case-page .col-xs-9 .col-xs-12 .content .top-title-three  em {

    display: block;

    line-height: 15px;

    font-size: 12px;

    font-weight: normal;

    color: #999;

}

.case-page .col-xs-9 .col-xs-12 .content .detail{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}


.about-page{

    margin: 10px auto;

}

.about-content .about-banner{

    margin: 0px auto 10px auto;

}

.about-content .about-banner .col-xs-12{

    padding: 0px;

}

.about-page .col-xs-3{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width: 270px;

}

.about-page .col-xs-3 .item{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.about-page .col-xs-3 .item h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.about-page .col-xs-3 .item  ul {

    list-style: none;

    padding: 0px 10px 10px;

}

.about-page .col-xs-3 .item  ul li {

    padding-top: 10px;

}



.about-page .col-xs-3 .item  ul li a {
 

    font-size: 14px;

    display: block;

    color: #69b0af;

    padding-left: 10px;
 

    background: url(../image/b6.gif) 215px center no-repeat #e3f7f8;

}

.about-page .col-xs-3 .item  ul li ol {

    margin: 0 auto;

    padding: 0px;

    height: auto;

    /*width: 211px;*/

    list-style: none;

}

.about-page .col-xs-3 .item  ul li ol li {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-bottom: #dfdfdf solid 1px;

    line-height: 2;

    padding-top: 0;

    background: url(../image/b11.gif) 14px center no-repeat;

}

.about-page .col-xs-3 .item ul li ol li a {

    background: url(../image/b10.gif) 215px center no-repeat;

    padding-left: 25px;

    font-weight: normal;

    color: #666;

    display: block;

}

.about-page .col-xs-3 .item ul li ol li a:hover{

    color: #449796;

}

.about-page .col-xs-3 .item ul li ol li .active{

    color: #449796;

}

.about-page .col-xs-3 .item p{

    font-size: 14px;

    font-family: NSimSun;



}

.about-page .col-xs-9 {

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    margin-bottom: 10px;

    width: 900px;

    float: right;



}

.about-page .col-xs-9 .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.about-page .col-xs-9 .col-xs-12 h2{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.about-page .col-xs-9 .col-xs-12 h2 span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}

.about-page .col-xs-9 .col-xs-12 .top-title{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;



    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.about-page .col-xs-9 .col-xs-12 .top-title .iconfont{

    display: none;

}

.about-page .col-xs-9 .col-xs-12 .top-title span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}

.about-page .col-xs-9 .col-xs-12 #masonry{

    padding: 0px 10px 10px 10px;

}

.about-page .col-xs-9 .col-xs-12 #masonry li {

    border-bottom: #ccc dotted 1px;

    padding: 7px 0 10px 0;

    display: block;

    overflow: hidden;

}

.about-page .col-xs-9 .col-xs-12 #masonry li h3 {

    font-size: 12px;

    font-weight: bold;

    color: #666;

    line-height: 30px;

    display: block;

    margin-top: 0px;

    margin-bottom: 0px;

}

.about-page .col-xs-9 .col-xs-12 #masonry li p{

    margin: 0px;

}

.about-page .col-xs-9 .col-xs-12 #masonry li p a {

    line-height: 20px;

    padding-right: 15px;

    color: #666;

    font-size: 12px;

}

.about-page .col-xs-9 .col-xs-12 #masonry li p a:hover{

    color: #449796;

}

.about-page .col-xs-9 .col-xs-12 .content {

    color: #666;

    font-size: 14px;

    line-height: 26px;

    padding: 15px;

}











.news-page{

    margin: 10px auto;

}

.news-content .news-banner{

    margin: 0px auto 10px auto;

}

.news-content .news-banner .col-xs-12{

    padding: 0px;

}

.news-page .col-xs-3{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width:270px;

}

.news-page .col-xs-3 .item{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.news-page .col-xs-3 .item h2{



    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.news-page .col-xs-3 .item  ul {

    list-style: none;

    padding: 0px 10px 10px;

}

.news-page .col-xs-3 .item  ul li {

    padding-top: 10px;

}



.news-page .col-xs-3 .item  ul li a {

 

    font-size: 14px;

    display: block;

    color: #69b0af;

    padding-left: 10px;

 
    background: url(../image/b6.gif) 215px center no-repeat #e3f7f8;

}

.news-page .col-xs-3 .item  ul li ol {

    margin: 0 auto;

    padding: 0px;

    height: auto;

   /* width: 211px;*/

}

.news-page .col-xs-3 .item  ul li ol li {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-bottom: #dfdfdf solid 1px;

    line-height: 2;

    padding-top: 0;

    background: url(../image/b11.gif) 14px center no-repeat;

}

.news-page .col-xs-3 .item ul li ol li a {

    background: url(../image/b10.gif) 215px center no-repeat;

    padding-left: 25px;

    font-weight: normal;

    color: #666;

    display: block;

}

.news-page .col-xs-3 .item ul li ol li a:hover{

    color: #449796 ;

}



 

.news-page .col-xs-9 {

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    margin-bottom: 10px;

    width:900px;

    float: right;

}

.news-page .col-xs-9 .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.news-page .col-xs-9 .col-xs-12 .top-title-one{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.news-page .col-xs-9 .col-xs-12 .top-title-one span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}

.news-page .col-xs-9 .col-xs-12 .top-title-two{

    display: none;

}

.news-page .col-xs-9 .col-xs-12 .news-cat{

    padding: 20px 0px;

}

.news-page .col-xs-9 .col-xs-12 .news-cat li {

    float: left;

    width: 160px;

    height: 150px;

    display: block;

    text-align: center;

    margin: 0px 10px;

}

.news-page .col-xs-9 .col-xs-12 .news-cat li a {

    border: #ccc solid 1px;

    display: block;

    width: 170px;

    height: 120px;

    margin: 0 auto;

}

.news-page .col-xs-9 .col-xs-12 .news-cat li a:hover{

    color: #449796 ;

}



.news-page .col-xs-9 .col-xs-12 .news-cat li img {

    width: 170px;

    height: 75px;

}

.news-page .col-xs-9 .col-xs-12 .news-cat li a span {

    display: block;

    color: #666;

    line-height: 40px;

}

.news-page .col-xs-9 .col-xs-12 .news-list{

    padding: 15px;

    list-style: none;

}

.news-page .col-xs-9 .col-xs-12 .news-list li {

    border-bottom: 1px dashed #999;

    font-size: 14px;

    background: url(../image/icon.gif) 10px center no-repeat;

    line-height: 2.4;

}

.news-page .col-xs-9 .col-xs-12 .news-list li a {

    color: #666;

    padding-left: 20px;


    width: 85%;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.news-page .col-xs-9 .col-xs-12 .news-list li a:hover{

    color: #449796 ;

}



.news-page .col-xs-9 .col-xs-12 .news-list li span {

    float: right;

    

}

.news-page .col-xs-9 .col-xs-12 .pages {

    padding: 0 11px 20px 15px;

    clear: both;

    text-align: center;

}

.news-page .col-xs-9 .col-xs-12 .pages .pre {

    padding: 2px 5px 2px 5px;

    margin: 2px;

    COLOR: #fff;

    background: #004ea2;

    FONT-WEIGHT: bold;

}

.news-page .col-xs-9 .col-xs-12 .pages .curent{

    padding: 2px 5px 2px 5px;

    MARGIN: 2px;

    COLOR: #666;

}

.news-page .col-xs-9 .col-xs-12 .pages a {

    padding: 2px 2px 2px;

    margin: 13px 0 0 0;

    COLOR: #666;

    text-decoration: none;

}

.news-page .col-xs-9 .col-xs-12 .pages a:hover {

    color: #449796 ;

}



.news-page .col-xs-9 .col-xs-12 .content{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 30px;

}

.news-page .col-xs-9 .col-xs-12 .content .top-title-three {

    text-align: center;

    font-size: 15px;

    font-weight: bold;

    color: #333;

    padding-bottom: 10px;

    border-bottom: #ccc dotted 1px;

    line-height: 26px;

}

.news-page .col-xs-9 .col-xs-12 .content .top-title-three  em {

    display: block;

    line-height: 15px;

    font-size: 12px;

    font-weight: normal;

    color: #999;

}

.news-page .col-xs-9 .col-xs-12 .content .detail{

    padding: 15px;

}













.sys-page{

    margin: 10px auto;

}

.sys-content .sys-banner{

    margin: 0px auto 10px auto;

}

.sys-content .sys-banner .col-xs-12{

    padding: 0px;

}

.sys-page .col-xs-3{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width:270px;

}

.sys-page .col-xs-3 .item{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.sys-page .col-xs-3 .item h1{



    font-size: 14px;
    font-weight: bold;


    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.sys-page .col-xs-3 .item  ul {

    list-style: none;

    padding: 0px 10px 10px;

}

.sys-page .col-xs-3 .item  ul li {

    padding-top: 10px;

}



.sys-page .col-xs-3 .item  ul li a {

    height: 25px;

    line-height: 25px;

    font-size: 14px;

    display: block;

    color: #69b0af;

    padding-left: 10px;
 

    background: url(../image/b6.gif) 215px center no-repeat #e3f7f8;

}

.sys-page .col-xs-3 .item  ul li a:hover {

    color: #449796 ;

}



.sys-page .col-xs-3 .item  ul li ol {

    margin: 0 auto;

    padding: 0px;

    height: auto;

    width:270px;

}

.sys-page .col-xs-3 .item  ul li ol li {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-bottom: #dfdfdf solid 1px;

    line-height: 28px;

    padding-top: 0;

    background: url(../image/b11.gif) 14px center no-repeat;

}

.sys-page .col-xs-3 .item ul li ol li a {

    background: url(../image/b10.gif) 215px center no-repeat;

    padding-left: 25px;

    font-weight: normal;

    color: #666;

    display: block;

}

.sys-page .col-xs-3 .item p{

    font-size: 14px;

    font-family: NSimSun;



}

.sys-page .col-xs-9 {

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    margin-bottom: 10px;

    width:900px;

    float: right;

}

.sys-page .col-xs-9 .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.sys-page .col-xs-9 .col-xs-12 .top-title-one{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 30px;

    line-height: 30px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.sys-page .col-xs-9 .col-xs-12 .top-title-one span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}

.sys-page .col-xs-9 .col-xs-12 .top-title-two{

    display: none;

}

.sys-page .col-xs-9 .col-xs-12 .sys-cat{

    padding: 20px 0px;

}

.sys-page .col-xs-9 .col-xs-12 .sys-cat li {

    float: left;

    width: 160px;

    height: 150px;

    display: block;

    text-align: center;

    margin: 0px 10px;

}

.sys-page .col-xs-9 .col-xs-12 .sys-cat li a {

    border: #ccc solid 1px;

    display: block;

    width: 170px;

    height: 120px;

    margin: 0 auto;

}

.sys-page .col-xs-9 .col-xs-12 .sys-cat li img {

    width: 170px;

    height: 75px;

}

.sys-page .col-xs-9 .col-xs-12 .sys-cat li a span {

    display: block;

    color: #666;

    line-height: 40px;

}

.sys-page .col-xs-9 .col-xs-12 .sys-list{

    padding: 15px;

    list-style: none;

}

.sys-page .col-xs-9 .col-xs-12 .sys-list li {

    border-bottom: 1px dashed #999;

    font-size: 14px;

    background: url(../image/icon.gif) 10px center no-repeat;

}

.sys-page .col-xs-9 .col-xs-12 .sys-list li a {

    color: #666;

    padding-left: 20px;

    line-height: 28px;

}

.sys-page .col-xs-9 .col-xs-12 .sys-list li a:hover{

    color: #449796 ;

}



.sys-page .col-xs-9 .col-xs-12 .sys-list li span {

    float: right;

    line-height: 28px;

}

.sys-page .col-xs-9 .col-xs-12 .pages {

    padding: 0 11px 20px 15px;

    clear: both;

    text-align: center;

}

.sys-page .col-xs-9 .col-xs-12 .pages .pre {

    padding: 2px 5px 2px 5px;

    margin: 2px;

    COLOR: #fff;

    background: #004ea2;

    FONT-WEIGHT: bold;

}

.sys-page .col-xs-9 .col-xs-12 .pages .curent{

    padding: 2px 5px 2px 5px;

    MARGIN: 2px;

    COLOR: #666;

}

.sys-page .col-xs-9 .col-xs-12 .pages a {

    padding: 2px 2px 2px;

    margin: 13px 0 0 0;

    COLOR: #666;

    text-decoration: none;

}

.sys-page .col-xs-9 .col-xs-12 .content{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}

.sys-page .col-xs-9 .col-xs-12 .content .top-title-three {

    text-align: center;

    font-size: 15px;

    font-weight: bold;

    color: #333;

    padding-bottom: 10px;

    border-bottom: #ccc dotted 1px;

    line-height: 26px;

}

.sys-page .col-xs-9 .col-xs-12 .content .top-title-three  em {

    display: block;

    line-height: 15px;

    font-size: 12px;

    font-weight: normal;

    color: #999;

}

.sys-page .col-xs-9 .col-xs-12 .content .detail{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}









.shebei-content{

  /*  margin: 30px auto;*/

}

.shebei-content .shebei-list{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.shebei-content .shebei-list h2{

    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.shebei-content .shebei-list ul {

    overflow: hidden;

    zoom: 1;

    padding: 10px;

}

.shebei-content .shebei-list ul li {

    width: 12.5%;

    padding: 0 0.5%;

    float: left;

    _display: inline;

    overflow: hidden;

    text-align: center;

    line-height: 150%;

    margin: 0;

}

.shebei-content .shebei-list ul li .pic {

    text-align: center;

}

.shebei-content .shebei-list ul li .pic img {

    border: none;

    width: 100%;

    padding: 0;

}

.shebei-content .shebei-list ul li .title {

    line-height: 150%;

    height: 60px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}

.shebei-content .shebei-page{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.shebei-content .shebei-page .top-title-one{

    font-size: 14px;
    font-weight: bold;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 35px;

    line-height: 35px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.shebei-content .shebei-page .top-title-one span{

    position: absolute;

    right: 10px;

    font-size: 14px;

    font-family: "宋体";

    color: #449796;

}

.shebei-content .shebei-page .content{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}

.shebei-content .shebei-page  .content .top-title-three {

    text-align: center;

    font-size: 15px;

    font-weight: bold;

    color: #333;

    padding-bottom: 10px;

    border-bottom: #ccc dotted 1px;

    line-height: 26px;

}

.shebei-content .shebei-page  .content .top-title-three  em {

    display: block;

    line-height: 15px;

    font-size: 12px;

    font-weight: normal;

    color: #999;

}

.shebei-content .shebei-page  .content .detail{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}

.shebei-content .shebei-page  .content .detail h3{

    border: none;

}



















.service-page{

    margin: 10px auto;

}

.service-content .service-banner{

    margin: 0px auto 10px auto;

}

.service-content .service-banner .col-xs-12{

    padding: 0px;

}

.service-page .col-xs-3{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width: 270px;

}

.service-page .col-xs-3 .item{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.service-page .col-xs-3 .item h1{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 30px;

    line-height: 30px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.service-page .col-xs-3 .item  ul {

    list-style: none;

    padding: 0px 10px 10px;

}

.service-page .col-xs-3 .item  ul li {

    padding-top: 10px;

}



.service-page .col-xs-3 .item  ul li a {

    height: 25px;

    line-height: 25px;

    font-size: 12px;

    display: block;

    color: #69b0af;

    padding-left: 10px;

    font-weight: bold;

    background: url(../image/b6.gif) 190px center no-repeat #e3f7f8;

}

.service-page .col-xs-3 .item  ul li a:hover {

    color: #449796 ;

}



.service-page .col-xs-3 .item  ul li ol {

    margin: 0 auto;

    padding: 0px;

    height: auto;

    width: 211px;

}

.service-page .col-xs-3 .item  ul li ol li {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-bottom: #dfdfdf solid 1px;

    line-height: 28px;

    padding-top: 0;

    background: url(../image/b11.gif) 14px center no-repeat;

}

.service-page .col-xs-3 .item ul li ol li a {

    background: url(../image/b10.gif) 190px center no-repeat;

    padding-left: 20px;

    font-weight: normal;

    color: #666;

    display: block;

}

.service-page .col-xs-3 .item p{

    font-size: 12px;

}

.service-page .col-xs-9 {

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    margin-bottom: 10px;

    width: 900px;

    float: right;

}

.service-page .col-xs-9 .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.service-page .col-xs-9 .col-xs-12 .top-title-one{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 30px;

    line-height: 30px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.service-page .col-xs-9 .col-xs-12 .top-title-one span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}

.service-page .col-xs-9 .col-xs-12 .top-title-two{

    display: none;

}

.service-page .col-xs-9 .col-xs-12 .service-cat{

    padding: 20px 0px;

}

.service-page .col-xs-9 .col-xs-12 .service-cat li {

    float: left;

    width: 160px;

    height: 150px;

    display: block;

    text-align: center;

    margin: 0px 10px;

}

.service-page .col-xs-9 .col-xs-12 .service-cat li a {

    border: #ccc solid 1px;

    display: block;

    width: 170px;

    height: 120px;

    margin: 0 auto;

}

.service-page .col-xs-9 .col-xs-12 .service-cat li img {

    width: 170px;

    height: 75px;

}

.service-page .col-xs-9 .col-xs-12 .service-cat li a span {

    display: block;

    color: #666;

    line-height: 40px;

}

.service-page .col-xs-9 .col-xs-12 .service-list{

    padding: 15px;

    list-style: none;

}

.service-page .col-xs-9 .col-xs-12 .service-list li {

    border-bottom: 1px dashed #999;

    font-size: 13px;

    background: url(../image/icon.gif) 10px center no-repeat;

}

.service-page .col-xs-9 .col-xs-12 .service-list li a {

    color: #666;

    padding-left: 20px;

    line-height: 28px;

}

.service-page .col-xs-9 .col-xs-12 .service-list li a:hover{

    color: #449796 ;

}



.service-page .col-xs-9 .col-xs-12 .service-list li span {

    float: right;

    line-height: 28px;

}

.service-page .col-xs-9 .col-xs-12 .pages {

    padding: 0 11px 20px 15px;

    clear: both;

    text-align: center;

}

.service-page .col-xs-9 .col-xs-12 .pages .pre {

    padding: 2px 5px 2px 5px;

    margin: 2px;

    COLOR: #fff;

    background: #004ea2;

    FONT-WEIGHT: bold;

}

.service-page .col-xs-9 .col-xs-12 .pages .curent{

    padding: 2px 5px 2px 5px;

    MARGIN: 2px;

    COLOR: #666;

}

.service-page .col-xs-9 .col-xs-12 .pages a {

    padding: 2px 2px 2px;

    margin: 13px 0 0 0;

    COLOR: #666;

    text-decoration: none;

}

.service-page .col-xs-9 .col-xs-12 .content{

     padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}

.service-page .col-xs-9 .col-xs-12 .content img{

    max-width: 100%;

}

.service-page .col-xs-9 .col-xs-12 .item_one p{

    margin-bottom: 45px;

}

.service-page .col-xs-9 .col-xs-12 .item_one ul{

    padding: 15px;

    list-style: none;

}

.service-page .col-xs-9 .col-xs-12 .item_one ul li{

    border-bottom: 1px dashed #999;

    font-size: 13px;

    background: url(../image/icon.gif) 10px center no-repeat;

}

.service-page .col-xs-9 .col-xs-12 .item_one ul li span {

    float: right;

}

.service-page .col-xs-9 .col-xs-12 .item_one ul li a {

    color: #666;

    padding-left: 20px;

    line-height: 28px;

}

 

.about-page .col-xs-9 .col-xs-12 .item_one ul{

    padding: 15px;

    list-style: none;

}

.about-page .col-xs-9 .col-xs-12 .item_one ul li{

    border-bottom: 1px dashed #999;

    font-size: 13px;

    background: url(../image/icon.gif) 10px center no-repeat;

}

.about-page .col-xs-9 .col-xs-12 .item_one ul li span {

    float: right;

}

.about-page .col-xs-9 .col-xs-12 .item_one ul li a {

    color: #666;

    padding-left: 20px;

    line-height: 28px;

}




.service-page .col-xs-9 .col-xs-12 .item_two p{

    line-height: 28px;

}

.service-page .col-xs-9 .col-xs-12 .item_two p a{

    text-decoration: underline !important;

}

.service-page .col-xs-9 .col-xs-12 .item_three{

    margin: 45px auto;

}

.service-page .col-xs-9 .col-xs-12 .content .detail{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}

.service-page .col-xs-9 .col-xs-12 .content form label{

    color: #333;

}

.service-page .col-xs-9 .col-xs-12 .content form .col-sm-4{

    padding-left: 0px;

    padding-right: 0px;

}

.service-page .col-xs-9 .col-xs-12 .content form .col-sm-2{

    padding-left: 0px;

    padding-right: 15px;

}

.service-page .col-xs-9 .col-xs-12 .content form .col-sm-6{

    padding-left: 0px;

    padding-right: 0px;

}

.service-page .col-xs-9 .col-xs-12 .content form .col-sm-9{

    padding-left: 0px;

}

.service-page .col-xs-9 .col-xs-12 .content form .notice{

    color: #F00;

    padding-left: 10px;

    line-height: 40px;

    display: block;

    float: left;

}


/*设备-同类文章 PC*/
.sheb_article{width: 100%; height:auto; margin-bottom: 20px; border: 1px solid #e0e9e9de; float: left;}
.sheb_article ul{width: 100%; height: auto;}
.sheb_article ul li{width: 50%; float: left;};





.page-page{

    margin: 10px auto;

}

.page-content .page-banner{

    margin: 0px auto 10px auto;

}

.page-content .page-banner .col-xs-12{

    padding: 0px;

}

.page-page .col-xs-3{

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    width: 270px;

}

.page-page .col-xs-3 .item{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.page-page .col-xs-3 .item h1{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 30px;

    line-height: 30px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.page-page .col-xs-3 .item  ul {

    list-style: none;

    padding: 0px 10px 10px;

}

.page-page .col-xs-3 .item  ul li {

    padding-top: 10px;

}



.page-page .col-xs-3 .item  ul li a {

    height: 25px;

    line-height: 25px;

    font-size: 12px;

    display: block;

    color: #69b0af;

    padding-left: 10px;

    font-weight: bold;

    background: url(../image/b6.gif) 190px center no-repeat #e3f7f8;

}

.page-page .col-xs-3 .item  ul li a:hover {

    color: #449796 ;

}



.page-page .col-xs-3 .item  ul li ol {

    margin: 0 auto;

    padding: 0px;

    height: auto;

    width: 211px;

}

.page-page .col-xs-3 .item  ul li ol li {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-bottom: #dfdfdf solid 1px;

    line-height: 28px;

    padding-top: 0;

    background: url(../image/b11.gif) 14px center no-repeat;

}

.page-page .col-xs-3 .item ul li ol li a {

    background: url(../image/b10.gif) 190px center no-repeat;

    padding-left: 20px;

    font-weight: normal;

    color: #666;

    display: block;

}

.page-page .col-xs-3 .item p{

    font-size: 12px;

}

.page-page .col-xs-9 {

    height: auto;

    zoom: 1;

    overflow: hidden;

    padding: 0px;

    margin-bottom: 10px;

    width: 900px;

    float: right;

}

.page-page .col-xs-9 .col-xs-12{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin-bottom: 10px;

}

.page-page .col-xs-9 .col-xs-12 .top-title-one{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 30px;

    line-height: 30px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.page-page .col-xs-9 .col-xs-12 .top-title-one span{

    position: absolute;

    right: 10px;

    font-size: 12px;

    font-family: "宋体";

    color: #449796;

}

.page-page .col-xs-9 .col-xs-12 .top-title-two{

    display: none;

}

.service-page .col-xs-9 .col-xs-12 .page-cat{

    padding: 20px 0px;

}

.page-page .col-xs-9 .col-xs-12 .page-cat li {

    float: left;

    width: 160px;

    height: 150px;

    display: block;

    text-align: center;

    margin: 0px 10px;

}

.page-page .col-xs-9 .col-xs-12 .page-cat li a {

    border: #ccc solid 1px;

    display: block;

    width: 170px;

    height: 120px;

    margin: 0 auto;

}

.page-page .col-xs-9 .col-xs-12 .page-cat li img {

    width: 170px;

    height: 75px;

}

.page-page .col-xs-9 .col-xs-12 .page-cat li a span {

    display: block;

    color: #666;

    line-height: 40px;

}

.page-page .col-xs-9 .col-xs-12 .page-list{

    padding: 15px;

    list-style: none;

}

.page-page .col-xs-9 .col-xs-12 .page-list li {

    border-bottom: 1px dashed #999;

    font-size: 13px;

    background: url(../image/icon.gif) 10px center no-repeat;

}

.page-page .col-xs-9 .col-xs-12 .page-list li a {

    color: #666;

    padding-left: 20px;

    line-height: 28px;

}

.page-page .col-xs-9 .col-xs-12 .page-list li a:hover{

    color: #449796 ;

}



.page-page .col-xs-9 .col-xs-12 .page-list li span {

    float: right;

    line-height: 28px;

}

.page-page .col-xs-9 .col-xs-12 .pages {

    padding: 0 11px 20px 15px;

    clear: both;

    text-align: center;

}

.page-page .col-xs-9 .col-xs-12 .pages .pre {

    padding: 2px 5px 2px 5px;

    margin: 2px;

    COLOR: #fff;

    background: #004ea2;

    FONT-WEIGHT: bold;

}

.page-page .col-xs-9 .col-xs-12 .pages .curent{

    padding: 2px 5px 2px 5px;

    MARGIN: 2px;

    COLOR: #666;

}

.page-page .col-xs-9 .col-xs-12 .pages a {

    padding: 2px 2px 2px;

    margin: 13px 0 0 0;

    COLOR: #666;

    text-decoration: none;

}

.page-page .col-xs-9 .col-xs-12 .content{

    padding: 15px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}

.page-page .col-xs-9 .col-xs-12 .content .detail{

    padding: 15px;

}

.page-page .col-xs-9 .col-xs-12 .content form label{

    color: #333;

}

.page-page .col-xs-9 .col-xs-12 .content form .col-sm-4{

    padding-left: 0px;

    padding-right: 0px;

}

.service-page .col-xs-9 .col-xs-12 .content form .col-sm-2{

    padding-left: 0px;

    padding-right: 15px;

}


.about-page .col-xs-9 .col-xs-12 .content form .col-sm-6{

    padding-left: 0px;

    padding-right: 0px;

}
.about-page .col-xs-9 .col-xs-12 .content form .col-sm-4{

    padding-left: 0px;

    padding-right: 0px;

}

.about-page .col-xs-9 .col-xs-12 .content form .col-sm-9{

    padding-left: 0px;

}
.about-page .col-xs-9 .col-xs-12 .content form .notice{

    color: #F00;

    padding-left: 10px;

    line-height: 40px;

    display: block;

    float: left;

}


.page-page .col-xs-9 .col-xs-12 .content form .col-sm-6{

    padding-left: 0px;

    padding-right: 0px;

}

.page-page .col-xs-9 .col-xs-12 .content form .col-sm-9{

    padding-left: 0px;

}



.page-page .col-xs-9 .col-xs-12 .content form .notice{

    color: #F00;

    padding-left: 10px;

    line-height: 40px;

    display: block;

    float: left;

}

.wap-menu{

    width: 100%;

    overflow: hidden;

    zoom: 1;

    margin: 0px auto;

    clear: both;

    float: none;

}

.wap-menu ul{

    list-style: none;

    margin: 0px auto;

    padding: 0px;

    width: 100%;

    height: auto;

    zoom: 1;

    overflow: hidden;

}

.wap-menu ul li{

    width: 24%;

    margin: 5px 0.5% 10px 0.5%;

    float: left;

    border-right: 1px solid #dedede;

}

.wap-menu ul li:last-child{

    border-right: none;

}

.wap-menu ul img{

    width: 50px;

    height: auto;

    display: block;

    margin: 0px auto;

}

.wap-menu ul p{

    text-align: center;

    margin: 5px auto;

}

.hotline{

    width: 100%;

    height: 23px;

    zoom: 1;

    overflow: visible;

    position: relative;

}

.hotline p{

    width:270px;

    text-align: right !important;

    position: absolute;

    right: 0px;

    font-size: 18px;

    line-height: 20px;

    letter-spacing: 1px;

    font-weight: 500;

    color: #56a2a6;

    font-family:宋体 ;

}



.icons{

    border-bottom: 1px solid #dedede;

    border-top: 1px solid #dedede;

    padding-top: 10px;

    padding-bottom: 20px;

}

.icons .btn-info{

    color: #42A7A1;

    background: #D8FBFA;

    border: 1px solid #AEE7E5;

    display: inline-block;

    font-size: 20px;

    padding: 5px 5px;

    font-family:宋体 ;

}

.icons .btn-info:first-child{

    margin-right: 15px;

}

.icons .btn-info:last-child{

    margin-right: 25px;

}

.icons .btns{

    text-align: right;

    margin-bottom: 15px;

}

.icons .pic{

    width: 90%;

    margin: 0px auto;

}





.seek{

    height: auto;

    zoom: 1;

    overflow: hidden;

    border: 1px solid #86d9d5;

    border-radius: 5px;

    padding: 0px;

    margin: 10px auto;

}

.seek .col-xs-12{

    padding: 15px;

}

.seek h1{



    font-size: 14px;

    background-color: #ddfcfb;

    background-image: url("../image/icon2.jpg");

    background-repeat: no-repeat;

    background-position: 15px 14px;

    color: #449796;

    height: 30px;

    line-height: 30px;

    margin: 0px auto;

    text-indent: 25px;

    position: relative;

}

.seek  .info{

    padding: 10px;

}

.seek  .info a{

    color: #3aa2d5;

    text-decoration: underline;

}

.seek  .info p{

    letter-spacing: 0px;

}

.seek  .info img{

    margin-left: 8px;

}

.seek  .info .address{

    margin-top:15px;

}

/*以下为首页内置样式迁移*/
.header .bg {

    position: absolute;

    z-index: 998;

    width: 200%;

    height: 10000%;

    left: -100%;

    display: none;

}

.header.show .bg {

    display: block;

}

.search{

    width: 25px;

    height: 25px;

    display: block;



    float: right;

    margin-top: 8px;

    margin-right: 8px;

}

.search a{

    text-decoration: none !important;

    background: none;

    color: #fff;

}

.search a:hover{

    text-decoration: none !important;

    background: none;

    color: #fff;

}

.search  .iconfont{

    font-size: 24px;

    color: #42a7a1;

}

.search-input{

    width: 600px;

    height: 45px;

    background: rgba(0, 0, 0,0.3);

    border-top: none ;

    border-left: none;

    border-right: none;

    border-bottom: none;

    padding-left: 10px;

    font-size: 14px;

    letter-spacing: 1px;

    color: #fff;

}

input::-webkit-input-placeholder {      /* WebKit browsers */

    color: #fff;



}

input:-moz-placeholder {                /* Mozilla Firefox 4 to 18 */

    color: #fff;

}

input::-moz-placeholder {               /* Mozilla Firefox 19+ */

    color: #fff;

}

input:-ms-input-placeholder {           /* Internet Explorer 10+ */

    color: #fff;

}

.close-search{

    background: none;

    color: #fff;

    border-radius: 100%;

    line-height: 30px;

    text-align: center;

    height: 30px;

    width: 30px;

    font-size: 24px;

    padding: 1px;

    margin: 20px auto 0px auto;

    display: block;

    cursor: pointer;

    position: relative;

    z-index: 99999999;



}

.close-search::before {

    content: "\2716";

}

.layui-layer{

    box-shadow: 0px 0px 0px rgba(0,0,0,.3);

}

@media (max-width: 768px){

    .search-input{

        width: 300px;

    }


}





 
.wap .search{

    float: none;

    display: inline-block;

    margin-top: 0px;

    width: 35px;

    height: 35px;

    line-height: 35px;

}

.wap .btns a{

    margin-right: 1px;

}

.wap .search .iconfont{

    font-size: 24px;

    padding-top: 5px;
}

.icons .btn-info{

    margin-top: -12px;
}
.wap .row a{

    font-size: 14px;
}
.icons .btn-info:last-child{margin-right: 20px;}

.index-news .swiper-container {
  width: 100%;
  height: 278;
} 
.index-news .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


      
.article_title_h2 label{ font-size: 14px; float: left; width: 250px; text-align: center; text-indent:0;}
.s_title{font-size: 14px; background: #23abb0; color: #fff; }
.article_title_h1 a{display: none;}
 
@media screen and (max-width: 750px) {
.article_title_h1 label{ font-size: 14px; float: left; width: 130px!important; text-align: center; text-indent:0;}
.article_title_h2 label{ font-size: 14px; float: left; width: 130px!important; text-align: center; text-indent:0;}
}


.index-product.pc .swiper-container {
    width: 100%;
 /*   height: 160px;*/
    margin: 10px 0px;
}

.index-product.pc .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
     
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*自主研发设备*/
.sb-box{margin-top: 10px; margin-bottom: 10px;}     
.sb-box .swiper-slide{width: 140px!important; }


.zysb-list{ height:auto; }   

.zysb-list ul li{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 28px;
    border-bottom: #ccc dotted 1px;
    width: 289px;
    float: left;
    padding: 0!important; 
}

 
 
#pcpro-swiper .swiper-slide p{
    margin-top:10px;
    height:30px;line-height:30px;
    font-size:14px;
    overflow: hidden;

}
#pcpro-swiper .swiper-pagination{bottom:0px;}

.QQbox td{

    padding: 0;

}

.QQbox {

    z-index: 99;

    width: 142px;

    right: 0;

    top: 80px;

    position: absolute;

}

.QQbox td {

    padding: 0;

}
.myming{
    width: 585px !important;;
}
@media (max-width: 640px){

    .QQbox{

        display: none !important;

    }
    div[class*="-page"] .col-xs-9 .col-xs-12 .content .detail p img{
        width: 70% !important;
    }
    
    div[class*="-page"] .col-xs-9 .col-xs-12 .content .detail span img{
        width: 70% !important;
    }
    
    div[class*="-page"] .col-xs-9 .col-xs-12 .content .detail p span img{
        width: 70% !important;
    }
}

 /* 在 13 寸电脑上应用的样式 */
@media (max-width: 1440px) {
   div[class*="-page"] .col-xs-9{
    float:left;
    width: 770px;
    margin-left: 10px;
   }

   .main {
    width: 1060px;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    padding: 0px;
    }
    .head_menu .pc-menu-list ul li {
        /* width: 94px; */
        width: 68px;
        float: left;
        text-align: right;
    }

    .head_menu .pc-menu-list ul li a {

        font-size: 14px;
    }
    .head_menu .pc-menu-list ul {
        /* width: 660px; */
        /* width: 760px; */
        width: 680px;
        float: right;
    }
    .index-content .index-news .col-xs-4{

        height: 278px;
    
        border: 1px solid #86d9d5;
    
        border-radius: 5px;
    
        padding: 0px;
    
        width: 560px;
    
        float: right;
    
    }
    .navbar-inverse .navbar-nav>li:first-child>a {
        background-position: 46px bottom !important;
    }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
        background: none;
        background-image: url(../image/icon1.png);
        background-repeat: no-repeat;
        background-position: 32px bottom;
        color: #008785;
    }
    .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{

        color: #008785;
    
        background-image: url("../image/icon1.png");
    
        background-repeat: no-repeat;
    
        background-position: 32px bottom ;
    
    }
    .index-content .index-service .col-xs-8{
        height: auto;
        zoom: 1;
        overflow: hidden;
        padding: 0px;
        width: 525px;
    }
    .myming{
        width: 523px !important;
    }
    .index-content .index-service .col-xs-4 {
        height: auto;
        zoom: 1;
        overflow: hidden;
        padding: 0px;
        width: 530px;
        float: right;
    }

    div[class*="-banner"] .col-xs-12 a img{
        width: 99%;
    }
}

  /* 在 13 寸电脑上应用的样式 */
@media (max-width: 1300px) {
    div[class*="-page"] .col-xs-9{
     float:left;
    
     margin-left: 10px;
    }
 
    .main {
     width: 980px;
     margin: 0 auto;
     height: auto;
     max-width: 100%;
     padding: 0px;
     }
     .head_menu .pc-menu-list ul li {
         /* width: 94px; */
         width: 60px;
         float: left;
         text-align: right;
     }
 
     .head_menu .pc-menu-list ul li a {
 
         font-size: 13px;
     }
     .head_menu .pc-menu-list ul {
         /* width: 660px; */
         /* width: 760px; */
         width: 610px;
         float: right;
     }
     .index-content .index-news .col-xs-4{
 
         height: 278px;
     
         border: 1px solid #86d9d5;
     
         border-radius: 5px;
     
         padding: 0px;
     
         width: 480px;
     
         float: right;
     
     }

     .head_menu .pc-menu-list ul li a img{
        display: none;
    }
     .navbar-inverse .navbar-nav>li:first-child>a {
         background-position: 40px bottom !important;
     }
     .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
         background: none;
         background-image: url(../image/icon1.png);
         background-repeat: no-repeat;
         background-position: 25px bottom;
         color: #008785;
     }
     .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{

        color: #008785;
    
        background-image: url("../image/icon1.png");
    
        background-repeat: no-repeat;
    
        background-position: 25px bottom ;
    
    }
     .index-content .index-service .col-xs-8{
         height: auto;
         zoom: 1;
         overflow: hidden;
         padding: 0px;
         width: 490px;
     }
     .myming{
         width: 488px !important;
     }
     .index-content .index-service .col-xs-4 {
         height: auto;
         zoom: 1;
         overflow: hidden;
         padding: 0px;
         width: 480px;
         float: right;
     }
     .qywx_box {
        width: 146px!important;
        height: auto;
        top: 10%;
        bottom: 0;
        background: #fefefe;
        margin: auto;
        position: fixed;
        right: 1px!important;
        z-index: 9999999;
    }
    .article_title_h2 label{ font-size: 14px; float: left; width: 200px; text-align: center; text-indent:0;}
    .head_menu .logo .col-xs-2 {
        width: 32px;
        margin-right: 8px;
        padding: 0px;
        position: relative;
        overflow: visible;
        z-index: 999;
    }
    div[class*="-page"] .col-xs-9 .col-xs-12 .content p img{
        width: 90%!important;
    }
    div[class*="-page"] .col-xs-9 .col-xs-12 .content .detail p img{
        width: 90%!important;
    }
 }