@font-face {
  font-family: 'PT Sans Narrow Bold';
  src: url('../PT_Sans-Narrow-Web-Bold.ttf');
}
@font-face {
    font-family: 'PT Sans Narrow';
    src: url('../pt_sans_narrow.ttf');
}

@font-face {
  font-family: 'Franklin Gothic Medium Cond';
  src: url('../Franklin Gothic Medium Cond.ttf');
}

/*body,
.container{min-width: 1230px;}*/

.ptsans-nb{font-family: "PT Sans Narrow Bold",sans-serif;}
.franklin{font-family: "Franklin Gothic Medium Cond",sans-serif;}

ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img{
    line-height:20px;
}
a,
a:active,
a:hover,
a:focus {
  text-decoration: none;
}
a,
p.div,
span,
li {
  font-family: Arial;
}
a,
p.div,
span,
li {
    font-family: Arial;
}
.wraper {
  height: 100%;
}

.btn-danger {
    background: #D20220;
}
a:hover{color:#333;}
/*整体*/
.bac0{background-color:#fff;}
.pr{position:relative;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vtt{vertical-align:text-top;}
.tr{text-align:right;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs26{font-size:26px;}
.dib{display:inline-block;}
.w200{width:200px;}
.dno{display:none;}
.c01{color:#333;}
.c02{color:#888;}
.c03{color:#67C23A;}
.c04{color:#D20220;}
.c05{color:#c7c7c7;}
.c06{color:#cbcbcb;}
.fwb{font-weight:bold;}
.ptlr20{padding-top:20px;padding-left:20px;padding-right:20px;}
.bt01{border-top:solid 1px #C7C7C7;}
.b01{border:solid 1px #DBDBDB;}
.ofh{overflow:hidden;}

.mt10{margin-top:10px;}
.select-reason{padding:7px 10px;width:100%;border-color:#ccc;}
.input-reason{height:35px;width:100%;line-height:35px;padding-left:10px;border:solid 1px #ccc;box-shadow:none;}

.example {
    line-height: 34px;
    color: #888888;
}

.mypage{
    text-align:right;
}
.mypage .pagination li a{
    margin-left:6px;
    padding:3px 10px;
    border-color:#DDDDDD;
    background-color:transparent;
    color:#888;
    border-radius:2px;
}
.mypage .pagination .curr a{
    background:rgba(210,2,32,1);
    color:#fff;
    border-color:rgba(210,2,32,1);
}

/*滚动条*/

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.myscroll::-webkit-scrollbar
{
	width: 7px;
	background-color: #EBEBEB;
    border-radius: 10px;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.myscroll::-webkit-scrollbar-track {
    border-radius: 10px;
}
 
/*定义滑块 内阴影+圆角*/
.myscroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #BCBCBC;
}

/*头部*/
.head {
  position: relative;
  background: #1e1d1c!important;
}
.head .white {
  margin-left: -15px;
  margin-right: -15px;
  height: 65px;
  background: #fff;
  width: 562px;
  position: absolute;
}
.head .navbar {
  margin-bottom: 0;
  text-align: center;
  background-color: #1e1d1c;
  border: 0;
  border-radius:0;
}
.head .navbar-brand {
  height: 35px;
  padding:0;
  margin-top:17px;
}
.head .navbar .container-fluid {
  padding-left: 0;
}
.navbar-default .navbar-toggle .icon-bar {
    //background-color: #ddd;
}
.navbar-toggle {
    padding: 7px;
    margin-top:11px;
}
.navbar-toggle .icon-bar {
    width: 18px;
    height: 1px;
}
.navbar-collapse{
  text-align: left;
}
.navbar-default .navbar-collapse{
  height:110px!important;
}
.head-menu {
    position: relative;
    z-index: 10;
}
.head .navbar-nav.head-menu>li>a {
  color: #fff;
  font-size: 17px;
  background-color: #1e1d1c;
  font-family:"Franklin Gothic Medium Cond", sans-serif;
  height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 70px;
  letter-spacing: 1px;
}
/*.head .navbar-default .head-menu>li>a:hover {
    color: #e1171f;
    background-color: #1e1d1c;
}*/
.head .head-menu ul {
  text-align: center;
}
.head-menu .dropdown{
    position:initial;
}
.head-menu .dropdown-menu {
    /*display: block;*/
    /*opacity: 0;*/
    width: 750px;
    height: 240px;
    overflow:hidden;
    padding: 50px 15px 0 15px;
    border:none;
    border-radius:0;
    /*transition: all .5s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;*/
}
.head-menu .active .dropdown-menu {
    display: block;
    background: url(/images/nav-bg.jpg);
    box-shadow: 0 6px 6px rgba(0,0,0,.175);
}
.head .head-menu .dropdown.active > a, .head .head-menu .dropdown.active > a:hover {
    background: url(/images/nav-bg.jpg);
    color: #333;
}
/*.head-menu .dropdown:hover .dropdown-menu {
    opacity:1;
    height:235px;
}*/
.head-menu .dropdown-menu li {
    position: relative;
    float: left;
    width: 118px;
    text-align: center;
}
.head-menu .dropdown-menu:not(.dropdown-menu--big) li:not(:first-child)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    display: block;
    width: 1px;
    height: 15px;
    background-color: #bdbdbd;
}
.head-menu .dropdown-menu li>a{
    padding:3px 10px;
}
.head-menu .dropdown-menu span {
    display: block;
    width: 100%;
    height: 62px;
    margin-bottom: 40px;
    background-repeat:no-repeat;
}
.head-menu .dropdown-menu a:hover{
    background-color:transparent;
}
.head-menu .nav-grills span {
    background-image: url(/images/Grills_icon.png);
    background-position-y: -52px;
}
.head-menu .nav-grills a:hover span{
    background-position-y: -132px;
}
.head-menu .icon_gas{
    background-position-x: -31px;
}
.head-menu .icon_charcoal{
    background-position-x: -145px;
}
.head-menu .icon_portable{
    background-position-x: -266px;
}
.head-menu .icon_griddle{
    background-position-x: -389px;
}
.head-menu .icon_combo{
    background-position-x: -509px;
}
.head-menu .icon_smoker{
    background-position-x: -629px;
}

.head-menu .nav-accessories span {
    background-image: url(/images/Accessories_icon.png?20201210);
    background-position-y: -47px;
}
.head-menu .nav-accessories a:hover span{
    background-position-y: -127px;
}
.head-menu .icon_covers{
    background-position-x: -25px;
}
.head-menu .icon_utensils{
    background-position-x: -143px;
}
.head-menu .icon_cookware{
    background-position-x: -266px;
}
.head-menu .icon_tools{
    background-position-x: -387px;
}
.head-menu .icon_accessories{
    background-position-x: -505px;
}
.head-menu .icon_parts{
    background-position-x: -624px;
}

.head-menu .dropdown-menu--big {
    height: 260px;
    padding:20px 20px 0 20px;
}
.head-menu .dropdown-menu--big > li {
    text-align:left;
    padding-left:30px;
}
.head-menu .dropdown-menu--big.dropdown-menu li{
    text-align:left;
}
.head-menu .dropdown-menu--big.dropdown-menu li li{
    float:none;
    width:auto;
    margin-top:5px;
    line-height:22px;
}
.head-menu .dropdown-menu--big.dropdown-menu li>p{
    font-size:20px;
    font-family:Franklin Gothic Medium;
    font-weight:bold;
    color:#252525;
    line-height:33px;
}
.head-menu .dropdown-menu--big.dropdown-menu li a{
    padding:0;
}
.head-menu .dropdown-menu--big li a p
{
    font-family: "PT Sans Narrow Bold",sans-serif;
    font-size:16px;
    color: #D20220;
    line-height:18px;
    background-color:#fff;
    text-align:center;
    padding:15px 0;
}
.head-menu .dropdown-menu--big > li img{
    width:100%;
}
.navbar-default .navbar-nav > .open > a:focus {
    color: #e1171f;
    background-color: transparent;
}
.nav .xs-pro-list{
  display: none !important;
}
.nav .open .xs-pro-list{
  display: block !important;
}
/*.head .head-menu ul li {
  display: inline-block;
  margin-right: 30px;
  background: #1e1d1c!important;
}
.head .head-input a{
  color:#fff;
  transition: 1s all;
  font-size:16px;
  display:inline-block;
  vertical-align: middle;
  line-height:16px;
  margin-top: 10px;
  padding-right:10px;
  opacity:0;
}
.head .head-input input:hover{
  background: #fafafa;
  border:0;
}
.head .head-input img {
  cursor: pointer;
  margin-top:15px;
  position:relative;
  z-index:100;
}*/

.footer {
    background-color: #1E1D1C;
    color: #B9B7B2;
}
.footer .container{
    padding: 40px 0 60px 0;
}
.footer .row>div{
    /*padding:0;*/
    margin-bottom:10px;
}
.footer .row>div>p{
    font-weight:bolder;
    margin-bottom:10px;
}
.footer .row li{
    line-height:16px;
    margin-bottom: 8px;
}
.footer .row li a{
    font-size:12px;
    color:#888;
}
.footer .row li a:hover{
    cursor:pointer;
    color:#fff;
}
.footer-contact li {
    position: relative;
    margin-top: 13px;
    font-size: 12px;
    line-height: 14px;
    padding-left: 22px;
    color: #888;
}
.footer-contact .iconfont{
    position:absolute;
    left:0;
    top:2px;
}
.footer .input-group input {
    background-color: #1E1D1C;
    border-color: #888;
    border-right-color: #1E1D1C;
    border-radius:0 0 2px 2px;
    color:#888;
}
.footer .input-group .btn {
    color: #fff;
    border-color: #D20220;
    background-color: #D20220;
    border-radius: 0 2px 2px 0;
}
.footer-share{
    margin-top:30px;
}
.footer-share a {
    display: inline-block;
    margin-right: 15px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #5F5C5D;
    border-radius: 5px;
    background-color: #fff;
    transition:all .6s;
}
.footer-share a:hover{
    /*background-color:#bf1b1d;
    color:#fff;*/
    border-radius:16px;
}
.copyright{
    height:40px;
    line-height:40px;
    text-align:center;
    border-top:solid 1px #333; 
    font-size:14px;
    color:#888;
}
.copyright a{
    color:#B9B7B2;
    margin-right:10px;
}
.copyright a:hover{
    color:#fff;
}
@media(min-width:1200px) {
    .footer .container {
        width: 1200px !important;
        max-width: 1200px !important;
    }
    .footer-contact {
        width: 23%;
    }

    .footer-letter {
        width: 27%;
    }
}
@media(max-width:768px) {
    .footer .row {
        margin:0;
    }
    .footer .container {
        padding: 20px 0 0 0;
    }
    .footer-share {
        margin-top: 20px;
    }
}



.main-page8-banner {
  position: relative;
  overflow:hidden;
}
.main-page8-banner .row {
  height: 500px;
  overflow: hidden;
  transition: 0.8s all;
}
.zhuomian-banner{
  height:930px;
  transition: 0.8s all;
}
.main-page8-banner .row .word {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -240px !important;
  z-index: 100;
}
.main-page8-banner .row .word p:nth-child(1) {
  font-size: 120px;
  color: #fff;
}

.main-page8-banner .big-banner{
  position: absolute;
  top: 0;
  left: 49.6%;
  margin-left: -952px;
}

.main-page8-banner .arror-boxess {
  position: absolute;
  left: 50%;
  bottom: -1px;
  margin-left: -130px;
  cursor: pointer;
}
.main-page8-banner .arror-boxess .arror-boxess-in{
  width:26px;
  position:absolute;
  top:50%;
  left:50%;
  margin-left: -9px;
  margin-top: 2px;
  height:15px;
  background:url("../../images/are1_03.png") no-repeat;
  transform: rotate(0deg);
  transition:0.5s all;
}
.peijian-banner .row .word {
    margin: -55px 0 0 -337px !important;
    left: 50%;
}
.peijian-banner .row .word p:nth-child(1) {
  font-size: 18px;
  color: #fff;
}
.peijian-banner .row .word p:nth-child(2) {
  font-size: 70px;
  color: #fff;
  margin-top: -20px;
}
.caipu-banner {
  position: relative;
}
.caipu-banner .row .word {
  /*margin: -85px 0 0 -290px !important;*/
  margin:0!important;
  left:0;
  top:40%;
  position: relative;
  z-index: 1;
  text-align:center;
}
.caipu-banner .row .word p:nth-child(1) {
  font-size: 18px;
  color: #fff;
}
.caipu-banner .row .word p:nth-child(2) {
  font-size: 70px;
  color: #fff;
  margin-top: -20px;
  font-weight:bold;
}
.naves {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.naves ul{
  transform:translateY(-50%);
  width: 1120px;
  margin: 0 auto;
  background: #1c1211;
  position: absolute;
  left: 0;
  right: 0;
  top: -49px;
}
.naves .active {
  background: #d20220;
}
.naves .active .shows {
  display: block;
}
.naves li {
  cursor: pointer;
  float: left;
  position: relative;
  width: 160px;
  height: 162px;
  line-height: 162px;
  text-align:center;
}
.naves li a{display: block;}

.naves li:hover{
  background:#d20220;
}
.naves li img {
  width: 30%;
}
.naves li .shows {
  position: absolute;
  /*bottom: -28px;*/
  left: 50%;
  width: auto!important;
  margin-left: -27px;
  display: none;
  /*position:relative;*/
}
.naves li img:nth-child(1){
  margin-top: -36px ;
}
.naves li span{
  position: absolute;
  left: 50%;
  margin-left: -27px;
  font-weight:normal;
  height:30px;
  top: 42px;
  color: #fff;
  font-size: 18px;
}

.naves.dx-naves li span{
  margin-left:0;
  transform: translateX(-50%);
}


/*.head .head-menu .dropdown-menu{
  min-width: auto;
  width:auto;
  border-top:2px solid #dc171f;
  padding: 26px;
}
.head .head-menu .dropdown-menu .no-float{
  float:none;
  width:30%!important;
  vertical-align: top;
  display:inline-block;
}
.head .head-menu .dropdown-menu .no-float:nth-child(1){
  margin:0 30px;
}
.head .head-menu .dropdown-menu .no-float p{
  font-size:18px;
  margin-bottom:24px;
}
.head .head-menu .service3{
  width:830px;
  left: -263px;
}



.head .head-menu .dropdown-menu li{
  margin-right:0;
  padding:7px 0;
  width: 100%;
  height:30px;
  line-height:30px;
  overflow:hidden;
  background:#fff!important;
}

.head .head-menu .dropdown-menu li span{
  transition: all .3s;
  transform: translate(0,0);
  display: inline-block;
}
.head .head-menu .dropdown-menu li li:hover span{
  transform: translate(0,-26px);
}
.head .head-menu li:nth-child(4) .dropdown-menu li:hover span{
    transform: translate(0,-25px);
}
.head .head-menu .dropdown-menu li a{
  background:#fff!important;
  color:#6a6969;
  line-height:16px;
  font-size:16px;
  outline:none;
  padding-left:0;
  padding-right:0;
  text-align:left;
  padding: 0;
  letter-spacing: 0
}*/
.content-caipu-three {
  background: #eaeaea;
  padding: 70px 0 20px 0;
}
.content-caipu-three .container{
  position:relative;
}
.content-caipu-three-close{
  position:absolute;
  right:0;
  top: -70px;
}
.content-caipu-three .left-content img {
  width: 85%;
}
.content-caipu-three .right-content .title {
    font-size: 24px;
    color: #020202;
}
.content-caipu-three .right-content section {
    max-width: 100%;
}
.content-caipu-three .right-content .content1,
.content-caipu-three .right-content .content2,
.content-caipu-three .right-content .content3 {
  margin-bottom: 50px;
}
.content-caipu-four {
  padding-top: 65px;
  padding-bottom: 65px;
  max-width: 1170px;
}
.content-caipu-four .box-in .img-box img{
    height:204px;
}
.content-caipu-four .content-caipu-four-box {
    margin-bottom: 20px;
    cursor: pointer;
}
.btn-back--red {
    width: 80px;
    height: 30px;
    padding:0;
    line-height:27px;
    background: rgba(210,2,32,1);
    border-radius: 4px;
    font-weight:bolder;
}
.content-caipu-three .btn-back--red{
    z-index:2;
    position:absolute;
    right:30px;
    top:0;
}
.man-page4-content2 .detail .right .black .red-circle {
    top: -125%;
    right: 71%;
}
.man-page4-content2 .detail .right .black:hover .red-circle{
  display:block;
}
.man-page4-content2 .detail .right .black .red-circle:hover{
  color:#fff!important;
}
.red-circle {
  width: 43px;
  height: 43px;
  background: #d20220;
  text-align: center;
  line-height: 43px;
  color: #fff;
  font-size: 36px;
  border-radius: 26px;
  position: absolute;
  top: 23%;
  right: 45%;
  display: none;
  z-index: 1000;
  transition: 0.3s all;
  cursor: pointer;
}

.box-in .img-box{
  position: relative;
}
.box-in .img-box img{
  width:100%;
}
.box-in .img-box:hover:before{
  content:"";
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color: rgba(255,255,255,.4);
}
.content-caipu-four .content-caipu-four-box .red-circle {
  width: 42px;
  height: 42px;
  left:50%;
  top:50%;
  margin-left: -21px;
  margin-top: -21px;
  background: #d20220;
  text-align: center;
  line-height: 39px;
  color: #fff;
  font-size: 36px;
  border-radius: 26px;
  position: absolute;
  transition: 0.3s all;
  display: block;
}
.content-caipu-four .content-caipu-four-box p {
  margin: 5px 0;
}
.content-caipu-four .content-caipu-four-box p:nth-child(2) {
  font-weight: bold;
}
.head .head-menu .no-float{
    height: auto!important;
}
.content-caipu-four .active:before {
  /*content: "\e601";*/
  color: #fdd000;
}
.content-caipu-four .img-box img:hover {
  display: block!important;
}
.content-caipu-two {
  padding: 0 0 25px 0;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  position:relative;
  /*margin: 0 -15px;*/
  /*overflow: hidden;*/
  box-shadow:2px 2px 10px #999;
  /*height: 134px;*/
}
.content-caipu-two p{
  padding-top: 50px;
}
.kaolv-banner .row .word p:nth-child(1) {
  font-size: 70px;
  color: #fff;
}
.kaolv-banner{
  height:930px;
  transition:1s all;
}
.kaolv-banner .row .word p:nth-child(2) {
  font-size: 18px;
  color: #fff;
  margin-top: -20px;
}
.zuhe-banner .row .word {
  margin: -35px 0 0 -200px !important;
}
.zuhe-banner .row .word p:nth-child(1) {
  font-size: 70px;
  color: #fff;
}
.zuhe-banner .row .word p:nth-child(2) {
  font-size: 18px;
  color: #fff;
  margin-top: -20px;
}
.zhuomian-banner .row .word {
  margin: -75px 0 0 -145px !important;
  position: absolute;
  z-index: 100;
  left: 52%;
}
.zhuomian-banner .row .word p:nth-child(1) {
  font-size: 70px;
  color: #fff;
}
.zhuomian-banner .row .word p:nth-child(2) {
  font-size: 18px;
  color: #fff;
  margin-top: -20px;
}
.main-banner img {
  width: 100%;
}
.main-banner-bottom {
  position: relative;
  /*height:551px;*/
  /*overflow:hidden;*/
}
.main-banner-bottom img {
  width: 100%;
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 50%;*/
  /*margin-left: -952px;*/
}
.main-banner-bottom .word {
  position: absolute;
  top: 33%;
  right: 25%;
}
.main-banner-bottom .word p:nth-child(1) {
  font-size: 40px;
  color: #fff;
}
.main-banner-bottom .word p:nth-child(2) {
  font-size: 20px;
  color: #fff;
  margin-top: -15px;
}
.main-banner-bottom .word p:nth-child(3) {
  font-size: 20px;
  color: #fff;
  margin-top: -15px;
}
/*.content-detail-kaolv {
  padding-top: 65px;
  margin-top: -65px;
}*/
/*.content-detail-kaolv .container {
  background: #efefef;
  position: relative;

}*/
/*.content-detail-kaolv .container:nth-child(1){*/
  /*padding-top: 20px;*/
/*}*/
/*.content-detail-kaolv .container .container{*/
  /*width:1200px;*/
/*}*/
  /*.content-detail-kaolv .container .row {*/
  /*height: 515px;*/
/*}*/
.content-detail-kaolv .container .top {
  top: -55px!important;
  left: 11px;
  display: block;
  padding:0;
}
/*.content-detail-kaolv .container .top .c1 {
  margin-right: 30px;
}*/
.content-detail-kaolv .container .top .c1 .con-title {
  margin-bottom: 12px;
  font-size: 29px;
  line-height: 30px;
}
.content-detail-kaolv .container .top .c1 .detail-message {
  margin-bottom: 25px;
}
.content-detail-kaolv .container .top .c1 .detail2{
  display: inline-block;
}
.content-detail-kaolv .container .top .c1 .detail-message .detail {
  float: right;
  margin-top:25px;
  /*margin-right: 30px;*/
}
.content-detail-kaolv .container .top .c1 .detail-message .detail img{
  vertical-align: middle;
  display: inline-block;
}
.content-detail-kaolv .container .top .c1 .detail-message .detail span{
  vertical-align: middle;
  display: inline-block;
}
.content-detail-kaolv .container .top .c1 .detail-message .detail span {
  color: #d20220;
  font-size: 17px;
  margin-left: 5px;
}
.content-detail-kaolv .container .top .c1 .detail2 .title {
  color: #d20220;
  font-size: 20px;
  border-bottom: 0;
  margin-bottom: 3px;
}
.content-detail-kaolv .container .top .c1 .detail2 p {
  color: rgba(1,1,1,.7);
  padding: 2px 0;
  border-bottom: 1px dotted #ccc;
  margin: 0;
}
.content-detail-kaolv .container .top .c1 .detail2 p span {
  display: inline-block;
  width: 100px;
  color: #000;
}
.content-detail-kaolv .container .top .c1 .detail2 p:last-child {
  border: 0;
}

.content-detail-kaolv .container .top .c2 img {
}
.content-detail-kaolv .container .top .c2 .button-box p {
  color: #d20220;
  font-size: 28px;
  text-align: center;
}
.content-detail-kaolv .container .top .c2 .button-box a {
  display: block;
  width: 180px;
  height: 43px;
  color: #000;
  margin: 0 auto;
  border: 1px solid #000;
  border-radius: 10px;
  text-align: center;
  line-height: 41px;
  margin-top: 10px;
  font-size: 17px;
}

.content-detail-kaolv .container .top .c2 .button-box a:hover{color:#d20220; border: 1px solid #d20220;}
.content-detail-kaolv .container .top .c3 {
    position:absolute;
    right:-100px;
    top:78px;
    width:65px;
}
.content-detail-kaolv .container .top .c3 li {
  margin-bottom: 17px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  padding-left: 0;
  padding-right: 0;
}

.content-detail-kaolv .container .top .c3 .tips1{background: url(../../images/product/dx-imgs.png) left top;}
.content-detail-kaolv .container .top .c3 .tips1:hover{background: url(../../images/product/dx-imgs.png) right top;}
.content-detail-kaolv .container .top .c3 .tips2{background: url(../../images/product/dx-video.png) left top;}
.content-detail-kaolv .container .top .c3 .tips2:hover{background: url(../../images/product/dx-video.png) right top;}
.content-detail-kaolv .container .top .c3 .tips3{background: url(../../images/product/dx-pdf.png) left top;}
.content-detail-kaolv .container .top .c3 .tips3:hover{background: url(../../images/product/dx-pdf.png) right top;}
.content-detail-kaolv .container .top .c3 .tips4{background: url(../../images/product/dx-wish.png) left top;}
.content-detail-kaolv .container .top .c3 .tips4:hover{background: url(../../images/product/dx-wish.png) right top;}

.content-detail-kaolv .container .top .c3 li a{
  display:block;
  width:100%;
  height:100%;
}
/*.content-detail-kaolv .container .bottom {
  padding: 40px 30px;
  background: #e7e7e7;
  position: relative;
  padding-left: 0;
  top: 0;
}*/
.content-detail-kaolv .container .bottom .box {
  width: 100%;
}
.content-detail-kaolv .container .bottom .box p {
  line-height: 25px;
  width: 540px;
  text-overflow: ellipsis;
  color:rgba(1,1,1,.7);
}
.content-detail-kaolv .container .bottom .box .titles {
  line-height: 35px;
  color: #d20220;
  font-size: 20px;
}
.kaolv-content {
  padding: 80px 0!important;
  position: relative;
}
.kaolv-content img:hover + .red-circle {
  opacity: 1;
}
.kaolv-content img {
  width: 100%;
}
.kaolv-content .red-circle {
  width: 43px;
  height: 43px;
  background: #d20220;
  text-align: center;
  line-height: 43px;
  color: #fff;
  font-size: 36px;
  border-radius: 26px;
  position: absolute;
  top: 13%;
  right: 38%;
  display: block;
  opacity: 0;
  transition: 0.3s all;
  cursor: pointer;
}
.kaolv-content .red-circle:hover {
  opacity: 1;
}
.service-banner-height {
  height: 70px;
}
.main-page4-banner img,
.main-page4-banner2 img {
  /*width: 100%;*/
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -952px;
}
.man-page4-content2 .main-page8-banner,
.main-page4-banner,
.main-page4-banner2 {
  background: #fff;
  position: relative;
  height:524px;
  overflow: hidden;
}
.man-page4-content2 .main-page8-banner .breadcrumb,
.main-page4-banner .breadcrumb,
.main-page4-banner2 .breadcrumb {
  position: absolute;
  top: 15px;
  background: transparent;
  left: 20.3%;
}
.man-page4-content2 .main-page8-banner .breadcrumb li a,
.main-page4-banner .breadcrumb li a,
.main-page4-banner2 .breadcrumb li a {
  color: #686868;
  font-size: 18px;
}
.man-page4-content2 .main-page8-banner .breadcrumb .active,
.main-page4-banner .breadcrumb .active,
.main-page4-banner2 .breadcrumb .active {
  color: #fff!important;
  font-size: 18px;
}
.breadcrumb {
  position: absolute;
  top: 15px;
  background: transparent;
  left: 13.7%;
  display:none;
}
.breadcrumb li a {
  color: #686868;
  font-size: 18px;
}
.breadcrumb .active {
  color: #fff!important;
  font-size: 16px;
}
.man-page8-content {
  padding: 30px 0 30px 0;
  min-height:325px;
}
.man-page8-content li {
  padding: 10px 30px;
  background: #fff;
}
.man-page8-content li .box-in {
  text-align: center;
  background: #f7f7f8;
  padding: 12px;
  padding-bottom: 20px!important;

}
.man-page8-content li .box-in .title {
  text-align: left;
  line-height: 24px;
}
.man-page8-content li .box-in .title a{
  font-size: 24px;
  color: #020202;
  font-weight: bold;
}
.man-page8-content li .box-in .image-box {
  position: relative;
  padding:25px;
  height:300px;
  box-sizing:border-box;
}
/*.man-page8-content li .box-in .image-box:after{
  content:'';
  display:inline-block;
  background:#fff;
  width:204px;
  height:204px;
  border-radius:102px;
  position:absolute;
  top:0;
  left: 50%;
  margin-left: -102px;
  z-index:10;
}*/
.man-page8-content li .box-in .image-box img{
  position:absolute;
  z-index:11;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width:100%;
  max-height:100%;
  line-height: 20px;
}
.man-page8-content li .box-in .image-box .red-circle {
  width: 43px;
  height: 43px;
  background: #d20220;
  text-align: center;
  line-height: 43px;
  color: #fff;
  font-size: 36px;
  border-radius: 26px;
  position: absolute;
  top: 70px;
  right: 100px;
  display: block;
  opacity: 0;
  transition: 0.3s all;
}
.man-page8-content li .box-in .image-box:hover .red-circle {
  opacity: 1;
}
.man-page8-content li .box-in .detail-message {
  text-align: left;
}
.man-page8-content li .box-in .detail-message a{
   font-family:Microsoft YaHei UI;
  color: #010101;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 40px;
}
.man-page8-content li .box-in .detail {
  text-align: left;
  margin-top: 10px;
  line-height:28px;
}
.man-page8-content li .box-in .detail span {
  margin-left: 5px;
  color: #d20220;
  font-size:20px;
  font-family:Franklin Gothic Medium Cond;
}
.main-bk{
  background: url("../../images/index-pg_02.jpg") no-repeat;
  background-size: cover;
}
.main-content .title {
  padding: 50px 0;
  font-size: 70px;
  text-align: center;
  font-weight: bold;
}
.main-content .content .img-box {
  position: relative;
  background: #fff;
  /*padding: 10px;*/
  /*overflow: hidden;*/
}
.main-content .content .img-box:hover img{
  transform:scale(1.05);
}
.main-content .content .img-box p {
  position: absolute;
  top: 30px;
  right: 35px;
  color: #000;
  font-size: 25px;
  font-weight: bold;
  z-index:100;
}
.main-content .content .img-box img{
  transition: 0.5s all ;
}
.main-content .content .left .img-box {
  float: left;
  /*overflow: hidden;*/
  padding:0;
}
.main-content .content .left .img-box a{
  display: block;
  overflow: hidden;
  height: 100%;
  transition:0.5s all;
}
.main-content .content .left .img-box:nth-child(1){
  margin-right:25px;
  margin-bottom:25px;
}
.main-content .content .left .img-box:nth-child(2){
  margin-bottom:32px;
}
.main-content .content .left .img-box:nth-child(3){
  margin-right:25px;
  margin-bottom:25px;
}
.main-content .content .left .img-box:nth-child(4){
  margin-bottom:32px;
}
.main-content .content .left .img-box:nth-child(5){
  margin-bottom:25px;
}
.main-content .content .left .img-box:hover a{
  box-shadow: 0px -3px 20px rgba(0,0,0,.3);
}
.main-content .content .left .img-box:hover{
  z-index:100;
  position:relative;
}
/*.main-content .content .left .img-box img:hover{*/
    /*box-shadow: 0 20px 50px rgba(0,0,0,.3);*/
/*}*/

  .main-content .content .left .img-box:nth-child(1) {
    height: 749px;
    width: 925px;
  }
  .main-content .content .left .img-box:nth-child(2) {
    height: 382px;
    width: 525px;
  }
  .main-content .content .left .img-box:nth-child(3) {
    height: 608px;
    width: 925px;
  }
  .main-content .content .left .img-box:nth-child(4) {
    height: 461px;
    width: 525px;
    margin-top: -362px;
  }
  .main-content .content .left .img-box:nth-child(5) {
    height: 476px;
    width: 525px;
  }
  .main-content .content .left .img-box:nth-child(6) {
    height: 770px;
    /*overflow: hidden;*/
    width: 100%;
  }
.main-content .content .bottom .img-box {
  height: 770px;
  overflow: hidden;
}
.main-content .bottom-logo {
  /*padding: 60px 0;*/
}
.main-content .bottom-logo .box-this-outs{
  display:block;
  /*padding: 60px 0;*/
}
.main-content .bottom-logo .box-in {
  width: 770px;
  margin: 0 auto;
}
.main-content .bottom-logo .box-in .logo img {
  width: 75%;
  margin-left: 40px;
}
.main-content .bottom-logo .box-in .word {
  margin-top: 150px;
  /*margin-left: -20px;*/
}
.main-content .bottom-logo .box-in .word .word-title {
  font-size: 50px;
  color: #fff;
  text-align: center;
  margin-bottom: 60px;
}
.this-mores{
  display: block;
  width: 160px;
  height: 42px;
  border-radius: 20px;
  background: #fff;
  color: #000;
  text-align: center;
  line-height: 42px;
  font-weight: bold;
  margin-left: 0;
}
.this-mores:hover{
  background-color: #d20220;
  color: #fff;
}
.main-content img {
  min-width: 100%;
  height: 100%;
}
.main-content3 {
  background: #fff;
  padding: 55px 0 40px 0;
}
.main-content3 .container .title {
  margin-bottom: 50px;
  text-align: center;
}
.main-content3 .container .title a{
  color: #0e0808;
  font-size: 70px;
  font-weight: bold;
}
.main-content3 .container .title-down {
  font-size: 25px;
  line-height: 32px;
  margin-bottom: 80px;
  text-align: center;
}
.main-content3 .container .title-down a{
  color:#333!important;
  display: block;
  font-size: 30px;
  line-height: 39px;
  width: 92%;
  font-style: italic;
  margin-left: auto;
  margin-right: auto;
}
.main-content3 .container .more {
  display: block;
  width: 160px;
  height: 42px;
  border-radius: 20px;
  background: #2d2a33;
  color: #fff;
  text-align: center;
  line-height: 42px;
  font-weight: bold;
  margin: 0 auto 60px;
  position:relative;
}
.main-content3 .container .more:hover{
  background-color: #d20220;
  color: #fff;
}
.main-content3 .container .more:before{
  content:'';
  position:absolute;
  display:inline-block;
  left: -720px;
  top: 6px;
  height:30px;
  width:675px;
  background:#fefcfd;
}
.main-content3 .container .more:after{
  content:'';
  position:absolute;
  display:inline-block;
  right: -720px;
  top: 6px;
  height:30px;
  width:675px;
  background:#fefcfd;
}
.main-content4 .detail .left,
.main-content4 .detail .right {
  overflow: hidden;
  position: relative;
}
.main-content4 .detail .left,
.main-content4 .detail .right{
  cursor:pointer;
  transition: 0.5s all;
}
.main-content4 .detail .left img,
.main-content4 .detail .right{
  transition: 0.5s all;
}
.main-content4 .detail .left img{
  width: auto;
  min-width: 100%;
/*  min-height: 100%;*/
}
/*.main-content4 .detail .left:hover img,*/
/*.main-content4 .detail .right:hover{*/
  /*opacity:0.9*/
/*}*/
/*.main-content4 .detail .right{
  background:url("/images/home/ban1_03.jpg");
  height: 716px;
  opacity: 0.85;
  background-size: cover;
}*/
.main-content4 .detail .left .black,
.main-content4 .detail .right .black {
  padding: 30px 30px 30px 230px;
  position: absolute;
  top: 55px;
  /*right: 30px;*/
}
.main-content4 .detail .left .black p,
.main-content4 .detail .right .black p {
  color: #fff;
}
.main-content4 .detail .left .black p a,
.main-content4 .detail .right .black p a{
  color: #fff;
}
.main-content4 .detail .left .black p a,
.main-content4 .detail .right .black p a{
  color: #fff;
}
.main-content4 .detail .left .black p:nth-child(1),
.main-content4 .detail .right .black p:nth-child(1) {
  font-size: 60px;
}
.main-content4 .detail .left .black p:nth-child(1) a,
.main-content4 .detail .right .black p:nth-child(1) a{
  font-size: 60px;
}
.main-content4 .detail .left .black p:nth-child(1) a,
.main-content4 .detail .right .black p:nth-child(1) a{
  font-size: 60px;
}
.main-content4 .detail .left .black p:nth-child(2),
.main-content4 .detail .right .black p:nth-child(2) {
  font-size: 20px;
  line-height: 35px;
}
.main-content4 .detail .left .black p:nth-child(2) a,
.main-content4 .detail .right .black p:nth-child(2) a{
  font-size: 20px;
  line-height: 35px;
}
.main-content4 .detail .left .black p:nth-child(2) a,
.main-content4 .detail .right .black p:nth-child(2) a{
  font-size: 20px;
  line-height: 20px!important;
}
.main-content4 .detail .left .black .more,
.main-content4 .detail .right .black .more {
  display: block;
  width: 160px;
  height: 42px;
  border-radius: 20px;
  background: #fff;
  color: #2d2a33;
  text-align: center;
  line-height: 42px;
  font-weight: bold;
  float: right;
  margin-right: 15px;
  margin-top: 40px;
  position: absolute;
  top:450px;
  right:30px;
}
.main-content4 .detail .left .black .more:hover{
  background-color: #d20220;
  color: #fff;
}
.main-content4 .detail .right .black .more:hover{
  background-color: #d20220;
  color: #fff;
}
.main-content4 .detail .right .black {
  right: 0;
  left: 40px;
}
.main-content2 {
  background: #f7f6f4;
  padding: 35px 0 80px 0;
}
.main-content2 .carousel-inner {
  padding: 0 0 30px 0;
}
.main-content2 .carousel-inner .item .box-out {
  width: 33.3%;
  float: left;
}
.main-content2 .carousel-inner .item .box-out .box-in{
  transition:0.5s all;
}
.main-content2 .carousel-inner .item .box-out:hover .box-in{
  box-shadow: -6px -3px 45px rgba(0,0,0,.3);
}
.main-content2 .carousel-inner .box-in .img-top a:nth-child(1){
  display:block;
  overflow:hidden;
}
.main-content2 .carousel-inner .item .box-out .box-in .img-top a:nth-child(1) img{
  transition:0.5s all
}
.main-content2 .carousel-inner .item .box-out:hover .box-in .img-top a:nth-child(1) img{
 transform:scale(1.05);
}
.main-content2 .carousel-inner .item .box-out .box-in {
  padding-bottom: 15px;
  background: #fff;
}
.main-content2 .carousel-inner .item .box-out .box-in .img-top img {
  width: 100%;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom {
  padding: 0 35px;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom p:nth-child(1) {
  font-size: 36px;
  color: #3a3a3b;
  font-family: "微软雅黑";
  text-align: center;
  padding: 45px 0;
  background:url("../../images/menu-bk_03.jpg") no-repeat;
  background-position: 55px 112px;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom .content-bottom-p{
  font-size: 15px;
  height: 42px;
  overflow: hidden;
}
.blog2-banner-banner .bx-wrapper:hover .bx-controls-direction{
  display:none;
}
.blog2-banner-banner .bx-wrapper .bx-pager{
  width:auto!important;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom .content-bottom-p{
  color:#333;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom a {
  font-size: 15px;
  color: #d20220;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom .box .left {
   float: left;
}
.content-bottom .box .center{
  float: left;
  margin-left:36px;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom .box .left .img-man-head .img-man-box {
  height: 35px;
  width: 35px;
  border-radius: 16px;
  overflow: hidden;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom .box .left .img-man-head .img-man-box img {
  width: 100%;
  height: 100%;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom .box .left .img-man-head .content-this {
  vertical-align: middle;
  display: inline-block;
  float:none;
  margin-top: 5px;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom .box .left .img-man-head .content-this p {
  font-size: 13px;
  line-height: 11px;
  padding: 0;
  margin:0;
  vertical-align: middle;
  display: inline-block;
  float: none;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom .box .right {
  float: right;
}
.main-content2 .carousel-inner .item .box-out .box .right span{
  color:#333;
  vertical-align: middle;
  display: inline-block;
}
.main-content2 .carousel-inner .item .box-out .box-in .content-bottom .box .right img {
  width: auto;
  vertical-align: middle;
  display: inline-block;
}


.item .box-out {
  width: 33.3%;
  float: left;
}
.item .box-out .box-in {
  padding-bottom: 15px;
  background: #fff;
}
.item .box-out .box-in .img-top img {
  width: 100%;
}
.item .box-out .box-in .content-bottom {
  padding: 0 35px;
}
.item .box-out .box-in .content-bottom p:nth-child(1) {
  font-size: 36px;
  color: #3a3a3b;
  font-family: "微软雅黑";
  text-align: center;
  padding: 45px 0;
}
.item .box-out .box-in .content-bottom p:nth-child(2),
.item .box-out .box-in .content-bottom p:nth-child(3) {
  font-size: 15px;
}
.item .box-out .box-in .content-bottom a {
  font-size: 15px;
  color: #d20220;
}
.item .box-out .box-in .content-bottom .box .left {
  float: left;
}
/*.item .box-out .box-in .content-bottom .box .left .img-man-head {*/
  /*margin-top: 35px;*/
/*}*/
.img-man-box {
  float: left;
  height: 33px;
  width: 33px;
  border-radius: 16px;
  overflow: hidden;
  margin-right: 10px;
}
.item .box-out .box-in .content-bottom .box .left .img-man-head .img-man-box img {
  width: 100%;
  height: 100%;
}
.item .box-out .box-in .content-bottom .box .left .img-man-head .content-this {
  float: left;
}
.item .box-out .box-in .content-bottom .box .left .img-man-head .content-this p {
  font-size: 13px;
  line-height: 31px;
  padding: 0;
  color:#d57c65;
}
.content-bottom .box .right {
  float: right;
  /*margin-top: 45px;*/
}
.item .box-out .box-in .content-bottom .box .right img {
  width: auto;
}
.blog-content .bottom-arror{
  width:100%;
  background:#f6f6f6;
  height:50px;
  text-align:center;
  line-height:50px;
}


.main-content2 .title,
.main-content2 .title-down {
  text-align: center;
}
.main-content2 .title {
  margin-bottom: 10px;
}
.main-content2 .title a{
  color: #0e0808;
  font-size: 70px;
  font-weight: bold;
}
.main-content2 .title-down {
  font-size: 32px;
  line-height: 39px;
  margin-bottom: 30px;
  width: 92%;
  font-style: italic;
  margin-left: auto;
  margin-right: auto;
}
.main-content2 .container .title-down a{
  color:#333!important;
}
.main-content2 .more {
  display: block;
  width: 160px;
  height: 42px;
  border-radius: 20px;
  background: #2d2a33;
  color: #fff;
  text-align: center;
  line-height: 42px;
  font-weight: bold;
  margin: 0 auto 120px;
}
.main-content2 .more:hover{
  background-color: #d20220;
  color: #fff;
}
.main-content2 .carousel .carousel-indicators .active {
  background: #d3aa8c;
}
.main-content2 .carousel-indicators li {
  background: #000000;
  width: 19px;
  height: 19px;
  margin: 0;
  border: 0;
  margin-left: 5px;
}
/*.main-content2 .carousel-indicators {*/
  /*margin-left: 0!important;*/
  /*width: 60px!important;*/
  /*left: auto!important;*/
  /*right:35px;*/
/*}*/
.main-content2 .carousel-indicators {
  bottom: -50px;
}
.main-content2 .carousel-control.right,
.main-content2 .carousel-control.left {
  background: none;
  color: #000;
}
.main-content2 .carousel-control {
  width: 0;
}
.main-content2 .carousel-control.right {
  top: -43px;
  right: 50px;
}
.main-content2 .glyphicon-chevron-left {
  top: -34px;
  right: -32px;
}
.main-content2 .carousel-control.left {
  right: 0;
  left: auto;
  top: 0;
  bottom: auto;
}
.main-content2 .carousel-control .glyphicon-chevron-left,
.main-content2 .carousel-control .icon-prev {
  margin-left: -70px;
}
.main-content2 .carousel-control .glyphicon-chevron-right,
.main-content2 .carousel-control .icon-next,
.main-content2 .carousel-control .glyphicon-chevron-right,
.main-content2 .carousel-control .icon-prev {
  position: static;
}
.man-page4-content {
  background: #151211;
  /*padding-bottom: 60px;*/
}
.man-page4-content .title {
  color: #fff;
  font-size: 50px;
  text-align: center;
  padding: 40px 0;
}
.man-page4-content .bottom-content {
  background: #fff;
}
.man-page4-content .bottom-content .search {
  padding: 10px;
}
.man-page4-content .bottom-content .search form {
  position: relative;

}
.man-page4-content .bottom-content .search form input {
  border:0;
  width: 95%;
  height: 60px;
  margin-right: 10px;
  text-indent: 10px;
  outline: none;
  font-size: 20px;
  text-align: center;
  background:#e7e7e6;
}
.man-page4-content .bottom-content .search form img {
  position: absolute;
  right:10px;
  top: 12px;
  cursor:pointer;
}
.man-page4-content .bottom-content .carousel .item .menu {
  background: #1c1211;
  height:124px;
}
.man-page4-content .bottom-content .carousel .item .menu li {
  padding-bottom: 19px;
  cursor: pointer;
  float: left;
  width: 20%;
  text-align: center;
}
.man-page4-content2 .detail .right{
  background:url("../../images/ban1_03.jpg");
  background-size:cover;
}
.man-page4-content .bottom-content .carousel .item .menu li p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
}
.man-page4-content .bottom-content .carousel .item .menu .active {
  background: #f44437;
}
.man-page4-content .bottom-content .carousel .carousel-control {
  width: 50px;
}
.man-page4-content .bottom-content .carousel .carousel-control .glyphicon-chevron-left,
.man-page4-content .bottom-content .carousel .carousel-control .icon-prev {
  margin-left: -15px;
}
.man-page4-content .bottom-content .carousel .carousel-control .glyphicon-chevron-right,
.man-page4-content .bottom-content .carousel .carousel-control .icon-next {
  margin-right: -15px;
}
.man-page4-content .content-this {
  padding: 80px 110px 40px 150px;
  background: #ececec;
}
.man-page4-content .content-this .panel-heading {
  border-top: 0;
  position: relative;
}
.man-page4-content .content-this .panel-heading .question {
  position: absolute;
  left: -50px;
  color:#f44437;
  font-size: 24px;
}
.man-page4-content .content-this .panel-heading .right-arr {
  float: right;
  margin-top:-30px;
}
.man-page4-content .content-this .panel-collapse {
  position: relative;
}
.man-page4-content .content-this .panel-collapse .replay {
  position: absolute;
  left: -50px;
  color:#f44437;
  font-size: 24px;
  font-weight: bold;
}
.man-page4-content .content-this .panel-body {
  padding: 30px 15px;
  font-size: 18px;
  line-height: 30px;
  text-align: justify;
  color:#7d7d7d;
}
.man-page4-content .content-this .panel-title a {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 1px;
  font-family: "Franklin Gothic Medium Cond", sans-serif;
}
.man-page4-content .content-this .panel-group .panel {
  margin-bottom: 60px;
  background: none;
}
.man-page4-content2 .detail .left,
.man-page4-content2 .detail .right {
  /*height: 100%;*/
  position: relative;
  height: 716px;
}
.man-page4-content2 .detail .left .black,
.man-page4-content2 .detail .right .black {
  width: 700px;
  cursor:pointer;
  position: absolute;
  top: 190px;
  right: 0;
}
.man-page4-content2 .detail .left .black p,
.man-page4-content2 .detail .right .black p {
  color: #fff;
}
.man-page4-content2 .detail .left .black p:nth-child(1),
.man-page4-content2 .detail .right .black p:nth-child(1) {
  font-size: 24px;
}
.man-page4-content2 .detail .left .black p:nth-child(2),
.man-page4-content2 .detail .right .black p:nth-child(2) {
  font-size: 70px;
  line-height: 120px;
}
.man-page4-content2 .detail .left .black p:nth-child(3),
.man-page4-content2 .detail .right .black p:nth-child(3) {
  font-size: 24px;
  line-height: 40px;
}
.man-page4-content2 .detail .left .black .more,
.man-page4-content2 .detail .right .black .more {
  display: block;
  width: 160px;
  height: 42px;
  border-radius: 20px;
  background: #fff;
  color: #2d2a33;
  text-align: center;
  line-height: 42px;
  font-weight: bold;
  float: right;
  margin-right: 15px;
  margin-top: 40px;
}
.man-page4-content2 .detail .right .black {
  width: 540px;
  right: 0;
  left: 40px;
  top: 120px;
}
.man-page4-content2 .detail .right .black .con {
  margin-top: 50px;
  position: relative;
}
.man-page4-content2 .detail .right .black .con p {
  font-size: 70px;
  line-height: 65px;
}
.man-page4-content2 .detail .right .black .con .p-img {
  top: -6px;
  right: 165px;
  position: absolute;
}
.web-service {
  background: #130d0f;
  /*min-height: 755px;*/
  min-height: 809px;
}
/*.web-service+.footer{
  height: 180px;
}*/
.web-service .left img {
  width: 100%;
}
.web-service .right .top {
  background: #ef433d;
  padding: 50px 45px;
}
.web-service .right .top img {
  margin-top: -6px;
}
.web-service .right .top .title {
  font-size: 25px;
  color: #fff;
  margin-bottom: 30px;
}
.web-service .right .top .contents {
  font-size: 18px;
  color: #fff;
}
.web-service .right .center {
  padding: 45px 45px;
  background: #fff;
}
.web-service .right .center .box {
  float: left;
  width: 185px;
  margin-right: 30px;
}
.web-service .right .center .box .title {
  font-size: 25px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ccc;
}
.web-service .right .center .box .contents {
  padding: 22px 0 0 0;
}
.web-service .right .bottom {
  padding: 90px 50px;
}
.web-service .right .bottom a {
  display: block;
  width: 290px;
  height: 70px;
  border: 2px solid #fff;
  border-radius: 5px;
  line-height: 66px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.main-content4 .detail .left .black{
  padding:30px 30px 30px 0;
  margin-left:245px;
}
.main-content4 .detail .right .black{
  padding:30px;
  padding-right: 0;
  margin-right:239px;
}
.tooltip-inner {
  background: #fd3400;
  color: #fff;
}
.tooltip.top {
  margin-top: 25px!important;
}
.tooltip.top .tooltip-arrow {
  bottom: -5px!important;
  border-top-color: #fd3400;
}
.mt-7 {
  margin-top: 70px;
}
.detail-red {
  height: 75px;
  background: #f13f35;
  margin-top: 0;
}
.detail-red p {
  float: left;
  line-height: 75px;
  font-size: 24px;
  color: #fff;
  margin:0;
}
.detail-red img {
  float: right;
  margin-top: 27px;
  cursor: pointer;
  transform: rotate(45deg);
  transition: all .4s;
}
.detail-red.dx-r img{
  transform: rotate(0);
}

.detail-transparent-black {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: all .5s;
}
.detail-transparent-black.dx-h{
  height:746px;
}

.detail-transparent-black .row {
  margin-right: 0;
}
.detail-transparent-black img {
  margin-top: -10px;
}
.detail-transparent-black .black-transparent {
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100.8%;
  padding: 35px 0;
  position: absolute;
  color: #cb0320;
  font-size: 14px;
  z-index:1000;
}
.detail-transparent-black ul li:hover .black-transparent{
  display:block;
}
.peijian-content-out {
  position: relative;
}
.peijian-content-out .left-menu {
  top: 40px;
  position: absolute;
  left: 8px;
}
.peijian-content-out .left-menu li:first-child{
  /*padding:0;*/
}
.peijian-content-out .left-menu li a{
  padding:0;
}
.fix{
  top: 105px!important;
  position: fixed!important;
}
.peijian-content-out .left-menu .active a {
  color: #ca1420;
}
.peijian-content-out .left-menu li {
  padding: 8px 0;
}
.peijian-content-out .left-menu li a {
  color: #000;
}
.peijian-content-out .left-menu li:hover a{
  color: #ca1420;
}
.peijian-content-out .left-menu li:nth-child(1) {
  border-bottom: 1px solid #ccc;
}
.peijian-content-out .left-menu li:nth-child(1) a {
  color: #ca1420;
  font-size: 26px;
}
.peijian-content-out .left-menu2 {
  margin-left: 15px;
  margin-bottom: 45px;
}
.peijian-content-out .left-menu2 .active a {
  color: #ca1420;
}
.peijian-content-out .left-menu2 li:nth-child(1) {
  text-align: left!important;
}
.peijian-content-out .left-menu2 li:last-child {
  text-align: right!important;
}
.peijian-content-out .left-menu2 li {
  width: 16%;
  display: inline-block;
  padding: 8px 0;
  text-align: center;
}
.peijian-content-out .left-menu2 li a {
  color: #000;
  font-size: 22px;
}
.peijian-content-out .left-menu2 li:nth-child(1) a {
  color: #ca1420;
}
.peijian-content-out .peijian-content {
  position: relative;
}
.peijian-content-out .peijian-content .row {
  height: 500px;
}
.peijian-content-out .peijian-content .out-li {
  margin-bottom: 75px;
}
.peijian-content-out .peijian-content .titles {
  margin-bottom: 75px;
}
.peijian-content-out .peijian-content .titles .title-span {
  float: left;
  font-size: 36px;
}
.peijian-content-out .peijian-content .titles .title-span span {
  width: 45px;
  background: red;
  height: 2px;
  display: block;
  margin-top: 15px;
}
.peijian-content-out .peijian-content .titles .button-box {
  float: right;
}
.peijian-content-out .peijian-content .titles .button-box a {
  display: block;
  width: 180px;
  height: 43px;
  color: #000;
  margin: 0 auto;
  border: 1px solid #000;
  border-radius: 10px;
  text-align: center;
  line-height: 43px;
  margin-top: 10px;
}
.peijian-content-out .peijian-content .ul-in li {
  padding-bottom: 35px;
  border-bottom: 5px solid transparent;
  cursor:pointer;
  text-align: center;
}
.peijian-content-out .peijian-content .ul-in li:hover{
  border-bottom: 5px solid #ff1b30;
}
.peijian-content-out .peijian-content .ul-in li p {
  font-size: 14px;
  margin-top: 35px;
}
.peijian-content-out .peijian-content .ul-in .active {
  border-bottom: 5px solid #ff1b30!important;
}
.mobile-show {
  display: none;
}
.mobile-hiden {
  display: block;
}
.relatived{
  /*height:654px;*/
  overflow:hidden;
  position:relative;
}
.relatived .word-go{
  position:absolute;
  left:50%;
  top:58%;
  font-family: "PT Sans Narrow Bold", sans-serif;
}
.relatived .arrs{
  position:absolute;
  bottom:5px;
  left:50%;
}
.arrs i{
  color:#fafafa;
  font-size:40px;
}
.arrs em{
  color:#fafafa;
  font-size:40px;
}
.relatived .word-go p{
  color:#f9f9f9;
  font-size:74px;
  line-height:55px;
  opacity:0;
  transition: 1s all;
}
.relatived .word-go p:nth-child(1){
  margin-top:120px;
}
.relatived .word-go p:nth-child(2){
  margin-top:40px;
}
.relatived .word-go p:nth-child(3){
  margin-top:40px;
}
.relatived .word-go .smalls{
  font-size:23px!important;
  font-family: 'Microsoft YaHei', Helvetica Neue, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', SimHei, sans-serif;
}


.relatived:nth-child(2) .word-go{
  margin: -130px 0 0 130px !important;
  width:500px;
  top: 43%;
}
.relatived:nth-child(2) .word-go p{
  color:#333;
  line-height:70px;
}
.relatived:nth-child(2) .word-go p:nth-child(1){
  letter-spacing: 2px;
}
.relatived:nth-child(2) .word-go .smalls{
  line-height:24px;
}
.relatived:nth-child(3) .word-go{
  margin: -150px 0 0 -400px !important;
  top: 46%;
}
.relatived:nth-child(3) .word-go .smalls{
  text-align: center;
}
    .relatived:nth-child(3) .word-go p:nth-child(1) {
        padding-left: 180px;
        margin-bottom:10px;
    }
.relatived:nth-child(4) .word-go{
  right:0;
  display:inline-block;
  margin-top: -130px;
  width:500px;
  margin-left: 100px;
  top:45%;
  left:52%;
}
.relatived:nth-child(4) .word-go p{
  color:#333;
  line-height:70px;
  display:inline-block;
  /*float:right;*/
}
.relatived:nth-child(4) .word-go p:first-child{
    margin-bottom:10px;
}
.relatived:nth-child(4) .word-go .smalls{
  line-height:24px;
  float:right;
  padding-right:55px;
}
.relatived.relatived-best .word-go {
    margin: -130px 0 0 -315px !important;
    left: 40%;
    top: 48%;
}

    .relatived.relatived-best .word-go .smalls {
        margin-left: -5px;
    }
.height-900{
  height:900px!important;
}
.relatived .big-banner{
  width: 100%;
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 50%;*/
  /*margin-left: -960px;*/
}
.blog-box {
    background: url("/images/blog/blog-bk_02.jpg");
    padding-bottom: 150px;
    overflow-x:hidden;
}
.blog-title{
  padding:55px 0 35px 0;
  text-align:center;
  position:relative;
}
.blog-title-inner{
    display:inline-block;
}
.first-blog-title {
    color: #212121;
    font-size: 18px;
    margin: 0;
    line-height: 18px;
    text-indent: 0px;
    text-align: left;
}
.second-blog-title{
  display:inline-block;
  color:#212121;
  font-size:74px;
  margin:0;
  line-height:90px;
  text-align:left;
  position: relative;
}
.blog-content{
  background:#ececec;
  padding:20px;
}
.bk-btn{
  display: inline-block;
  width: 135px;
  height: 45px;
  background:url("/images/bk-btn01.png") no-repeat center;
  transition: all 1s;
  position: absolute;
  bottom:20px;
  right: 0;
}
.bk-btn:hover{
  display: inline-block;
  background:url("/images/bk-btn02.jpg") no-repeat center;
}

.black-transparent .container span{
  color:#fefcfc;
  font-size:18px;
}

.right-top-search-box{
  position:relative;
}
.right-top-search-box input{
  width:100%;
  height:45px;
  border:0;
  text-indent:10px;
  background:#fff;
  outline:none;
}
.right-top-search-box-img{
  position:absolute;
  right: 12px;
  top: 11px;
  cursor:pointer;
}
.line-title{
  font-size:24px;
  /*color:#bc0420;*/
  text-align:center;
  width:100%;
  position:relative;
  margin:45px 0 30px 0;
}
.line-title span{
  /*position:relative;*/
  /*z-index:100;*/
  position: absolute;
  left: 50%;
}
.line-title:after{
  content:'';
  width:100%;
  display:inline-block;
  top:19px;
  left:0;
  height:1px;
  background:#ccc;
  /*position:absolute;*/
}
/*.line-title:after{*/
/*content:'';*/
/*width:50px;*/
/*top:19px;*/
/*right:0;*/
/*display:inline-block;*/
/*position:absolute;*/
/*height:1px;*/
/*background:#ccc;*/
/*}*/
.blog-right-blackiImg{
  position:relative;
  width:100%;
  height:120px;
  overflow:hidden;
  margin-bottom:15px;
  cursor:pointer;;
}
.blog-right-blackiImg:hover .black{
  opacity: 1;
}
.blog-right .line-title span{
  width: 150px;
  margin-left: -75px;
  top: 5px;
}
.blog-right-blackiImg img{
  width:100%;
}
.blog-right-blackiImg .black{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity: 0;
  background:rgba(0,0,0,0.5);
  transition: all .8s;
}
.blog-right-blackiImg .black p{
  color:#fff;
  font-size:30px;
  text-align:center;
  margin:0;
  line-height:30px;
}
.blog-right-blackiImg .black p:nth-child(1){
  margin-top:30px;
}
.blog-right-noImg-box .noImg-box a{
  display: block;
  width: 100%;
  height:100%;
  overflow: hidden;
}
.blog-right-noImg-box .noImg-box a img{
  transition: all .8s;
}
.blog-right-noImg-box .noImg-box a img:hover{
  transform: scale(1.5);
}
.noImg-box{
  height:90px;
  overflow: hidden;
  width:33%;
  margin-bottom:15px;
}
.noImg-box .noImg-left-img{
  width:100%;
}
.noImg-content-img{
  display:inline-block;
  vertical-align: middle;
}
.noImg-content{
  height:90px;
  overflow: hidden;
  width:66%;
}
.noImg-content{
  padding-left:18px;
}
.noImg-content p,.noImg-content p a{
  font-size: 14px;
  color: #666666;
  line-height: 18px;
}
.noImg-content p a:hover{
  color: #d20220;
}
.noImg-content-time{
  display:inline-block;
  font-size: 14px;
  color: #666666;
  line-height: 18px;
  vertical-align: middle;
}
.blog-main-content img{
  width:100%;
}
.share{
  text-align:center;
}
.share-icon{
  width:308px;
  margin:0 auto;
}
.share-icon span{
  width:25%;
  float:left;
}
.share-icon .bdsharebuttonbox{
  width:75%;
  float:left;
}
.blog-left .share .line-title span{
  font-size:13px;
  letter-spacing:1px;
  color:#666666;
  width: 150px;
  margin-left: -100px;
  top: 15px;
}
.share-form label{
  width:50%;
  height:45px;
}
.share-form label{
  padding:0;
}
.share-form label input{
  width:100%;
  height:100%;
  background:#eff1f5;
  border: 1px solid #d9d9d9;
  font-size:14px;
  text-indent:10px;
  font-weight:normal;
  color:#999999;
  outline:none;
}
.share-form textarea{
  background:#eff1f5;
  margin-top:15px;
  width:100%;
  border: 1px solid #d9d9d9;
  font-size:14px;
  text-indent:10px;
  color:#999999;
  font-weight:normal;
  outline:none;
}
.blog-content{
  padding-bottom:0;
}
.blog-content .box-out{
  width:50%;
}
.box-out {
  width: 33.3%;
  float: left;
}
.box-out .box-in {
  padding-bottom: 15px;
  background: #fff;
}
.box-out .box-in .img-top .img-top-img{
  width: 100%;
}
.blog-left .box-out .box-in .img-top a{
  display: block;
  width: 100%;
  height:100%;
  overflow: hidden;
  position: relative;
}
.blog-left .box-out .box-in .img-top>a:after{
  content:'';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 29px solid transparent;
  border-right: 29px solid transparent;
  border-bottom: 31px solid #fff;
  position: absolute;
  left:50%;
  bottom:0;
  margin-left:-27px;
}

.blog-left .box-out .box-in .img-top a img{
  transition: all .5s;
}
.blog-left .box-out .box-in .img-top a img:hover{
  transform: scale(1.15);
}
.blog-left .box-out .box-in{
  transition: all .4s;
}
.blog-left .box-out .box-in:hover{
  box-shadow: 0 0 40px rgba(0,0,0,.4);
}
.box-out .box-in .content-bottom {
  padding: 0 35px;
}
.box-out .box-in .content-bottom .title {
  font-size: 36px;
  color: #3a3a3b;
  font-family: "微软雅黑";
  text-align: center;
  padding: 50px 0;
}
.blog-menu-content{
  height:62px;
  overflow:hidden;
}
.blog-menu-content p{
  margin:0;
  font-size: 15px;
}
.box-out .box-in .content-bottom p:nth-child(2),
.box-out .box-in .content-bottom p:nth-child(3) {
  font-size: 15px;
  margin:0;
}
.blog-more{
  margin-top:45px;
}
.blog-more a{
  float:right;
  color:#d57c65;
}
.brown{
  color:#d57c65!important;
}
.box-out .box-in .content-bottom a {
  font-size: 15px;
  color: #d20220;
  font-weight:bold;
}
.box-out .box-in .content-bottom .box .left {
  float: left;
}
/*.box-out .box-in .content-bottom .box .left .img-man-head {*/
  /*margin-top: 35px;*/
/*}*/
.item .box-out .box-in .content-bottom .box .left .img-man-head .img-man-box {
  float: left;
  height: 33px;
  width: 33px;
  border-radius: 16px;
  overflow: hidden;
  margin-right: 10px;
}
.box-out .box-in .content-bottom .box .left .img-man-head .img-man-box img {
  width: 100%;
  height: 100%;
}
.box-out .box-in .content-bottom .box .left .img-man-head .content-this {
  float: left;
}
.box-out .box-in .content-bottom .box .left .img-man-head .content-this p {
  font-size: 13px;
  line-height: 31px;
  color: #d57c65;
  padding: 0;
}
.item .box-out .box-in .content-bottom .box .right {
  float: right;
  margin-top: 7px;
}
.item .box-out .box-in .content-bottom .box .right img {
  width: auto;
}
.box-out .box-in .content-bottom .box{
  margin-top:40px;
}


.blog-left-twoBox{
  height:90px;
}
.blog-left-twoBox .word-two{
  /*width:350px!important;*/
  font-size:14px;
  color:#333;
  font-weight:bold;
  text-align:Center;
  line-height: 14px;
  margin-top: -20px;
  height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.blog-left-twoBox .line-title{
  margin-top:0;
}
.blog-left-twoBox .line-title span{
  font-size:14px;
  color:#333333;
  margin-left: -61px;
  top: 15px;
  width: 150px;

}
.blog-left-twoBox .left-word,.blog-left-twoBox .right-word{
  width:50%;
}
.share-icon .bdsharebuttonbox li{
  float: left;
  position: relative;
  width: 30px;
  height: 30px;
}
.share-icon .bdshare-button-style0-16 a{
  background: none!important;
  display: inline-block;
  width: 47px;
  height: 45px;
  position: absolute;
  z-index: 100;
}
.share-bottom{
  padding:15px;
  font-size:18px;
}
.blog2-banner{
  background:#fff;
  margin-bottom:15px;
}
.blog2-banner-time-top{
  border-bottom:1px solid #ececec;;
}
.blog2-banner-time-top .share{
  padding:20px;
  height:202px;
}

.blog2-banner-time-top .share .button{
  width:65px;
  height:30px;
  border:1px solid #ececec;
  text-align:center;
  line-height:30px;
  border-radius:3px;
  float:right;
}
.blog2-banner-time-top .share .share-icon{
  margin-top:70px;
  width:160px;
}
.blog2-banner-time-top .share .share-icon li:nth-child(4){
  margin-left: 20px;

}
.blog2-banner-time-top .share .share-icon .bdsharebuttonbox li{
  margin-bottom:10px;
}
.blog2-banner-banner .bx-controls-direction{
  display:none;
}
.blog2-banner-time-bottom{
  padding: 20px 30px 12px 30px;
}
.blog2-banner-time-bottom p:nth-child(1){
  font-size:16px;
  color:#828282;
}
.blog2-banner-time-bottom p:nth-child(2){
  font-size:30px;
  color:#020202;
  line-height: 35px;
  font-weight:bold;
}
.blog2-banner-time-bottom p:nth-child(3){
  font-size:14px;
  color:#828282;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog2-banner-time{
  /*width:32%*/
}
.blog2-banner-banner{
  /*width:68%;*/
}

.blog2-banner-time-top .time,.blog2-banner-time-top .share{
  float:left;
}
.blog2-banner-time-top .time {
    width: 195px;
    height: 202px;
    overflow: hidden;
    background: url("/images/blog/blog-bg1_03.png");
}
.blog2-banner-time-top .time .time-in{
  font-size:125px;
  text-align:center;
  font-weight:bold;
  line-height:160px;
  color:#a7a7a7;
  margin:0;
}
.blog2-banner-time-top .time .month{
  font-size: 15px;
  line-height: 15px;
  text-indent: 33px;
  color:#a7a7a7;
}
.blog2-banner-time-top .time .say{
  font-size: 13px;
  line-height: 20px;
  text-indent: 33px;
}
.blog2-banner-time-top .time p{
  margin:0;
}
.blog2-banner-banner .bx-wrapper .bx-pager{
  top: 195px;
  left: -30px;
}
.blog2-banner-banner{
  position:relative;
}
.blog2-banner-banner .blog2-banner-contents{
  position:absolute;
  z-index:200;
  /*padding-top: 140px;*/
  /*padding-left: 170px;*/
  height: 100%;
  width: 100%;
  background:url("../../images/blog-banner-word_03.png") no-repeat;
  background-position: 170px 0;
}
.blog2-banner-banner .bx-viewport{
    max-height:460px;
    overflow-y:hidden;
}

.blog2-banner-banner .blog2-banner-contents p {
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    width: 220px;
}
.blog2-banner-banner .blog2-banner-contents .blog2-banner-button{
  width:100px;
  height:35px;
  background:#f49c2a;
  color:#fff;
  text-align:center;
  line-height:36px;
  font-size:12px;
  margin-top: 375px;
  margin-left: 226px;
}
.bx-wrapper .bx-pager.bx-default-pager a{
  width: 13px;
  border: 2px solid #747474;
  height: 13px;
  background:none;
  border-radius:20px;
}
.bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{
  background: #747474;
}
.blog2-banner .bx-wrapper{
  margin-bottom:0;
  border:0;
}
.blog2-banner-banner .bx-wrapper .bx-pager-item{
  display:block!important;
  margin-bottom: 10px;
}
.blog2-banner-banner .bx-default-pager a{
  display:block!important;
}
/*.blog2-banner-time-top .share{*/
/*width:117px;*/
/*}*/
.mr-5{
  margin-right:5px;
}
.mr-negative-15{
  margin-right:-15px!important;
}
.pr-none{
  padding-right:0!important;
}
.index-read{
  margin-top: 15px;
  display: inline-block;
}
.white-bk{
  background:#fff;
}
.inline-vertical-middle{
  vertical-align: middle!important;
  display:inline-block!important;
  float:none!important;
  margin-right:-4px!important;
}
.red{
  color:#bc0420!important;
}
.red-bk{
  background:#bc0420!important;
  color:#fff;
  border:0;
}
.glay-bk{
  background: #ececec!important;
}
.block{
  display:inline-block;
}
.height-auto{
  height:auto!important;
}
.service-banner-height{
  height:66px;
}

.navbar-nav .active .dropdown-menu a{
  color: #888;
}
.navbar-nav .active .dropdown-menu a>i{
    color: #333;
    font-weight:bold;
    font-style:normal;
}
.navbar-nav .active .dropdown-menu a:hover{
    color:#252525;
}
.detail-transparent-black .bx-wrapper{
  margin:0;
  border:0;
  padding:0;
}

/*.bx-wrapper .bx-controls-direction{
  display:none;
}*/
.bx-wrapper .bx-controls-direction a{
  width:84px;
  height:80px;
}
.bx-viewport:hover+.bx-has-controls-direction a{
  display:block;
}
.bx-wrapper:hover .bx-controls-direction{
  display:block;
}
.bx-wrapper .bx-controls-direction a:hover,.bx-wrapper .bx-controls-direction a:active{
  background-position: 0 0!important;
}
.detail-transparent-black .bx-wrapper .bx-prev{
  background: url('/images/home/red-left-arror_02.png') no-repeat;
  left: 1px;
}
.bx-wrapper .bx-next {
    background: url('/images/home/red-left-arror2_03.png') no-repeat;
    right: 0;
}
.detail-transparent-black .bx-wrapper .bx-controls-direction a{
  margin-top: -163px;
  opacity: .7;
}
.bx-wrapper .bx-next:hover{
  background-position:0;
}
.glyphicon-chevron-left:before{
  font-family:"iconfont" !important;
  content: "\e604";
}
.glyphicon-chevron-right:before {
  font-family:"iconfont" !important;
  content: "\e603";
}
.relatived:nth-child(3),.relatived:nth-child(4),.relatived:nth-child(5){
  /*height:596px;*/
}
.glyphicon-chevron-right{
  margin-top:-6px!important;
}
.bx-wrapper .bx-pager-link {
  width: 13px;
  border: 2px solid #747474;
  height: 13px;
  background: none;
  border-radius: 20px;
}
.no-do .word{
  margin:0;
  z-index:100;
}
.sitebutton {
    z-index:999;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    background-color: #fff;
    cursor: pointer;
}
.sitebutton:hover i{
    color:#e1171f;
}
.sitebutton i{
    font-size: 25px;
    margin-left: 17px;
    margin-top: 2px;
    display: inline-block;
}
.sitebutton span {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    bottom: 4px;
    font-size: 12px;
    color: #292929;
}
.sitebutton:after {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 23px;
    height: 18px;
    width: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
   /* background-image: url(/images/external/pointer-left.svg);*/
}
.right-like{
  cursor:pointer;
}
.right-like:hover .like-number{
  color:#d57c65!important;
}
.content-caipu-four-box .box-in{
  position:relative;
}
.content-caipu-four-box .box-in .red-circle{
  opacity:0;
  transition:opacity 0.3s;
}
.content-caipu-four-box .box-in:hover .red-circle{
  opacity:1;
}
.reds{
  color:#e1171f!important;
}
/* 栅格布局 */
.w-0,.w-0-5,.w-1,.w-1-5,.w-2,.w-2-5,.w-3,.w-3-5,.w-4,.w-4-5,.w-5,.w-5-5,.w-6,.w-6-5,.w-7,.w-7-5,.w-8,.w-8-5,.w-9,.w-9-5,.w-10,.w-10-5,.w-11,.w-11-5,.w-12,.w-12-5,.w-13,.w-13-5,.w-14,.w-14-5,.w-15,.w-15-5,.w-16,.w-16-5,.w-17,.w-17-5,.w-18,.w-18-5,.w-19,.w-19-5,.w-20,.w-20-5,.w-21,.w-21-5,.w-22,.w-22-5,.w-23,.w-23-5,.w-24,.w-24-5,.w-25,.w-25-5,.w-26,.w-26-5,.w-27,.w-27-5,.w-28,.w-28-5,.w-29,.w-29-5,.w-30,.w-30-5,.w-31,.w-31-5,.w-32,.w-32-5,.w-33,.w-33-5,.w-34,.w-34-5,.w-35,.w-35-5,.w-36,.w-36-5,.w-37,.w-37-5,.w-38,.w-38-5,.w-39,.w-39-5,.w-40,.w-40-5,.w-41,.w-41-5,.w-42,.w-42-5,.w-43,.w-43-5,.w-44,.w-44-5,.w-45,.w-45-5,.w-46,.w-46-5,.w-47,.w-47-5,.w-48,.w-48-5,.w-49,.w-49-5,.w-50,.w-50-5,.w-51,.w-51-5,.w-52,.w-52-5,.w-53,.w-53-5,.w-54,.w-54-5,.w-55,.w-55-5,.w-56,.w-56-5,.w-57,.w-57-5,.w-58,.w-58-5,.w-59,.w-59-5,.w-60,.w-60-5,.w-61,.w-61-5,.w-62,.w-62-5,.w-63,.w-63-5,.w-64,.w-64-5,.w-65,.w-65-5,.w-66,.w-66-5,.w-67,.w-67-5,.w-68,.w-68-5,.w-69,.w-69-5,.w-70,.w-70-5,.w-71,.w-71-5,.w-72,.w-72-5,.w-73,.w-73-5,.w-74,.w-74-5,.w-75,.w-75-5,.w-76,.w-76-5,.w-77,.w-77-5,.w-78,.w-78-5,.w-79,.w-79-5,.w-80,.w-80-5,.w-81,.w-81-5,.w-82,.w-82-5,.w-83,.w-83-5,.w-84,.w-84-5,.w-85,.w-85-5,.w-86,.w-86-5,.w-87,.w-87-5,.w-88,.w-88-5,.w-89,.w-89-5,.w-90,.w-90-5,.w-91,.w-91-5,.w-92,.w-92-5,.w-93,.w-93-5,.w-94,.w-94-5,.w-95,.w-95-5,.w-96,.w-96-5,.w-97,.w-97-5,.w-98,.w-98-5,.w-99,.w-99-5,.w-100,.w-101,.w-102,.w-103,.w-104,.w-105,.w-106,.w-107,.w-108,.w-109,.w-110{float:left;}
.w-0{width:0;}.w-0-5{width:5px;}.w-1{width:10px;}.w-1-5{width:15px;}.w-2{width:20px;}.w-2-5{width:25px;}.w-3{width:30px;}.w-3-5{width:35px;}.w-4{width:40px;}.w-4-5{width:45px;}.w-5{width:50px;}.w-5-5{width:55px;}.w-6{width:60px;}.w-6-5{width:65px;}.w-7{width:70px;}.w-7-5{width:75px;}.w-8{width:80px;}.w-8-5{width:85px;}.w-9{width:90px;}.w-9-5{width:95px;}.w-10{width:100px;}.w-10-5{width:105px;}.w-11{width:110px;}.w-11-5{width:115px;}.w-12{width:120px;}.w-12-5{width:125px;}.w-13{width:130px;}.w-13-5{width:135px;}.w-14{width:140px;}.w-14-5{width:145px;}.w-15{width:150px;}.w-15-5{width:155px;}.w-16{width:160px;}.w-16-5{width:165px;}.w-17{width:170px;}.w-17-5{width:175px;}.w-18{width:180px;}.w-18-5{width:185px;}.w-19{width:190px;}.w-19-5{width:195px;}.w-20{width:200px;}.w-20-5{width:205px;}.w-21{width:210px;}.w-21-5{width:215px;}.w-22{width:220px;}.w-22-5{width:225px;}.w-23{width:230px;}.w-23-5{width:235px;}.w-24{width:240px;}.w-24-5{width:245px;}.w-25{width:250px;}.w-25-5{width:255px;}.w-26{width:260px;}.w-26-5{width:265px;}.w-27{width:270px;}.w-27-5{width:275px;}.w-28{width:280px;}.w-28-5{width:285px;}.w-29{width:290px;}.w-29-5{width:295px;}.w-30{width:300px;}.w-30-5{width:305px;}.w-31{width:310px;}.w-31-5{width:315px;}.w-32{width:320px;}.w-32-5{width:325px;}.w-33{width:330px;}.w-33-5{width:335px;}.w-34{width:340px;}.w-34-5{width:345px;}.w-35{width:350px;}.w-35-5{width:355px;}.w-36{width:360px;}.w-36-5{width:365px;}.w-37{width:370px;}.w-37-5{width:375px;}.w-38{width:380px;}.w-38-5{width:385px;}.w-39{width:390px;}.w-39-5{width:395px;}.w-40{width:400px;}.w-40-5{width:405px;}.w-41{width:410px;}.w-41-5{width:415px;}.w-42{width:420px;}.w-42-5{width:425px;}.w-43{width:430px;}.w-43-5{width:435px;}.w-44{width:440px;}.w-44-5{width:445px;}.w-45{width:450px;}.w-45-5{width:455px;}.w-46{width:460px;}.w-46-5{width:465px;}.w-47{width:470px;}.w-47-5{width:475px;}.w-48{width:480px;}.w-48-5{width:485px;}.w-49{width:490px;}.w-49-5{width:495px;}.w-50{width:500px;}.w-50-5{width:505px;}.w-51{width:510px;}.w-51-5{width:515px;}.w-52{width:520px;}.w-52-5{width:525px;}.w-53{width:530px;}.w-53-5{width:535px;}.w-54{width:540px;}.w-54-5{width:545px;}.w-55{width:550px;}.w-55-5{width:555px;}.w-56{width:560px;}.w-56-5{width:565px;}.w-57{width:570px;}.w-57-5{width:575px;}.w-58{width:580px;}.w-58-5{width:585px;}.w-59{width:590px;}.w-59-5{width:595px;}.w-60{width:600px;}.w-60-5{width:605px;}.w-61{width:610px;}.w-61-5{width:615px;}.w-62{width:620px;}.w-62-5{width:625px;}.w-63{width:630px;}.w-63-5{width:635px;}.w-64{width:640px;}.w-64-5{width:645px;}.w-65{width:650px;}.w-65-5{width:655px;}.w-66{width:660px;}.w-66-5{width:665px;}.w-67{width:670px;}.w-67-5{width:675px;}.w-68{width:680px;}.w-68-5{width:685px;}.w-69{width:690px;}.w-69-5{width:695px;}.w-70{width:700px;}.w-70-5{width:705px;}.w-71{width:710px;}.w-71-5{width:715px;}.w-72{width:720px;}.w-72-5{width:725px;}.w-73{width:730px;}.w-73-5{width:735px;}.w-74{width:740px;}.w-74-5{width:745px;}.w-75{width:750px;}.w-75-5{width:755px;}.w-76{width:760px;}.w-76-5{width:765px;}.w-77{width:770px;}.w-77-5{width:775px;}.w-78{width:780px;}.w-78-5{width:785px;}.w-79{width:790px;}.w-79-5{width:795px;}.w-80{width:800px;}.w-80-5{width:805px;}.w-81{width:810px;}.w-81-5{width:815px;}.w-82{width:820px;}.w-82-5{width:825px;}.w-83{width:830px;}.w-83-5{width:835px;}.w-84{width:840px;}.w-84-5{width:845px;}.w-85{width:850px;}.w-85-5{width:855px;}.w-86{width:860px;}.w-86-5{width:865px;}.w-87{width:870px;}.w-87-5{width:875px;}.w-88{width:880px;}.w-88-5{width:885px;}.w-89{width:890px;}.w-89-5{width:895px;}.w-90{width:900px;}.w-90-5{width:905px;}.w-91{width:910px;}.w-91-5{width:915px;}.w-92{width:920px;}.w-92-5{width:925px;}.w-93{width:930px;}.w-93-5{width:935px;}.w-94{width:940px;}.w-94-5{width:945px;}.w-95{width:950px;}.w-95-5{width:955px;}.w-96{width:960px;}.w-96-5{width:965px;}.w-97{width:970px;}.w-97-5{width:975px;}.w-98{width:980px;}.w-98-5{width:985px;}.w-99{width:990px;}.w-99-5{width:995px;}.w-100{width:1000px;}.w-100-5{width:1005px;}.w-101{width:1010px;}.w-101-5{width:1015px;}.w-102{width:1020px;}.w-102-5{width:1025px;}.w-103{width:1030px;}.w-103-5{width:1035px;}.w-104{width:1040px;}.w-104-5{width:1045px;}.w-105{width:1050px;}.w-105-5{width:1055px;}.w-106{width:1060px;}.w-106-5{width:1065px;}.w-107{width:1070px;}.w-107-5{width:1075px;}.w-108{width:1080px;}.w-108-5{width:1085px;}.w-109{width:1090px;}.w-109-5{width:1095px;}.w-110{width:1100px;}
.p-0{padding:0;}.p-0-5{padding:5px;}.p-1{padding:10px;}.p-1-5{padding:15px;}.p-2{padding:20px;}.p-2-5{padding:25px;}.p-3{padding:30px;}.p-3-5{padding:35px;}.p-4{padding:40px;}.p-4-5{padding:45px;}.p-5{padding:50px;}.p-5-5{padding:55px;}.p-6{padding:60px;}.p-6-5{padding:65px;}.p-7{padding:70px;}.p-7-5{padding:75px;}.p-8{padding:80px;}.p-8-5{padding:85px;}.p-9{padding:9px;}.p-9-5{padding:95px;}.p-10{padding:100px;}.p-10-5{padding:105px;}.p-11{padding:110px;}.p-11-5{padding:115px;}.p-12{padding:120px;}.p-12-5{padding:125px;}.p-13{padding:130px;}.p-13-5{padding:135px;}.p-14{padding:140px;}.p-14-5{padding:145px;}.p-15{padding:150px;}.p-15-5{padding:155px;}.p-16{padding:160px;}.p-16-5{padding:165px;}.p-17{padding:170px;}.p-17-5{padding:175px;}.p-18{padding:180px;}.p-18-5{padding:185px;}.p-19{padding:190px;}.p-19-5{padding:195px;}.p-20{padding:200px;}
.pl-0{padding-left:0;}.pl-0-5{padding-left:5px;}.pl-1{padding-left:10px;}.pl-1-5{padding-left:15px;}.pl-2{padding-left:20px;}.pl-2-5{padding-left:25px;}.pl-3{padding-left:30px;}.pl-3-5{padding-left:35px;}.pl-4{padding-left:40px;}.pl-4-5{padding-left:45px;}.pl-5{padding-left:50px;}.pl-5-5{padding-left:55px;}.pl-6{padding-left:60px;}.pl-6-5{padding-left:65px;}.pl-7{padding-left:70px;}.pl-7-5{padding-left:75px;}.pl-8{padding-left:80px;}.pl-8-5{padding-left:85px;}.pl-9{padding-left:90px;}.pl-9-5{padding-left:95px;}.pl-10{padding-left:100px;}.pl-10-5{padding-left:105px;}.pl-11{padding-left:110px;}.pl-11-5{padding-left:115px;}.pl-12{padding-left:120px;}.pl-12-5{padding-left:125px;}.pl-13{padding-left:130px;}.pl-13-5{padding-left:135px;}.pl-14{padding-left:140px;}.pl-14-5{padding-left:145px;}.pl-15{padding-left:150px;}.pl-15-5{padding-left:155px;}.pl-16{padding-left:160px;}.pl-16-5{padding-left:165px;}.pl-17{padding-left:170px;}.pl-17-5{padding-left:175px;}.pl-18{padding-left:180px;}.pl-18-5{padding-left:185px;}.pl-19{padding-left:190px;}.pl-19-5{padding-left:195px;}.pl-20{padding-left:200px;}.pl-20-5{padding-left:205px;}.pl-21{padding-left:210px;}.pl-21-5{padding-left:215px;}.pl-22{padding-left:220px;}.pl-22-5{padding-left:225px;}.pl-23{padding-left:230px;}.pl-23-5{padding-left:235px;}.pl-24{padding-left:240px;}.pl-24-5{padding-left:245px;}.pl-25{padding-left:250px;}.pl-25-5{padding-left:255px;}.pl-26{padding-left:260px;}.pl-26-5{padding-left:265px;}.pl-27{padding-left:270px;}.pl-27-5{padding-left:275px;}.pl-28{padding-left:280px;}.pl-28-5{padding-left:285px;}.pl-29{padding-left:290px;}.pl-29-5{padding-left:295px;}.pl-30{padding-left:300px;}.pl-30-5{padding-left:305px;}.pl-31{padding-left:310px;}.pl-31-5{padding-left:315px;}.pl-32{padding-left:320px;}.pl-32-5{padding-left:325px;}.pl-33{padding-left:330px;}.pl-33-5{padding-left:335px;}.pl-34{padding-left:340px;}.pl-34-5{padding-left:345px;}.pl-35{padding-left:350px;}.pl-35-5{padding-left:355px;}.pl-36{padding-left:360px;}.pl-36-5{padding-left:365px;}.pl-37{padding-left:370px;}.pl-37-5{padding-left:375px;}.pl-38{padding-left:380px;}.pl-38-5{padding-left:385px;}.pl-39{padding-left:390px;}.pl-39-5{padding-left:395px;}.pl-40{padding-left:400px;}
.pr-0{padding-right:0;}.pr-0-5{padding-right:5px;}.pr-1{padding-right:10px;}.pr-1-5{padding-right:15px;}.pr-2{padding-right:20px!important;}.pr-2-5{padding-right:25px;}.pr-3{padding-right:30px;}.pr-3-5{padding-right:35px;}.pr-4{padding-right:40px;}.pr-4-5{padding-right:45px;}.pr-5{padding-right:50px;}.pr-5-5{padding-right:55px;}.pr-6{padding-right:60px;}.pr-6-5{padding-right:65px;}.pr-7{padding-right:70px;}.pr-7-5{padding-right:75px;}.pr-8{padding-right:80px;}.pr-8-5{padding-right:85px;}.pr-9{padding-right:90px;}.pr-9-5{padding-right:95px;}.pr-10{padding-right:100px;}.pr-10-5{padding-right:105px;}.pr-11{padding-right:110px;}.pr-11-5{padding-right:115px;}.pr-12{padding-right:120px;}.pr-12-5{padding-right:125px;}.pr-13{padding-right:130px;}.pr-13-5{padding-right:135px;}.pr-14{padding-right:140px;}.pr-14-5{padding-right:145px;}.pr-15{padding-right:150px;}.pr-15-5{padding-right:155px;}.pr-16{padding-right:160px;}.pr-16-5{padding-right:165px;}.pr-17{padding-right:170px;}.pr-17-5{padding-right:175px;}.pr-18{padding-right:180px;}.pr-18-5{padding-right:185px;}.pr-19{padding-right:190px;}.pr-19-5{padding-right:195px;}.pr-20{padding-right:200px;}.pr-20-5{padding-right:205px;}.pr-21{padding-right:210px;}.pr-21-5{padding-right:215px;}.pr-22{padding-right:220px;}.pr-22-5{padding-right:225px;}.pr-23{padding-right:230px;}.pr-23-5{padding-right:235px;}.pr-24{padding-right:240px;}.pr-24-5{padding-right:245px;}.pr-25{padding-right:250px;}.pr-25-5{padding-right:255px;}.pr-26{padding-right:260px;}.pr-26-5{padding-right:265px;}.pr-27{padding-right:270px;}.pr-27-5{padding-right:275px;}.pr-28{padding-right:280px;}.pr-28-5{padding-right:285px;}.pr-29{padding-right:290px;}.pr-29-5{padding-right:295px;}.pr-30{padding-right:300px;}.pr-30-5{padding-right:305px;}.pr-31{padding-right:310px;}.pr-31-5{padding-right:315px;}.pr-32{padding-right:320px;}.pr-32-5{padding-right:325px;}.pr-33{padding-right:330px;}.pr-33-5{padding-right:335px;}.pr-34{padding-right:340px;}.pr-34-5{padding-right:345px;}.pr-35{padding-right:350px;}.pr-35-5{padding-right:355px;}.pr-36{padding-right:360px;}.pr-36-5{padding-right:365px;}.pr-37{padding-right:370px;}.pr-37-5{padding-right:375px;}.pr-38{padding-right:380px;}.pr-38-5{padding-right:385px;}.pr-39{padding-right:390px;}.pr-39-5{padding-right:395px;}.pr-40{padding-right:400px;}
.pt-0{padding-top:0;}.pt-0-5{padding-top:5px;}.pt-1{padding-top:10px;}.pt-1-5{padding-top:15px;}.pt-2{padding-top:20px;}.pt-2-5{padding-top:25px;}.pt-3{padding-top:30px;}.pt-3-5{padding-top:35px;}.pt-4{padding-top:40px;}.pt-4-5{padding-top:45px;}.pt-5{padding-top:50px;}.pt-5-5{padding-top:55px;}.pt-6{padding-top:60px;}.pt-6-5{padding-top:65px;}.pt-7{padding-top:70px;}.pt-7-5{padding-top:75px;}.pt-8{padding-top:80px;}.pt-8-5{padding-top:85px;}.pt-9{padding-top:90px;}.pt-9-5{padding-top:95px;}.pt-10{padding-top:100px;}.pt-10-5{padding-top:105px;}.pt-11{padding-top:110px;}.pt-11-5{padding-top:115px;}.pt-12{padding-top:120px;}.pt-12-5{padding-top:125px;}.pt-13{padding-top:130px;}.pt-13-5{padding-top:135px;}.pt-14{padding-top:140px;}.pt-14-5{padding-top:145px;}.pt-15{padding-top:150px;}.pt-15-5{padding-top:155px;}.pt-16{padding-top:160px;}.pt-16-5{padding-top:165px;}.pt-17{padding-top:170px;}.pt-17-5{padding-top:175px;}.pt-18{padding-top:180px;}.pt-18-5{padding-top:185px;}.pt-19{padding-top:190px;}.pt-19-5{padding-top:195px;}.pt-20{padding-top:200px;}.pt-22-5{padding-top:225px;}
.pb-0{padding-bottom:0;}.pb-0-5{padding-bottom:5px;}.pb-1{padding-bottom:10px;}.pb-1-5{padding-bottom:15px;}.pb-2{padding-bottom:20px;}.pb-2-5{padding-bottom:25px;}.pb-3{padding-bottom:30px;}.pb-3-5{padding-bottom:35px;}.pb-4{padding-bottom:40px;}.pb-4-5{padding-bottom:45px;}.pb-5{padding-bottom:50px;}.pb-5-5{padding-bottom:55px;}.pb-6{padding-bottom:60px;}.pb-6-5{padding-bottom:65px;}.pb-7{padding-bottom:70px;}.pb-7-5{padding-bottom:75px;}.pb-8{padding-bottom:80px;}.pb-8-5{padding-bottom:85px;}.pb-9{padding-bottom:90px;}.pb-9-5{padding-bottom:95px;}.pb-10{padding-bottom:100px;}.pb-10-5{padding-bottom:105px;}.pb-11{padding-bottom:110px;}.pb-11-5{padding-bottom:115px;}.pb-12{padding-bottom:120px;}.pb-12-5{padding-bottom:125px;}.pb-13{padding-bottom:130px;}.pb-13-5{padding-bottom:135px;}.pb-14{padding-bottom:140px;}.pb-14-5{padding-bottom:145px;}.pb-15{padding-bottom:150px;}.pb-15-5{padding-bottom:155px;}.pb-16{padding-bottom:160px;}.pb-16-5{padding-bottom:165px;}.pb-17{padding-bottom:170px;}.pb-17-5{padding-bottom:175px;}.pb-18{padding-bottom:180px;}.pb-18-5{padding-bottom:185px;}.pb-19{padding-bottom:190px;}.pb-19-5{padding-bottom:195px;}.pb-20{padding-bottom:200px;}
.m-0{margin:0;}.m-0-5{margin:5px;}.m-1{margin:10px;}.m-1-5{margin:15px;}.m-2{margin:20px;}.m-2-5{margin:25px;}.m-3{margin:30px;}.m-3-5{margin:35px;}.m-4{margin:40px;}.m-4-5{margin:45px;}.m-5{margin:50px;}.m-5-5{margin:55px;}.m-6{margin:60px;}.m-6-5{margin:65px;}.m-7{margin:70px;}.m-7-5{margin:75px;}.m-8{margin:80px;}.m-8-5{margin:85px;}.m-9{margin:9px;}.m-9-5{margin:95px;}.m-10{margin:100px;}.m-10-5{margin:105px;}.m-11{margin:110px;}.m-11-5{margin:115px;}.m-12{margin:120px;}.m-12-5{margin:125px;}.m-13{margin:130px;}.m-13-5{margin:135px;}.m-14{margin:140px;}.m-14-5{margin:145px;}.m-15{margin:150px;}.m-15-5{margin:155px;}.m-16{margin:160px;}.m-16-5{margin:165px;}.m-17{margin:170px;}.m-17-5{margin:175px;}.m-18{margin:180px;}.m-18-5{margin:185px;}.m-19{margin:190px;}.m-19-5{margin:195px;}.m-20{margin:200px;}
.ml--2{margin-left:-20px;}.ml--1-5{margin-left:-15px;}.ml--1{margin-left:-10px;}.ml--0-5{margin-left:-5px;}.ml-0{margin-left:0;}.ml-0-5{margin-left:5px;}.ml-1{margin-left:10px;}.ml-1-5{margin-left:15px;}.ml-2{margin-left:20px;}.ml-2-5{margin-left:25px;}.ml-3{margin-left:30px;}.ml-3-5{margin-left:35px;}.ml-4{margin-left:40px;}.ml-4-5{margin-left:45px;}.ml-5{margin-left:50px;}.ml-5-5{margin-left:55px;}.ml-6{margin-left:60px;}.ml-6-5{margin-left:65px;}.ml-7{margin-left:70px;}.ml-7-5{margin-left:75px;}.ml-8{margin-left:80px;}.ml-8-5{margin-left:85px;}.ml-9{margin-left:90px;}.ml-9-5{margin-left:95px;}.ml-10{margin-left:100px;}.ml-10-5{margin-left:105px;}.ml-11{margin-left:110px;}.ml-11-5{margin-left:115px;}.ml-12{margin-left:120px;}.ml-12-5{margin-left:125px;}.ml-13{margin-left:130px;}.ml-13-5{margin-left:135px;}.ml-14{margin-left:140px;}.ml-14-5{margin-left:145px;}.ml-15{margin-left:150px;}.ml-15-5{margin-left:155px;}.ml-16{margin-left:160px;}.ml-16-5{margin-left:165px;}.ml-17{margin-left:170px;}.ml-17-5{margin-left:175px;}.ml-18{margin-left:180px;}.ml-18-5{margin-left:185px;}.ml-19{margin-left:190px;}.ml-19-5{margin-left:195px;}.ml-20{margin-left:200px;}.ml-20-5{margin-left:205px;}.ml-21{margin-left:210px;}.ml-21-5{margin-left:215px;}.ml-22{margin-left:220px;}.ml-22-5{margin-left:225px;}.ml-23{margin-left:230px;}.ml-23-5{margin-left:235px;}.ml-24{margin-left:240px;}.ml-24-5{margin-left:245px;}.ml-25{margin-left:250px;}.ml-25-5{margin-left:255px;}.ml-26{margin-left:260px;}.ml-26-5{margin-left:265px;}.ml-27{margin-left:270px;}.ml-27-5{margin-left:275px;}.ml-28{margin-left:280px;}.ml-28-5{margin-left:285px;}.ml-29{margin-left:290px;}.ml-29-5{margin-left:295px;}.ml-30{margin-left:300px;}.ml-30-5{margin-left:305px;}.ml-31{margin-left:310px;}.ml-31-5{margin-left:315px;}.ml-32{margin-left:320px;}.ml-32-5{margin-left:325px;}.ml-33{margin-left:330px;}.ml-33-5{margin-left:335px;}.ml-34{margin-left:340px;}.ml-34-5{margin-left:345px;}.ml-35{margin-left:350px;}.ml-35-5{margin-left:355px;}.ml-36{margin-left:360px;}.ml-36-5{margin-left:365px;}.ml-37{margin-left:370px;}.ml-37-5{margin-left:375px;}.ml-38{margin-left:380px;}.ml-38-5{margin-left:385px;}.ml-39{margin-left:390px;}.ml-39-5{margin-left:395px;}.ml-40{margin-left:400px;}
.mr--2{margin-right:-20px;}.mr--1-5{margin-right:-15px;}.mr--1{margin-right:-10px;}.mr--0-5{margin-right:-5px;}.mr-0{margin-right:0;}.mr-0-5{margin-right:5px;}.mr-1{margin-right:10px;}.mr-1-5{margin-right:15px;}.mr-2{margin-right:20px;}.mr-2-5{margin-right:25px;}.mr-3{margin-right:30px;}.mr-3-5{margin-right:35px;}.mr-4{margin-right:40px;}.mr-4-5{margin-right:45px;}.mr-5{margin-right:50px;}.mr-5-5{margin-right:55px;}.mr-6{margin-right:60px;}.mr-6-5{margin-right:65px;}.mr-7{margin-right:70px;}.mr-7-5{margin-right:75px;}.mr-8{margin-right:80px;}.mr-8-5{margin-right:85px;}.mr-9{margin-right:90px;}.mr-9-5{margin-right:95px;}.mr-10{margin-right:100px;}.mr-10-5{margin-right:105px;}.mr-11{margin-right:110px;}.mr-11-5{margin-right:115px;}.mr-12{margin-right:120px;}.mr-12-5{margin-right:125px;}.mr-13{margin-right:130px;}.mr-13-5{margin-right:135px;}.mr-14{margin-right:140px;}.mr-14-5{margin-right:145px;}.mr-15{margin-right:150px;}.mr-15-5{margin-right:155px;}.mr-16{margin-right:160px;}.mr-16-5{margin-right:165px;}.mr-17{margin-right:170px;}.mr-17-5{margin-right:175px;}.mr-18{margin-right:180px;}.mr-18-5{margin-right:185px;}.mr-19{margin-right:190px;}.mr-19-5{margin-right:195px;}.mr-20{margin-right:200px;}
.mt--2{margin-top:-20px;}.mt--1-5{margin-top:-15px;}.mt--1{margin-top:-10px;}.mt--0-5{margin-top:-5px;}.mt-0{margin-top:0;}.mt-0-5{margin-top:5px;}.mt-1{margin-top:10px;}.mt-1-5{margin-top:15px;}.mt-2{margin-top:20px;}.mt-2-5{margin-top:25px;}.mt-3{margin-top:30px;}.mt-3-5{margin-top:35px;}.mt-4{margin-top:40px;}.mt-4-5{margin-top:45px;}.mt-5{margin-top:50px;}.mt-5-5{margin-top:55px;}.mt-6{margin-top:60px;}.mt-6-5{margin-top:65px;}.mt-7{margin-top:70px;}.mt-7-5{margin-top:75px;}.mt-8{margin-top:80px;}.mt-8-5{margin-top:85px;}.mt-9{margin-top:90px;}.mt-9-5{margin-top:95px;}.mt-10{margin-top:100px;}.mt-10-5{margin-top:105px;}.mt-11{margin-top:110px;}.mt-11-5{margin-top:115px;}.mt-12{margin-top:120px;}.mt-12-5{margin-top:125px;}.mt-13{margin-top:130px;}.mt-13-5{margin-top:135px;}.mt-14{margin-top:140px;}.mt-14-5{margin-top:145px;}.mt-15{margin-top:150px;}.mt-15-5{margin-top:155px;}.mt-16{margin-top:160px;}.mt-16-5{margin-top:165px;}.mt-17{margin-top:170px;}.mt-17-5{margin-top:175px;}.mt-18{margin-top:180px;}.mt-18-5{margin-top:185px;}.mt-19{margin-top:190px;}.mt-19-5{margin-top:195px;}.mt-20{margin-top:200px;}
.mb-0{margin-bottom:0;}.mb-0-5{margin-bottom:5px;}.mb-1{margin-bottom:10px;}.mb-1-5{margin-bottom:15px;}.mb-2{margin-bottom:20px;}.mb-2-5{margin-bottom:25px;}.mb-3{margin-bottom:30px;}.mb-3-5{margin-bottom:35px;}.mb-4{margin-bottom:40px;}.mb-4-5{margin-bottom:45px;}.mb-5{margin-bottom:50px;}.mb-5-5{margin-bottom:55px;}.mb-6{margin-bottom:60px;}.mb-6-5{margin-bottom:65px;}.mb-7{margin-bottom:70px;}.mb-7-5{margin-bottom:75px;}.mb-8{margin-bottom:80px;}.mb-8-5{margin-bottom:85px;}.mb-9{margin-bottom:90px;}.mb-9-5{margin-bottom:95px;}.mb-10{margin-bottom:100px;}.mb-10-5{margin-bottom:105px;}.mb-11{margin-bottom:110px;}.mb-11-5{margin-bottom:115px;}.mb-12{margin-bottom:120px;}.mb-12-5{margin-bottom:125px;}.mb-13{margin-bottom:130px;}.mb-13-5{margin-bottom:135px;}.mb-14{margin-bottom:140px;}.mb-14-5{margin-bottom:145px;}.mb-15{margin-bottom:150px;}.mb-15-5{margin-bottom:155px;}.mb-16{margin-bottom:160px;}.mb-16-5{margin-bottom:165px;}.mb-17{margin-bottom:170px;}.mb-17-5{margin-bottom:175px;}.mb-18{margin-bottom:180px;}.mb-18-5{margin-bottom:185px;}.mb-19{margin-bottom:190px;}.mb-19-5{margin-bottom:195px;}.mb-20{margin-bottom:200px;}
.h-0{height:0;}.h-0-5{height:5px;}.h-1{height:10px;}.h-1-5{height:15px;}.h-2{height:20px;}.h-2-5{height:25px;}.h-3{height:30px;}.h-3-5{height:35px;}.h-4{height:40px;}.h-4-5{height:45px;}.h-5{height:50px;}.h-5-5{height:55px;}.h-6{height:60px;}.h-6-5{height:65px;}.h-7{height:70px;}.h-7-5{height:75px;}.h-8{height:80px;}.h-8-5{height:85px;}.h-9{height:90px;}.h-9-5{height:95px;}.h-10{height:100px;}.h-10-5{height:105px;}.h-11{height:110px;}.h-11-5{height:115px;}.h-12{height:120px;}.h-12-5{height:125px;}.h-13{height:130px;}.h-13-5{height:135px;}.h-14{height:140px;}.h-14-5{height:145px;}.h-15{height:150px;}.h-15-5{height:155px;}.h-16{height:160px;}.h-16-5{height:165px;}.h-17{height:170px;}.h-17-5{height:175px;}.h-18{height:180px;}.h-18-5{height:185px;}.h-19{height:190px;}.h-19-5{height:195px;}.h-20{height:200px;}.h-20-5{height:205px;}.h-21{height:210px;}.h-21-5{height:215px;}.h-22{height:220px;}.h-22-5{height:225px;}.h-23{height:230px;}.h-23-5{height:235px;}.h-24{height:240px;}.h-24-5{height:245px;}.h-25{height:250px;}.h-25-5{height:255px;}.h-26{height:260px;}.h-26-5{height:265px;}.h-27{height:270px;}.h-27-5{height:275px;}.h-28{height:280px;}.h-28-5{height:285px;}.h-29{height:290px;}.h-29-5{height:295px;}.h-30{height:300px;}.h-30-5{height:305px;}.h-31{height:310px;}.h-31-5{height:315px;}.h-32{height:320px;}.h-32-5{height:325px;}.h-33{height:330px;}.h-33-5{height:335px;}.h-34{height:340px;}.h-34-5{height:345px;}.h-35{height:350px;}.h-35-5{height:355px;}.h-36{height:360px;}.h-36-5{height:365px;}.h-37{height:370px;}.h-37-5{height:375px;}.h-38{height:380px;}.h-38-5{height:385px;}.h-39{height:390px;}.h-39-5{height:395px;}.h-40{height:400px;}.h-40-5{height:405px;}.h-41{height:410px;}.h-41-5{height:415px;}.h-42{height:420px;}.h-42-5{height:425px;}.h-43{height:430px;}.h-43-5{height:435px;}.h-44{height:440px;}.h-44-5{height:445px;}.h-45{height:450px;}.h-45-5{height:455px;}.h-46{height:460px;}.h-46-5{height:465px;}.h-47{height:470px;}.h-47-5{height:475px;}.h-48{height:480px;}.h-48-5{height:485px;}.h-49{height:490px;}.h-49-5{height:495px;}.h-50{height:500px;}.h-50-5{height:505px;}.h-51{height:510px;}.h-51-5{height:515px;}.h-52{height:520px;}.h-52-5{height:525px;}.h-53{height:530px;}.h-53-5{height:535px;}.h-54{height:540px;}.h-54-5{height:545px;}.h-55{height:550px;}.h-55-5{height:555px;}.h-56{height:560px;}.h-56-5{height:565px;}.h-57{height:570px;}.h-57-5{height:575px;}.h-58{height:580px;}.h-58-5{height:585px;}.h-59{height:590px;}.h-59-5{height:595px;}.h-60{height:600px;}.h-60-5{height:605px;}.h-61{height:610px;}.h-61-5{height:615px;}.h-62{height:620px;}.h-62-5{height:625px;}.h-63{height:630px;}.h-63-5{height:635px;}.h-64{height:640px;}.h-64-5{height:645px;}.h-65{height:650px;}.h-65-5{height:655px;}.h-66{height:660px;}.h-66-5{height:665px;}.h-67{height:670px;}.h-67-5{height:675px;}.h-68{height:680px;}.h-68-5{height:685px;}.h-69{height:690px;}.h-69-5{height:695px;}.h-70{height:700px;}.h-70-5{height:705px;}.h-71{height:710px;}.h-71-5{height:715px;}.h-72{height:720px;}.h-72-5{height:725px;}.h-73{height:730px;}.h-73-5{height:735px;}.h-74{height:740px;}.h-74-5{height:745px;}.h-75{height:750px;}.h-75-5{height:755px;}.h-76{height:760px;}.h-76-5{height:765px;}.h-77{height:770px;}.h-77-5{height:775px;}.h-78{height:780px;}.h-78-5{height:785px;}.h-79{height:790px;}.h-79-5{height:795px;}.h-80{height:800px;}.h-80-5{height:805px;}.h-81{height:810px;}.h-81-5{height:815px;}.h-82{height:820px;}.h-82-5{height:825px;}.h-83{height:830px;}.h-83-5{height:835px;}.h-84{height:840px;}.h-84-5{height:845px;}.h-85{height:850px;}.h-85-5{height:855px;}.h-86{height:860px;}.h-86-5{height:865px;}.h-87{height:870px;}.h-87-5{height:875px;}.h-88{height:880px;}.h-88-5{height:885px;}.h-89{height:890px;}.h-89-5{height:895px;}.h-90{height:900px;}.h-90-5{height:905px;}.h-91{height:910px;}.h-91-5{height:915px;}.h-92{height:920px;}.h-92-5{height:925px;}.h-93{height:930px;}.h-93-5{height:935px;}.h-94{height:940px;}.h-94-5{height:945px;}.h-95{height:950px;}.h-95-5{height:955px;}.h-96{height:960px;}.h-96-5{height:965px;}.h-97{height:970px;}.h-97-5{height:975px;}.h-98{height:980px;}.h-98-5{height:985px;}.h-99{height:990px;}.h-99-5{height:995px;}.h-100{height:1000px;}.h-100-5{height:1005px;}.h-101{height:1010px;}.h-101-5{height:1015px;}.h-102{height:1020px;}.h-102-5{height:1025px;}.h-103{height:1030px;}.h-103-5{height:1035px;}.h-104{height:1040px;}.h-104-5{height:1045px;}.h-105{height:1050px;}.h-105-5{height:1055px;}.h-106{height:1060px;}.h-106-5{height:1065px;}.h-107{height:1070px;}.h-107-5{height:1075px;}.h-108{height:1080px;}.h-108-5{height:1085px;}.h-109{height:1090px;}.h-109-5{height:1095px;}.h-110{height:1100px;}
.pull-left {float: left;}
.pull-right {float: right;}

.back-top{
  position: absolute;
  right:0;
  top:0;
  width: 42px;
  height: 42px;
  background: url(../../images/top.png) center/cover no-repeat;
}
#js_search .active{
  display:inline-block;
  opacity:1;
  margin-right:15px;
}
#js_search{
  display:inline-block;
}

/*新增0111*/
#menu4 { /*height:263px;*/
    background: url(/images/bg-nav-n.jpg);
    width: 906px;
    padding: 0 20px 0 0;
    border: 0;
}
#menu4>li{height:auto; line-height: normal; background: none!important; width: 100%; float: left; position: relative;}
#menu4>li:hover .dx-nav-t{color:#222;}
#menu4>li:nth-child(2){height:104px;}
.dx-nav-t{width:197px; background: #d2d2d2; color:#fff; font-size: 27px; line-height: 164px; margin-bottom:0; font-weight: bold; position:absolute; left:0; top: 2px; height:100%; text-align: left; padding-left: 30px;}
.dx-nav-t:after{content:''; display: inline-block; width:0; height:0; border-left:8px solid #d2d2d2; border-top:8px solid transparent; border-bottom:8px solid transparent; position: absolute; right:-8px; top:30%;}
.dx-nav-t2:after{border-left:8px solid #e4e5e5;}
.dx-grills-list{margin-right: -20px; width:687px; background: none!important; border-bottom:1px solid #bdbdbd;}
#menu4 .dx-grills-list>li{float:left; width:16.66666%; text-align: center; height:164px; background: none!important; position: relative; overflow: hidden; padding-top: 12px;}
#menu4 .dx-grills-list>li:after{content: ''; display: inline-block; width:1px; height:14px; background:#bdbdbd; position: absolute; top:34%; right:0;}
#menu4 .dx-grills-list>li:last-child:after{content:none;}
.dx-nav-t2{height:104px; line-height: 104px; font-size: 23px;  font-weight: bold; background: #e4e5e5;}
.dx-grills-list .grill-img{width:auto; height:120px; text-align: center; line-height: 120px;}
.dx-grills-list .grill-name{text-align: center; color:#000; font-size: 12px; font-family: 'Arial',sans-serif;}
.dx-grills-list .grill-name:hover{color: #d20220}
.dx-accessories{margin-left: 214px;}
.dx-accessories .accessories-img{width:120px; height:72px; text-align: center; line-height: 72px;}
.dx-accessories .accessories-name{text-align: center; color:#333; font-size: 12px;}
.dx-accessories .accessories-name:hover{color: #d20220}
.dx-nav-search{font-size: 0; margin-top:36px;}
.dx-nav-search input{font-size: 14px; width:309px; height:29px; border:1px solid #bebfbf; border-radius: 5px 0 0 5px; background: none; text-align: center;}
.dx-nav-search input::-webkit-input-placeholder {
  font-size: 11px;
  color: rgba(39,39,39,.27);
}
.dx-nav-search input:-moz-placeholder {
  font-size: 11px;
  color: rgba(39,39,39,.27);
}
.dx-nav-search input::-moz-placeholder {
  font-size: 11px;
  color: rgba(39,39,39,.27);
}
.dx-nav-search input:-ms-input-placeholder {
  font-size: 11px;
  color: rgba(39,39,39,.27);
}
.dx-nav-search button{font-size: 15px; background: #ddd; width:62px; height:29px; vertical-align: top; border:0; color:#fff; line-height: 27px; border-radius: 0 5px 5px 0;}

.dx-service-hotline{background: #3e3e3e; padding:50px 0 80px;}
.dx-service-hotline h3{font-size: 58px; color:#fff; text-align: center;}
.dx-service-hotline h3:after{content:''; display: block; width:46px; height:3px; background: #be1b21; margin:20px auto;}
.dx-service-hotline .service-list{color:#fff; width:1108px; margin:0 auto; font-size: 20px;}
.dx-service-hotline .service-list>li{width:554px; float:left; line-height: 1.7;}
.dx-service-hotline .service-list>li:nth-child(3){margin-top:-36px;}

.dx-service-manual{background: url(/images/service/bg-manual.jpg); height:515px; padding:50px 0 124px;}
.dx-service-manual h3{font-size: 58px; color:#fff; text-align: center; margin-top:0;}
.dx-manual-type{width:1075px;padding:25px 0 15px; background: linear-gradient(to right,rgba(254,254,253,0),rgba(254,254,253,.1),rgba(254,254,253,0)); margin:90px auto 0; text-align: center;}
.dx-manual-type ul{display: inline-block;}
.dx-manual-type ul>li{float:left; text-align: center; color:#c2c2c3; position: relative; margin-right:210px;}
.dx-manual-type ul>li:last-child{margin-right:0;}
.dx-manual-type ul>li:after{content: ''; display: inline-block; width:2px; height:53px; background: #161415; position: absolute; top:50%; right:-100px; transform: translateY(-50%);}
.dx-manual-type ul>li:last-child:after{content:none;}
.dx-manual-type .mt-name{margin-bottom:0; font-size: 20px; margin-top:10px; color:#c2c2c3;}
.dx-manual-type .mt-img{width:120px; height:121px; margin: 0 auto;}
.dx-manual-type .mt-img.intro{background: url(/images/service/intro.png); }
.dx-manual-type ul>li:hover .mt-img.intro{background-position: -120px 0;}
.dx-manual-type .mt-img.videos{background: url(/images/service/video.png); }
.dx-manual-type ul>li:hover .mt-img.videos{background-position: -120px 0;}
.dx-manual-type ul>li:hover .mt-name{color:#be1b21;}
/*.dx-manual-type ul>li .mt-img img{filter: grayscale(1);}*/
.dx-model-num{text-align: center; padding:76px 0 114px;}
.dx-model-num>p:first-child{font-size: 20px; color:#333; font-weight: bold;}
.dx-model-num>p:nth-child(2){color:#999; width:1080px; margin:20px auto 30px; font-size: 16px;}
.dx-nav-search.mn input{text-align: center; height:44px; width:429px; }
.dx-nav-search.mn button{height:44px; width:89px; }

.dx-manuals .filter{padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #e4e5e5;}
.dx-manuals .filter>li{float:left; width:14.28%; text-align: center; position: relative;}
.dx-manuals .filter>li:after{content: ''; display: inline-block; width:2px; height:20px; background: #090607; position: absolute; top:50%; right:0; margin-top:-10px;}
.dx-manuals .filter>li:last-child:after{content:none;}
.dx-manuals .filter>li a{color:#090607; font-size: 26px; font-weight: bold;}
.dx-manuals .filter>li a:hover{text-decoration: underline;}
.dx-products-list{margin-bottom:100px;}
.dx-products-list>li{width:24.4%; height:392px; overflow: hidden; border:1px solid #e4e5e5; float:left; margin-right:8px; margin-bottom:20px;}



.dx-products-list>li:nth-child(4n){margin-right:0;}
.dx-products-list .pi-l{float:left; width:62%;}

/*@media (max-width: 1370px) {
  .dx-products-list>li{width:294px;}
  .dx-products-list .pi-l {width: 173px;}
}*/

.dx-products-list .pi-r{float:right; text-align: center;}
.dx-products-list .pi-r a{display: block; font-size: 12px; color:#333;}
.dx-products-list .pi-r a p{-webkit-transform : scale(0.84,0.84);}
.dx-products-list .pi-r a:first-child:after{content:''; display: block; width:30px; height:1px; background: #e4e5e5; margin:-2px auto 8px;}
.dx-products-list .pi-r .manual-pic{background: url(../../images/dx-bg-pdf.png) no-repeat left top; margin-bottom:5px; width:46px; height:47px; overflow: hidden; margin-left: auto; margin-right: auto;}
.dx-products-list .pi-r .manual-pic.manual-pic-v{background: url(../../images/dx-bg-video.png) no-repeat left top;}
.dx-products-list .pi-r a:hover .manual-pic{background-position: right top;}
.dx-products-list .product-info{padding:15px;}
.dx-products-list .product-info .product-name{font-size: 20px; color:#333;}
.dx-products-list .product-info .tip{font-size: 12px; color:#999;}
.dx-products-list .product-info .tip-en{font-size: 12px; color:#666;}

.web-service .right .top .contents{display: inline-block;}
.web-service .right .top .contents:hover{text-decoration: underline; cursor:pointer;}
.web-service .right .bottom a:hover{color: #be1b21; border:2px solid #be1b21;}

.dx-no-arrs .arrs{display: none;}

.dx-ditu-left{height:809px; overflow: hidden; position: relative;}
.dx-ditu-left img{max-width:none; height:803px; width:auto!important; position: absolute; right:0; top:0;}
.dx-ditu-right{height:809px;}
.peijian-content-out .peijian-content .titles .button-box a:hover{color:#be1b21; border:1px solid #be1b21;}
.man-page4-content .bottom-content .carousel .carousel-control{height:125px; line-height: 125px; display: none;}
.man-page4-content .bottom-content .carousel .carousel-control.right span:first-child{margin-top:-15px!important;}
.dx-bx-s .box-out{width:100%;}
.man-page8-content li .box-in .detail a{display: inline-block; position: relative;}
.man-page8-content li .box-in .detail a:hover:after{content:''; display: block; width:100%; height:1px; background: #be1b21; position: absolute; left:0; bottom:0;}
.man-page8-content li .box-in .title a{font-family: 'Franklin Gothic Medium Cond', sans-serif; font-weight: normal; font-size: 28px; letter-spacing: 1px;}
.dx-cfb .img-box:hover:before{content:none;}

.dx-aboutus-last{/*height: 639px;*/}
.dx-carousel .item .box-out .box-in .content-bottom p:nth-child(1){margin-bottom:0; padding-bottom:20px;}
.dx-carousel .item .box-out .box-in .img-top a{display: block; width:100%; height: 100%; overflow: hidden; position: relative;}
.dx-carousel .item .box-out .box-in .img-top a img{
  min-width: 100%;
  min-height: 100%;
  max-width: 150%;
  max-height: 150%;
}
.dx-carousel .item .box-out .box-in .img-top>a{
  height: 350px;
}
.dx-carousel .item .box-out .box-in .img-top>a:after{content:''; display: inline-block; width: 0; height: 0; border-left: 27px solid transparent; border-right: 27px solid transparent; border-bottom: 29px solid #fff; position: absolute; left:50%; bottom:0; margin-left:-27px;}
.dx-carousel .item .box-out .box-in .img-top a img{transition: all .5s;}
.dx-carousel .item .box-out .box-in .img-top a img:hover{transform: scale(1.15);}
.dx-carousel .item .box-out .box-in .content-bottom p:nth-child(1) a:hover{color:#be1b21;}
.dx-carousel .item .box-out .box-in .content-bottom p:nth-child(1) a{font-size: 36px; color: #3a3a3b;display: -webkit-box;
    height: 105px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;height: 105px;}
.dx-carousel .item .box-out .box-in .content-bottom p:nth-child(3){text-align: right; margin-top:30px;}
.dx-carousel .item .box-out .box-in .content-bottom p:nth-child(3) a{display: inline; margin-top:0; color:#d57c65!important;}
.dx-carousel .item .box-out .box-in .content-bottom p:nth-child(3) a:hover{text-decoration: underline;}
.dx-carousel .item .box-out .box-in .content-bottom p:nth-child(2){transition: all .3s;}
/*.dx-carousel .item .box-out .box-in .content-bottom p:nth-child(2):hover{text-shadow: 0 0 5px #999;}*/
.dx-aboutus-last .word-go{text-align: center; left:50%; transform: translateX(-50%); top:18%;}
.dx-aboutus-last .word-go p{white-space: nowrap; letter-spacing: 2px;}
.dx-aboutus-last .word-go p:first-child{text-align: left; padding-left: 59px;}


.content-caipu-three{height:0; transition: all 1s; overflow: hidden; padding:0;}
.content-caipu-three.active{height:auto; padding: 70px 0 20px 0;/*overflow-y:auto;*/}

.dx-banner-home-d{height:auto; padding:0;}
.dx-banner-home-d .word-go{top:50%; margin-top:-199px;}
.dx-banner-home-d .word-go p{text-align: center!important; padding:0!important;}
.dx-banner-home-d .word-go p:first-child{margin-bottom:40px; margin-top:-40px;}
.dx-banner-home-d .word-go p:nth-child(2){font-size: 40px; font-style: italic; letter-spacing: 3px;}
.dx-banner-home-d .word-go img{width:330px;}
.main-banner{height:auto;}
.main-banner img{width:auto;}

.dx-slider-pager{text-align: center; margin-top:40px;}
.dx-slider-pager a{display: inline-block; width:20px; height:20px; background: #333; border-radius: 10px; margin-right:7px;}
.dx-slider-pager a:last-child{margin-right:0;}
.dx-slider-pager a.active,
.dx-slider-pager a:hover{background: #d3aa8c;}

.dx-carousel .bx-wrapper{background: none; border:0; box-shadow: none;}
.dx-carousel .bx-wrapper .bx-controls-direction{display: block;}
.dx-carousel .bx-wrapper .bx-controls-direction a{width:auto; height:auto; display: inline-block; text-indent: 0; background: none;}
.dx-carousel .bx-wrapper .bx-prev{position:absolute; right:55px; top:-70px; font-size: 37px; color:#333; left:initial;z-index: 10;}
.dx-carousel .bx-wrapper .bx-next{background: none;position:absolute; right:20px; top:-70px; font-size: 37px; color:#333;z-index: 10;}
/*.bx-viewport:hover+.bx-has-controls-direction a{background: none; width:auto; height:auto; display: inline-block;}*/

.dx-icon-wrapper{height: 80px; line-height: 80px;}

.main-content2 .dx-title{color: #0e0808;
  font-size: 70px;
  font-weight: bold;}

.man-page8-content li .box-in .detail a:hover:after{content: none;}
.man-page8-content li .box-in .detail a:hover span{text-decoration: underline;}

.dx-acc-cover{position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(248,248,248,.6); opacity: 0; transition: all .4s;}
.peijian-content-out .peijian-content .ul-in li{padding-top: 40px; padding-bottom:30px; transition: all .4s;}
.peijian-content-out .peijian-content .ul-in li .dx-acc-cover p{margin:0; text-align: left; font-size: 12px; line-height: 2; color:#010101;}
.peijian-content-out .peijian-content .ul-in li .dx-acc-cover{padding:50px 38px;}
.peijian-content-out .peijian-content .ul-in li:hover .dx-acc-cover{opacity: 1;}
.dx-acc-nav{background: #292929; height: 65px; line-height: 65px; font-size: 20px; color:#fff; margin-top:-65px; width: 100%;}
.dx-acc-nav ul>li{float:left; width:16.666666%; text-align:center;}
.dx-acc-nav ul>li a{color:#fff; display: block; padding:0;}
.dx-acc-nav ul>li a:hover{background: #c7161e;}

.main-content .bottom-logo .box-in .word .word-title.dx-word-title{text-align: left; padding-left:20px;}
.main-content .bottom-logo .box-in .word .word-title.dx-word-title:hover{color: #d20220;}

.dx-carousel .box-out{padding:26px;}
.dx-carousel .box-in{transition: all .4s; padding:0;}
.dx-carousel .box-in:hover{box-shadow: 0 0 40px rgba(0,0,0,.4);}

.dx-banner-page8 .row{height:450px;}

/*搜索*/
/*清浮动*/
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}



.clearfix {
  zoom: 1;
}
/*body{
  background-color: #f6f6f6;
}*/
p{margin: 0}

/*.container-fluid{
  padding: 0;
}*/
.xxw-nav{
  height: 50px;
  line-height: 50px;
  padding-left: 444px;
  background-color: #fff;
  display: none;
}
.xxw-nav span{
  padding-left: 12px;
  padding-right: 5px;
}
.xxw-nav .active{
  color: #cf031e;
}
.xxw-title{
  font: 74px "PT Sans Narrow Bold";
  text-align: center;
  margin: 0;
  line-height: 143px;
}
.xxw-content{
  background-color: #fff;
  padding: 0 32px 240px;
  min-height: 1670px;
}
.xxw-results{
  margin-top: 30px;
  font: 18px "PT Sans Narrow Bold";
  /*text-transform: uppercase;*/
  margin-bottom: 0;
}
.xxw-results span{
  color: #ea0607;
}
.xxw-txt{
  border-bottom: 1px solid #dddddd;
  padding: 10px 71px 10px 125px;
}
.xxw-text{
}
.xxw-text h3 a{
  margin: 0;
  padding-bottom: 22px;
  font: 30px "Franklin Gothic Medium Cond";
  color: #020202;
}
.xxw-text h3 a:active{
  color: #ea0607;
}
/*.xxw-text h3 a:visited{*/
/*color: #969696;*/
/*}*/
.xxw-text p{
    line-height: 24px;
    font: 16px "Microsoft New Tai Lue";
    color: #414040;
    margin-bottom: 40px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient:vertical;
}
.xxw-pic{
  width: 427px;
  height: 196px;
}
.xxw-pic img{
  display: block;
  max-width: 100%;
  height: 100%;
}
#dx-tab .panel-group{
  display: none;
}

/*位置地图*/
.dx-site-map{
  width: 1506px;
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
}
.dx-site-map .title{
  padding-top: 20px;
  font-family: "Franklin Gothic Medium Cond";
  font-size: 26px;
  color: #000;
  line-height: 54px;
  border-bottom: 1px solid #d6d6d6;
}
.dx-site-map .content .site-map-list{
  width: 20%;
  float: left;
}
.dx-site-map .content .site-map-list > h4{
  padding: 36px 0 24px;
  font-size: 18px;
  color: #c9151e;
}
.dx-site-map .content .site-map-list > .list li > a{
  font-size: 14px;
  color: #000;
  line-height: 27px;
}
/*样式修改*/
.man-page8-content li .box-in .title a{
  display: inline-block;
  height: 52px;
  font-size:26px;
  line-height:26px;
  overflow : hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;    /* 数值代表显示几行 */
  -webkit-box-orient: vertical;
}
.box-out .box-in .content-bottom .title{
  font-size: 24px;
  font-weight:bold;
  color: #3a3a3b;
  cursor: pointer;
  height: 240px;
}
.box-out .box-in .content-bottom .title a{
  font-size: 24px;
  font-weight:bold;
  color: #3a3a3b;
  cursor: pointer;
  height: 240px;
}
.box-out .box-in .content-bottom .title a:hover{
  color: #be1b21;
}
.box-out .box-in .content-bottom .title:hover{
  color: #be1b21;
}
.blog-more{
  text-align: right;
}
.blog-more a:hover{
  text-decoration: underline;
}
#js_searchnew:hover button{
  background-color: #d20220;
  color: #fff;
}
.blog-left .img-man-box{
  display: none;
}

.content-detail-kaolv .container .top .c1 .detail-message .dx-detail-p p{font-family:Times New Roman;line-height: 20px; overflow: hidden; transition: all .5s; color:rgba(1,1,1,.7)}
.content-detail-kaolv .container .top .c1 .detail-message .dx-detail-p.dx p{max-height: 100px;}
.content-detail-kaolv .container .top .c1 .detail-message .dx-detail-p.dx-h p{max-height:400px;}
.content-detail-kaolv .container .top .c1 .detail-message .detail img{transition: all .4s;}
.content-detail-kaolv .container .top .c1 .detail-message .detail.dx-h img{transform: rotate(180deg);}

.detail-transparent-black .bx-wrapper{border:0; box-shadow: none;}

.dx-video{width:1280px; height:720px; overflow:hidden; display: none;}
.dx-video video{
  width: 100%;
}

.dx-products-list .product-img{width:327px; height:211px; overflow: hidden;}
.dx-products-list .product-img img{transition: all .3s;max-width: 100%;}
.dx-products-list .product-img img:hover{transform: scale(1.15);}


.dx-button-box{position: absolute; left: 50%; bottom: -148px; margin-left: -78px;}
.dx-right-arr{transform: rotate(180deg);}
.panel-group .dx-right-arr.dx-o{transform: rotate(180deg);}
.panel-group .collapsed .dx-right-arr {transform: rotate(0deg);}
.dx-right-arr.dx-o {
    transform: rotate(0deg);
}

.dx-acc-nav ul>li.active{background: #c7161e;}

.dx-editor-content p{margin-bottom: 0;}

.peijian-content-out .peijian-content .out-li{padding-top:120px; margin-bottom:0;}
.main-page8-banner.dx-tu .word{top:43%;}

.dx-editor-content p>img{width: 100%}


/******************************************************************/
.mobile-wrapper {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.mobile-wrapper img {
  max-width: 100%;
}
.us-link {
  display: block;
  width: 100%;
}
.header-style {
  position: relative;
}
.banner-text {
  position: absolute;
  top: 32%;
  width: 100%;
  text-align: center;
  font-family: "PT Sans Narrow Bold", "Franklin Gothic Medium Cond", sans-serif;
  font-size: 30px;
  color: #f9f9f9;
  /*text-transform: uppercase;*/
}
.search-box .t {
  font-family: "Microsoft New Tai Lue";
  font-size: 18px;
  text-align: center;
  color: #f0f0f0;
  height: 40px;
  line-height: 40px;
  background: #171413;
  margin-top: -10px;
  position: relative;
  z-index: 10;
}
.search-box .input-group {
  border: 7px solid #f6f6f6;
}
.search-box .form-control {
  border-radius: 0;
  padding: 2px;
  height: 28px;
  background: #e0e0df;
  border: none;
  box-shadow: none;

}
.search-box .btn-search {
  background: #f6f6f6;
  border: none;
  width: 34px;
  height: 28px;
  padding: 0 0 0 8px;
}
.rgc-mess .nav-tabs {
  border: none;
  white-space: nowrap;
  overflow-x: auto;
  padding-bottom: 10px;
}
.rgc-mess .nav-tabs>li {
  width: 30%;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-left: -5px;
}
.tip-pic-01 {
  display: block;
  margin: 0 auto;
  width: 19px;
  height: 19px;
  line-height: 19px;
  background: url("../images/sprit-01.png") no-repeat;
  background-position: 0 -40px;
}
.tip-pic-02 {
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  background: url("../images/sprit-01.png") no-repeat;
  background-position: -30px -40px;
}
.tip-pic-03 {
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  background: url("../images/sprit-01.png") no-repeat;
  background-position: -58px -40px;
}
.tip-pic-04 {
  display: inline-block;
  width: 33px;
  height: 19px;
  line-height: 19px;
  background: url("../images/sprit-01.png") no-repeat;
  background-position: -88px -40px;
}
.tip-pic-05 {
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  background: url("../images/sprit-01.png") no-repeat;
  background-position: -125px -40px;
}
.rgc-mess .nav-tabs>li>a {
  padding: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  color: #fff;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 7px;
  height: 64px;
  border: none;
  background: #171414;
  position: relative;
}
.rgc-mess .nav-tabs>li>a>span {
  display: block;
  line-height: 12px;
  margin-top: 5px;
}
.rgc-mess .nav-tabs>li.active>a,
.rgc-mess .nav-tabs>li.active>a:hover,
.rgc-mess .nav-tabs>li.active>a:focus {
  color: #fff;
  cursor: default;
  background-color: #e54337;
  border: none;
  border-bottom-color: transparent;
}
.rgc-mess .nav-tabs>li.active>a:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -7px;
  border-top: 5px solid #e54337;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
/*.rgc-mess .tab-content>.tab-pane {*/
/*padding-left: 15px;*/
/*padding-right: 15px;*/
/*}*/

.rgc-mess .panel-heading {
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.rgc-mess .panel-heading a {
  display: block;
  padding: 10px 0px;
}
.rgc-mess .panel-heading a .h-t {
  float: left;
  vertical-align: bottom;
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #020202;
  font-family: "Franklin Gothic Medium Cond";

}
.rgc-mess .panel-heading a .answer {
  float: left;
  font-size: 16px;
  font-family: "Franklin Gothic Medium Cond";
  color: #f44437;
  width: 6%;
}
.rgc-mess .panel-heading a .iconfont {
  float: right;
  color: #525151;

}
.rgc-mess .panel-heading a .icon-uparrow {
  color: #f44437;
}
.rgc-mess .panel {
  border: none;
  border: none;
}
.rgc-mess .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #f0f0f0;
}
.rgc-mess .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #f0f0f0;
}
.rgc-mess .panel-body .answer {
  content: "A";
  font-size: 16px;
  font-family: "Franklin Gothic Medium Cond";
  color: #f44437;
  /*margin-right: 10px;*/
  float: left;
  width: 6%;
}
.rgc-mess .panel-body .neirong {
  float: right;
  width: 94%;
  font-size: 12px;
  color: #848484;
}
.rgc-mess .panel-group {
  margin-bottom: 40px;
}
.rgc-link {
  position: relative;

}
.link-01 {
  display: inline-block;
  width: 100px;
  height: 73px;
  /*background: transparent url("../images/sprit-02.png") center center no-repeat;*/
  /*background-position: 0 -310px;*/
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.link-01 img {
  width: 60px;
}
.link-02 {
  display: inline-block;
  width: 100px;
  height: 73px;
  margin-left: 45px;
  /*background: transparent url("../images/sprit-02.png") center center no-repeat;*/
  /*background-position: -140px -310px;*/
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.link-02 img {
  width: 60px;
}
.rgc-link .banner-text {
  top: 20%;
  font-size: 20px;
}
.mobile-footer {
  background: #3e3e3e;
  padding-bottom: 15px;
}
/*.footer-title {
  font-family: "PT Sans Narrow Bold", "Franklin Gothic Medium Cond", sans-serif;
  font-size: 20px;
  text-align: center;
  color: #fff;
  padding-top: 26px;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.footer-title:after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #f23030;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
}*/
.tel {
  font-family: "Microsoft New Tai Lue";
  font-size: 16px;
  color: #f9f9f9;
  text-align: center;
  margin-bottom: 15px;
}
.tel p {
  line-height: 22px;
}
.intro-list {
  display: block;
  margin-left: 35px;
  margin-right: 35px;
  background: #f7f7f8;
  padding: 22px 15px 25px 15px;
  margin-bottom: 15px;
}
.intro-list:first-child {
  margin-top: 30px;
}
.l-t {
  font-family: "Franklin Gothic Medium Cond";
  font-size: 22px;
  color: #020202;
  font-weight: normal;
  margin-bottom: 10px;
}
.ellipsis-3l {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;    /* 数值代表显示几行 */
  -webkit-box-orient: vertical;
}
.l-intro {
  margin-top: 20px;
  font-family: "Microsoft New Tai Lue";
  font-size: 12px;
  color: #707071;
  height: 50px;

}
.l-link {
  display: inline-block;
  margin-top: 5px;
  font-family: "Franklin Gothic Medium Cond";
  font-size: 22px;
  color: #cb0622;
}
.l-link:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 10px;
  border-left: 10px solid #cb0622;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}







/******************QI********************/

.man-page8-content li .box-in .image-box img{
  /*width: 200px;*/
}/*修改*/
#xxw-nav>li>a{padding-right:35px;padding-left:0;}
.dx-carousel .item .box-out .box-in .content-bottom p:nth-child(2){
  overflow : hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  height: 105px;
  font-family:'微软雅黑';
}
.blog-content .box-in{
  height: 850px;
}
.peijian-content .ul-in li img{
  width: 60%;
}
.peijian-content .ul-in li{
  position: relative;
  height: 320px;
}
.peijian-content .ul-in li>p{
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
}




/*模块同步*/
.blog2-banner-box .blog2-banner-time-bottom{
  display: none;
}
.blog2-banner-box .blog2-banner-time-bottom.active{
  display: block;
}
html{
  height: 100%;
}
body{
  min-height: 100%;
  position: relative;
  /*padding-bottom: 100px;*/
}
.man-page8-content li .box-in .title{
  min-height: 90px;
}
.man-page8-content li .box-in{
  min-height: 460px;
}
.index-slider img{
  width: 100%;
}
.index-slider{
  margin: 0;
}
.index-slider>div{
  padding: 0;
}
.qi-banner .bx-pager{
  bottom: 20px !important;
}
.qi-banner .bx-pager a.active{
  background: #747474 !important;
}.box-out .box-in .img-top .img-top-img{
  min-width: 100%;
  height: 350px;
  width: auto;
}
.blog-main-content img{
  height: auto !important;
}


.qi-banner .bx-wrapper .bx-prev {
    background: url("/images/home/red-left-arror_02.png");
    background-size: 100%;
    left: 0;
}
.qi-banner .bx-wrapper .bx-controls-direction a{
  opacity: .4;
  z-index: 100;
}
.qi-banner .bx-wrapper .bx-controls-direction a:hover{
  opacity: 1;
}
.content-caipu-four .content-caipu-four-box p:nth-child(2){
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 20px;
}


.pt110{padding-top:110px;}
.head {
    z-index:999;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color: #1e1d1c;
}
.head::after{
    position:absolute;
    top:40px;
    left:0;
    content:'';
    display:block;
    width:100%;
    height:1px;
    background-color:#5a595a;
}
.head .head-menu{
    margin-top:1px;
}
.head .head-topline{
    height:40px;
}
.head .head-topline .navbar-form{
    margin:0;
    margin-top:18px;
}
.head-topline button {
    background-color: #bf1b1d;
    font-size:14px;
    color: white;
    height:35px;
    line-height:1;
    border:solid 1px #bf1b1d;
    outline:none;
}

    .head-topline button:link, .head-topline button:visited, .head-topline button:hover, .head-topline button:active, .head-topline button:focus {
        background-color: #bf1b1d;
        color: white;
        outline: none;
        border-color: #bf1b1d;
    }
    .head-topline button::-moz-focus-inner {
        border-color: transparent;
    }
    .head-topline .icon_search{
        font-size:22px;
    }
.head-topline .input-group-btn:last-child > .btn, .head-topline .input-group-btn:last-child > .btn-group{
    margin-left:0;
}
.head-account {
    margin-top: 15px;
}
.head-account .dropdown-toggle{
    position:relative;
    display:block;
    padding: 4px 40px 19px 32px;
    line-height:18px;
}
.head-account .icon_account {
    position: absolute;
    left: 0;
    top: 8px;
    font-size:22px;
    color:#fff;
}
.head-account .drop{
    font-family: Franklin Gothic Medium;
    font-size:17px;
    color:#fff;
}
.head-account .info{
    font-family: Franklin Gothic Medium;
    width:140px;
    color:#D7D6D6;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.head-account .dropdown:hover .drop,.head-account .dropdown:hover .icon_account{
    color:#D20220;
}
.head-account .dropdown:hover .icon_down {
    /*transform:rotate(180deg);*/
}
.head-account .dropdown-menu {
    display:block;
    right: auto;
    left: 0;
    top: 100px;
    height: 0;
    padding: 0;
    opacity: 0;
    border: none;
    border-radius:0;
    background: url(/images/nav-bg.jpg);
    overflow: hidden;
    transition: opacity .5s,top .5s;
}
.head-account .dropdown:hover .dropdown-menu{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
    top: 55px;
    height: auto;
    padding:15px;
}
    .head-account .dropdown:hover .islogin {
        padding: 0;
    }
.head-account .dropdown-menu button{
    width:100%;
    border-radius:2px;
}
.head-account .islogin button{
    border-radius:0;
}
.head-account .islogin ul{
    padding:15px;
} 
.head-account .regline{
    padding:10px 0;
    font-size:12px;
    line-height:10px;
    border-bottom:solid 1px #BDBDBD;
}
.head-account .regline a{
    color:#D20220;
}
.head-account .dropdown-menu li{
    margin-top:15px;
    line-height:20px;
}
.head-account .islogin.dropdown-menu li:first-child{
    margin-top:0;
}
.head-account .dropdown-menu li a{
    color:#656565;
}
.head-account .dropdown-menu li .iconfont{
    font-size:18px;
    margin-right:5px;
    color:#333;
    vertical-align:bottom;
}
.head-account .dropdown-menu a:hover{
    text-decoration:underline;
}
.head-topline .btn-cart{
    font-size:17px;
}
.btn-cart .iconfont {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 3px;
}
/*.head .navbar-nav.head-account, .head .navbar-nav.head-account li a{
    line-height: 35px;
    height: 35px;
    padding:0;
}
.head .navbar-nav.head-account li a{
    padding-right:40px;
    color:#fff;
}
.head .navbar-nav.head-account li a:hover{
    color:#e1171f;
}
.head-account .icon_account{
    font-size:20px;
}
.head-account .icon_down {
    font-size: 12px;
}*/
.glyphicon-menu-down:before {
    content: "\e259";
}
.resultline {
    font-size: 30px;
    line-height: 60px;
    border-bottom: solid 1px #B1B1B1;
    margin-bottom:30px;
    padding:0;
}
.resultline span{
    color:#BF1B1D;
}
.bb01 {
    border-bottom: solid 1px #8f8f8f;
}
.breadcrumb--red {
    font-size:16px;
    padding: 15px 0;
    font-family:Arial;
}

    .breadcrumb--red > li {
        display: inline-block;
    }

        .breadcrumb--red > li + li:before {
            padding: 0 5px 0 0;
            color: #333;
            content: ">";
        }

    .breadcrumb--red a {
        color: #BF1B1D;
    }
.breadcrumb--blog {
    font-size:18px;
    padding:5px 0 10px 0;
    border-bottom: solid 1px #B1B1B1;
    margin-bottom:25px;
}

    .breadcrumb--blog > li {
        display: inline-block;
    }

        .breadcrumb--blog > li + li:before {
            padding: 0 5px;
            color: #333;
            content: ">";
        }

    .breadcrumb--blog a {
        color: #BF1B1D;
    }
.grills-area{
    padding:30px 30px 60px 30px;
    background-color:#fff;
}
.pro-type{
    overflow:hidden;
}
.pro-type li {
    text-align:center;
    padding:0 35px;
    cursor:pointer;
}
.pro-type span{
    display:block;
    width:100%;
    height:160px;
    line-height:160px;
    text-align:center;
    border-radius:50%;
    background:url(../../images/home/round_s.png) no-repeat center;
    background-size:100%;
}
.pro-type img{
    max-width:130px;
    max-height:100px;
}
.pro-type p{
    margin-top:10px;
    font-size:24px;
    font-family:Franklin Gothic Medium Cond;
    font-weight:400;
    color:#666;
    line-height:25px;
}
.pro-type li:hover span {
    background-image: url(../../images/home/round_x.png);
    background-size: 118%;
}
.pro-type li:hover p{
    color:#333;
}
.pro-type li.curr span{
    line-height:152px;
    border:dotted 4px #B9B9B9;
}
.pro-type li.curr p{
    color:#D20220;
}
.grills-area .man-page8-content{
    padding:0;
}
.grills-area .carousel {
    height:0;
    min-height:0;
    overflow:hidden;
}
/*.grills-area .carousel ul{
    margin-left:-30px;
}*/
.grills-area .carousel.curr{
    min-height: 400px;
    overflow: initial;
    margin-top:20px;
    /*padding: 0 30px;*/
}
.grills-area .carousel .box-in{
    min-height: 400px;
    padding-bottom:0!important;
}
.grills-area .carousel li{
    padding-top:0;
    padding-bottom:0;
}
/*
.grills-area .carousel:first-child{
    display:block;
}*/
.grills-area .bx-wrapper {
    margin-top: 30px;
    margin-bottom: 0;
}
.grills-area .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    width: 54px;
    height:400px;
    line-height:400px;
    margin-top: 0;
    font-size: 54px;
    background-image: none;
    text-indent: initial;
    color: #333;
    background-color:#fff;
}
.grills-area .bx-wrapper .bx-controls-direction .bx-prev{
    left:-30px;
    right:auto;
}
.grills-area .bx-wrapper .bx-controls-direction .bx-next {
    right: -30px;
    left:auto;
}
.grills-area .detail {
    font-size: 20px;
    color: #d20220;
}
.grills-area .detail .buynow{
    float:right;
    font-size:14px;
}
.grills-area .detail .buynow img{
    display:inline-block;
    vertical-align:initial;
}
.access-area{
    padding-bottom:50px;
    background:url(../../images/home/accessories_bg.jpg) no-repeat;
    background-size:cover;
}
.access-area .title{
    color:#fff;
    margin-bottom:50px;
}
.grills-wrap{
    padding-bottom:0;
}
.grills-area + .more {
    margin: 40px auto 50px;
}
.bx-wrapper .bx-controls-direction a{
    z-index:99;
}
.access-type {
    overflow: hidden;
}
.access-type li {
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: Arial;
    background-color: #333;
    cursor: pointer;
}
.access-type li.curr{
    background-color:#D20220;
}
.access-carousel{
    background-color:#fff;
    padding:20px 75px;
}
.access-carousel li{
    padding:0 25px;
}
.access-carousel .image-box {
   position:relative;
}
    .access-carousel .image-box:hover .red-circle{
        display:block;
        top:15%;
        right:25%;
    }
    .access-carousel .image-box:hover .red-circle:hover{
        color:#fff;
    }
    .access-carousel .image-link {
        display: block;
        height: 310px;
        line-height: 250px;
        padding:30px;
        text-align: center;
    }
    .access-carousel .image-box img {
        max-width: 100%;
        max-height: 100%;
        line-height: 20px;
        display: inline-block;
    }
    .access-carousel .detail-message {
        font-family: Microsoft YaHei UI;
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 40px;
    }
    .access-carousel .detail-message a{

        color: #010101;
    }
    .access-area .more {
        color: #000;
        background-color: #F8F6F9;
        margin-top:40px;
        margin-bottom:0;
    }
.access-area .bx-wrapper{
    margin-bottom:0;
}
.access-area .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    width: 54px;
    margin-top: -40px;
    font-size: 54px;
    background-image: none;
    text-indent: initial;
    color: #333;
}

.access-area .bx-wrapper .bx-controls-direction .bx-prev {
    left: -70px;
    right: auto;
}

.access-area .bx-wrapper .bx-controls-direction .bx-next {
    right: -70px;
    left: auto;
}
.access-area .detail {
    color: #d20220;
    margin-top: 15px;
    line-height: 28px;
}
    .access-area .detail span {
        font-size:20px;
        font-family: Franklin Gothic Medium Cond;
    }

    .access-area .detail .buynow {
        float: right;
        font-size: 14px;
        color: #d20220;
        font-family: Microsoft YaHei UI;
    }
    .access-area .detail .buynow img{
        vertical-align:initial;
    }
    .access-area .detail .buynow:hover{
        text-decoration:underline;
    }

        .access-area .detail .buynow img {
            display: inline-block;
        }
.access-area .carousel {
    height: 0;
    min-height: 0;
    overflow: hidden;
}

    .access-area .carousel.curr {
        min-height: 380px;
        overflow: initial;
    }

    .access-area .carousel .box-in {
        min-height: 380px;
        padding-bottom: 0 !important;
    }

.form-validator .help-block {
    height: 26px;
    line-height: 25px;
    padding-left: 10px;
    background: rgba(255,240,241,1);
    border: 1px solid rgba(227,91,102,1);
    border-radius: 2px;
}

    .form-validator .help-block .iconfont {
        color: #BF1B1D;
        vertical-align: middle;
        margin-right: 5px;
    }
.checkbox--red label{
    padding-left:0;
}
.checkbox--red .iconfont {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size:14px;
    color: #D20220;
    border: 1px solid rgba(199,199,199,1);
    border-radius: 2px;
    margin-right:5px;
    background: rgba(248,246,249,1);
}
.checkbox--red .iconfont::before{
    opacity:0;
}
.checkbox--red input{
    display:none;
}
input[type="checkbox"]:checked + .iconfont::before{
    opacity:1;
}


.list-title a {
    font-family: 'Microsoft YaHei UI';
    color: #010101;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
    line-height:20px;
    text-align:left;
}
.operateline {
    margin-top: 15px;
    line-height: 20px;
    color: #D20220;
    text-align:left;
}
.operateline .price{
    font-size:20px;
    font-family:Franklin Gothic Medium Cond;
}
.operateline .buynow{
    float:left;
    margin-top:-1px;
    color:#D20220;
    font-family:'Microsoft YaHei UI';
    font-s
}
.operateline .buynow:hover{
    text-decoration:underline;
}
.operateline .buynow img{
    display:inline-block;
    margin-right:5px;
    vertical-align:initial;
}
.help-block--red {
    width: 100%;
    height: 26px;
    margin:0;
    line-height: 26px;
    background: rgba(255,240,241,1);
    border: 1px solid rgba(227,91,102,1);
}
.help-block--red .iconfont{
    font-weight:normal;
    vertical-align:middle;
    margin:0 5px 0 10px;
}
.help-block--red span{
    font-family:Arial;
}
.alert {
    z-index:999;
    position: fixed;
    right: 15px;
    bottom: 30px;
    min-width:190px;
    margin:0;
    padding: 10px 50px 10px 15px;
    border-radius: 2px;
    line-height:23px;
    font-size:18px;
    text-align:left;
    font-family:Arial;
}
.alert .iconfont{
    font-size:18px;
    margin-right:10px;
    vertical-align:middle;
}
.alert .close{
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-10px;
    float:initial;
    font-size:18px;
    color:#D7D7D7;
    opacity:1;
}
.alert-warning {
    background: rgba(253,246,236,1);
    border-color: rgba(227,177,91,1);
    color: #FF9933;
}
.alert-success {
    background: #E7F6DF;
    border-color: #A4CE93;
    color: #67C23A;
}
.alert-danger {
    background: rgba(255,240,241,1);
    border-color: #E35B66;
    color: #BD1B1C;
}
.modal--s .modal-dialog{
    z-index:1000;
    width:340px;
    margin-top:18%;
}
.modal--s .modal-title {
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: rgba(51,51,51,1);
}
.modal--s .modal-header{
    border-bottom:none;
    padding-left:20px;
}
.modal--s .modal-body{
    padding:0 20px 15px 20px;
    font-size:16px;
    color:#333;
}
.modal--s .modal-footer {
    padding-left:20px;
    text-align:left;
    border-top: none;
}
.modal--s .modal-footer .btn{
    padding:7px 18px;
    border-radius:2px;
}
.modal--s .modal-footer .btn:not(.btn-danger){
    color:#888;
    background-color:#EEEEEE;
}
.modal--s .modal-footer .btn:not(.btn-danger):hover{
    color:#666;
}

.select .dropdown-menu {
    width: 100%;
    max-height:192px;
    overflow-y:auto;
}

.select .dropdown-menu li {
    cursor: pointer;
}
.select .dropdown-menu a{
    display:block;
    width:100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.select .dropdown-toggle{
    border-radius:2px;
    text-align:left;
}
.select .dropdown-toggle span{
    display:block;
    width:100%;
    padding-right:10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.select .dropdown-toggle .caret {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -2px;
}
.pay-form{
    padding-bottom:30px;
}
.pay-form .select{
    width:100%;
}
.pay-form .select .btn {
    width: 100%;
    text-align:left;
}
.card-input{
    position:relative;
    padding-right:65px;
}
.card-input img{
    position:absolute;
    right:0;
    top:0;
    max-width:60px;
    height:34px;
}
.pay-cards{
    overflow:hidden;
}
.pay-cards img {
    float:left;
    width:54px;
    margin-right:10px;
}
.pay-cards img:last-child{
    margin-right:0;
}
@media (max-width: 320px) {
    .main-content4 .detail .left .black .more {
        right: 45%;
    }

    .main-content4 .detail .right .black .more {
        right: 45%;
    }

    .main-content4 .detail .left, .main-content4 .detail .right {
        /*height: 400px;*/
    }

    body .main-content4 img {
        height: 400px;
    }
}

/*min-width 小->大 排列*/
@media (min-width: 769px) {
    .head-menu {
        display: block;
    }
    .head .navbar-nav.head-menu--mobile {
        display: none;
    }
    .head .navbar-nav {
        display: inline-block;
        float: left;
    }
    .head .head-menu .xs-pro-list {
        display: none !important;
    }
    .content-detail-kaolv .container .top .c3 li {
        text-align: center;
    }

    .detail-red {
        /*margin-top: 160px;*/
    }
}
@media (min-width: 1024px) {
    .main-content3 .container .more:before, .main-content3 .container .more:after {
        display: none;
    }

    .main-content4 .detail .left .black, .main-content4 .detail .right .black {
        padding: 30px;
    }
}
@media (min-width: 1530px)
{
    .content-caipu-three .btn-back--red{
        position:absolute;
        right:-50px;
    }
}
@media (min-width: 1200px)and (max-width: 1530px) {
    .main-content .content .left .img-box:nth-child(1) {
        height: 471px;
        width: 61.5%;
    }

    .main-content .content .left .img-box:nth-child(2) {
        height: 299px;
        width: 36%;
    }

    .main-content .content .left .img-box:nth-child(3) {
        height: 473px;
        width: 61.5%;
    }

    .main-content .content .left .img-box:nth-child(4) {
        height: 321px;
        width: 36%;
        margin-top: -180px;
        margin-bottom: 25px;
    }

    .main-content .content .left .img-box:nth-child(5) {
        height: 306px;
        width: 36%;
    }

    .main-content .content .left .img-box:nth-child(6) {
        height: 770px;
        width: 100%;
    }
    
}
@media(min-width: 1380px) and (max-width: 1480px) {
    .pro-type {
        margin: 0 5px;
    }

        .pro-type li {
            padding: 0 30px;
        }
}
@media(min-width: 1200px) and (max-width: 1380px) {
    .pro-type {
        margin: 0 18px;
    }

        .pro-type li {
            padding: 0 12px;
        }
    .content-caipu-four .box-in .img-box img {
        height: 175px;
    }
}
@media (min-width: 1280px) {
    .head .head-menu {
        margin-left: 50px;
    }
    .blog2-banner-time-top .share {
        width: 171px;
    }
}
@media(min-width:1380px) {
    .head .head-topline .navbar-form {
        margin-left: 140px;
    }

    .head-topline .navbar-form input[type=text] {
        width: 520px;
    }

    .head .head-menu {
        height: 70px;
        line-height: 70px;
        margin-left: 280px;
        display: flex;
        align-items: center;
    }
    .head .head-menu .service3 {
        left: -253px;
    }
    .head .head-input input {
        width: 200px;
    }
    .main-content .content .left .img-box:nth-child(1) {
        height: 595px;
        width: 735px;
    }

    .main-content .content .left .img-box:nth-child(2) {
        height: 303px;
        width: 420px;
    }

    .main-content .content .left .img-box:nth-child(3) {
        height: 484px;
        width: 735px;
    }

    .main-content .content .left .img-box:nth-child(4) {
        height: 368px;
        width: 420px;
        margin-top: -290px;
        margin-bottom: 25px;
    }

    .main-content .content .left .img-box:nth-child(5) {
        height: 380px;
        width: 420px;
    }

    .main-content .content .left .img-box:nth-child(6) {
        height: 770px;
        /*overflow: hidden;*/
        width: 100%;
    }

    .main-content .content .img-box p {
        top: 18px;
    }
    .blog2-banner-time-top .share {
        width: 171px;
    }

    .main-content4 .detail .left .black p:nth-child(2) a,
    .main-content4 .detail .right .black p:nth-child(2) a {
        font-size: 17px;
        line-height: 17px !important;
    }
    .container {
        width: 1380px;
        max-width: 1380px;
    }
}
@media(min-width:1480px) {
    .head .navbar-nav {
        display: block;
        height: 70px;
        line-height: 70px;
        display: flex;
        align-items: center;
       
    }
    .head .head-topline .navbar-form {
        margin-left: 165px;
    }
    .head-topline .navbar-form input[type=text] {
        width: 520px;
    }

    .main-content2 .container {
        width: 1440px;
        max-width: 1440px;
    }

    .main-content3 .container {
        width: 1440px;
        max-width: 1440px;
    }

    .head .container {
        width: 1440px;
        max-width: 1440px;
    }

    .main-bk .container {
        width: 1440px;
        max-width: 1440px;
    }

    .content-detail-kaolv .container {
        width: 1440px;
        max-width: 1440px;
    }

    .black-transparent .container {
        width: 1200px;
    }

    .detail-red .container {
        width: 1200px;
    }
    .head .container {
        width: 1440px;
        max-width: 1440px;
    }
}
@media (min-width: 1551px) {
    .peijian-content-out .left-menu {
        display: block;
    }

    .peijian-content-out .left-menu2 {
        display: none;
    }
}
@media (min-width: 1800px) {
    
}
@media (min-width: 1920px) {
    .blog2-banner-time-top .share {
        width: 234px;
    }
}
/* max-width 从大->小 排列 */
@media (max-width: 1770px) {
    .peijian-content-out .left-menu {
        display: none;
    }

    .peijian-content-out .left-menu2 {
        display: block;
    }
}
@media (max-width: 1380px) {
    .detail-red img {
        margin-right: 50px;
    }

    .dx-banner-home-d .word-go {
        width: 300px;
    }

        .dx-banner-home-d .word-go img {
            width: 300px;
        }

        .dx-banner-home-d .word-go p:nth-child(2) {
            font-size: 30px;
        }

        .dx-banner-home-d .word-go p:first-child {
            margin-bottom: 10px;
        }

    .main-content4 .detail .left .black {
        padding: 30px 30px 30px 0;
        margin-left: 129px;
    }

    .main-content4 .detail .right .black {
        padding: 30px;
        padding-right: 0;
        margin-right: 37px;
    }

    .content-detail-kaolv .container {
        width: 100%;
    }
}
@media (min-width: 1200px) and (max-width: 1380px) {
    .container {
        width: 1200px;
        max-width: 1200px;
    }

    .head .head-topline .navbar-form {
        margin-left: 45px;
    }

    .head-topline .navbar-form input[type=text] {
        width: 520px;
    }

    .head .head-menu {
        margin-left: 180px;
        height: 70px;
        line-height: 70px;
    }
}
@media (min-width: 992px) and (max-width:1200px) {
    .content-caipu-four .box-in .img-box img {
        height: 137px;
    }
}
@media (max-width: 1200px) {
    .head .head-topline .navbar-form {
        margin-left: 50px;
    }
    .head .head-menu {
        margin-left: 270px;
    }
    /*.c2 img {
        width: 100%;
    }*/

    .second-blog-title {
        display: inline-block;
        color: #212121;
        font-size: 64px;
        margin: 0;
        line-height: 90px;
        text-align: left;
        position: relative;
    }
}
@media (max-width: 1024px) {
    .head .navbar-nav {
        margin-left: 0;
    }

    .head .head-input {
        display: none;
    }
}


@media (min-width:991px) and (max-width:1199px) {
    .head .head-topline .navbar-form {
        margin-left: 50px;
    }

    .head-topline .navbar-form input[type=text] {
        width: 250px;
    }

    .head .head-menu {
        /*margin-left: 270px;*/
        margin-left:-30px;
    }

    .blog2-banner-time-top .time {
        width: 50% !important;
        height: 160px !important;
    }

    .blog2-banner-time-top .time-in {
        font-size: 100px !important;
        line-height: normal !important;
    }

    .blog2-banner-time-top .share {
        width: 50% !important;
        padding: 0 !important;
        height: 160px !important;
    }

        .blog2-banner-time-top .share .button {
            margin: 10px 10px 0 0 !important;
        }

        .blog2-banner-time-top .share .share-icon {
            margin: 60px 0 0 0 !important;
        }

    .blog2-banner-time-bottom p:nth-child(2) {
        font-size: 22px !important;
        line-height: 25px !important;
    }

    .main-content .content .left .img-box:nth-child(1) {
        height: 471px;
        width: 545px;
    }

    .main-content .content .left .img-box:nth-child(2) {
        height: 299px;
        width: 348px;
    }

    .main-content .content .left .img-box:nth-child(3) {
        height: 473px;
        width: 545px;
    }

    .main-content .content .left .img-box:nth-child(4) {
        height: 321px;
        width: 350px;
        margin-top: -180px;
        margin-bottom: 25px;
    }

    .main-content .content .left .img-box:nth-child(5) {
        height: 306px;
        width: 350px;
    }

    .main-content .content .left .img-box:nth-child(6) {
        height: 770px;
        width: 100%;
    }
    .pro-type{
        margin:0 35px;
    }
    .pro-type li{
        padding:0 5px;
    }
    .pro-type li span {
        height: 130px;
        line-height: 130px;
    }
    .pro-type li span img{
        max-width:100px;
        max-height:80px;
    }
    .pro-type li.curr span{
       border-width:2px;
       line-height: 126px;
    }
}
@media(max-width:992px) {
    
    .main-content .content .left .img-box:nth-child(1) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .main-content .content .left .img-box:nth-child(2) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .main-content .content .left .img-box:nth-child(3) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .main-content .content .left .img-box:nth-child(4) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .main-content .content .left .img-box:nth-child(5) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .main-content .content .left .img-box:nth-child(6) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    /*.head .navbar-brand{
        height:60px;
    }*/
    .head .head-topline .navbar-form {
        margin-left: 10px;
    }

    .head-topline .navbar-form input[type=text] {
        width: 150px;
    }

    .head .head-menu {
        margin-left: -30px;
    }
    .head .navbar-nav.head-account li a{
        padding-right:15px;
    }

    .main-content2 .carousel-inner .item .box-out .box-in .content-bottom {
        padding: 0 10px !important;
    }

        .main-content2 .carousel-inner .item .box-out .box-in .content-bottom p:nth-child(1) {
            font-size: 26px !important;
            padding: 15px 0 !important;
        }
}
@media (max-width: 768px){
    .pay-cards img {
        margin-bottom: 10px;
    }
    .content-caipu-three .right-content{
        margin-top:20px;
    }
    
    .grills-area{
        /*padding:30px 40px;*/
    }
    .grills-area .carousel.curr{
        min-height:350px;
    }
    .grills-area .carousel .box-in{
        min-height:350px;
    }
    .grills-area li .box-in .image-box{
        padding:0;
        height:250px;
    }
    .man-page8-content li{
        padding:10px 20px;
    }
    .grills-area .bx-wrapper .bx-controls-direction a {
        width: 32px;
        height: 370px;
        line-height:370px;
        font-size: 30px;
    }
    .grills-area .bx-wrapper .bx-controls-direction .bx-prev{
        left:-20px;
    }
    .grills-area .bx-wrapper .bx-controls-direction .bx-next{
        right:-20px;
    }
    .access-type li{
        height:50px;
        padding:0;
        line-height:50px;
        font-size:14px;
    }
    .access-carousel{
        padding:20px 40px;
    }
    .access-area .bx-wrapper .bx-controls-direction a {
        width: 32px;
        height: 45px;
        font-size: 30px;
        margin-top: -20px;
    }

    .access-area .bx-wrapper .bx-controls-direction .bx-prev {
        left: -30px;
    }

    .access-area .bx-wrapper .bx-controls-direction .bx-next {
        right: -30px;
    }
    .dx-carousel .bx-wrapper .bx-prev{
        top:-10px;
        font-size:32px;
    }
    .dx-carousel .bx-wrapper .bx-next {
        top: -10px;
        right:20px;
        font-size:32px;
    }
    .head-menu {
        display: none;
    }
    .head-menu--mobile{
        display:block;
        padding-bottom:30px;
        /*min-height:250px;*/
    }
    .head-menu--mobile.navbar-nav > li > a{
        font-size:16px;
        color:#fff;
    }
    .head-menu--mobile.navbar-nav > li > a:hover, .head-menu--mobile.navbar-nav > li > a:focus {
        color: #fff;
    }
    .head-menu--mobile.navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .pro-type li {
        padding: 0 10px;
    }
    .pro-type li span, .pro-type li.curr span {
        background: none;
    }
    .pro-type li span{
        height:150px;
        line-height:150px;
    }
    .pro-type li p{
        font-size:20px;
    }
    .pro-type li.curr span{
        border:none;
    }
    .main-banner .bx-wrapper{
        margin-bottom:0;
    }
    .main-content2 .more{
        margin:20px auto;
    }
    /*.grills-area + .more{
        margin:20px auto;
    }*/
    .bk-btn {
        display: none;
    }
    .resultline {
        font-size: 16px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    .head::after {
        height: 0;
    }
    .head {
        height: 50px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }
    .head .head-topline{
        height:auto;
    }
    .head-topline .navbar-form {
        border: none;
        box-shadow: none;
    }
    .head .head-topline .navbar-form {
        margin-left: 0;
    }
    .head .head-menu {
       padding-left: 15px;
    }
    .head .head-account{
        margin:0 0 0 15px;
    }
    .head .head-account>li {
        float: left;
    }
    .head .navbar-nav.head-account li a{
        padding-right:20px;
    }
    body .head-input {
        display: none;
    }

    body .peijian-content-out .left-menu2 li {
        width: 33.33% !important;
        text-align: center !important;
    }

        body .peijian-content-out .left-menu2 li a {
            font-size: 14px !important;
        }

        body .peijian-content-out .left-menu2 li:last-child,
        body .peijian-content-out .left-menu2 li:first-child {
            text-align: center !important;
        }

    body .main-content4 img {
        width: 100%;
    }

    body .main-content4 .black {
        width: auto !important;
        top: 20px !important;
        left: 20px !important;
    }

        body .main-content4 .black p {
            font-size: 14px !important;
            line-height: 18px !important;
            padding-right: 10px !important;
        }

            body .main-content4 .black p:nth-child(2) {
                height: 110px !important;
                overflow: hidden !important;
            }

        body .main-content4 .black .more {
            margin-top: 5px !important;
        }

    body .main-content4 .right .black img {
        width: 12% !important;
    }

    .main-content4 .detail .left .black, .main-content4 .detail .right .black {
        padding: 0 !important;
    }

    body .main-content4 .right .black .con .p-img {
        width: 6% !important;
        top: -3px !important;
        right: 249px !important;
    }

    body .main-content4 .right .black .con {
        margin-top: 20px !important;
    }

    body .main-content3 {
        padding: 20px 0 !important;
        overflow:hidden;
    }

        body .main-content3 .title {
            font-size: 30px !important;
            margin-bottom: 15px !important;
        }

        body .main-content3 .title-down {
            font-size: 14px !important;
            line-height: 22px !important;
            margin-bottom: 28px !important;
        }

        body .main-content3 .more {
            margin: 0 auto 8px !important;
        }

    body .main-content2 .carousel-inner .item .box-out {
        width: 100% !important;
    }

    body .service-banner-height {
        display: none;
    }

    body .mobile-show {
        display: block !important;
    }

    body .mobile-hiden {
        display: none !important;
    }

    body .mobile-block {
        display: block;
    }

    body .main-content2 {
        padding: 10px 0 !important;
    }

        body .main-content2 .title {
            font-size: 30px !important;
            margin-bottom: 10px !important;
        }

        body .main-content2 .title-down {
            font-size: 14px !important;
            line-height: 22px !important;
            margin-bottom: 30px !important;
        }

    body .main-content .bottom-logo .box-in .word .word-title {
        font-size: 32px !important;
    }

    body .main-content .bottom-logo {
        padding: 45px 25px;
        width: 100%;
    }

        body .main-content .bottom-logo .box-in .word {
            margin-top: 0 !important;
        }

        body .main-content .bottom-logo .box-in {
            width: auto !important;
        }

    body .main-content .title {
        padding: 25px 0 !important;
        font-size: 40px !important;
    }

    body .main-content .bottom-logo .logo {
        display: inline-block;
    }

        body .main-content .bottom-logo .logo .row {
            text-align: center;
        }

    body .main-content .bottom-logo .word {
        display: inline-block;
    }

    body .panel-heading {
        padding-left: 0;
        padding-right: 0;
    }

    body .man-page4-content .content-this .panel-heading .right-arr {
        margin-top: 5px;
    }

    body .man-page4-content2 img {
        width: 100%;
    }

    body .man-page4-content2 .black {
        width: auto !important;
        top: 20px !important;
        left: 20px !important;
    }

        body .man-page4-content2 .black p {
            font-size: 18px !important;
            line-height: 27px !important;
        }

    body .man-page4-content2 .right .black img {
        width: 12% !important;
    }

    body .man-page4-content2 .right .black .con .p-img {
        width: 6% !important;
        top: -3px !important;
        right: 249px !important;
    }

    body .man-page4-content2 .right .black .con {
        margin-top: 20px !important;
    }

    body .man-page4-content .content-this {
        padding: 20px;
    }

    body .naves li {
        height: 100px;
        line-height: 100px;
    }

        body .naves li img {
            width: 68%;
            margin-left: 7px;
        }

    body .naves {
        left: 0 !important;
        margin-left: 15px;
        margin-right: 15px;
    }

        body .naves li {
            width: 14.28%;
            padding: 0 !important;
        }

    body .content-caipu-four .content-caipu-four-box {
        text-align: center;
    }

    body .content-caipu-four .img-box img:hover {
        display: inline-block !important;
    }

    body .content-detail-kaolv .container .bottom .box p {
        width: auto !important;
        line-height: 18px;
    }

    body .detail-transparent-black .black-transparent {
        width: auto !important;
        padding-left: 15px;
    }

    body .kaolv-banner .row .word .kaolv-p {
        font-size: 18px !important;
    }

    body .zhuomian-banner .row .word p:nth-child(2) {
        margin-top: -8px !important;
    }

    body .detail-red {
        margin-top: 15px;
    }

    body .content-detail-kaolv .container .top .c3 {
        margin-right: 0 !important;
    }

    body .main-page8-banner .arror {
        display: none;
    }

    body .head .white {
        height: auto !important;
    }

    body .head .navbar-brand {
        margin-left: 15px;
        margin-top: 17px;
        /*position: fixed;
        top: 5px;
        left: 10px;*/
        height: 16px;
        /*z-index: 99999;*/
    }

    .pt110 {
        padding-top: 50px;
    }

    body .zhuomian-banner .row {
        height: auto !important;
    }

        body .zhuomian-banner .row .word {
            margin: -30px 0 0 -115px !important;
        }

            body .zhuomian-banner .row .word .zhuomian-p {
                font-size: 40px !important;
            }

    body .main-banner-bottom .word {
        position: absolute !important;
        top: 22% !important;
        left: 50% !important;
        margin-left: -96px !important;
    }

        body .main-banner-bottom .word p:nth-child(1) {
            font-size: 25px !important;
        }

        body .main-banner-bottom .word p:nth-child(2) {
            font-size: 13px !important;
        }

        body .main-banner-bottom .word p:nth-child(3) {
            font-size: 13px !important;
        }
    .dx-acc-nav ul > li a:hover {
        background: transparent;
    }
    

    .main-content4 .detail .left .black .more {
        right: 53%;
    }

    .main-content4 .detail .right .black .more {
        right: 53%;
    }

    .head .head-input {
        display: block;
        padding-bottom: 20px;
    }

        .head .head-input input {
            position: relative;
            left: -43px;
            display: inline-block;
            opacity: 1;
            margin-right: 15px;
        }

    .menu-bread li {
        padding: 10px 10px !important;
    }

    body .zhuomian-banner .row .word {
        margin: 0 !important;
        top: 30%;
    }

    .main-page8-banner .row .word {
        margin: 0 !important;
        top: 10%;
        left: 0;
        text-align: center;
        width: 100%;
    }

    .dx-site-map .content .site-map-list {
        width: 50%;
    }

    .dx-site-map {
        padding-bottom: 20px;
    }
    .qi-banner .bx-pager {
        bottom: 10px !important;
    }

    .blog-left .row {
        margin: 0;
    }
    .main-page8-banner .row .word {
        margin: -35px 0 0 -113px;
    }

        .main-page8-banner .row .word p:nth-child(1) {
            font-size: 60px;
        }
    .kaolv-banner .word {
        width: 260px;
        margin: -35px 0 0 -125px !important;
    }

        .kaolv-banner .word p:nth-child(1) {
            font-size: 40px !important;
            margin-bottom: 10px;
        }

        .kaolv-banner .word p:nth-child(2) {
            font-size: 16px !important;
        }

    .kaolv-banner + .kaolv-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .content-detail-kaolv {
        /*margin-top: 40px !important;*/
    }

        .content-detail-kaolv .row {
            height: auto !important;
        }

            .content-detail-kaolv .row .top .c2 {
                margin-top: 30px;
            }

            .content-detail-kaolv .row .top .c3 {
                margin-top: 30px !important;
                padding: 0 !important;
            }

                .content-detail-kaolv .row .top .c3 li {
                    text-align: center;
                }

            .content-detail-kaolv .row .bottom {
                position: inherit !important;
            }

        .content-detail-kaolv + .kaolv-content {
            margin-top: 0 !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
    .man-page4-content2 .main-page8-banner .breadcrumb,
    .main-page4-banner .breadcrumb,
    .main-page4-banner2 .breadcrumb {
        display: none;
    }
    
    .qi-banner .bx-wrapper .bx-controls-direction a {
        display: none;
    }

    .qi-banner .bx-wrapper img {
        display: inline-block !important;
    }

    .main-content .content .img-box p {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        margin-bottom: 10px;
    }

    .main-content3 .container .title a {
        font-size: 30px;
    }

    .content-caipu-two p {
        padding-top: 10px;
    }

    .main-content4 .detail .left .black p:nth-child(2) a, .main-content4 .detail .right .black p:nth-child(2) a {
        font-size: 14px;
        line-height: 24px;
    }

    .main-content3 .container .title-down a {
        font-size: 14px;
        line-height: 24px;
    }

    .main-content4 .detail .left .black p:nth-child(1) a {
        font-size: 40px;
    }

    .main-content4 .detail .right .black p:nth-child(1) a {
        font-size: 40px;
    }

    .main-content4 .detail .left .black p:nth-child(1) {
        margin-top: 10px;
    }

    .main-content4 .detail .right .black p:nth-child(1) {
        margin-top: 10px;
    }

    .naves .active .shows {
        display: none;
    }

    .content-detail-kaolv .container .bottom {
        padding-left: 25px;
    }

    .content-detail-kaolv .container .top .c1 {
        margin-right: 0;
        overflow:hidden;
    }

    .dx-button-box {
        position: relative;
        bottom: -15px;
        left: 12%;
    }

    .bx-wrapper {
        width: 100%;
    }

    .relatived:nth-child(3) .word-go {
        left: 90%;
        top: 122%;
    }

    .detail-transparent-black .bx-wrapper .bx-controls-direction a {
        display: none;
    }

    .detail-transparent-black.dx-h {
        height: 200px;
    }

    .relatived .word-go p {
        line-height: 25px;
        font-size: 34px;
    }

    .relatived:nth-child(3) {
        height: auto;
    }

    .relatived:nth-child(4) {
        height: auto;
    }

        .relatived:nth-child(4) .word-go {
            top: 100%;
            margin: -131px 0 0 -55px !important;
        }

    .relatived:nth-child(5) {
        height: auto;
    }

        .relatived:nth-child(5) .word-go {
            top: 130%;
            margin: -131px 0 0 -110px !important;
        }

    .relatived:nth-child(6) {
        height: auto;
    }

        .relatived:nth-child(6) .word-go {
            margin-left: -80px;
            margin-top: -48px;
        }

    .naves.dx-naves li span {
        transform: translateX(0);
    }

    .dx-ditu-left {
        height: auto;
    }

    .blog2-banner-time-top .share {
        width: 50%;
        margin-left: 0;
        padding: 0;
        height: auto;
    }

        .blog2-banner-time-top .share .share-icon {
            width: auto;
            margin: 20px 0;
        }

        .blog2-banner-time-top .share .button {
            margin-right: 35%;
            margin-top: 20px;
            margin-bottom: 20px;
        }

    

    .blog-main-content > div {
        padding: 0 15px !important;
    }

    .share-icon .bdsharebuttonbox {
        width: 70%;
    }

    .blog-left .share-form {
        padding: 0 15px;
        padding-bottom: 20px;
    }

    .dx-ditu-right {
        height: 800px;
    }

    .share-form label {
        padding: 0 !important;
    }

    .blog-left-twoBox .word-two {
        padding: 0 !important;
    }

    .blog-left-twoBox .right-word {
        float: left !important;
    }

    .right-top-search-box input {
        margin-right: 0 !important;
    }

    .zhuomian-banner .row .word p:nth-child(1) {
        font-size: 40px;
        text-align: center;
    }

    body .zhuomian-banner .row .word {
        width: 100%;
        left: 0;
        top: 35%;
    }

    .man-page4-content {
        padding: 0;
        background: #fff;
    }

        .man-page4-content .container {
            padding: 0;
        }

        .man-page4-content .title {
            padding: 0;
            font-size: 20px;
            background: #000;
            height: 40px;
            line-height: 40px;
        }

        .man-page4-content .bottom-content .search form input {
            margin-right: 0;
            width: 100%;
            height: 40px;
        }

        .man-page4-content .bottom-content .search form img {
            width: 25px;
            top: 6px;
        }

        .man-page4-content .bottom-content .carousel .item .menu li p {
            font-size: 12px;
            -webkit-transform: scale(.7);
            -moz-transform: scale(.7);
            -ms-transform: scale(.7);
            -o-transform: scale(.7);
            transform: scale(.7);
        }

        .man-page4-content .bottom-content .carousel .item .menu li {
            padding-bottom: 0;
            height: 124px;
        }

        .man-page4-content .content-this .panel-title a {
            display: inline-block;
            width: 100%;
            font-size: 18px;
            padding-right: 20px;
            padding-left: 30px;
        }

        .man-page4-content .content-this .panel-heading .question {
            left: 0;
        }

        .man-page4-content .content-this .panel-body {
            padding: 15px;
        }

        .man-page4-content .content-this .panel-group .panel {
            margin-bottom: 30px;
        }

    body .man-page4-content .content-this .panel-heading .right-arr {
        position: absolute;
        right: 0;
        top: 20px;
    }

    .dx-service-manual h3 {
        font-size: 24px;
    }

    .dx-service-manual {
        padding: 20px 0;
        height: auto;
    }

    .dx-manual-type {
        margin-top: 20px;
    }

        .dx-manual-type ul > li {
            margin-right: 30px;
        }

        .dx-manual-type .mt-img.intro {
            background-size: cover;
        }

    .dx-service-hotline h3 {
        font-size: 30px;
    }

    .dx-service-hotline {
        padding: 20px 0;
    }

        .dx-service-hotline .service-list > li {
            width: auto;
            padding: 0 20px;
            font-size: 16px;
        }

    .main-content4 .detail .left .black .more, .main-content4 .detail .right .black .more {
        position: relative;
        right: auto;
        top: 0;
        margin-right: 0;
    }

    .main-content4 .detail .right .black {
        margin-right: 10px;
    }

    body .main-content4 .black p:nth-child(2) {
        height: auto !important;
    }

    .main-content4 .detail .right {
        height: 350px;
    }

    .main-content4 .detail .left .black {
        padding-right: 10px !important;
    }

    body .main-content4 .black .more {
        margin-top: 20px !important;
    }

    .head .head-menu .xs-pro-list {
        padding: 0;
        display: none;
        background-color: #1e1d1c;
    }

        .head .head-menu .xs-pro-list li {
            height: auto;
            margin-top: 0;
        }

            .head .head-menu .xs-pro-list li a {
                padding-left: 20px;
                border: 0;
            }

    .box-out .box-in .content-bottom .title {
        height: auto;
    }

    .blog-left .box-out .box-in {
        height: auto;
    }

    .dx-products-list .product-img {
        width: 100%;
    }

        .dx-products-list .product-img img {
            width: 100%;
        }

    .man-page8-content {
        padding: 0 20px;
    }

    .peijian-content-out {
        margin-top: 65px;
    }

    .dx-acc-nav ul > li {
        display: inline-block;
        width: auto;
        float: none;
        margin-left: -5px;
    }

        .dx-acc-nav ul > li a {
            padding: 0 10px;
        }

    .dx-acc-nav ul {
        overflow: auto;
        white-space: nowrap;
    }

    .peijian-content-out .peijian-content .out-li {
        padding-top: 20px;
    }
    .main-content .content .left .img-box:nth-child(1) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .dx-banner-home-d .word-go {
        top: 75%;
    }

    .main-content .content .left .img-box:nth-child(2) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .main-content .content .left .img-box:nth-child(3) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .main-content .content .left .img-box:nth-child(4) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .main-content .content .left .img-box:nth-child(5) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .main-content .content .left .img-box:nth-child(6) {
        width: 100%;
        height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .relatived:nth-child(3) {
        height: 293px;
    }

        .relatived:nth-child(3) .word-go {
            left: 61%;
            top: 74%;
        }

    .relatived .word-go p {
        font-size: 45px;
        line-height: 40px;
    }

    .relatived:nth-child(4) {
        height: 292px;
    }

        .relatived:nth-child(4) .word-go p {
            line-height: 45px;
        }

        .relatived:nth-child(4) .word-go {
            margin: -130px 0 0 49px !important;
            width: 300px;
            top: 63%;
        }

    .relatived:nth-child(5) {
        height: 325px;
    }

        .relatived:nth-child(5) .word-go {
            margin: -76px 0 0 -265px !important;
            top: 46%;
        }

    .relatived:nth-child(6) {
        height: 342px;
    }

        .relatived:nth-child(6) .word-go {
            width: 310px;
            margin-left: 35px;
            margin-top: -116px;
        }

            .relatived:nth-child(6) .word-go p {
                line-height: 48px;
            }

    .relatived .word-go {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
    }

    .relatived:nth-child(6) .word-go .smalls {
        margin-left: 77px;
    }

    .relatived .word-go p {
        opacity: 1 !important;
        margin-top: 0 !important;
    }

    .dx-aboutus-last {
        height: auto;
    }

    .naves ul {
        transform: translateY(-50%);
        width: 100%;
        margin: 0 auto;
        background: #1c1211;
        position: absolute;
        left: 0;
        top: -27px;
    }

    .dx-manual-type {
        width: 100%;
    }

    .dx-service-hotline .service-list {
        width: 100%;
    }

        .dx-service-hotline .service-list > li:nth-child(3) {
            margin: 0;
        }

    .content-detail-kaolv .container {
        width: 100% !important;
        padding: 0 !important;
    }

    .dx-button-box {
        position: absolute;
        left: 50%;
        bottom: -210px;
        margin-left: -78px;
    }

    .content-detail-kaolv .container .top .c3 {
        float: none !important;
        margin-left: 15px;
    }

    .content-detail-kaolv .row {
        margin: 0 !important;
    }

    /*.bk-btn {
        display: inline-block;
        width: 135px;
        height: 45px;
        background: url(/images/bk-btn01.jpg) no-repeat center;
        transition: all 1s;
        position: absolute;
        bottom: 20px;
        right: 33px;
    }*/

    .blog2-banner-time {
        width: 100%
    }
    .blog2-banner-time-top .share .button{
        margin-top:10px!important;
        margin-bottom:10px!important;
    }

    .blog2-banner-time-top .share .share-icon {
        /*width: 312px;*/
        margin: 0 !important;
    }

        .blog2-banner-time-top .share .share-icon li:nth-child(4) {
            margin-left: 0;
        }

    .blog2-banner-time-top .share {
        /*margin-left: 15%;*/
    }

    .blog2-banner-banner {
        width: 100%;
    }

        .blog2-banner-banner .bx-wrapper .bx-viewport .bxslider li {
            width: 717px;
        }

        .blog2-banner-banner .bx-wrapper .bx-pager {
            display: none;
        }

    .dx-banner-home-d .word-go img {
        width: 100px;
        margin-top: 126px;
    }

    .main-content3 .container .more:before {
        display: none;
    }



    .main-content4 .detail .left .black {
        margin-left: 0;
    }

    .main-content4 .detail .right {
        height: 276px;
    }


        .main-content4 .detail .left .black p:nth-child(2), .main-content4 .detail .right .black p:nth-child(2) {
            margin-top: 20px;
        }

    .navbar-default .navbar-collapse {
        height: auto !important;
        /*max-height: 450px !important;
        overflow: auto;*/
    }

    #menu4 > li {
        background: #fff !important;
    }
    html, body {
        min-height: 100%;
    }

    .wrapper {
        min-height: 100%;
    }

    .main-content img {
        width: 100%;
    }

    .main-content4 .detail .left img {
        max-height: 270px;
    }
    /*RGC移动端 博客列表*/
    .blog-title {
        padding-top: 0;
    }

    .first-blog-title {
        text-indent: 0;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .second-blog-title {
        font-size: 28px;
        line-height: 30px;
        text-align: left;
    }

    .blog-box {
        height: 100%;
        background-size: 100% 100%;
    }

    .blog2-banner-time-top .time {
        width: 50%;
        height: 170px;
    }

        .blog2-banner-time-top .time .time-in {
            font-size: 100px;
            line-height: 120px;
        }

        .blog2-banner-time-top .time .month {
            text-align: left;
            text-indent: 0;
            padding-left: 20px;
        }

        .blog2-banner-time-top .time .say {
            text-align: left;
            text-indent: 0;
            padding-left: 20px;
        }

    .blog2-banner-time-top .sm-share {
        width: 50%;
        height: 170px;
        text-align: center;
    }

        .blog2-banner-time-top .sm-share .button {
            display: inline-block;
            width: 55px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #dcdcdc;
            margin-top: 40%;
            color: #969696;
            border-radius: 5px;
        }

            .blog2-banner-time-top .sm-share .button:hover {
                background: #dcdcdc;
                color: #fff;
            }

    .blog2-banner-time-bottom {
        padding-top: 10px;
        padding-left: 5%;
    }

        .blog2-banner-time-bottom p:nth-child(2) {
            font-size: 16px;
            line-height: 20px;
        }

        .blog2-banner-time-bottom p:nth-child(3) {
            margin-top: 10px;
            margin-bottom: 30px;
        }

    .blog2-banner-banner .bxslider li {
        width: 100%;
    }

    .blog2-banner-banner .bx-wrapper .bx-pager {
        display: block;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        padding-top: 0;
        height: 20px;
    }

    .blog2-banner-banner .bx-wrapper .bx-pager-item {
        float: left;
    }

    .pr-none {
        padding-left: 0;
    }

    .line-title {
        margin-top: 20px;
    }

    .blog-right-blackiImg-box {
        white-space: nowrap;
        overflow-x: auto;
    }

    .blog-right-blackiImg {
        width: 200px;
        height: 90px;
        display: inline-block;
        vertical-align: top;
    }

        .blog-right-blackiImg .black p {
            margin-top: 5px;
            font-size: 16px;
            line-height: 18px;
        }

            .blog-right-blackiImg .black p:nth-child(1) {
                margin-top: 25px;
            }

    .noImg-box {
        width: 80%;
        margin-left: 10%;
        height: 100px;
    }

    .noImg-content {
        width: 80%;
        margin-right: 10%;
        padding-left: 0;
    }

    .blog-content .box-out {
        width: 100%;
    }

    .box-out .box-in .content-bottom {
        padding: 0 20px;
    }

        .box-out .box-in .content-bottom .title {
            font-size: 14px;
            padding: 20px 0;
        }

    .blog-menu-content {
        height: auto;
    }

    .blog-more {
        margin-top: 10px;
    }

    .box-out .box-in .content-bottom .box {
        margin-top: 20px;
    }

    .blog-content .bottom-arror {
        height: 30px;
        line-height: 30px;
    }

    .blog-box {
        padding-bottom: 40px;
    }

    /*RGC移动端 博客详情*/
    .blog-content {
        padding: 0;
        overflow: hidden;
    }

    .blog-detail {
        background: #fff;
        overflow: hidden;
    }

        .blog-detail h4 {
            color: #000;
            font-weight: bold;
            font-size: 14px;
            padding: 0 20px;
            text-align: center;
        }

        .blog-detail .detail-pic img {
            width: 100%;
        }

        .blog-detail .detail-txt {
            text-align: justify;
            padding: 0 20px;
            margin-bottom: 20px;
            font-size: 12px;
            color: #414040;
        }

        .blog-detail h6 {
            padding: 0 20px;
            font-size: 14px;
            color: #000;
            margin-bottom: 20px;
        }

    .detail-share {
        width: 100%;
        height: 30px;
        text-align: center;
    }

        .detail-share .button {
            display: inline-block;
            width: 55px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #dcdcdc;
            color: #969696;
            border-radius: 5px;
        }

            .detail-share .button:hover {
                background: #dcdcdc;
                color: #fff;
            }

    .line-title {
        margin-top: 10px;
    }

    .blog-left .share .line-title span {
        position: absolute;
        left: 50%;
        margin-left: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .share-form label {
        width: 100%;
    }

    .blog-left-twoBox {
        height: auto;
        padding-bottom: 40px;
    }

    .dx-aboutus-last .word-go {
        left: 10%;
    }

    .blog-left-twoBox .left-word, .blog-left-twoBox .right-word {
        width: 80%;
        margin-left: 10%;
    }

    #relatived4 .word-go {
        margin-left: -20%;
    }

    .blog-left-twoBox .line-title span {
        margin: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .this-mores {
        width: 120px;
        height: 35px;
        line-height: 35px;
    }

    .main-content .bottom-logo .box-in .word .word-title.dx-word-title {
        font-size: 24px !important;
        margin-bottom: 20px;
        padding-left: 0;
    }

    body .main-content .bottom-logo .box-in .word {
        margin-top: 90px !important;
    }

    .main-content .bottom-logo .box-in .logo img {
        margin-left: 0;
    }

    /*RGC移动端 菜谱*/
    body .naves {
        margin: 0;
    }

    .naves ul {
        width: 100%;
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .main-page8-banner .big-banner {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0;
    }

    .main-page8-banner {
        padding-top: 0;
        height: auto !important;
    }

        .main-page8-banner .row {
            height: auto !important;
        }

    .caipu-banner .row .word {
        margin: 0 !important;
        position: relative;
        z-index: 1;
        top: 50px;
        left: 0;
    }

    .man-page4-content .content-this .panel-body {
        font-size: 14px;
        line-height: 20px;
    }

    .caipu-banner .row .word p:nth-child(2) {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 24px;
        text-align: center;
        /*margin-top: 35px;*/
    }

    body .naves ul {
        overflow-x: auto;
        overflow-y: visible;
        white-space: nowrap;
        background: transparent;
        height: 130px;
    }

    body .naves li {
        position: relative;
        display: inline-block;
        width: 100px;
        vertical-align: top;
        float: none;
        text-align: center;
        margin-left: -5px;
        background: #000;
    }

        body .naves li img {
            width: 40%;
            margin-left: 0;
        }

    .naves li span {
        display: inline-block;
        width: 100%;
        left: 0;
        top: 30px;
        margin: 0;
    }

    body .naves li:after {
        position: absolute;
        bottom: -30px;
        left: 50%;
        content: "";
        border: 15px solid transparent;
        border-top: 15px solid #ec4346;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        display: none;
    }

    body .naves li.active:after {
        display: block;
    }

    .content-caipu-two {
        height: auto;
        font-size: 16px;
        padding-bottom:10px;
    }

    .content-caipu-three.active {
        height: auto;
        padding-top:30px;
    }




    /*RGC移动端 产品 配件*/
    body .peijian-banner .row {
        position: relative;
    }

        body .peijian-banner .row .word {
            margin: 0 !important;
            left: 0;
            top: 20%;
        }

    .peijian-banner .row .word p:nth-child(1) {
        font-size: 12px;
    }

    body .peijian-banner .row .word p:nth-child(2) {
        font-size: 24px;
        font-weight: bold;
        margin-top: 0 !important;
    }

    .peijian-banner {
        height: auto !important;
    }

    .peijian-banner {
        height: auto !important;
        padding-left: 0;
        padding-right: 0;
    }

    .peijian-main-box .top-map {
        overflow-x: auto;
        white-space: nowrap;
    }

        .peijian-main-box .top-map li {
            display: inline-block;
            width: 100px;
            height: 50px;
            vertical-align: top;
            margin-left: -5px;
        }

            .peijian-main-box .top-map li a {
                display: inline-block;
                height: 100%;
                width: 100%;
                background: #000;
                color: #fff;
                font-family: Calibri;
                font-size: 16px;
                line-height: 50px;
                text-align: center;
            }

                .peijian-main-box .top-map li a:hover {
                    background: #c7161e;
                }

    .peijian-main-box .pro-detail-list {
        padding: 0 5%;
    }

        .peijian-main-box .pro-detail-list h4 {
            position: relative;
            font-size: 18px;
            color: #000;
            height: 40px;
            line-height: 40px;
            font-weight: bold;
        }

            .peijian-main-box .pro-detail-list h4:after {
                position: absolute;
                bottom: 0;
                left: 0;
                content: "";
                display: inline-block;
                width: 30px;
                border-top: 1px solid #c7161e;
            }

    .peijian-main-box .inner-pro {
        width: 100%;
        border-bottom: 2px solid #ff1b30;
        margin-bottom: 20px;
    }

        .peijian-main-box .inner-pro .pic {
            height: 220px;
            overflow: hidden;
        }

        .peijian-main-box .inner-pro img {
            position: relative;
            width: 50%;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
        }

        .peijian-main-box .inner-pro .txt {
            padding: 0 20px;
            font-size: 12px;
        }

        .peijian-main-box .inner-pro h6 {
            font-size: 16px;
        }

    /*RGC移动端 烤炉详情*/
    .top-txt-intro {
        padding: 0 15px;
        padding-top: 65px;
    }

        .top-txt-intro h4 {
            margin: 0;
            color: #000;
            font-size: 14px;
            font-weight: bold;
            margin-top: 40px;
            margin-bottom: 20px;
            line-height: 20px;
        }

        .top-txt-intro .detail-txt {
            color: #999;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

        .top-txt-intro .more-btn {
            position: relative;
            display: inline-block;
            width: 90px;
            height: 30px;
            text-align: right;
            line-height: 30px;
            float: right;
            color: #cb0622;
            font-family: "Franklin Gothic Medium Cond", sans-serif;
            font-size: 16px;
        }

            .top-txt-intro .more-btn:before {
                position: absolute;
                top: 11px;
                left: 0;
                content: "";
                border: 8px solid transparent;
                border-top: 8px solid #cb0622;
            }

    .detail-transparent-black {
        width: 100%;
    }

    .content-detail-kaolv .row {
        padding-top: 10px;
        font-family: "Franklin Gothic Medium Cond";
    }

    /*body .content-detail-kaolv .container .top .c3 {
        display: inline-block;
        margin: 0;
        width: auto;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }*/

    .detail-red {
        height: 40px;
    }

        .detail-red p {
            height: 40px;
            line-height: 40px;
        }

        .detail-red img {
            margin-top: 10px;
            margin-right: 15px;
        }

    body .detail-transparent-black .black-transparent {
        padding: 10px;
    }

    .black-transparent .container span {
        font-size: 12px;
        padding: 10px 0;
    }

    .main-banner-bottom .top-txt {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.3);
        color: #fefcfc;
        padding: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .detail-transparent-black .row {
        margin-left: 0;
    }

    .xxw-title {
        line-height: 30px;
        font-size: 28px;
        padding: 20px 0;
    }

    .xxw-content {
        padding: 0;
        min-height: 200px;
        padding-bottom: 40px;
    }

        .xxw-content .search-list-btn {
            display: inline-block;
            overflow-x: auto;
            white-space: nowrap;
            border-left: 1px solid #eee;
            border-bottom: 2px solid transparent;
        }

            .xxw-content .search-list-btn li {
                float: left;
                border-right: 1px solid #eee;
                border-bottom: 1px solid #eee;
            }

                .xxw-content .search-list-btn li a {
                    display: inline-block;
                    height: 25px;
                    line-height: 25px;
                    padding: 0 8px;
                    color: #999;
                }

                .xxw-content .search-list-btn li.active {
                    border-bottom: 2px solid #d50823;
                    background: linear-gradient(to bottom,#fff,#f1f0ee);
                }

                    .xxw-content .search-list-btn li.active a {
                        color: #000;
                    }

    .xxw-results {
        margin-top: 10px;
    }

    .xxw-txt {
        padding: 0 15px;
        padding-bottom: 10px;
    }

        .xxw-txt h3 {
            color: #999;
            font-size: 16px;
            font-family: "Franklin Gothic Medium Cond";
        }

    .xxw-text p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .xxw-content .pic {
        margin-bottom: 20px;
    }

        .xxw-content .pic img {
            width: 100%;
        }


    /*RGC移动端 视频说明书*/
    .main-page4-banner {
        margin-top: 65px;
        height: auto;
    }

        .main-page4-banner img {
            position: relative;
            width: 100%;
            left: 0;
            margin-left: 0;
        }

    .dx-model-num {
        padding: 30px 0;
    }

        .dx-model-num > p:nth-child(2) {
            width: 100%;
            margin: 10px 0;
        }

    .dx-nav-search {
        margin-top: 20px;
    }

        .dx-nav-search.mn input {
            width: 60%;
        }

        .dx-nav-search button {
            background: #ddd;
        }

    .dx-manuals .filter {
        overflow-x: auto;
        white-space: nowrap;
    }

        .dx-manuals .filter > li {
            display: inline-block;
            float: none;
            width: auto;
        }

            .dx-manuals .filter > li:after {
                position: relative;
                margin: 0 20px;
            }

            .dx-manuals .filter > li a {
                font-size: 24px;
            }

    .dx-products-list > li {
        width: 100%;
    }

    .head .navbar-nav li.open .xs-pro-list {
        display: block;
    }

    .head .navbar-nav .xs-pro-list li a {
        display: inline-block;
        height: 40px;
        width: 100%;
        color: #fff !important;
        line-height: 40px;
        text-align: left;
        background: #1e1d1c !important;
        font-size: 14px;
    }

    .blog-left .blog-detail {
        padding: 0 20px !important;
    }

        .blog-left .blog-detail img {
            width: 100% !important;
        }

    .dx-ditu-left img {
        position: relative;
        height: auto;
        width: 100% !important;
    }

    .dx-ditu-left {
        width: auto;
    }

    .blog-detail > div {
        padding: 0 !important;
    }
}
.btn[class*="btn-"]:focus {
    outline: none;
}
.nav-top {
    list-style: none;

}
    .nav-top::after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .nav-top li {
        float: right;
        height: 40px;
        line-height: 40px
    }

.nav-top  li a {
    color: #FFFFFF;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
}
.dividing {
    border-right: 1px solid #5A595A;
    margin-right:20px;
    padding-right:20px
}
.nav-bottom-right{
    float:right;
    height:70px;
    display:flex;
    align-items:center
}
.search-border {
    position: relative;
    margin-right: 20px
}
.form-control {
    background-color: #1E1D1C;
    border: 1px solid #5A595A;
    border-radius:4px;
    color:white;
    outline:none
}
.search-border i {
    position: absolute;
    right: 10px;
    font-size: 22px;
    top: 3px;

}
.recall-btn {
    width: 99px;
    height: 35px;
    background-color: #C01C1E;
    color: white;
    border: 1px solid transparent;
    border-radius: 4px;
}
.why-royal {
    background: url('../../images/home/where-to-buy_bg.jpg') no-repeat;
    background-size: cover;
}
.nav-drop {
    position: relative;
    margin-right: 20px;
    line-height: 70px;
    height: 70px;
}
.dropdown-toggle {
    line-height: 70px;
    height: 70px;
}
/*.nav-drop .dropdown-toggle:before, .nav-drop .dropdown-toggle:after {
    content: '';
    width: 0;
    height: 2px;
    background-color: white;
    position: absolute;
    top: 80%;
    left: 50%;
    transition: all 0.8s;
}
.nav-drop .dropdown-toggle:hover:before {
    width: 50%;
    left: 0px;
}
.nav-drop .dropdown-toggle:hover:after {
    width: 50%;
    right: 0px;
}*/
.nav-drop:after {
    content: ' ';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    top:80%;
    display: block;
    width: 100%;
    height: 1px;
    transform: translate(-50%);
}
.nav-drop:hover:after {
    height: 2px;
    background-color: white;
    animation: ad_width .5s linear forwards;
}
@keyframes ad_width {
    from {
        width: 0
    }

    to {
        width: 100%;
    }
}
.head .navbar-nav.head-menu > li > a
.nav-dropdown {
    position: fixed;
    top: 110px;
    left: 30%;
    width: 760px;
    height: 240px;
    padding-top: 40px;
    z-index: 99999;
    display: block;
    background: url(/images/nav-bg.jpg);
    box-shadow: 0 6px 6px rgba(0,0,0,.175);
    display: none;
    padding-left: 20px;
}

.nav-drop .nav-dropdown {
    position: fixed;
    top: 110px;
    left: 30%;
    width: 750px;
    height: 240px;
    padding-top: 40px;
    z-index: 99999;
    display: none;
    background: url(/images/nav-bg.jpg);
    padding-left: 20px;
    box-shadow: 0 6px 6px rgba(0,0,0,.175);
}


.nav-dropdown.active {
    display: block ;

}

 .nav-dropdown > a, .head .head-menu .nav-dropdown > a:hover {
    background: url(/images/nav-bg.jpg);
    color: #333;
}

 .nav-dropdown li {
    position: relative;
    float: left;
    width: 118px;
    text-align: center;
}

.nav-dropdown:not(.nav-dropdown--big) li:not(:first-child)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    display: block;
    width: 1px;
    height: 15px;
    background-color: #bdbdbd;
}


.nav-dropdown li > a {
    padding: 3px 10px;
    display: block;
    clear: both;
    font-family: Arial;
    font-weight: bold;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.nav-dropdown i{
    font-style:normal
}

.nav-dropdown span {
    display: block;
    width: 100%;
    height: 62px;
    margin-bottom: 40px;
    background-repeat: no-repeat;
}
 .nav-dropdown a:hover {
    background-color: transparent;
}

.head-menu .nav-dropdown--big {
    height: 260px;
    padding: 20px 20px 0 20px;
}

    .head-menu .nav-dropdown--big > li {
        text-align: left;
        padding-left: 30px;
    }

    .head-menu .nav-dropdown--big.nav-dropdown li {
        text-align: left;
    }

    .head-menu .nav-dropdown--big.nav-dropdown li li {
        float: none;
        width: auto;
        margin-top: 5px;
        line-height: 22px;
    }

    .head-menu .nav-dropdown--big.nav-dropdown li > p {
        font-size: 20px;
        font-family: Franklin Gothic Medium;
        font-weight: bold;
        color: #252525;
        line-height: 33px;
    }
        .nav-dropdown--big li a {
            font-weight: 400;
        }
        .head-menu .nav-dropdown--big.nav-dropdown li a {
            padding: 0;
        
        }

    .head-menu .nav-dropdown--big li a p {
        font-family: "PT Sans Narrow Bold",sans-serif;
        font-size: 16px;
        color: #D20220;
        line-height: 18px;
        background-color: #fff;
        text-align: center;
        padding: 15px 0;

    }

    .head-menu .nav-dropdown--big > li img {
        width: 100%;
    }
.nav-dropdown--big a{
    color:#777 !important
}
.nav-dropdown--big.nav-dropdown li a:hover {
    color: black !important
}
.about-item1 {
    height: 450px;
    background: url('/images/about_banner.jpg') no-repeat center;
    background-size:auto 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}
.about-item1-text p {
    font-size: 70px;
    font-family: Franklin Gothic Medium;
    font-weight: 400;
    color: #FFFFFF;
}
.about-item2 {
    background: #F8F6F9 url(/images/about_img3.jpg) no-repeat bottom center;
    background-size:100% auto;
}
.about-item2 .container>p{
    text-align:center;
    padding:105px 0 80px 0;
}
.about-item2 .container>p>img{
    max-width:100%;
}
[class^='about-item2-'] {
    display:inline-block;
    width: 50%;
}
.about-item2-img.ml5b{
    margin-left:50%;
    margin-top:-95px;
}
.about-item2-img img {
    width: 100%;
}
.about-item2-text {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 125px 47px 0 47px;
    background-color: #fff;
}
.about-item2-text:last-child{
     height: calc(100% - 95px);
}
.about-item2-text > p {
    font-size: 48px;
    font-weight: bold;
    line-height: 48px;
    font-family: PT Sans Narrow;
} 
.about-item2-text > div
{
    font-size: 20px;
    font-family: Microsoft YaHei;
    line-height: 30px;
}
@media(min-width:1920px) {
    .about-item1 {
        background-size: 100% 100%;
    }
}
@media(max-width:1380px) {
    .about-item2-text {
        padding-top: 80px;
    }
        .about-item2-text > p {
            font-size: 36px;
            line-height:30px;
        }
        .about-item2-text > div {
            font-size: 18px;
            line-height: 26px;
        }
}
@media(max-width:1200px) {
    .about-item2-text {
        padding-top: 50px;
    }
    .about-item2-img.ml5b {
        margin-top: -50px;
    }
        .about-item2-text > p {
            font-size: 32px;
            line-height: 24px;
        }

        .about-item2-text > div {
            font-size: 16px;
            line-height: 24px;
        }
    .about-item2-text:last-child {
        height: calc(100% - 50px);
    }
}
@media(max-width:768px){
    [class^='about-item2-'] {
        position:relative!important;
        display: block;
        width: 100%;
        margin-top:20px;
    }
    .about-item2-text {
        padding:40px 20px;
    }
        .about-item2-text > p {
            font-size: 28px;
            line-height: 30px;
        }
    .about-item2-img.ml5b {
        margin-left: 0;
        margin-top:20px;
    }
    .about-item2 .container > p {
        padding: 30px 0;
    }
}

.wtb-container {
    width: 1200px;
    margin: 0 auto;
}
.wtb-title {
    font-size: 56px;
    font-family: PT Sans Narrow;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin-top:80px;
    margin-bottom:60px
}
.wtb-content{
    padding-bottom: 100px
}
.wtb-content ul{
    list-style:none
}
.wtb-content ul li{
    float:left
}
.wtb-content ul li:first-child{
    margin-right:40px;
    margin-bottom:40px;
}
.wtb-content ul li:nth-child(2) {
    margin-right: 40px;
    margin-bottom: 40px;
}
.wtb-content ul li:nth-child(3) {
    margin-right: 40px;
    margin-bottom: 40px;
}
.wtb-content ul li:nth-child(4) {

    margin-bottom: 40px;
}
.wtb-content ul li:nth-child(6) {
    margin-left: 40px;
    margin-right: 40px;

}
.wtb-content ul li:last-child {
    margin-left: 40px;

}
.wtb-item {
    width: 270px;
    height: 270px;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    padding:60px 20px 40px 20px;
    position:relative;
}
.wtb-content ul li:nth-child(5) .wtb-item {
    padding-top: 50px
}
.wtb-content ul li:nth-child(3) .wtb-item {
    padding-top: 40px
}
.wtb-content ul li:nth-child(7) .wtb-item {
    padding-top: 40px
}
.wtb-img{
   text-align:center
}
.wtb-visit {
    width: 112px;
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 2px;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:30%;
    bottom:68px;

    
}
.wtb-visit a {
    color: #666666;
}

.wtb-item:hover {
    cursor: pointer;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}
.acc-no-data{
    height:400px;
    display:flex;
    align-items:center;
    justify-content:center
}
.acc-no-data i {
    font-size: 25px;
    color: #D20220;
    margin-right:5px;
}
.no-data-text {
    font-size: 20px;
    color: #999
}

.recall-btn:focus {
    outline: 0;
}