.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: 0px;

}



.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: #666666;

}



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: 0px;

    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('/Public/Images/Font/iconfont.eot');

    /* IE9*/

    src: url('/Public/Images/Font/iconfont.eot?#iefix') format('embedded-opentype'), url('/Public/Images/Font/iconfont.woff') format('woff'), url('/Public/Images/Font/iconfont.ttf') format('truetype'), url('/Public/Images/Font/iconfont.svg#iconfont') format('svg');

}



.infontConpatible {

    font-family: "infontConpatible" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}



.icon_attishi:before {

    content: "\e600";

    margin-right: 5px;

    font-size: 24px;

}



.icon_guanbi:before {

    content: "\e601";

}



@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: 200px;

    right: 10px;

    width: 15%;

    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: 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(http://static.files.mozhan.com/Public/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.icon5 {

    background-position: 0 -101px;

}



/*白色样式*/



/*.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;}*/



.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(http://static.files.mozhan.com/Public/Images/bg/productBg.png) repeat;

}



.ShareBoxx .ShareBox {

    padding: 20px;

    position: fixed;

    bottom: 54px;

    left: 0;

    z-index: 9998;

    width: 100%;

    background: url(http://static.files.mozhan.com/Public/Images/bg/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(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

}



.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(http://static.files.mozhan.com/Public/Images/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(http://static.files.mozhan.com/Public/Images/bg/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('/Public/Images/hy/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;

    overflow: hidden;

    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(http://static.files.mozhan.com/Public/Images/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: 0.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: 0.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: 0px;

    top: 0px;

    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 0.52% \9;

}



/*解决IE8兼容兼容问题*/



.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, 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(http://static.files.mozhan.com/Public/Images/prevBtn.png) no-repeat;

    width: 21px;

    height: 48px;

    z-index: 2;

}



body .product-detail .ProductimgSmall .ProductimgRight {

    left: auto;

    right: 5px;

    background: url(http://static.files.mozhan.com/Public/Images/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 red;

}



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(http://static.files.mozhan.com/Public/Images/bg/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(http://static.files.mozhan.com/Public/Images/productLeft.png) no-repeat center;

}



body .product-detail .right {

    left: auto;

    right: 20px;

    background: url(http://static.files.mozhan.com/Public/Images/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(http://static.files.mozhan.com/Public/Images/Member/gwc.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;

}



/*----------------所有模板公共样式end----------------*/



/*统一内页结构*/



.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 0px;

}



.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(http://static.files.mozhan.com/Public/Images/bg/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;

    }

}



/*----统一footer---*/



.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 0px;

    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: 0.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: 0px;

}



.module map {

    outline: none;

}



/*小banner样式*/



.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(http://static.files.mozhan.com/Public/Images/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: 0.6;

}



.smallphotoBox .rightArrow {

    left: auto;

    right: 0;

    background: url(http://static.files.mozhan.com/Public/Images/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);

}



/*--hw-form公共样式20151109--*/



.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: red;

    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: 0px;

}



.form .btn-primary {

    border: none;

    width: 80px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    display: block;

    margin: 0 auto;

}



/*公共的相关资讯样式20151222--黄琬*/



.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;

    }

}



/*公共相关产品关键字和上一篇下一篇20151222--黄琬*/



.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;

}



/*banner点点*/



.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(/Public/Images/bg/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: 0.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: 0px;

        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;

}



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



/*针对所有模板文章搜索结果调整样式-20160426-hw*/



.DoesNot {

    margin: 0px;

}



.nlist-box li:before {

    position: absolute;

}



/*关于pc和手机端logo设置*/



.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;

    }

}



/*针对模板banner

#mobile_banner_content{ display: none !important;}

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

  #mobile_banner_content{display:block !important;}

  #pc_banner_content{ display:none !important;}

}

*/



.bgmusic {

    width: 32px;

    height: 32px;

    background: url(../Images/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;

    }

}



/*底部添加云建站，免费建站提示-20160824黄琬*/



.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;

}



/*自定義表單公共樣式20161027*/



/*基础值*/



.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: 0px 10px;

    box-sizing: border-box;

}



.form-edit select {

    height: 34px;

    margin-bottom: 0px;

}



.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: 0px 0px 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: 0px;

    margin-top: 5px;

}



.form-edit .checkbox_edit .checkbox-group,

.form-edit .radio_edit .radio-group {

    padding-left: 25%;

}



/*必选*/



.form-edit .required {

    color: red;

    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;

    }

}



/*翻页新加跳转输入框和按钮hw20161221*/



.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: 0px;

    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: 0px;

    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) {

    .pagination>li:last-child {}

    #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, 0.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;

}