div,ul,li{
    outline: 0px dotted #ff3852;
}
.debug{
    clear: both;
}
.debug td{
    word-wrap:break-word;word-break:break-all;

}
/*-----------------------------------------------------------------------------------*/
/*	1.	Global properties (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body {
    font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;    font-size: 1rem;
    background-color: #ffffff;

}

a {
    font-family: "微软雅黑","宋体", Arial;
    font-size: 1rem;
}

.layui-fluid{
    min-width: 320px;
    max-width:1200px ;
    clear: both;
}
.fullwidth{
width:100%;
 max-width:100%;
}

#main{
    margin: 0px;
    clear: both;
    overflow: hidden;
}

#main .layui-fluid{
    padding: 5px 15px;
    background: #fff;

}

.btblue {
    border-bottom: 1px solid #5395f6;
}


/*header nav */
.nav {
    background: #fff;
}
.header{height:100px;}
.header_RT{height:30px;padding:10px 0px;}
.header_RB ul li{height:50px;padding-top:10px;width: 14%; }
.header_RB ul li a{height:20px;    font-size: 1.2rem;padding-bottom:15px; }

.logo{}
.logo a{width:100%;display: block;}





.header_RT{width:100%;float:right;}
.header_RT p,.header_RT div{float:right}
.header_RT div{margin-left:5px}
.header_RT p{color:#666666;margin-top:5px}
.header_RT p strong{color:#cf000d}
.header_RT p a{float:left;margin-right:10px;font-size: 1rem;font-family:Arial;color:#999999;font-weight:bold;line-height:16px;margin-top:4px}
.header_RT p a.cur,.header_RT p a:hover{color:#cf000d}
.header_RT p:last-child{padding-right:18px;margin-right:18px;position:relative}
.header_RT p:last-child:before{content:url(../images/inico1.png);float:left;margin-right:6px;}
.header_RT p:last-child:after{content:'|';color:#e9e9e9;position:absolute;right:0px}
.header_RT div{position:relative}
.header_RT div input{width:188px;height:28px;border:1px solid #dadada;padding:0px 10px;border-radius:15px;}
.header_RT div i{position:absolute;right:10px;width:15px;height:15px;background:url(../images/inico4.png) no-repeat center;top:8px}



.header_RB{width:100%;float:left;text-align: right}
.header_RB ul{float:right;width: 90%;}
.header_RB ul li{list-style:none;float:left;text-align: center }
.header_RB ul li a{color:#323232;position: relative; }
.header_RB ul li:hover>a,.header_RB ul li.cur>a,.current{font-weight:bold;    border-bottom:4px  solid #008cd6 !important;
    color: #008cd6 !important;
    padding: 15px 10px;}
.current{   border-bottom:0px  solid #008cd6 !important;}
.ul_list{position:absolute;top:100px;left:0px;right:0px;background: #58B0DE;padding:20px;display:none;z-index:3}
.ul_top{width:100%;float:left;border-bottom:1px solid #828282;padding:10px 0px}
.ul_list a{color:#fff}
.ul_bo dl dt a:hover{color:#cf000d}
.ul_bo dl dd a:hover{opacity:0.8}
.ul_list p{font-size:1rem;color:#fff;line-height:1.6}
.ul_list p a{margin-right:28px}
.ul_bo dl{float:left;margin-right:50px}
.ul_bo dl dt{font-weight:bold;margin-top:20px;margin-bottom:15px;font-size:1rem;}
.ul_bo dl dd a{display:block;font-size:1rem;line-height:2}
.header_RB ul li:hover .ul_list{display:block}
.ul_bo_c  {text-align: center ;}
.ul_bo_c p a {font-weight:bold;font-size:1rem;line-height:3}

/*header*/


.menu-handler {
    width: 58px;
    height: 58px;
    cursor: pointer;
    float:right;
    position:relative;
    z-index: 49;
    display:none;
    margin-top:20px;
}
.menu-handler .burger {
    width: 24px;
    height: 2px;
    background: #666666;
    display: block;
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 50%;
    margin: 0px 0px 0px -12px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
}
.menu-handler .burger-2 {
    top: 27px;
}
.menu-handler .burger-3 {
    top: 35px;
}
.menu-handler.active .burger-1 {
    top: 27px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menu-handler.active .burger-2 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
    top: 27px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.trans, .trans:hover {
    -webkit-transition: all 277ms ease-in-out;
    -moz-transition: all 277ms ease-in-out;
    -o-transition: all 277ms ease-in-out;
    transition: all 277ms ease-in-out;
    -ms-transition: all 277ms ease-in-out;
}
.trans-fast,.trans-fast:hover {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
}

.menuBox{position: fixed; right:-100%; top:80px; width: 100%;height:96%;overflow:scroll;z-index: 30; background:#000}
.menuBox .mlogo{ display: block; margin:0 auto;width:238px;padding-top:20px}
.menuBox .mlogo img{ display: block; width: 100%;}
.navMobile {margin:0;padding:0;width:100%;float:left}
.navMobile li{margin:0;padding:0;list-style:none;border-bottom:1px solid #2b2b2e;position:relative;line-height:36px;width:100%;float:left}
.navMobile li.cur h5{background:#1b1b1b}
.navMobile li.cur h5>a{color:#b60005}
.navMobile li h5{display:block;width:100%;float:left;position:relative}
.navMobile li h5 i,.navMobile li .listDown div h3 i,.navMobile li .listDown .list2_one .list2_two div h4 i{border: 2px solid #fff;display: block;width: 8px; height: 8px;margin: auto;position: absolute;top: 10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border-top: none;border-right: none;right: 20px;}
.navMobile li h5 .i_class,.navMobile li .listDown div h3 .i_class,.navMobile li .listDown .list2_one .list2_two div h4 .i_class{-webkit-transform: rotate(135deg) !important;transform: rotate(135deg) !important;top:15px}
.navMobile li a{ display: block; color: #fff;width:100%;font-size:12px;font-weight:bold;}
.navMobile li .listDown{ display: none;width:100%;float:left}
.navMobile li .listDown .list2_one{ color:#fff; font-size: 14px;background-color: #16171a}
.navMobile li .listDown .list2_one h3{border-top:1px solid #2b2b2e;padding:0px 20px;position:relative;overflow:hidden}
.navMobile li h5>a,.navMobile li .listDown .list2_one h3 a,.navMobile li .listDown .list2_one .list2_two div h4 a{float:left !important;width:auto;margin-left:20px;width:80%}
.navMobile li .listDown .list2_one .list2_two{display:none;overflow:hidden;padding-bottom:20px}
.navMobile li .listDown .list2_one .list2_two a{font-weight:normal;line-height:26px;}
.navMobile li .listDown .list2_one .list2_two div{width:100%;float:left}
.navMobile li .listDown .list2_one .list2_two div p{display:none;overflow:hidden;padding:0px 80px}
.navMobile li .listDown .list2_one .list2_two div h4{position:relative;padding:0px 20px;display:block;overflow:hidden}





/*banner*/
#slider{width:100%;
 }
#bannertop{max-width:1920px;}
.banner{ width:100%;float:left;position:relative;text-align:center;
                                                                       background-position: center;
                                                                       background-repeat: no-repeat;
                                                                       background-size: auto 100%;
                                                                   }
.banner img{width:100%;float:left}
.banner .swiper-container{padding:0px}
.banner .pagination{bottom:38px;left:0px;right:0px; position: absolute;text-align:center;z-index:2}
.banner .swiper-pagination-switch{width:33px;height:4px;margin:0px 5px;background:#fff;display:inline-block;cursor:pointer}
.banner .swiper-active-switch{background:#08a0ea}

.banner .swiper-container,.banner .swiper-slide,.banner .swiper-wrapper{height:auto!important;cursor:inherit !important}
.banner .swiper-slide{overflow:hidden!important;}


#bannertop {    padding: 0;}

.page-header {    margin: 4px 0px;
    padding: 2px 0px;
    border-bottom: 2px solid #eeeeee;
}

#breadcrumbs {
    background:#F2F2F2;
    line-height:2;
}

.breadcrumb span {line-height: 2;}
.breadcrumb a {
    color:
            #336699 !important;;
    text-decoration: none;
    font-size: 1rem;
}


/* footer */
#footer {
    background-color:    #383d41;
    color: #ccc;
    font-size: 1.2rem;
    height: 2rem;
    clear: both;
    overflow: hidden;
    padding: 1rem 0rem;
}
#footer .beian {
    text-align: right;
}
#footer .beian  a{
    color: #ccc;
    text-align: right;
    display: inline-block;
    font-size: 1.2rem;

}

/*手机端显示底部四个按钮*/
.phone-menu0 ul, .phone-menu1 ul{ margin:0;}
/*黑色样式*/
.phone-menu0{ height:54px; border-top:1px solid #1d1d1d; border-bottom:1px solid #000; position:fixed; bottom:0; width:100%; display:none; padding:0; margin:0;z-index: 9999;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#474747), to(#2f2f2f));
    background-image: -webkit-linear-gradient(top, #474747, #2f2f2f);
    background-image: -moz-linear-gradient(top, #474747, #2f2f2f);
    background-image: -o-linear-gradient(top, #474747, #2f2f2f);
    background-image: -ms-linear-gradient(top, #474747, #2f2f2f);
    background-image: linear-gradient(to bottom, #474747, #2f2f2f);

    /*--兼容ie的背景色和圆角--*/
    background: #474747;
    background: -moz-linear-gradient(top, #474747 0%, #2f2f2f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#2f2f2f));
    background: -webkit-linear-gradient(top, #474747 0%,#2f2f2f 100%);
    background: -o-linear-gradient(top, #474747 0%,#2f2f2f 100%);
    background: -ms-linear-gradient(top, #474747 0%,#2f2f2f 100%);
    background: linear-gradient(to bottom, #474747 0%,#2f2f2f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#2f2f2f',GradientType=0 );
}
.phone-menu0 li{ width:25%;  text-align:center; float:left; list-style:none; }
.phone-menu0 li:hover,.phone-menu li.active{ background-color:#333;}
.phone-menu0 li a{ color:#FFF; font-size:12px; text-decoration:none;}
.phone-menu0 li i{ background:url(images/phone-menu0.png) no-repeat; background-size:25px; margin:6px auto 2px; display:block; width:25px; height:25px; float:none;}
.phone-menu0 li i.icon1{ background-position:0 0;}
.phone-menu0 li i.icon2{ background-position:0 -25px;}
.phone-menu0 li i.icon3{ background-position:0 -50px;}
.phone-menu0 li i.icon4{ background-position:0 -75px;}
.phone-menu0 li i.iconhome{ background-position:0 -100px;}
/*白色样式*/
.phone-menu1{ height:54px; border-top:1px solid #f2f2f2; border-bottom:1px solid #ccc; position:fixed; bottom:0; width:100%; display:none;padding:0; margin:0;z-index: 9999;
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#d4d4d4));
    background-image: -webkit-linear-gradient(top, white, #d4d4d4);
    background-image: -moz-linear-gradient(top, white, #d4d4d4);
    background-image: -o-linear-gradient(top, white, #d4d4d4);
    background-image: -ms-linear-gradient(top, white, #d4d4d4);
    background-image: linear-gradient(to bottom, white, #d4d4d4);

    /*--兼容ie的背景色和圆角--*/
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4));
    background: -webkit-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d4d4d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 );
}
.phone-menu1 li{ width:25%;  text-align:center; float:left; list-style:none; }
.phone-menu1 li:hover,.phone-menu li.active{ background-color:#d4d4d4;}
.phone-menu1 li a{ color:#666; font-size:12px; text-decoration:none;}
.phone-menu1 li i{ background:url(../images/phone-menu1.png) no-repeat; background-size:25px; margin:6px auto 2px; display:block; width:25px; height:25px;float:none;}
.phone-menu1 li i.icon1{ background-position:0 0;}
.phone-menu1 li i.icon2{ background-position:0 -25px;}
.phone-menu1 li i.icon3{ background-position:0 -50px;}
.phone-menu1 li i.icon4{ background-position:0 -75px;}

/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/
@media screen and (max-width: 768px) {
    .phone-menu0,.phone-menu1{ display:block;}
}


/* list pages --------------------------- */
.index_t {
    word-wrap: break-word;
    font-family: "微软雅黑","宋体", Arial;
    overflow: hidden1;
}

.index_t .i-tit,.index_t .i-tit a{
    line-height: 2rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
    text-align: center;
    letter-spacing: 0.5rem;
    color: #5689b8;
}




.index_t h2 ,.index_t h2 a{
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    color: #5689b8;
}

.index_t h3,.index_t h3 a{
    margin: 10px 0px;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: normal;
    color: #666666;
    text-align: left;
}
.index_t .i-desc,.index_t .i-desc a{
    margin: 5px 0px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: normal;
    color: #666666;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .index_t .i-tit,.index_t .i-tit a{
        font-size: 1.3rem;
        font-weight: 600;

    }
    .index_t .i-desc,.index_t .i-desc a{
        font-size: 1rem;
        margin: 5px 0rem;
        text-align: left;
    }

}
.itmeta {
    text-align: center;
    margin: 6px;
    overflow: hidden;
}
.itmeta .iproimg {
    border: 2px solid #eeeeee;
    overflow: hidden;
}

.inews-list {
padding-bottom: 1rem;

}

.inews-list h2,.inews-list h2 a{
    text-align: left;
    font-weight: normal;
    color: #515151;
}

.inews-list .iproimg {
    line-height: 100px;

}



/* list pages --------------------------- */
.pages {
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    float: left;
}
.pages a,.pages span {
    color:
            #336aa6;
    margin: 0 2px;
    border-radius: 5px;
    border: 1px solid    #e4e4e4;
    padding: 5px 10px;
    font-size: 12px;
    display: inline-block;
}
.pages a:hover ,.pages span{
    background-color:
            #febc42;
    border-color:
            #febc42;
    color:
            #fff;
}


/* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #0B94E2;
    color: #FFFFFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
    color: #FFFFFF;
    display: block;
    margin: 0px;
    padding: 0.4rem 1.2rem;
    border: 1px solid #e5e5e5;
}

.bm  {}

.bm a{
    background-color:   #5B92D3 ;
    color:            #FFFFFF;
    display: block;
    margin: 0px;
    padding: 8px 14px;
    border: 0px  !important;
    border-top: 3px solid #FFF !important;
    border-bottom: 0px solid  #e5e5e5  !important;
}
.bmac{
    background-color:   #5B92D3;
    font-weight: 700;
}
.bm1  {
    background-color: #F2F2F2;
    border-bottom: 1px solid #dbdbdb;
}


.bm1 a{
    color:    #335183 !important;
    display: block;
    margin: 0px;
    padding: 8px 14px;
    border: 0px solid  #e5e5e5  !important;
}
.bm1ac{

    background-color: #eceaea;
    color:  #335183 !important;
    color:  #335183 !important;
    text-shadow: 0 -1px 0
    rgba(0, 0, 0, 0.2);
}

.bm2 {text-indent: 2em;
    color:  #335183 !important;
    background-color: #fff ;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid #dbdbdb;
}
.bm2 a{
    color: #335183 !important;
    display: block;
    margin: 0px;
    padding: 8px 14px;
    border: 0px solid  #e5e5e5  !important;
}

.bm2ac {
    font-weight: 700;
}
.bm>a:hover, .bm1>a:hover, .bm1>a:active,.bm2>a:hover{
    background-color: rgb(83, 159, 214) !important;
    color: #000000 !important;
    font-size: 16px !important;
}

/* about-tab */
.about-tab {
    text-align: center;
    padding-top: 1.2rem;
}
.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{  border-bottom: 3px solid #08a0ea !important;}
.about-tab li a{
    font-size: 1.2rem;
    line-height: 1.5rem;
}
.about-tab .layui-this {

}
.about-item {
    max-width: 1170px;
    margin: 2rem auto;
    font-size: 1.1rem;
    padding-bottom: 2em;
}

.about-item h3{
    font-size: 1.2rem;
}
.about-item .item-desc{
    color: #818181;
    margin: 1rem 0rem;
    font-size: 1.1rem;
}
.about-item .item-text{
    font-size: 1.1rem;
    padding-bottom: 2em;
}

.about-item ol{
    margin: 2rem ;
}


.about-item ol li{
    margin: 2rem ;
    list-style: decimal;
}

.about-cert {
    padding: 1rem ;
text-align: center;
}





/* sitemap*/
.stmap {
    padding: 2rem;
}

.stmap li a{
}

.stmap h2 a{
    font-size: 1.2rem;

}

.stmap h3 a{
    font-size: 1.2rem;
    padding-left: 2rem;
}

.stmap ul{
    margin:  0rem 2rem ;
}


.stmap2 {
    list-style: decimal;
    padding-left: 2rem;
}

#flinks{
    padding: 1rem 0rem;
}

#flinks a{
    margin: 1rem 0rem;
}

/*													  columns ^
--------------------------------------------------------------*/

.trow {
    width: 100%;
    display: block;
    text-align: center;
    float: left;
    padding-left: 1rem;
}

.trow.m-block {
    display: block;
}

.trow-item {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    text-align: left;
    font-size: 13px;
    letter-spacing: normal;
    word-spacing: normal;
}
.tmeta {
    text-align: center;
    margin: 6px;
    overflow: hidden;

}

.tmeta h2,.tmeta h3,.tmeta h4,.timg,.tcell,.tmeta a{

    display: block;
    margin: 0rem 0px;
    word-wrap:break-word;
}
.tmeta h2,.tmeta h3,.tmeta h4{

}
.tmeta  h3,.tmeta  h3 a{
    margin: 20px 10px;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: normal;
    color: #666666;
    text-align: left;
}

@media (max-width:767px) {
    .trow{
        padding-left: 0;
    }
    .tmeta{

    }
    .tmeta   h2,.tmeta   h3,  .tmeta   h2 a,.tmeta   h3 a{
        margin: 20px 0px;
    }
}



.timg{

}
.tcell {
    display: block;

}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* products list -------------------------------------------------- */
.prolist {

}
.prolist .tmeta{
    background: #fff;
}
.proimg{
    vertical-align: middle;
    line-height:160px;
    border: 2px solid #eeeeee;
    overflow: hidden;
}

.proimg a img {
    object-fit: contain;
    vertical-align:middle;
    display: inline-block;
}



.prolist  h2{
    color:#303030;
    font-weight: normal;
}
.prolist  h2 a{
    font-size: 0.95rem;
    line-height: 1.2rem;
    font-weight: normal;
    color: #666666;
}
/* brand list -------------------------------------------------- */
.brandlist {
}


.brandlist .tmeta{


}
.brandlist .proimg{
    margin-top: 20px;
    vertical-align: middle;
    line-height:20px;
    border: 2px solid #eeeeee;
    overflow: hidden;
}

.pro-mlogo{
    margin: 10px;
    vertical-align: middle;
    line-height:20px;
    border: 0px solid #eeeeee;
    overflow: hidden;
}

.brandlist .proimg a img {
    object-fit: contain;
    vertical-align:middle;
    display: inline-block;
}

.brandlist  h2 a{
    margin: 20px 10px 0px  10px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.1rem
    font-weight: 600;
    color: #5689b8;
    text-align: left;
}

.brandlist  h3{
}
.brandlist   h3 a{
    margin: 0px;
}
.brand-prolist  {
padding:  0rem 0rem 3rem 0rem ;
    overflow: hidden;
}
.brand-prolist .proimg {
    padding-left: 10px;
    float: left;
    vertical-align: middle;
    border: 0px solid #eeeeee;
    overflow: hidden;
    margin: 0px;
}



#brand-logo{
    text-align: left;
    margin: 10px 0px;
}

#brand-intro{
    margin: 10px;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: normal;
    color: #666666;
    text-align: left;

}
#brand-intro h2{
margin: 10px 0px;
font-size: 1.2rem;
line-height: 1.6rem;
letter-spacing: 0.1rem font-weight: 600;
color: #5689b8;
text-align: left;
}

#brand-tab{
    margin: 0px;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: normal;
    color: #666666;
    text-align: left;
}

#brand-tab .layui-tab-title li{
    font-size: 1rem;
    font-weight: normal;

}
.brand-info {
    margin: 2rem ;
}


.brand-info ol,.brand-info ul{
    margin: 1rem ;
}


.brand-info ol li{
    margin: 0.5rem ;
    list-style: decimal;
}

.brand-info ul li{
    margin: 0.5rem ;
    list-style: square ;
}

/* products list -------------------------------------------------- */
.solutionlist {
    padding-left: 0;
}
.solutionlist .tmeta{
    background: #fff;
}
.solutionimg{
    vertical-align: middle;
    line-height:160px;
}

.solutionimg a img {
    object-fit: contain;
    vertical-align:middle;
    display: inline-block;
}


.solutionlist  h2 a{
    margin: 20px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.1rem
    font-weight: 600;
    color: #5689b8;
    text-align: left;
}


.solutionlist  h3{
}
.solutionlist  h3 a{

}

/* news list -------------------------------------------------- */
.news-list {
    min-height: 200px;
}

.news-list {
    display: block;

}

.news-list a:hover{
    background-color: #d0d0d0;
}


.news-list .tmeta{

}
.news-list .proimg{
    margin: 15px 0px;
    vertical-align: middle;
    line-height:160px;
    border: 1px solid #eeeeee;
    overflow: hidden;
    background: #FFF;
}

.news-list .proimg img {
    object-fit: contain;
    vertical-align:middle;
    display: inline-block;
}

.news-list  h2 {
    margin: 10px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.1rem;
    font-weight:700;
    color: #5689b8;
    text-align: left;
}

.news-list  h3{
}

@media (max-width:767px) {
    .news-list{
        margin: 0px;
    }
    .news-list h2{
        margin: 12px 0px;
    }
    .news-list .proimg{
        border: none;
        margin: 0px;
        padding-bottom: 10px;
    }
}





#news-logo{
    text-align: left;
    margin: 10px 0px;
}

#news-intro{
    margin: 10px;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: normal;
    color: #666666;
    text-align: left;

}
#news-intro h2{
    margin: 10px 0px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.1rem font-weight: 600;
    color: #5689b8;
    text-align: left;
}

#news-tab{
    margin: 0px;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: normal;
    color: #666666;
    text-align: left;
}

#news-tab .layui-tab-title li{
    font-size: 1rem;
    font-weight: normal;

}
.news-info {
padding-left:0;
}

.news-info .item-text {
    font-size: 1rem;
    padding: 1rem 0px;
    line-height: 1.6rem;
    text-align: left;
}


.news-info ol,.news-info ul{
    margin: 1rem ;
}


.news-info ol li{
    margin: 0.5rem ;
    list-style: decimal;
}

.news-info ul li{
    margin: 0.5rem ;
    list-style: square ;
}


/* texts */
.texts{
    line-height: 1.6;
    letter-spacing:0.01em;
    font-size: 15px;
}
.texts ul{
    padding: 2px 30px;
}

.texts li{
    line-height: 2;
}
.texts img{
    padding-right: 30px;
    max-width: 800px;

}

.texts table {
    width: 100%;
    background-color:
            transparent;
    border-collapse: collapse;
    border-spacing: 0;
    border:1px;
}

.texts td {
    padding: 8px;
    border:  1px solid #0B94E2;
}



/* pro  show */


#pro-pics {
    margin:20px ;
    border: 2px solid #eeeeee;
    padding: 10px 0px;
}

.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.gallery-top  {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.gallery-top2  {
    width: 100%;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
}

.gallery-top .swiper-slide {
    background-size: cover;
    background-position: center;
    text-align: center;
}

.gallery-thumbs {
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 100px;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.banner-video {
    width: 100%;
    height: 300px;
    text-align:center;
}
.banner-video video{
    text-align:center;
}
#showhtml{
    height: 30px;
    background: #FFF;
}


.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3{ /* 视频占满容器高度 */
    height: 100%;
    background-color: #161616;
}
.vjs-poster{
    background-color: #161616;
}

.video-js.vjs-paused .vjs-big-play-button{ /* 视频暂停时显示播放按钮 */
    display: block;
}
.video-js.vjs-error .vjs-big-play-button{ /* 视频加载出错时隐藏播放按钮 */
    display: none;
}


/*自定义 前进后退按钮*/
#layer_guide_banner .swpier-btn{
    width: 48px;
    height:141px;
    top: 38%;
    outline: none;
}
.swpier-btn.btn-hidden{
    opacity: 0;
}
.gallery-top .swiper-button-prev,.gallery-top  .swiper-button-next{
    color: #ffffff;
    background-color: #eaeee8;

}

.pro-tit{
    display: block;
    margin:  0;
    padding: 1rem  0px  0.5rem   0px;
}

.pro-desc{
    font-size: 1rem;
    line-height: 1.6;
    padding: 0px  0px  0.5rem   0px;
}

.pro-atom th,.pro-atom td{
    font-size: 1rem;
    line-height: 1.2;
}


#pro-main{
    display: block;
    border-top:3px solid #eeeeee;
}

#pro-tabs {
    font-size: 1rem;
    line-height: 2;
}


#pro-tab {
    margin:00px 10px 0px  0px;
    padding: 1.2rem;
}
#pro-tab  li{
    color: #FFFFFF;
    display: block;


    padding: 0.4rem 1.2rem;
    background: #92cbe7;
    border: 2px solid #ffffff;
}
.tab {
    position:  relative;
}

.tab2 {
    position: fixed;
    overflow: visible;
    z-index: 100;
    top: 60px;
    background: #FFF;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
}
@media screen and (max-width:768px){
    #pro-tab{
        display: none;
    }


}



.pro-item,.link-item{
    display: block;
    float: left;
    clear: both;
    padding: 0px 0px 20px 0px;
    border-bottom: 2px solid #eeeeee;
}

.pro-item h3{
}

.pro-item .item-text{
padding-left: 20px;
}



.pro-item ol,.pro-item ul{
    margin: 1rem ;
}


.pro-item ol li{
    margin: 0.5rem ;
    list-style: decimal;
}

.pro-item ul li{
    margin: 0.5rem ;
    list-style: square ;
    color: #404040;
}

.pro-item table{
margin: 10px 0px;
}
.pro-item th,.pro-item td{
    border: 1px solid #d0d0d0;
    padding: 5px 10px;
}


#pro-vp {
    width: 100%;
    float: left;
}

#pro-vp .video-js{
    width: 100%;
    float: left;
}

#pro-vp .vjs-4-3 {

}

.video-js.vjs-4-3 {

}
#pro-vp .video-js .vjs-control-bar {
    opacity: 1 !important;
}

button:focus {
    outline: none;
}

#pro-mv {
    width: 100%;
    height: 50px;
    float: left;
    background-color: #000000;
}
#pro-mv .swiper-slide{
    height: 50px;
    float: left;
    color: #FFF;
    background-color: #000000;
    padding: 5px;
    text-align: center;
}

#pro-mv .swiper-slide-active {
    color: #5395f6;
   font-weight: bold;
}




.filedowns  h4{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    clear: both;
}
.filedowns  ul{    width: 100%;
    float: left;
    margin-bottom: 10px;
    margin-left: 0px;
    clear: both;
}
.filedowns li,.downs li{ float:left; list-style:none; padding: 2px 0px;    margin: 2px 0px; width: 98%; }
.filedowns li a,.downs li a{ color: #4c7097;
    font-weight: normal;
    text-decoration: underline;
    margin-right: 10px;
}

.filedowns li a:hover,.downs li a:hover{
    color:  #FA8E2A;
}
.downh3 {
    margin-bottom: 0px;
    margin-top: 30px;
}



.drager  h4{
}
.drager  ul{}
.drager  p{}



.lmeta {
    text-align: center;
    overflow: hidden;
}

.lmeta .iproimg {
}
.link-item h6,.link-item h6 a{
    letter-spacing: 0.1em;
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 8px;
    color: #5689b8;
}

.pic3 {}
.pic3 ul{}
.pic3 li{
    display: inline-block;
    vertical-align: top;
    padding: 1rem 0;
}
.pic3 .img{
    width: 100px;
    display:table-cell;
    padding: 5px 20px;
}
.pic3 .text{
    display:table-cell;
    vertical-align: top;
    padding-right: 20px;
}
.pic3 img{
    width: 100px;
    height: auto;
}






/*file a*/
.pro-item a{
    padding-left: 25px;
    background-image: url(img/file.png);
    background-position: left center;
    background-repeat: no-repeat;
}
a[href^="http://"]{
    background: none;
}
a[href^="https://"]{
    background: none;
}
a[href^='mailto:']{
    background-position-y: -354px;
}
a[href='/']{
    background: none;
}
a[href='#']{
    background: none;
}
a[href$='.doc']{
    background-position-y: 0;
}
a[href$='.ppt']{
    background-position-y: -50px;
}
a[href$='.xls'],a[href$='.xlsx']{
    background-position-y: -75px;
}
a[href$='.html']{
    background-position-y: -100px;
}
a[href$='.pdf']{
    background-position-y: -125px;
}
a[href$='.jpg'],a[href$='.gif'],a[href$='.png']{
    background-position-y: -172px;
}
a[href$='.swf']{
    background-position-y: -193px;
}
a[href$='.zip'],a[href$='.rar']{
    background-position-y: -217px;
}
a[href$='.mp3']{
    background-position-y: -245px;
}
a[href$='.exe']{
    background-position-y: -273px;
}
a[href$='.txt']{
    background-position-y: -300px;
}