* {-webkit-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: " ",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 320px;background: #fff;color: #333;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.menu{height:58px;line-height:58px;}
.menu ul li{ float:left; position:relative; z-index:999; width:120px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:45px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:14px;color:#fff; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#666;color:#fff;}

.datu img{ width:100%; margin:20px auto;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
ul {margin: 0;list-style: none;padding: 0;}
.inside_con{ padding:10px; min-height:400px;}
.lei{ margin-top:30px;}
.zuozuo{ float:left; width:700px;}
.zuozuo img{ width:700px;}
.youyou{ float:right; width:450px;}
.youyou h2{ display:block; font-size:22px; color:#000; height:28px; line-height:28px;}
.youyou ul li{ height:30px; line-height:30px; border-bottom:1px dashed #ccc; font-size:15px; color:#000;}
.goumai{ float:right; width:150px; height:40px; line-height:40px; background:#f00; margin-top:20px;}
.goumai a{ display:block; text-align: center; color:#fff; font-size:16px;}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
  .mzhanwei{display:none;}
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
  #spshow{display: none;
  }
  #sjshowsp{display: none;
  }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}
@-ms-viewport {
    width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
	.zuozuo{ float:none; width:100%;}
	.zuozuo img{ width:100%;}
	.youyou{ float:none; width:96%; margin:0 auto;}
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
  .none{display:none;}
  .mzhanwei{height:40px;}
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
         !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-print {
    display: none !important;
}
@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}
.visible-print-block {
    display: none !important;
}
@media print {
    .visible-print-block {
        display: block !important;
    }
}
.visible-print-inline {
    display: none !important;
}
@media print {
    .visible-print-inline {
        display: inline !important;
    }
}
.visible-print-inline-block {
    display: none !important;
}
@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
}

.container pc_logo{width:100%;margin:0 auto;}
.container {width: 1200px;margin: 0 auto;}

.header .logo {font-size: 0;text-align: center;}
.header .logo img {vertical-align: middle;}
.header .nav {background-color: #231816;color: #fff;}
.header .nav li {float: left;width: 12.5%;}
.header .nav li a {display: block;text-align: center;font-size: 16px;line-height: 58px;}

.banner .item {overflow: hidden;}
.banner .item img {display: block;width: 100%;height: auto;}
.banner-opt {position: relative;margin-top: 15px;margin-bottom: 30px;}
.banner-opt .arr {position: absolute;width: 60px;height: 60px;top: 32px;}
.banner-opt .arr img {display: block;width: 100%;height: 100%;}
.banner-opt .prev {left: 0;}
.banner-opt .next {right: 0;}
.banner-opt ul {margin: 0 80px;}
.banner-opt li {float: left;width: 20%;padding: 0 7px;cursor: pointer;}
.banner-opt li .m img {display: block;width: 100%;height: auto;}
.banner-opt li .text {text-align: center;margin-top: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.title-1 {padding: 60px 0 80px;text-align: center;font-size: 0;}
.title-1 h4 {position: relative;margin: 0;font-weight: normal;display: inline-block;}
.title-1 h4 .icon {position: absolute;}
.title-1 h4 .c1 {left: -120px;top: 10px;}
.title-1 h4 .c2 {right: -145px;bottom: -33px;}
.title-1 span {display: block;font-size: 18px;background-color: #231816;color: #fff;padding: 20px 40px;position: relative;}

.title-2 {padding: 40px 0;}
.title-2 img {display: block;margin: 0 auto;}
.title-2 p {margin: 30px 0 0;text-align: center;line-height: 2;}

.list-1 {margin: 50px 0 30px;}
.list-1 a {display: block;margin-bottom: 20px;}
.list-1 .m {padding-top: 80%;background: no-repeat center;background-size: cover;}
.list-1 .text {text-align: center;font-size: 24px;margin-top: 30px;}

.sjsysp {display: block;}
.sjsysp img {display: block;width: 100%;height: auto;}

.footer {background-color: #231816;color: #fff;padding-top: 30px;}
.footer a {color: #fff;}
.footer-nav {float: left;width: 50%;text-align: center;}
.footer-nav dl {float: left;margin: 0;width: 33%;}
.footer-nav dt {font-size: 18px;margin: 20px 0 10px;background: url(../images/ico3.png) no-repeat 0 bottom;}
.footer-nav dd {margin: 0;}
.footer-nav dd p {margin: 0;line-height: 35px;font-size: 16px;}
.footer-ewm {float: right;}
.footer-ewm li {float: left;margin-left: 30px;text-align: center;}
.footer-ewm li p {margin: 20px 0;font-size: 16px;}
.footer-ewm li img {display: block;margin: 0 auto;}
.footer-copy {text-align: center;padding: 10px 0;font-size: 12px;margin-top: 30px;color: #6D6D6D;border-top: 1px solid #6D6D6D;}

.mendian {width: 100%;}
.mendian dl {width: 100%;}
.mendian dt {display: inline-block;padding: 0 25px;margin-bottom: 30px;}
.mendian dd {overflow: hidden;}
.mendian dd p {float: left;width: 20%;text-align: left;}

.footer-fix {position: fixed;bottom: 0;left: 0; width: 100%;z-index: 100;background-color: #231816;color: #fff;}
.footer-fix a {color: #fff;float: left;width: 50%;text-align: center;line-height:3;border-left: 1px solid #fff; height: 100%;}
.footer-fix a:first-child {border: 0;}

.about-desc {overflow: hidden;padding-top: 110px;max-width: 910px;margin: 0 auto;}
.about-desc dt {float: left;}
.about-desc dt img {display: block;margin: 0 auto;}
.about-desc dd {margin-left: 254px;line-height: 2;text-align: justify;padding-top: 30px;}

.arrowbox{position:relative;border:1px solid #ddd;padding:10px;}
.arrowbox:before,
.arrowbox:after{position:absolute;content:" ";width:0;height:0;top: 76px;border:10px solid transparent;left:100%;pointer-events:none;}
.arrowbox:before{border-left-width:11px;border-left-color:#ddd;}
.arrowbox:after{border-width:9px;border-left-width:10px;border-left-color:#fff;margin-top: 1px;}
.arrowbox-r:before,.arrowbox-r:after {left: auto;right: 100%;}
.arrowbox-r:before {border-left-width:0;border-right-width:11px;border-right-color:#ddd;}
.arrowbox-r:after {border-left-width:0;border-right-width:10px;border-right-color:#fff;}

.about-dajishi {position: relative;}
.about-dajishi img {display: block;margin: 0 auto;}
.about-dajishi .item {position: absolute;padding: 50px;text-align: justify;font-size: 18px;width: 500px;background-color: #fff;}
.about-dajishi .item-1,.about-dajishi .item-3,.about-dajishi .item-5,.about-dajishi .item-7,.about-dajishi .item-9 {left: 0;}
.about-dajishi .item-2,.about-dajishi .item-4,.about-dajishi .item-6,.about-dajishi .item-8 {right: 0;}
.about-dajishi .item-1 {top: 84px;}
.about-dajishi .item-2 {top: 293px;}
.about-dajishi .item-3 {top: 512px;}
.about-dajishi .item-4 {top: 722px;}
.about-dajishi .item-5 {top: 941px;}
.about-dajishi .item-6 {top: 1160px;}
.about-dajishi .item-7 {top: 1382px;}
.about-dajishi .item-8 {top: 1600px;}
.about-dajishi .item-9 {top: 1815px;}

.about-team {max-width: 910px;margin: 0 auto;}
.about-team dl {margin: 0 0 40px;overflow: hidden;}
.about-team dt {float: left;width: 408px;height: 458px;background: no-repeat center;background-size: cover;}
.about-team dd {margin-left: 458px;padding-top: 10px;}
.about-team dd h4 {font-size: 18px;margin: 0 0 10px;font-weight: normal;}
.about-team dd .desc {color: #8D7058;line-height: 2;padding: 30px 0;border-bottom: 1px dashed #231816;}
.about-team dd p {font-size: 16px;margin: 50px 0 0;line-height: 50px;}

.list-2 .item {margin-bottom: 30px;}
.list-2 img {display: block;width: 100%;height: auto;}
.list-2 p {padding: 5px 5px;margin: 0;color: #7F7F7F;}

.line {margin: 30px 0;border-bottom: 1px dashed #231816;}

.jiameng-form {max-width: 430px;margin: 0 auto 30px;}
.jiameng-form .input {display: block;width: 100%;border: 1px solid #ddd;margin-bottom: 10px;font-size: 14px;padding: 8px 12px;}
.jiameng-form button {cursor: pointer;border: 0;background-color: #231816;color: #fff;font-size: 14px;line-height: 30px;width: 110px;display: block;margin: 0 auto;}

.ct2 {margin: 30px 0;}
.ct2-sd {float: left;width: 240px;}
.ct2-mn {float: right;width: 900px;}

.panel {margin-bottom: 20px;}
.panel-hd {background-color: #010000;color: #fff;padding: 15px 20px;font-size: 16px;}
.panel-hd .icon {float: right;height: 16px;margin-top: 3px;}
.panel-bd {border: 1px solid #ddd;border-top: 0;}

.lanmu li {border-bottom: 1px solid #ddd;}
.lanmu li:last-child {border-bottom: 0;}
.lanmu li a {display: block;line-height: 50px;padding: 0 20px;font-size: 16px;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.lanmu li a:hover {color: #369;}
.lanmu-m {margin: 0 -10px 20px;}
.lanmu-m li {float: left;width: 20%;    margin-bottom: 8px; margin-top: 8px;  border: 1px dotted #757575;border-bottom: none; border-top: none;    line-height: 1;}
.lanmu-m li a {display: block;text-align: center;color: #000; border-radius: 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap ;}

.list-3 li {border-bottom: 1px solid #ddd;}
.list-3 li:last-child {border-bottom: 0;}
.list-3 li a {display: block;padding: 10px;overflow: hidden;}
.list-3 li .m {float: left;width: 80px;}
.list-3 li .m img {display: block;width: 100%;height: auto;}
.list-3 li .text {margin-left: 90px;}
.list-3 li .text h4 {margin: 0 0 5px;font-weight: normal;height: 40px;overflow: hidden;}
.list-3 li .text .price {color: #A21729;}

.list-4 li {margin-bottom: 30px;}
.list-4 li a {display: block;}
.list-4 li .m {border: 1px solid #ddd;font-size: 0;position: relative;padding: 0 0 80%;}
.list-4 li .m img {position: absolute;max-width: 100%;max-height: 100%;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.list-4 li .text {margin-top: 15px;text-align: center;}
.list-4 li .text h4 {margin: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list-4 li .text .price {color: #A21729;font-weight: bold;font-size: 16px;}

.pages {text-align: center;font-size: 0;margin: 20px 0;}
.pages a {display: inline-block;border: 1px solid #ddd;padding: 6px 12px;font-size: 14px;margin: 3px;}
.pages a:hover {background-color: #f1f1f1;}
.pages a.active {background-color: #000;border-color: #000;color: #fff;}

.prd-detail-show {margin-top: 50px;}
.prd-detail-show .cover {float: left;width: 450px;}
.prd-detail-show .cover img {display: block;width: 100%;height: auto;}
.prd-detail-show .info {float: right;width: 620px;}
.prd-detail-show .info h1 {margin: 0 0 10px;font-size: 20px;}
.prd-detail-show .info .price {color: #A21729;font-size: 26px;}
.prd-detail-show .info .btn {display: inline-block;margin: 20px 30px 0 0;line-height: 48px;width: 182px;border: 2px solid #8a6d3b;font-size: 16px;text-align: center;}
.prd-detail-show .info .btn:hover {background-color: #957f28;color: #fff;}
.prd-detail-show .info ul {margin-top: 30px;}
.prd-detail-show .info li {float: left;width: 50%;border-bottom: 1px solid #ddd;line-height: 50px;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.list-5 li {border-bottom: 1px solid #ddd;}
.list-5 li a {display: block;padding: 30px 0;overflow: hidden;}
.list-5 li .date {float: left;width: 102px;color: #fff;background-color: #918582;line-height: 46px;text-align: center;font-size: 16px;}
.list-5 li .date span {display: block;line-height: 60px;background-color: #231816;font-size: 24px;}
.list-5 li .m {float: left;width: 240px;height: 170px;line-height: 168px;font-size: 0;text-align: center;border: 1px solid #ddd;margin-left: 30px;}
.list-5 li .m img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto;height: auto;}
.list-5 li .text {margin-left: 402px;}
.list-5 li .text h4 {font-weight: normal;font-size: 16px;margin: 15px 0;}
.list-5 li .text p {line-height: 2;color: #757575;margin: 10px 0;}
.list-5 li .text .more {width: 100px;line-height: 30px;display: block;color: #fff;font-size: 12px;background-color: #231816;text-align: center;}
.list-5 li .text .pic {overflow: hidden;margin-left: -1px;margin-bottom: 10px;}
.list-5 li .text .pic img {float: left;width: 33.333333%;height: auto;padding-left: 1px;}
.list-5 li .text .time {color: #999;font-size: 12px;}
.list-5 li a:hover {color: #336699;}

.detail {padding: 100px 0;background-color: #D9D9D9;}
.detail-wrap {background-color: #fff;padding: 0;}
.detail-title {position: relative;padding-top: 40%;background: no-repeat center;background-size: cover;}
.detail-title .wrap {padding: 40px 80px 30px;position: absolute;bottom: 0;width: 100%;left: 0;background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.701961)));background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.701961) 100%);color: #fff;}
.detail-title .wrap h1 {margin: 0;font-size: 36px;font-weight: normal;}
.detail-content {line-height: 1.8;margin-bottom: 30px;}
.detail-content img {max-width: 100%;height: auto;}
.detail .detail-content {padding: 30px 15px;width: 75%;margin: 0 auto;}

    #spshow {
        display: none;
    }

.m_logo {
    display: none;
    width: 30%;
    background: #fff;
    float: left;
    overflow: hidden;
}

.lr_m_banner {
    display: none;
}
.banner_btn {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 9;
    bottom: 10px;
    overflow: hidden;
}
.banner_btn a {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    text-indent: -999px;
    overflow: hidden;
    margin: 0 3px;
    overflow: hidden;
    cursor: pointer;
    background: #eee;
    opacity: .4;
    margin: 0 5px;
    border: solid 2px #FFFFFF;
}
.m_banner {
    display: none;
    line-height: 0;
}
.lr_m_menu {
    width: 90%;
    margin: 0 5%;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: none;
    border: 1px solid #333;
    border-radius: 5px;
}
.lr_m_menu a{
    color: #333;
    float: left;
    width: 33%;
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #333;
}
.lr_m_menu a:first-child{
    border-left: none;
}
.lr_m_menu a.active {
    color: red;
    
}

.footer-fix a.active {
        background: #7d7d7d;
    color: #fff;
}










@media screen and (max-width: 991px) {
    .container {width: 750px;}
    .header .nav li a {font-size: 14px; color:#fff;}

    .footer-nav dt {font-size: 16px;}
    .footer-nav dd p {font-size: 14px;}
    .footer-ewm li img {width: 80px;height: auto;}

    .about-desc dd {margin-left: 200px;padding-top: 10px;}

    .about-dajishi .item {width: 300px;padding: 30px;}

    .about-team dd p {line-height: 2;}

    .banner-opt .arr {width: 30px;height: 30px;top: 24px;}
    .banner-opt ul {margin: 0 30px;}

    .ct2-sd {width: 100%;}
    .ct2-mn {width: 500px;}

    .prd-detail-show .cover {float: none;width: auto;}
    .prd-detail-show .cover img {display: block;width: auto;max-width: 100%;height: auto;margin: 0 auto;}
    .prd-detail-show .info {margin-top: 20px;float: none;width: auto;text-align: center;}
    .prd-detail-show .info .btn {margin-left: 10px;margin-right: 10px;}
    .prd-detail-show .info ul {text-align: left;}

    .list-5 li .m {float: none;margin-left: 132px;}
    .list-5 li .text {margin: 20px 0 0;}

    .mendian dd p {width: 33.333333%;}
}
@media screen and (max-width: 767px) {
    body {padding-bottom: 40px;}

    .container {width: auto;}
    .header .logo img {height: 30px;width: auto;}
    .header .nav .container {padding: 0;}
    .header .nav li {width: 25%;padding: 0 5px;margin-bottom: -1px;border-right: 1px solid rgba(255,255,255,.3);}
    .header .nav li a {line-height: 34px;border-bottom: 1px solid rgba(255,255,255,.3);font-size: 12px;}

    .about-desc {padding-top: 50px;}
    .about-desc dt {float: none;}
    .about-desc dt img {width: 67px;}
    .about-desc dd {margin: 20px 0 0;}

    .title-1 {padding: 40px 0;}
    .title-1 span {font-size: 14px;padding: 10px 12px;}
    .title-1 h4 .icon {width: 176px;}
    .title-1 h4 .c1 {top: -14px;left: 32px;}
    .title-1 h4 .c2 {right: 26px;bottom: -13px;}

    .title-2 {padding: 25px 0;}
    .title-2 img {width: 67px;height: auto;}
    .title-2 p {margin-top: 20px;}

    .about-team dt {float: none;width: 100%;height: 0;padding-top: 120%;}
    .about-team dd {margin: 20px 0 0;}
    .about-team dd .desc {padding: 10px 0;}
    .about-team dd p {margin-top: 20px;}

    .banner-opt {margin: 0;}
    .banner-opt .arr {display: none;}
    .banner-opt ul {margin: 0 -15px;}
    .banner-opt li {float: none;width: auto;padding: 0;margin-bottom: 20px;}

    .ct2-mn {width: auto;float: none;}

    .list-4 {overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
    .list-4 li {padding: 0;margin: 0;}
    .list-4 li a {border: 1px solid #ddd;margin: -1px;background-color: #fff;padding: 10px 0;}
    .list-4 li .m {border: 0;}

    .prd-detail-show .info h1 {font-size: 16px;}
    .prd-detail-show .info .btn {font-size: 14px;width: 130px;line-height: 36px;}
    .prd-detail-show .info li {font-size: 12px;}

    .list-5 li a {padding: 20px 0;}
    .list-5 li .text,.list-5 li .text h4 {margin-top: 0;}

    .detail {padding: 0;}
    .detail-title .wrap {padding: 20px 10px;}
    .detail-title .wrap h1 {font-size: 22px;}
    .detail .detail-content {width: auto;}
  	.video_keDKQF{width:  100%; height: auto; }
  	.video_keDKQF[poster]{width:  100%; height: auto; }
}

#max_img  img {
    max-width: 100%;
}

.banner .item {
    position: relative;
}
.banner .item i {
    width: 50px;
    height: 46px;
    position: absolute;
    top: 30%;
    left: 45%;
    background: url(../images/bofang.png) no-repeat center;
    background-size: 100%;
    border-radius: 50%;
    opacity: .5;
}

.pages .pagination a {
    height: 28px;
    margin-top: 0;
}
.pages .pagination p {
    height: 28px;
}
.pages .pagination a.cur {
    border: none;
    background: #000;
    color: #fff;
}
.pages .pagination a:hover {
    color: #000;
    background: white;
    border: 1px #000 solid;
}


.shipinshow {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(35,24,21,0.7);
    top: 0;
    left: 0;
}
.shipinshow_content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 5%;
}
.shipinshow_content_text {
    width: 100%;
    background: #fff;
    padding: 50px;
    position: relative;
}
.shipinshow_content_text video {
    width: 100%;
}


.glyphicon {
    width: 30px;
    height: 29px;
    float: right;
    position: absolute;
    top: 5px;
    right: 55px;
    cursor: pointer;
    background: url(../images/closed.png) no-repeat center;
}

.container .owl-carousel {
    height: 500px;
    overflow: hidden;
}
.banner-opt li .m  img {
    width: 100%;
    height: 120px;
}
.m_menu {
    display: none;
}
@media screen and (max-width: 767px){
 
  
  
  
  .index{height:100%;}
    .banner-opt li .m  img {
        width: 100%;
        height: auto;
    }
    .list-5 li .text p {
        display: none;
    }
    .header .nav li {
        width: 33.33%;
    }
    .menu {
        display: none;
    }

    .m_menu {
        display: block;
    }
    #sphide {
        display: none;
    }
    #spshow {
        display: block;
    }
    .m_nav {
        width: 70%;
        float: right;
        overflow: hidden;
    }
    .m_menu {
        width: 100%;
    }
    .header .nav .m_menu li {
        width: 50%;
    }
    .m_logo {
        display: block;
    }
    .pc_logo {
        display: none;
    }
    .m_wrap {
        width: 100%;
        height: 100%;
    }
    .owl-carousel {
        display: none;
    }
    .lr_m_banner {
        overflow: hidden;
        width: 100%;
        display: block;
        height: 100%;
    }
    .lr_m_banner li {
        width: 100%;
        height: auto;
    }
    .lr_m_banner img {
        width: 100%;
        height: auto;
    }
    .banner_btn a.in {
        background: #000;
        opacity: 1;
    }
    .footer-fix a {
        width: 33%;
    }
    .m_banner {
        display: block;
    }
    .m_banner img {
        width: 100%;
        height: auto;
    }
    .lr_m_menu {
        display: block;
    }
    .list-5 li .text h4 {
        margin-bottom: 8px;
    }
    .list-5 li a {
        padding: 8px 0;
    }
    .list-5 li .text .pic {
        margin-bottom: 8px;
    }
    .detail .detail-content {
        padding-top: 10px;
    }
    .detail-title {
        background: none!important;
        padding-top: 0;
    }
    .detail-title .wrap {
        position: relative;
        background: none;
        padding-bottom: 15px;
    }
    .detail-title .wrap h1 {
        color: #333;
        font-weight: bold;
    }
    .list-4 li .text h4 {
        font-weight: normal;
    }
    .promlist>.ct2 {
        margin-top: 0px;
    }
    .lanmu-m {
        margin-bottom: 0px;
        background-color: #f1f1f1;
          padding: 15px;
    }
    .list-4 li .text {
        margin-top: 5px;
        padding-left: 4%;
        text-align: left;
    }
    .procontent {
        margin-top: 15px;
    }
    .procontent p {
        margin: 0;
        line-height: 0;
    }
    .xiz_text {
        width: 100%;
    }
    .xiz_text h3 {
        font-size: 28px;
        font-weight: bold;
        color: #000;
        display: block;
        text-align: center;
        margin-bottom: 0;
        margin-top: 30px;
        line-height: 100%;
    }
    .xiz_text span {
        font-size: 20px;
        font-weight: bold;
        color: rgb(192, 0, 0);
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
    .xiz_text  p {
        font-size: 14px;
        color: #333;
        text-align: left;
        margin: 10px 0;
    }
    .xiz_text  img {
        max-width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .line_xian {
        display: block;
        width: 90%;
        margin: 0 auto;
        height: 5px;
        border-top: 1px solid #666;
        border-bottom: 1px solid #666;
        margin-top: 7px;
        margin-bottom: 12px;
    }
    .header .nav .m_menu li {
        margin-bottom: 0;
    }
    .header .nav .m_menu li.active {
        background: #7d7d7d;
        color: #fff;
    }
    .header .nav .m_menu li.active a {
        color: #fff;
    }
    #spshow .text {
        line-height: 100%;
        margin-bottom: 12px;
    }
    .prd-detail-show .info h1 {
        text-align: left;
    }
    .prd-detail-show .info .price {
        text-align: left;
    }
}









.lanmu-m li a.active {
     color: #a03341;  
}

.flink_tit {}
.flink_tit p{
    width: 50px;
    height: 4px;
    background: #000;
    margin: 0;
}
.flink_tit span{
    font-size: 24px;
    margin-top: 30px;
    color: #000;
    padding-bottom: 8px;
    display: block;
    text-align: left;
}
.flink_list {
    width: 100%;
    padding-bottom: 15px;
    margin-top: 15px;
}
.flink_list ul{}
.flink_list li{
    float: left;
}
.flink_list li a{
    float: left;
    font-size: 14px;
        margin-right: 20px;
    margin-bottom: 8px;
    line-height: 30px;
}


@media screen and (max-width: 325px){
    .line_xian {
        margin-top: -2px;
        margin-bottom: 2px;
    }
}