.bd_weixin_popup
{
    height: auto!important;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.w100
{
    width: 100%;
}
.clear, .cl
{
    clear: both;
}
.map-box1
{
    min-height: 250px;
}
.overflow
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mr5
{
    margin-right: 5px;
}
.mt5
{
    margin-top: 5px!important;
}
.mb10
{
    margin-bottom: 10px;
}
.mb15
{
    margin-bottom: 15px!important;
}
.mt10
{
    margin-top: 10px;
}
.mt15
{
    margin-top: 15px!important;
}
.effhidden
{
    overflow: hidden;
}
.EnglistFont, .EnglistFont *
{
    font-family: "微软雅黑",'arial','SimSun';
}
h1, h2, h3, h4, h5, h6
{
    font-family: "微软雅黑",'arial','SimSun';
}
pre
{
    background: none;
    border: none;
    white-space: pre-wrap;
}
li
{
    list-style-type: none;
}
.banner .carousel-control.left, .banner .carousel-control.right
{
    display: block!important;
}
:before, :after, *
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.logo_name
{
    margin: 0;
}
.logo_name span
{
    position: absolute;
    display: block;
    opacity: 0;
    filter: Alpha(opacity=0);
}
.border_box
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.border_content
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
@media screen and (max-width: 600px)
{
    .breadCrumb
    {
        display: none!important;
    }
}
.breadCrumb:after
{
    content: '';
    width: 0;
    height: 0;
    clear: both;
    display: block;
}
.sparkle-canvas
{
    z-index: 99;
}
.Themebg.btn-success
{
    border: none!important;
    border-radius: 0;
    float: left;
}
.btn-warning.btn-can
{
    background: #eee;
    font-size: 14px;
    float: left;
    padding: 2px 12px;
    margin-left: 10px;
}
button.a-btn
{
    border: none;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
}
button.a-btn.a-btn1
{
    background-color: #cfcdcf;
    color: #666;
}
button.a-btn.a-btn1:hover
{
    background-color: #ccc;
    color: #fff;
}
button.a-btn.a-btn2
{
    color: #fff;
}
.breadCrumb a
{
    float: left;
    padding: 0 8px;
    line-height: 23px;
    max-width: 100px;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breadCrumb em, .breadCrumb b, .breadCrumb span
{
    float: left;
    line-height: 23px;
    margin: 5px 0;
}
.Compatible_Prompt
{
    line-height: 50px;
    height: 0;
    overflow: hidden;
    background: #f6e5e5;
    color: #de0000;
    font-size: 14px;
    position: relative;
}
.Compatible_Prompt p
{
    max-width: 1030px;
    margin: 0 auto;
    position: relative;
    padding-right: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.Compatible_Prompt .closeCom
{
    cursor: pointer;
    line-height: 15px;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 10px;
}
@font-face
{
    font-family: "infontConpatible";
    src: url('');
    src: url('') format('embedded-opentype'),url('') format('woff'),url('') format('truetype'),url('') format('svg');
}
.infontConpatible
{
    font-family: "infontConpatible"!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon_attishi:before
{
    content: "";
    margin-right: 5px;
    font-size: 24px;
}
.icon_guanbi:before
{
    content: "";
}
@media screen and (max-width: 1030px)
{
    .Compatible_Prompt p
    {
        padding-left: 15px;
    }
}
.phone-menu0 ul, .phone-menu1 ul
{
    margin: 0;
    padding: 0;
}
.phone-menu0
{
    height: 54px;
    border-top: 1px solid #1d1d1d;
    border-bottom: 1px solid #000;
    position: fixed!important;
    bottom: 0;
    left: 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);
    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: 20%;
    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;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phone-menu0 li i
{
    background: url(../image/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.icon5
{
    background-position: 0 -101px;
}
.ShareBoxx
{
    display: none;
}
@media screen and (max-width: 600px)
{
    .ShareBoxx
    {
        display: block;
        display: none\9;
    }
}
.ShareBoxx .ShareAni
{
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
}
.ShareBoxx .ShareBoxBg
{
    filter: Alpha(opacity=0);
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../image/productBg.png) repeat;
}
.ShareBoxx .ShareBox
{
    padding: 20px;
    position: fixed;
    bottom: 54px;
    left: 0;
    z-index: 9998;
    width: 100%;
    background: url(../image/white.png) repeat;
    -webkit-transform: translateY(300px);
    -moz-transform: translateY(300px);
    -ms-transform: translateY(300px);
    -o-transform: translateY(300px);
    transform: translateY(300px);
}
.ac .ShareAni
{
    filter: Alpha(opacity=100);
    opacity: 1;
    z-index: 9997;
}
.ac .ShareBox
{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.ShareBox h3
{
    text-align: center;
    padding: 0 0 20px 0;
    font-size: 18px;
}
.ShareBox li
{
    color: #333;
    float: left;
    width: 25%;
    text-align: center;
    min-height: 100px;
}
.ShareBoxx .ShareBox li a
{
    display: block;
    float: none;
    padding-left: 0;
    width: 56px;
    height: 50px;
    margin: 0 auto 10px;
    background: url(../image/share.png) no-repeat -9px 0;
    background-size: 300px;
}
.ShareBoxx .ShareBox .jiathis_style_24x24 li a span
{
    display: none!important;
}
.ShareBoxx .ShareBox li a.weix
{
    background-position: -157px 0;
}
.ShareBoxx .ShareBox li a.ren
{
    background-position: -231px 0;
}
.ShareBoxx .ShareBox li a.qzong
{
    background-position: -84px 0;
}
.ShareBox .Cancellation
{
    border: 1px solid #ddd;
    background: url(../image/white.png) repeat;
    text-align: center;
    line-height: 40px;
    color: #333;
}
.common_top
{
    background: #fcfcfc;
    border-bottom: 1px solid #e6e6e6;
}
.common_top .maxsize
{
    max-width: 1030px;
    margin: 0 auto;
    height: 34px;
}
.common_top .top-l
{
    float: left;
    line-height: 34px;
    color: #666;
    max-width: 300px;
}
.common_top .top-r
{
    float: right;
    line-height: 34px;
    padding-right: 10px;
}
.common_top .top-r span
{
    line-height: 34px;
}
.common_top .login a
{
    line-height: 34px;
    text-decoration: none;
    padding-left: 5px;
}
.common_top a
{
    color: #666;
}
.common_top .top-r .user-exit
{
    margin-left: 10px;
}
.common_top .top-r .shopping-car
{
    margin-left: 5px;
}
.common_top a.cart, .common_top .top-r .shopping-car a
{
    padding-left: 25px;
}
.common_top .common_user_name
{
    font-weight: 600;
    padding: 0 5px;
}
.common_gototop
{
    background: url('../image/hover75.png') repeat 0 0;
    padding: 5px;
    width: 32px;
    height: 32px;
    position: fixed;
    bottom: 75px;
    right: 10px;
    display: none;
    cursor: pointer;
    z-index: 999;
}
.common_gototop img
{
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 480px)
{
    .common_gototop
    {
        display: block;
    }
    .common_top a
    {
        font-size: 16px;
    }
    .common_top .top-l
    {
        display: none;
    }
}
body .news-nr-box
{
    position: relative;
}
body .news-nr-box h3
{
    font-size: 18px;
    max-width: 70%;
    margin: 0 auto;
    text-align: center;
    line-height: 25px;
    padding: 10px 0 0;
    color: #000;
}
body .news-nr-box h6
{
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #000;
    margin: 10px 0;
    line-height: 20px;
}
body .news-nr-box p
{
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
    color: #666;
}
body .news-nr-box img
{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
body .news-nr-box iframe
{
    height: 400px;
    margin-bottom: 20px;
}
body .news-nr-box .DownloadBtn
{
    display: block;
    width: 103px;
    height: 50px;
    line-height: 50px;
    text-indent: 37px;
    background-image: url(../image/download.png);
    background-repeat: no-repeat;
    background-position: 9px 13px;
    border-radius: 5px;
    color: #fff;
    margin: 10px auto 30px auto;
}
body .news-nr-box .DownloadBtn:hover
{
    color: #fff;
    filter: Alpha(opacity=70);
    opacity: .7;
}
.pager
{
    margin: 20px 0 0;
}
.pager .next>a
{
    float: left;
}
.pager .previous, .pager .next
{
    position: relative;
}
.pager .previous>a, .pager .next>a
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #fff;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 12px;
    margin: 0 10px 15px 70px!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    text-align: left;
    max-width: 250px;
}
.pager .previous>a:hover, .pager .next>a:hover
{
    background-color: #1e82c5;
    filter: Alpha(opacity=70);
    opacity: .7;
}
.pager .previous, .pager .next
{
    width: 50%;
    overflow: hidden;
}
.table-02 th
{
    min-width: 125;
    max-width: 250px;
}
.pager .previous span, .pager .next span
{
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 70px;
    text-align: right;
}
@media screen and (max-width: 600px)
{
    .video iframe
    {
        height: auto!important;
    }
    .pager
    {
        margin: 0 15px;
    }
    .pager .previous>a, .pager .next>a
    {
        max-width: 200px;
    }
}
@media screen and (max-width: 480px)
{
    .pager .next
    {
        float: left!important;
    }
    .pager .previous, .pager .next
    {
        width: 100%;
    }
}
.photo.row
{
    padding-bottom: 20px;
    float: left;
    width: 100%;
}
.photo.row p
{
    color: #666;
    text-align: center;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.photo.row .layout_default p
{
    margin-bottom: 0;
    line-height: 20px;
    height: 20px;
}
.photo.row .col-md-3
{
    width: 23.95%;
    margin-left: 1.4%;
    margin: 0 .52% \9;
}
.photo.row .col-md-3:nth-child(4n+1)
{
    margin-left: 0;
}
.photo.row .thumbnail
{
    display: block;
    padding: 4px;
    margin-bottom: 10px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
}
.photo.row .thumbnail span
{
    position: absolute;
    font-family: "Arial";
    font-size: 20px;
    bottom: 4px;
    right: 4px;
    z-index: 3;
    width: 40px;
    height: 30px;
    text-align: center;
    background-color: rgba(0,0,0,.8);
    line-height: 30px;
}
.photo.row .thumbnail span b
{
    color: #fff;
    z-index: 4;
    font-weight: normal;
}
.photo.row .thumbnail img
{
    width: 100%;
}
@media screen and (max-width: 600px)
{
    .photo.row .col-md-3
    {
        width: 49.3%;
    }
    .photo.row .col-md-3:nth-child(2n+1)
    {
        margin-left: 0;
    }
}
.product-detail
{
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-detail .col-md-7 h3
{
    font-size: 18px;
    line-height: 25px;
    padding: 4px 0 5px 20px;
    font-family: "微软雅黑";
    margin: 0;
}
.product-detail .col-md-7 h1, .product-detail .col-md-7 .Themefont
{
    font-size: 18px;
    line-height: 25px;
    padding: 4px 0 5px 20px;
    font-family: "微软雅黑";
    margin: 0;
}
a.a-btn.a-btn1
{
    color: #fff!important;
}
table .is-standard
{
    cursor: pointer;
    border: 1px solid #ccc;
    background: #eee;
    padding: 5px 10px;
    display: inline-block;
    margin: 0 5px 5px 0;
    color: #333;
}
table .check-standard, table .checked-standard
{
    border: 1px solid #ef0000;
}
table.table-01 th
{
    width: 85px;
}
@media screen and (max-width: 600px)
{
    body .product-detail .col-md-7
    {
        padding: 0;
    }
}
body .product-detail .ProductimgBox
{
    overflow: hidden;
    width: 100%;
    position: relative;
}
body .product-detail .ProductimgBox li
{
    width: 100%;
}
body .product-detail .ProductimgBox img
{
    width: 100%;
    cursor: pointer;
    max-height: 1000px!important;
}
body .product-detail .ProductimgSmall
{
    margin: 15px 0;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    padding: 5px;
    height: 65px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body .product-detail .ProductimgSmall .ProductimgLeft, body .product-detail .ProductimgSmall .ProductimgRight
{
    display: none;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 11px;
    background: url(../image/prevBtn.png) no-repeat;
    width: 21px;
    height: 48px;
    z-index: 2;
}
body .product-detail .ProductimgSmall .ProductimgRight
{
    left: auto;
    right: 5px;
    background: url(../image/nextBtn.png) no-repeat;
}
body .product-detail .ProductimgSmall .ProductimgRight.active, body .product-detail .ProductimgSmall .ProductimgLeft.active
{
    display: block;
}
body .product-detail .ProductimgSmall:after, body .product-detail .ProductimgSmall:before
{
    content: '';
    width: 5px;
    height: 65px;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 3;
}
body .product-detail .ProductimgSmall:before
{
    right: auto;
    left: 0;
}
body .product-detail .ProductimgSmall ul
{
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
}
body .product-detail .ProductimgSmall li
{
    cursor: pointer;
    float: left;
    width: 70px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body .product-detail .ProductimgSmall li.active, body .product-detail .ProductimgSmall li:hover
{
    border: 2px solid #f00;
}
body .product-detail .ProductimgSmall li img
{
    width: 100%;
}
body .product-detail .BigImg
{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: url(../image/productBg.png) repeat;
    filter: Alpha(opacity=0);
    opacity: 0;
}
.Animate
{
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
}
body .product-detail .BigImg.active
{
    filter: Alpha(opacity=100);
    opacity: 1;
}
body .product-detail .BigImg img
{
    max-width: 60%;
    margin: 0 auto;
    max-height: 90%;
    display: none;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    filter: Alpha(opacity=0);
    opacity: 0;
}
body .product-detail .BigImg img.active
{
    filter: Alpha(opacity=100);
    opacity: 1;;
}
body .product-detail .imgBoxTable
{
    width: 100%;
    height: 100%;
    text-align: center;
}
body .product-detail .closeBigImg
{
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 40px;
    color: #fff;
    color: rgba(255,255,255,.6);
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
}
body .product-detail .left, body .product-detail .right
{
    cursor: pointer;
    display: block!important;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 20px;
    top: 0;
    width: 60px;
    height: 100%;
    background: url(../image/productLeft.png) no-repeat center;
}
body .product-detail .right
{
    left: auto;
    right: 20px;
    background: url(../image/productRight.png) no-repeat center;
}
.product-count .form-control
{
    padding: 0 12px;
    width: 60px;
    background: #fff;
    float: left;
    height: 31px;
    border-radius: 0;
    line-height: 31px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-count .input-group-addon
{
    color: #333;
    float: left;
    font-size: 20px;
    font-weight: bold;
    display: block;
    width: 31px;
    height: 31px;
    line-height: 31px;
    padding: 0 8px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.plus-count2
{
    border-left: 0;
}
.jumbotron
{
    background-color: #fff;
    text-align: center;
}
.jumbotron h3.success
{
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    background: url(404.png) no-repeat;
    padding-left: 36px;
    width: 180px;
    margin: 0 auto 30px;
}
.jumbotron a.btn-gwc
{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    border: 1px solid #e8603c;
    color: #e8603c;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 0 20px;
}
.jumbotron a.btn-js
{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    border: 1px solid #e8603c;
    color: #fff;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 0 20px;
    background-color: #e8603c;
}
.c-boder
{
    border: 1px solid #ddd;
}
.b-boder
{
    border-bottom: 1px solid #ddd;
    padding: 20px;
}
.order-p20
{
    padding: 20px;
}
.TopologyLeft .body-left
{
    float: left;
    width: 23.5%;
    margin: 12px 0 0 0;
}
.TopologyLeft .body-right
{
    float: right;
    width: 75%;
    margin: 12px 0 0 0;
}
.TopologyRight .body-left
{
    float: right;
    width: 23.5%;
    margin: 12px 0 0 0;
}
.TopologyRight .body-right
{
    float: left;
    width: 75%;
    margin: 12px 0 0 0;
}
.TopologyCenter .body-left
{
    float: none;
    clear: both;
    padding: 15px 0;
}
.TopologyCenter .body-left #ProClassLeft, .TopologyCenter .body-left #md_detailProductClass
{
    display: none;
}
#ProClass
{
    display: none;
}
.TopologyCenter #ProClass
{
    display: block;
    text-align: center;
}
.TopologyCenter .body-right
{
    float: none;
    width: 100%;
    margin: 12px 0 0 0;
}
@media screen and (max-width: 870px)
{
    .TopologyLeft .body-left
    {
        display: none;
    }
    .TopologyLeft .body-right
    {
        width: 98%;
        margin-right: 1%!important;
    }
    .TopologyRight .body-left
    {
        display: none;
    }
    .TopologyRight .body-right
    {
        width: 100%;
    }
}
#ProClass li.ac
{
    position: relative;
}
#ProClass li.ac .classBox
{
    z-index: 100;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
#ProClass li.Selection .classBox
{
    visibility: visible;
}
#ProClass li.Selection
{
    z-index: 20;
}
#ProClass li .classBox
{
    position: absolute;
    top: 35px;
    left: 0;
    width: 182px;
}
#ProClass li.ac .Classtriangle
{
    position: relative;
    padding-right: 20px;
}
#ProClass li.ac .Classtriangle:after
{
    content: '';
    position: absolute;
    right: 10px;
    top: 14px;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #333;
    -webkit-transition: all .5s linear 0s;
    -moz-transition: all .5s linear 0s;
    -ms-transition: all .5s linear 0s;
    -o-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}
#ProClass li.ac .Classtriangle:hover:after
{
    border-top-color: #fff;
}
#ProClass li.Selection .Classtriangle:after
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);-0-transform:rotate(180deg);
    transform: rotate(180deg);
}
#ProClass li .second
{
    text-indent: 10px;
}
#ProClass li a:hover, #ProClassLeft li a:hover, #md_detailProductClass li a:hover
{
    text-decoration: none;
}
#ProClass .ProClassBg
{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 19;
    background: url(../image/productBg.png) repeat;
}
#ProClass.ac .ProClassBg
{
    display: block;
}
#ProClassLeft li .second, #md_detailProductClass li .second
{
    text-indent: 10px;
}
#ProClassLeft li .classBox, #md_detailProductClass li .classBox
{
    height: 0;
    overflow: hidden;
}
#ProClassLeft li.ac .Classtriangle, #md_detailProductClass li.ac .Classtriangle
{
    position: relative;
    padding-right: 25px;
}
#ProClassLeft li.ac .Classtriangle:after, #md_detailProductClass li.ac .Classtriangle:after
{
    content: '';
    position: absolute;
    right: 10px;
    top: 14px;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #333;
    -webkit-transition: all .5s linear 0s;
    -moz-transition: all .5s linear 0s;
    -ms-transition: all .5s linear 0s;
    -o-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}
#ProClassLeft li.ac .Classtriangle:hover:after, #ProClassLeft li.ac .Themebg:after
{
    border-top-color: #fff;
}
#md_detailProductClass li.ac .Classtriangle:hover:after, #md_detailProductClass li.ac .Themebg:after
{
    border-top-color: #fff;
}
#ProClassLeft li.ac .Classtriangle.acc:after, #md_detailProductClass li.ac .Classtriangle.acc:after
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);-0-transform:rotate(180deg);
    transform: rotate(180deg);
}
#ProClassLeft li.ac .Themebg, #md_detailProductClass li.ac .Themebg
{
    color: #fff!important;
}
.TopologyCenter .Cenl
{
    float: left;
    width: 49%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0!important;
}
.TopologyCenter .ml2
{
    margin-left: 2%!important;
}
.TopologyCenter .mr2
{
    margin-right: 2%!important;
}
@media screen and (max-width: 600px)
{
    .TopologyCenter .Cenl
    {
        width: 100%;
        margin: 0!important;
    }
    .TopologyCenter .ml2
    {
        margin-top: 15px!important;
    }
    .TopologyCenter .mr2
    {
        margin-bottom: 15px!important;
    }
}
.BodyLeftTitle
{
    line-height: 35px;
    text-align: center;
    color: #fff;
}
.ClassLeftBox h3
{
    font-size: 18px;
    background-color: #e8603c;
    color: #fff;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-weight: normal;
    margin: 0;
}
.ClassLeftBox h3.title
{
    padding: 0 12px;
    text-align: left;
}
.ClassLeftBox h3.title a
{
    float: right;
    color: #fff;
    font-size: 12px;
    line-height: 38px;
}
.ClassLeftBox.p-class h3
{
    margin-bottom: 15px;
    text-align: left;
    padding: 0 12px;
}
.ClassLeftBox .product-class
{
    padding: 10px 0;
}
.ClassLeftBox .product-class li
{
    width: 100%;
    line-height: 34px;
    margin-bottom: 8px;
    background-color: #edece7;
}
.ClassLeftBox .product-class li a
{
    padding: 0 15px;
    line-height: 35px;
    display: block;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ClassLeftBox .product-class li a.second
{
    text-indent: 10px;
}
.ClassLeftBox .product-class li a:hover, .ClassLeftBox .product-class li a.Themebg
{
    color: #fff;
}
.ClassLeftBox .list-box
{
    padding: 10px 0;
}
.ClassLeftBox .list-box li
{
    text-align: left;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}
.ClassLeftBox .list-box li:before
{
    content: "．";
}
.ClassLeftBox .list-box li a
{
    color: #666;
}
.ClassLeftBox .list-box li a:hover
{
    color: #e8603c;
}
.classifiCen li
{
    display: inline-block;
    margin: 0 15px 10px 0;
}
.classifiCen li a
{
    padding: 0 15px;
    max-width: 150px;
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    display: block;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.classifiCen li a.Themebg, .classifiCen li a:hover
{
    color: #fff;
}
.TopologyCenter .ProductClassBox #ProClass
{
    display: none;
}
.TopologyCenter .ProductClassBox .ProductClassTop
{
    display: block!important;
}
.classifiCen.news_l_box .list-box li
{
    overflow: inherit;
}
.classifiCen.news_l_box .list-box li a:hover
{
    color: #fff;
}
input.text01
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.textarea01
{
    line-height: 22px;
}
@media screen and (max-width: 600px)
{
    .phone-menu0, .phone-menu1
    {
        display: block;
    }
}
@media screen and (max-width: 768px)
{
    .product-detail .jiathis_style_24x24 .jtico_jiathis
    {
        display: none!important;
    }
}
.Company_imgbox
{
    margin: 5px auto 10px auto;
    text-align: center!important;
}
.Company_imgbox img, .company-detailed-box img
{
    max-width: 100%;
    display: block;
    margin: auto;
}
.companyBox p
{
    word-wrap: break-word;
}
@media screen and (max-width: 600px)
{
    .Company_imgbox
    {
        width: 100%;
        float: none;
    }
}
.footersInformation
{
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    float: left;
}
.tpl_footers .footers .footersInformation p
{
    text-align: left;
}
.footers a
{
    word-break: break-all;
    word-wrap: break-word;
}
.footers .qr
{
    width: 20%;
    float: right;
    text-align: center;
    margin: 10px auto 0;
    position: relative;
}
.footers .qr img
{
    width: 70px;
}
.footers .qr .Big
{
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 144px;
    height: 144px;
    background: #fff;
    z-index: 2;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
}
.footers .qr:hover .Big
{
    display: block;
}
.footers .qr .Big img
{
    width: 100%;
}
.footers .Attention
{
    text-align: center;
    padding: 5px 0 10px;
}
@media screen and (max-width: 600px)
{
    .footers .qr
    {
        display: none;
        padding;
    }
    .footers .footersInformation
    {
        width: 100%;
        padding: 0 15px 70px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .tpl_footers .footers .footersInformation p
    {
        text-align: center;
    }
}
.friendBox h3
{
    color: #fff;
    font-size: 16px;
}
.friendBox li a
{
    display: block;
    font-size: 12px;
    word-break: break-all;
    word-wrap: break-word;
    background: none;
}
.friendBox li a.Custom_AuxiliaryBg
{
    padding: 10px 20px;
}
.friendBox li a:hover
{
    filter: Alpha(opacity=60);
    opacity: .6;
}
.friendLinkImg
{
    width: 72px!important;
    margin: 5px 0!important;
}
.friendLink .lineNone
{
    border: none;
}
.friendLink .lineNone:after, .friendLink .lineNone:before
{
    display: none!important;
}
body .Employment
{
    font-size: 12px;
    text-align: left;
}
.Employment h3
{
    color: #fff;
    font-size: 14px;
    padding: 10px;
}
.Employment h2
{
    color: #000;
    font-size: 14px;
    padding: 10px;
}
.Employment li
{
    padding: 5px 30px;
    color: #333;
    line-height: 21px;
}
.Employment .RequirementBox
{
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 5px;
    margin: 0 30px;
}
.Employment .RequirementBox li
{
    border-top: 1px solid #fff;
    padding: 5px 15px;
}
.Employment .RequirementBox li:first-child
{
    border: none;
}
.Employment .ml50
{
    margin-left: 30px;
}
.Employment .detailBox
{
    padding: 5px 30px;
}
.Employment .detailBox img
{
    max-width: 100%;
    margin: 0 auto;
}
.Employment .Emplimg
{
    text-align: center;
    padding: 20px 0;
}
.Employment .Emplimg img
{
    max-width: 100%;
    margin: 0 auto;
}
.SlideBox .Slidepage
{
    display: none;
    width: 100%;
}
.SlideBox .Slidepage:first-child
{
    display: block;
}
.module
{
    width: 100%;
    text-align: center;
}
.module .carousel
{
    margin: 0;
}
.module a
{
    display: block;
}
.module img
{
    max-width: 100%;
    margin: 0;
}
.module map
{
    outline: none;
}
.smallphotoBox
{
    width: 100%;
    max-width: 400px;
    min-height: auto;
    z-index: 1;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.smallphotoBox .leftArrow, .smallphotoBox .rightArrow
{
    cursor: pointer;
    width: 25px;
    height: 40px;
    background: url(../image/prevBtn.png) no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    z-index: 1001;
}
.smallphotoBox .leftArrow:hover, .smallphotoBox .rightArrow:hover
{
    filter: Alpha(opacity=60);
    opacity: .6;
}
.smallphotoBox .rightArrow
{
    left: auto;
    right: 0;
    background: url(../image/nextBtn.png) no-repeat;
}
.smallphotoBox .smallphotoUl li
{
    display: none;
}
.smallphotoBox .smallphotoUl li img
{
    width: 100%;
}
.smallphotoBox .smallphotoUl
{
    padding: 0;
}
.demo-box-hw1 .smallphotoBox .smallphotoUl
{
    display: block;
}
.smallphotoBox .smallphotoUl li:first-child
{
    display: block;
}
.smallphotoBox .smallphotoA
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
}
.demo-box-hw1 .smallphotoBox a
{
    position: static;
}
.smallphotoBox a img
{
    border: none;
    width: 100%;
}
.smallphotoBox .abgne-controls
{
    list-style: none;
    position: absolute;
    margin: 0;
    padding: 0;
    right: 10px;
    bottom: 10px;
    height: 20px;
}
.smallphotoBox .abgne-controls li
{
    float: left;
    width: 10px;
    height: 10px;
    line-height: 10px;
    cursor: pointer;
    margin-right: 3px;
    background: rgba(0,0,0,.4);
    line-height: 100px;
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: all .5s linear 0s;
    -moz-transition: all .5s linear 0s;
    -ms-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}
.smallphotoBox .abgne-controls li.current
{
    background-color: #fff;
    border-color: rgba(0,0,0,.6);
}
.form .form-horizontal .control-label
{
    float: left;
    margin-right: 10px;
    width: 100px;
    overflow: hidden;
}
.form .input-xlarge
{
    width: 70%;
    height: 28px;
    line-height: 28px;
    float: left;
    padding: 0 5px;
}
.form .control-group, .form .textarea
{
    margin-bottom: 12px;
    display: block;
}
.form .help-block
{
    color: #f00;
    line-height: 38px;
}
.form select
{
    height: 30px;
    margin-bottom: 18px;
}
.form textarea
{
    width: 70%!important;
    padding: 5px;
    display: block;
    clear: none;
}
.form select option
{
    padding: 5px;
    height: 30px;
    line-height: 30px;
}
.form .form-horizontal .checkbox, .form .form-horizontal .radio
{
    margin-left: 0;
}
.form .btn-primary
{
    border: none;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.p_artlelist
{
    margin-bottom: 15px;
}
.p_artlelist h3
{
    height: 28px;
    font-size: 18px;
    line-height: 36px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.p_artlelist h3 a
{
    float: right;
    font-size: 12px;
    color: #333;
}
.p_artlelist h3 a:hover
{
    text-decoration: none;
}
.p_artlelist ul
{
    margin: 0;
    padding: 0;
}
.p_artlelist ul li.col-md-6:nth-child(2n+1)
{
    margin-left: 0;
}
.p_artlelist ul li
{
    height: 36px;
    line-height: 36px;
    border-bottom: 1px dashed #ccc;
}
.p_artlelist ul li a
{
    font-size: 12px;
    color: #333;
    padding: 0 10px;
    display: block;
}
.p_artlelist ul li a:hover
{
    text-decoration: none;
}
@media screen and (max-width: 600px)
{
    .p_artlelist ul li
    {
        padding: 0!important;
    }
}
.pro_page
{
    display: block;
    margin-bottom: 15px;
    position: relative;
}
.pro_page b
{
    float: left;
}
.pro_page a
{
    font-size: 12px;
    color: #333;
    display: block;
}
.pro_page .pro_page_fl
{
    float: left;
    width: 50%;
}
.pro_page .pro_page_fr
{
    float: right;
    width: 46%;
}
.pro_keyword
{
    padding: 0 15px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
}
.pro_keyword a
{
    font-size: 12px;
    color: #333;
    font-weight: normal;
    margin-right: 5px;
}
.pro_page a:hover, .pro_keyword a:hover
{
    text-decoration: none;
}
.NavBoxPublic
{
    display: none;
}
.bannerEffect .tp-bullets.simplebullets.round .bullet
{
    width: 10px!important;
    height: 10px!important;
    border-radius: 30px;
    margin: 0 5px;
}
@media screen and (max-width: 870px)
{
    .NavBoxPublic, .NavBoxBg, .menu .NavBoxPublic ul.navPublic>li ul, .NavBoxPublic .TriangleBtn
    {
        -webkit-transition: all .5s ease-in-out 0s;
        -moz-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;
        transition: all .5s ease-in-out 0s;
    }
    .NavBoxPublic#NavBoxPublic
    {
        display: block;
        border-left: 3px solid #ddd;
        margin: 0;
        position: fixed;
        right: 0;
        z-index: 999;
        top: 0;
        width: 70%;
        height: 100%;
        background: #fff;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    .NavBoxPublic#NavBoxPublic.active
    {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .NavBoxBg
    {
        display: none;
        opacity: 0;
        background: url(../image/productBg.png) repeat;
        width: 100%;
        padding-right: 70%;
        height: 100%;
        position: fixed;
        z-index: 998;
        left: 0;
        top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .NavBoxBg.active
    {
        opacity: 1;
    }
    .NavBoxBg #NavBoxBtn
    {
        position: relative;
        margin: 100px auto;
        width: 40px;
        height: 40px;
        border: 1px solid #fff;
        border-radius: 50%;
        filter: Alpha(opacity=60);
        opacity: .6;
    }
    .NavBoxBg #NavBoxBtn:before, .NavBoxBg #NavBoxBtn:after
    {
        content: '';
        position: absolute;
        left: 19px;
        top: 7px;
        display: block;
        width: 1px;
        height: 27px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .NavBoxBg #NavBoxBtn:after
    {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .NavBoxPublic ul.navPublic
    {
        overflow-y: auto;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .menu .NavBoxPublic ul.navPublic li
    {
        position: relative;
        line-height: 40px;
        border-bottom: 1px solid #ddd;
    }
    .menu .NavBoxPublic ul.navPublic li a
    {
        font-size: 14px;
        display: block;
        line-height: 40px;
        padding: 0 50px 0 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .menu .NavBoxPublic ul.navPublic li .Triangle:after
    {
        display: none;
    }
    .menu .NavBoxPublic ul.navPublic>li ul
    {
        height: 0;
        width: 100%;
        padding: 0;
        overflow: hidden;
        -webkit-transition: all .5s ease-in-out 0s;
        -moz-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;
        transition: all .5s ease-in-out 0s;
    }
    .menu .NavBoxPublic ul.navPublic>li ul li
    {
        max-width: 100%;
        border: none;
        padding: 0 0 0 30px;
    }
    .menu .NavBoxPublic ul.navPublic>li ul li a
    {
        color: #fff;
    }
    .TriangleBtn
    {
        display: none;
    }
    .NavBoxPublic .TriangleBtn
    {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        z-index: 10;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }
    .NavBoxPublic .TriangleBtn:before
    {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        border-width: 0 0 1px 1px;
        border-color: #ddd;
        border-style: solid;
        margin: 12px 0 0 14px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .NavBoxPublic .TriangleBtn.active
    {
        -webkit-transform: perspective(400px) rotateX(180deg);
        -moz-transform: perspective(400px) rotateX(180deg);
        -ms-transform: perspective(400px) rotateX(180deg);
        transform: perspective(400px) rotateX(180deg);
    }
}
@media screen and (min-width: 871px)
{
    .NavBox
    {
        display: block!important;
    }
    .NavBoxPublic
    {
        display: none!important;
    }
    .menu .menu-box .nav>li ul
    {
        height: auto!important;
    }
}
@media screen and (max-width: 768px)
{
    .pro_page a
    {
        max-width: 265px;
    }
}
@media screen and (max-width: 600px)
{
    .pro_page a
    {
        max-width: 200px;
    }
    .NavBoxPublic#NavBoxPublic
    {
        height: -webkit-calc(100% - 56px);
        height: -moz-calc(100% - 56px);
        height: calc(100% - 56px);
    }
    .pro_page .pro_page_fl
    {
        float: left;
        margin-right: 0;
        width: 100%;
    }
    .pro_page .pro_page_fr
    {
        float: left;
        width: 100%;
        padding: 0;
    }
}
.main-class-save
{
    width: 600px!important;
}
@media screen and (max-width: 600px)
{
    .main-class-save
    {
        width: 300px!important;
    }
}
.main-class
{
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}
.main-class li
{
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    color: #333;
    background-color: #f2f2f2;
    display: block;
    border-top: 1px solid #fff;
    text-align: left;
}
.main-class li:first-child
{
    border-top: none;
}
.main-class li:hover
{
    background-color: #e9e9e9;
}
.main-class li input
{
    float: right;
    margin-top: 9px;
}
.main-class ul
{
    display: table;
    padding: 0 0 6px;
}
.main-class ul li
{
    float: left;
    background-color: #fff;
    border: none;
    margin-right: 6px;
    margin-bottom: 6px;
    height: 30px;
    max-width: 200px;
    overflow: hidden;
}
.main-class ul li:hover
{
    background-color: #fff;
}
.main-class ul li input
{
    margin-left: 12px;
}
.DoesNot
{
    margin: 0;
}
.nlist-box li:before
{
    position: absolute;
}
.menu .navbar-brand
{
    height: auto;
}
.menu .navbar-brand img
{
    max-height: 80px!important;
}
.menu .navbar-brand-mobile
{
    display: none!important;
}
@media screen and (max-width: 870px)
{
    .menu .navbar-brand-mobile
    {
        display: block!important;
        overflow: hidden;
    }
    .menu .navbar-brand-mobile img
    {
        max-height: 45px!important;
        margin: 10px 0!important;
    }
    .menu .navbar-brand
    {
        display: none!important;
    }
}
.bgmusic
{
    width: 32px;
    height: 32px;
    background: url(../image/play.png) no-repeat;
    z-index: 999;
    position: fixed;
    top: 24px;
    right: 15px;
}
@media screen and (max-width: 870px)
{
    .bgmusic
    {
        position: fixed;
        bottom: 72px;
        left: 15px;
        top: inherit;
    }
}
.bgrotate
{
    -webkit-animation: run 3s linear 0s infinite;
    -ms-animation: run 3s linear 0s infinite;
    -moz-animation: run 3s linear 0s infinite;
    -o-animation: run 3s linear 0s infinite;
    animation: run 3s linear 0s infinite;
}
@keyframes run
{
    from
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to
    {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@media screen and (max-width: 480px)
{
    body .news-nr-box iframe
    {
        height: 270px;
    }
}
@media screen and (max-width: 375px)
{
    body .news-nr-box iframe
    {
        height: 220px;
    }
}
@media screen and (max-width: 320px)
{
    body .news-nr-box iframe
    {
        height: 200px;
    }
}
.footermap_hw
{
    text-align: center;
    font-size: 12px;
    color: #000;
    background-color: #a2a2a2;
    display: inline-block;
    width: 100%;
    height: 28px;
    line-height: 28px!important;
}
.footermap_hw img
{
    margin-top: -4px;
}
.form-edit
{
    width: 100%;
}
.form-edit form
{
    max-width: 600px!important;
    margin: 15px auto 30px;
    position: relative;
}
.form-edit label
{
    text-align: right;
    width: 25%;
    box-sizing: border-box;
    overflow: hidden;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    float: left;
    padding-right: 8px;
}
.form-edit .form-control
{
    width: 75%!important;
    padding: 0 10px;
    box-sizing: border-box;
}
.form-edit select
{
    height: 34px;
    margin-bottom: 0;
}
.form-edit textarea
{
    width: 75%!important;
    padding: 10px;
    box-sizing: border-box;
    min-height: 72px;
    line-height: 24px;
    margin-left: 10px;
}
.form-edit .form-group
{
    margin: 0 0 10px;
}
.form-edit h1
{
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form-edit .calendar
{
    height: 36px;
    line-height: 36px;
    background-color: #ccc;
    border: none;
    border-radius: 4px;
    padding: 0 10px;
    cursor: pointer;
}
.form-edit p
{
    margin-bottom: 10px;
    line-height: 24px;
    background-color: #f2f2f2;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.form-edit .radio-group input, .form-edit .checkbox-group input
{
    width: 18px;
    float: left;
    margin-top: 12px;
}
.form-edit .radio-group label, .form-edit .checkbox-group label
{
    max-width: auto!important;
    width: auto!important;
    text-align: left;
    margin-bottom: 0;
}
.form-edit .form-horizontal .checkbox, .form-edit .form-horizontal .radio
{
    margin-left: 0;
    margin-top: 5px;
}
.form-edit .checkbox_edit .checkbox-group, .form-edit .radio_edit .radio-group
{
    padding-left: 25%;
}
.form-edit .required
{
    color: #f00;
    font-weight: bold;
}
table[align="center"]
{
    margin: 0 auto;
}
table[align="left"], table[align="right: "]
{
    margin: auto 0;
}
@media screen and (max-width: 600px)
{
    .form-edit form
    {
        margin: 15px;
    }
    .form-edit label
    {
        height: 32px;
        line-height: 32px;
        text-align: left;
        width: 100%!important;
        display: block;
    }
    .form-edit .form-control
    {
        margin: 0;
        width: 100%!important;
    }
    .form-edit .radio-group input, .form-edit .checkbox-group input
    {
        margin-top: 10px;
    }
    .form-edit .checkbox_edit .checkbox-group, .form-edit .radio_edit .radio-group
    {
        padding-left: 0;
    }
}
.pagination>li
{
    float: left;
    margin-bottom: 5px;
}
#pp
{
    width: 60px;
    border: #ddd 1px solid;
    text-align: center;
    padding: 6px 5px 7px;
    margin-left: -1px;
    border-radius: 0;
    color: #333;
    float: left;
    box-sizing: border-box;
    height: 31px;
}
#pb
{
    display: inline-block;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    margin-left: 5px;
    color: #fff;
    background-color: #428bca;
    vertical-align: top;
}
@media screen and (max-width: 870px)
{
    .page .col-lg-3, .page .col-lg-9
    {
        width: 100%;
        padding: 0;
        margin: 0;
    }
}
@media screen and (max-width: 600px)
{
    #pb
    {
        float: 100%;
    }
}
div#mbCenter
{
    min-width: 240px;
    min-height: 200px;
}
#mbTitle
{
    position: absolute;
    bottom: 10px;
}
#mbTitle
{
    display: block!important;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
}
#mbCenter
{
    min-height: 240px;
}
@media screen and (max-width: 1000px)
{
    .fieldset-style img, .news-nr-box img
    {
        max-width: 100%!important;
        height: auto!important;
    }
}
.content-box, .body-right
{
    position: relative;
}
.pw-mask-container
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(49,48,48,.98);
    text-align: center!important;
    z-index: 100;
}
.pw-mask-container div:first-child
{
    width: 100%;
    margin-top: 100px;
    font-size: 18px;
    color: #fff;
    text-align: center!important;
}
.pw-mask-container input
{
    width: 180px;
    height: 30px;
    padding: 0 10px;
    margin: 30px 0 0;
    font-size: 16px;
}
.pw-mask-container .makesure
{
    width: 100px;
    height: 35px;
    display: block;
    border: 0;
    line-height: 35px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
}
.erro-msg
{
    color: #fff;
    margin: 25px 0 10px;
}
.con_right
{
    position: relative;
}
.verify-input-258
{
    position: absolute;
    bottom: 0;
    right: 23%;
    width: 27%;
}
.verify_img-258
{
    margin-left: 15px;
    width: 40%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.form .verify-commit-258
{
    min-width: 22%!important;
}