* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

a:hover {
    text-decoration: none;
    outline: none;
}
ul,
li {
    list-style: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    clear: both
}

input {
    outline: none
}

.cont9 {
    width: 88%;
    margin: 0 auto;
}
p {
    position: relative;
    font-size: 14px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #555555;
    margin: 0px;
    transition: all 500ms ease;
}
.pa0{
    padding: 0;
}
.paleft0{
  padding-left: 0;
}
body,
html {
    background: #fff;
    height: 100%;
}

body {
    font-family: "微软雅黑";
    box-sizing: border-box;
}

.top {
    z-index: 99;
    position: relative;
}
@media (min-width:1500px) {
    .container {
        max-width: 1400px;
        padding: 0;
    }
}

@media (max-width:1499px) {
    .container {
        max-width: 1200px;
        padding: 0 15px;
    }
}

@media (max-width:1299px) {
    .container {
        max-width: 940px;
        padding: 0 15px;
    }
}

@media (max-width:979px) {
    .container {
        max-width: 100%;
        margin-left: 15px;
        margin-right: 15px;
        padding: 0;
    }
}
.headerbox {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.search{ width: 210px; position: relative; margin: 23px 0 0; float: right;}
.search input{ border-radius: 30px; }
.search .btn{ position: absolute; right: 0; bottom: 0; color: #333;}

/*导航*/
.navbar-default{ background: none !important;}
.navbar1{
    box-shadow: none;
    background: rgba(255, 255, 255, 0);
    position: fixed;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
}
.navbar1.active{
    background: rgba(255, 255, 255, 1);
    transition: background 1s;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition:background 1s;
}

.navbar-nav {
    float: left;
}

.navbar-nav>li {
    padding: 0 5px;
    line-height: 80px;
}

.navbar-nav>li>a {
    line-height: 48px;
    color: #111;
    font-size: 16px;
}

.navbar-brand {
    padding: 12px 15px !important;
}
.navbar-brand img{
  width: 200px;
  height: auto;
}
.navbar-toggle{
  background: #333;
}
.navbar-toggle .icon-bar{
  background: #fff;
}




/* sytitle */
.sycategory{
    width: 100%;
    display: inline-block;
    margin: 60px 0;
}
.sec-title {
    position: relative;
    display: block;
    margin-bottom: 27px;
    padding-bottom: 24px;
}

.sec-title.centred {
    text-align: center;
    padding-bottom: 22px;
}

.sec-title:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    left: 0px;
    bottom: 0px;
    background: #ec4e4f;
}

.sec-title.centred:before {
    left: 50%;
    transform: translateX(-50%);
    margin-left: -8px;
}

.sec-title .dotted-box .dotted {
    position: absolute;
    left: 43px;
    width: 3px;
    height: 2px;
    bottom: 0px;
    background: #ec4e4f;
}

.sec-title .dotted-box .dotted:nth-child(2) {
    left: 49px;
}

.sec-title .dotted-box .dotted:last-child {
    left: 55px;
}

.sec-title.centred .dotted-box .dotted {
    left: 50%;
    margin-left: 15px;
}

.sec-title.centred .dotted-box .dotted:nth-child(2) {
    left: 50%;
    margin-left: 21px;
}

.sec-title.centred .dotted-box .dotted:last-child {
    left: 50%;
    margin-left: 27px;
}

.sec-title p {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #777777;
    text-transform: uppercase;
    /* font-weight: 600; */
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 30px;
    /* line-height: 6px; */
    font-weight: 200;
    margin-bottom: 0;
    letter-spacing: 5px;
}

.sec-title.light p,
.sec-title.light h2 {
    color: #fff
}

/*product_category*/
.product_category{position:relative;background:#f7f7f7; padding:50px 0 150px;}
.category_items{position:relative; display:flex;flex-wrap:wrap; margin-top:60px;}
.category_item{position:relative; width:33.3333%; padding:1px;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.category_item figure{position:relative;background:#fff; overflow:hidden;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.category_item figure .item_ico{ position:absolute; width:0; height:0; background: rgba(230, 33, 41, .06);border-radius:100%; left:-100px; top:-150px;-webkit-animation: blob 12s linear infinite alternate;animation: blob 12s linear infinite alternate;opacity:0; visibility:hidden;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.5s;}
.category_item figure figcaption{position:relative;padding:12px 36px 0; z-index:1;  text-align: center;}
.category_item .item_title{ font-size:18px; font-weight:300;}
.category_item .item_text{ position:relative;font-size:14px; font-weight:300; padding:4px 0 12px; height: 0;}
.category_item .item_text:after{ content:""; position:absolute; width:0; height:1px; background:#000; bottom:0; left:0;opacity:0; visibility:hidden;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.category_item .item_img{position:relative; width:100%; height:320px; display:flex;align-items:center;justify-content:center;}
.category_item .item_img img{ max-width:100%; max-height:100%;}
.category_item figure .item_more{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}

.category_item:first-child,.category_item:hover,.category_items:hover .category_item:first-child:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);transform:scale(1.12); z-index:1;}
.category_item:first-child figure,.category_item:hover figure,.category_items:hover .category_item:first-child:hover figure{box-shadow:10px 10px 25px rgba(0,0,0,.15);}
.category_item:first-child figure .item_ico,.category_item:hover figure .item_ico,.category_items:hover .category_item:first-child:hover figure .item_ico{width:400px; height:300px;opacity:1; visibility:visible;}
.category_item:hover .item_text:after,.category_item:first-child .item_text:after,.category_items:hover .category_item:first-child:hover .item_text:after{width:40%;opacity:1; visibility:visible; margin: 0 30%;}

.category_items:hover .category_item:first-child{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.category_items:hover .category_item:first-child figure{box-shadow:none;}
.category_items:hover .category_item:first-child figure .item_ico{width:0; height:0;opacity:0; visibility:hidden;}
.category_items:hover .category_item:first-child .item_text:after{width:0;opacity:0; visibility:hidden;}


/* syabout */
.syabout {
    background-image: url(../images/bg.jpg);
    background-position: 50% 55.231%;
    margin-bottom: 0;
    background-size: cover;
    background-attachment: fixed;
    padding: 68px 0;
    margin-top: 50px;
    color: #fff;
}
.syabout h2{
    font-weight: 200;
    margin-bottom: 0;
}

.syabout p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.syabout .abmore {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 15px 0 0;
}

.syabout .abmore a {
    display: inline-block;
    border: 1px solid #fff;
    padding: 8px 46px;
    color: #fff;
    transform: 0.5s;
}

.syabout .abmore:hover a {
    background: #fff;
    color: #000;
}

.syablist {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 38px 0 0;
}

.syablist li .syablj {
    width: 100%;
    height: auto;
    text-align: center;
}

.syablist li a {
  width: 100%;
  height: auto;
  text-align: center;
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  position: relative;
}

.syablist li .syablj a p {
  font-weight: bolder;
}

.syablist li a:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.3);
    z-index: 2;
    border-radius: 100%;
    opacity: 1;
    top: -30px;
    left: -7px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.syablist li:hover a:before {
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.syablist li a img {
    margin-bottom: 10px;
    background: #fff;
    padding: 15px;
    border-radius: 50%;
    z-index: 5;
    position: relative;
}

.syablist li a b {
    font-size: 32px;
}

.syicon {
    display: block;
}


/*--产品切换--*/
#flexiselDemo1 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

.nbs-flexisel-inner {
    overflow: hidden;
    margin: 0px auto;
}

.nbs-flexisel-item {
    float: left;
    margin: 0;
    padding: 0px;
    position: relative;
    line-height: 0px;
}

.nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
}

.img-box {
    border: 1px solid #ddd;
    margin: 0 5px;
}

.zoom .img-box {
    z-index: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 2.2s ease-in-out;
    -moz-transition: all 2.2s ease-in-out;
    -ms-transition: all 2.2s ease-in-out;
    -o-transition: all 2.2s ease-in-out;
    transition: all 2.2s ease-in-out;
}

.zoom:hover .img-box {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.zoom {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.img-box-content,
.pets-info {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.img-box-content img,
.pets-info img {
    display: block;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.img-box-content {
    position: relative;
}

.pets-info {
    top: 0;
    left: 0;
    position: absolute;
}

.pets-info .pets-info-slid {
    display: block;
    position: relative;
    padding: 2%;
    left: 50%;
    top: 50%;
    position: relative;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}

.strip_line {
    display: block;
    position: relative;
    height: 1px;
    width: 60%;
    margin: 16px auto;
    background: rgba(255, 255, 255, 0.5);
    clear: both;
}

.pets-effect {
    display: block;
    overflow: hidden;
    position: relative;
}

.pets-effect .pets-info {
    filter: alpha(opacity=0);
    -wekbit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateZ(0) scale(2, 2);
    -moz-transform: translateZ(0) scale(2, 2);
    -ms-transform: translateZ(0) scale(2, 2);
    -o-transform: translateZ(0) scale(2, 2);
    transform: translateZ(0) scale(2, 2);
    color: #e6e6e6;
}

.pets-effect .pets-info * {
    z-index: 3;
}

.pets-effect .pets-info:after,
.pets-effect .pets-info:before {
    content: "";
    display: block !important;
    position: absolute;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 101%;
    height: 101%;
    z-index: -1;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

.pets-effect.ver_line .pets-info:before {
    -webkit-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    transform: translateZ(0) translateX(100%) rotateZ(180deg);
}

.pets-effect.ver_line .pets-info:after {
    -webkit-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    transform: translateZ(0) translateX(-100%) rotateZ(180deg);
}

.pets-effect.ver_line:hover .pets-info {
    filter: alpha(opacity=100);
    -wekbit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
}

.pets-effect.ver_line:hover .pets-info:before {
    -webkit-transform: translateZ(0) translateX(50%) rotateZ(0deg);
    -moz-transform: translateZ(0) translateX(50%) rotateZ(0deg);
    -ms-transform: translateZ(0) translateX(50%) rotateZ(0deg);
    -o-transform: translateZ(0) translateX(50%) rotateZ(0deg);
    transform: translateZ(0) translateX(50%) rotateZ(0deg);
}

.pets-effect.ver_line:hover .pets-info:after {
    -webkit-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
    -moz-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
    -ms-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
    -o-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
    transform: translateZ(0) translateX(-50%) rotateZ(0deg);
}

.pets-effect.horizontal .pets-info:before {
    -webkit-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    transform: translateZ(0) translateY(100%) rotateZ(180deg);
}

.pets-effect.horizontal .pets-info:after {
    -webkit-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    transform: translateZ(0) translateY(-100%) rotateZ(180deg);
}

.pets-effect.horizontal:hover .pets-info {
    filter: alpha(opacity=100);
    -wekbit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
}

.pets-effect.horizontal:hover .pets-info:before {
    -webkit-transform: translateZ(0) translateY(50%) rotateZ(0deg);
    -moz-transform: translateZ(0) translateY(50%) rotateZ(0deg);
    -ms-transform: translateZ(0) translateY(50%) rotateZ(0deg);
    -o-transform: translateZ(0) translateY(50%) rotateZ(0deg);
    transform: translateZ(0) translateY(50%) rotateZ(0deg);
}

.pets-effect.horizontal:hover .pets-info:after {
    -webkit-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
    -moz-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
    -ms-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
    -o-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
    transform: translateZ(0) translateY(-50%) rotateZ(0deg);
}

.pets-info-slid h4 {
    font-size: 28px;
    color: #ec4e4f;
}

.pets-info-slid p {
    line-height: 2.2em;
    color: #fff;
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
}

/* .treatments {
    background: #383838;
} */

.treatments h3 {
    color: #ec4e4f;
}

.pets-effect-btm h5 {
    color: #666;
    font-size: 18px;
    margin: 0px 0 20px;
    text-align: center;
    border-bottom: 1px solid #aeaeae;
    padding-bottom: 20px;
}

.laptop:hover .pets-effect-btm h5 {
    cursor: pointer;
    color: #333;
    border-bottom: 1px solid #333;
}

.pets-effect-btm p {
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 2.2em;
}

.pets-effect-btm {
    padding: 2.5em 2.5em 0;
}

.treatments p {
    color: #fff;
}

.home-pro {
    margin: 50px 0 0;
}

.sytitle {
    font-size: 26px !important;
    color: #333 !important;
    margin: 10px 0;
    letter-spacing: 2px;
}

.xian {
    width: 100%;
    display: block;
    text-align: center;

}

.gray {
    color: #999 !important;
    /* font-size: 18px; */
    /* letter-spacing: 3px; */
    margin: 0;
}

.listpro {
    margin: 15px 0 30px;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.listpro li {
    float: left;
    border: 1px solid #ddd;
    padding: 5px 25px;
    margin: 0 10px;
    border-radius: 30px;
}

.listpro li a {
    color: #666;
}

.listpro li:hover {
    background: #ec4e4f;
}

.listpro li:hover a {
    color: #fff;
}

/*--//产品切换--*/

/* sy-news */
.synews {
    width: 100%;
    height: auto;
    padding: 50px 0;
}

.synzi {
    padding: 22px 30px;
}

.synzi .time {
    font-size: 22px;
    color: #d8171b;
    position: relative;
    margin-bottom: 15px;
}

.synzi .time::before {
    content: "";
    width: 50px;
    height: 2px;
    background: #d8171b;
    position: absolute;
    top: 10px;
    left: 156px;
}

.synzi h3 {
    font-size: 18px;
    color: #333;
    line-height: 32px;
    margin: 0 0 24px;
}

.synzi span {
    font-size: 15px;
    color: #555;
}

.synews ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.synews ul li {
    width: 32%;
    transition: all 0.3s ease 0s;
}

.synews ul li:hover {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    transform: translate(0, -10px);
}

/* .synews ul li:nth-of-type(2) {
    background: url(../images/nbg.jpg) center center;
    padding: 30px;
}

@media (min-width:1400px) and (max-width:1500px) {
    .synews ul li:nth-of-type(2) {
        padding: 2px;
    }
}

.synews ul li:nth-of-type(2) .synzi b {
    font-size: 50px;
    color: #d8171b;
}

.synews ul li:nth-of-type(2) .synzi p {
    margin: -20px 0 24px;
}

.synews ul li:nth-of-type(2) .synzi h4 {
    font-size: 18px;
    color: #333;
    line-height: 32px;
} */
.pic{
    width: 100%;
    height: auto;
}

/* footer */
.footer{
    width: 100%;
    height: auto;
    display: inline-flex;
    padding: 50px 0 20px;
    background: url(../images/footbg.jpg) bottom center no-repeat;
}

.flist h3{
    font-size: 18px;
    font-weight: 600;
}
.flist p{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

.flist p a{
    font-size: 14px;
    color: #333;
}
.flist p span{
    float: left;
}
.fright{
    width: 100%;
    height: auto;
    display: inline-block;
}
.fright h2 {
    font-size: 24px;
    margin-bottom: 30px;
}
.fright h3 {
    font-size: 17px;
}
.ficon i {
  font-size: 24px;
  color: #555;
  margin: 10px 5px 0 0;
}

.ficon a .taobao {
  margin: -10px 0 0 -5px;
}

.ficon a .tianmao {
  margin: -10px 0 0 0;
}
.bq{
    width: 100%;
    height: auto;
    margin: 20px 0 0;
    border-top: 1px solid #ddd;
    padding: 20px 0 0;
    font-size: 12px;
}
.bq a{
    color: #333;
}

/* bread */
.position {
  width: 100%;
  height: 52px;
  line-height: 52px;
  border-bottom: 1px solid #ddd;
}

.position .posbox {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.position .posbox .nybanleft {
  width: 68%;
}

.position .posbox .nybanleft h3 {
  position: relative;
  display: inline;
  padding: 18px 30px;
  line-height: 52px;
  background: #333;
  color: #fff;
  font-size: 18px;
}

.position .posbox .nybanright a {
  color: #333;
}

.position2 {
  width: 100%;
  height: 52px;
  line-height: 52px;
  border-bottom: 1px solid #ddd;
}

.position2 .posbox {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.position2 .posbox .nybanleft {
  width: 68%;
}

.position2 .posbox .nybanleft h3 {
  position: relative;
  display: inline;
  padding: 18px 30px;
  line-height: 52px;
  background: #333;
  color: #fff;
  font-size: 18px;
}

.position2 .posbox .nybanleft ul li {
  float: left;
  padding: 2px 18px;
  line-height: 52px;
  font-size: 16px;
  position: relative;
  margin-top: -3px;
}


.position2 .posbox .nybanleft ul .active {
  background: #333;
}
.position2 .posbox .nybanleft ul .active a{
  color: #fff;
}

.position2 .posbox .nybanleft ul a {
  color: #333;
}

.position2 .posbox .nybanright a {
  color: #333;
}

.inner-about {
  padding: 0 20px;
}

.inner-about h1 {
  margin: 0;
  text-align: center;
  color: #CCC;
}

.inner-about h2 {
  margin: 0;
  text-align: center;
  font-size: 26px;
  margin-top: 20px;
}

.inner-about p {
  text-indent: 2em;
  font-size: 15px;
  line-height: 30px;
  margin-top: 10px;
  color: #444;
  letter-spacing: 3px;
}

.inner-about h3 {
  margin: 0;
  text-align: center;
  font-size: 26px;
  margin-top: 26px;
  border-top: #ccc 1px solid;
  padding-top: 30px;
}


/* ny-about */
.nyabbg {
      background: #fff;
      margin: 50px 0;
}
.abtu {
  margin-top: 60px;
  width: 100%;
  display: block;
}

.nycontent {
  width: 100%;
  height: auto;
  margin: 36px 0;
  display: inline-block;
  background: #fff;
  box-shadow: 2px 3px 5px #ddd;
  padding: 50px;
}

.tu {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.abjj {
  margin-top: 20px;
}

.abjj p {
  line-height: 26px;
  text-indent: 0;
  font-size: 15px;
}
/* ny-history */
.history {
  width: 100%;
  height: auto;
  margin: 0 0 30px;
  display: inline-block;
}

.history h3 {
  color: #333;
  margin-bottom: 36px;
}

#accordion:before {
  content: "";
  width: 1px;
  height: 95%;
  background: #ddd;
  position: absolute;
  top: 20px;
  left: 24px;
  bottom: 20px;
}

#accordion .panel {
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  margin: 0 0 12px 50px;
  position: relative;
  background: #f5f5f5;
}

#accordion .panel:before {
  content: "";
  width: 2px;
  height: 100%;
  background: linear-gradient(to bottom, #ec4e4f 0%, #ff816a 100%);
  position: absolute;
  top: 0;
  left: -2px;
}

#accordion .panel-heading {
  padding: 0;
  background: #fff;
  position: relative;
}

#accordion .panel-heading:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50px;
  background: #ec4e4f;
  border: 1px solid #ec4e4f;
  position: absolute;
  top: 50%;
  left: -48px;
  transform: translateY(-50%);
}

#accordion .panel-title a {
  display: block;
  padding: 15px 55px 15px 30px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  border: none;
  margin: 0;
  position: relative;
  background: #f5f5f5;
}

#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before {
  content: "\f068";
  font-family: fontawesome;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  font-size: 15px;
  font-weight: normal;
  color: #ec4e4f;
  text-align: center;
  border: 1px solid #ec4e4f;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: all 0.5s ease 0s;
}

#accordion .panel-title a.collapsed:before {
  content: "\f067";
}

#accordion .panel-body {
  padding: 0 30px 15px;
  border: none;
  font-size: 16px;
  color: #ddd;
  line-height: 28px;
}


/* ny-news */
.news {
  display: inline;
}

.news li {
  width: 100%;
  display: inline-block;
  border: #ddd 1px solid;
  padding: 32px;
  margin-bottom: 15px;
  transition: all 1s;
}

.news li:hover {
  background: #fafafa;
  box-shadow: 10px 10px 10px #ddd;
}

.news li:hover h4 {
  color: #ec4e4f;
}

.news li a {
  color: #333;
}

.news li a p {
  color: #666;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 10px;
}

.news li h4 {
  font-size: 20px;
  margin: 0 0 15px;
}
.newshow h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.newshow p {
  font-size: 15px;
  line-height: 26px;
  text-indent: 2em;
  margin-bottom: 10px;
}

.newback {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 50px;
}

.newback a:hover {
  color: #014d97;
}

/* ny-download */
.downbox {
  width: 98%;
  height: auto;
}

.downbox li {
  width: 100%;
  padding: 0 15px;
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.downbox li a {
  width: 100%;
  display: flex;
  line-height: 56px;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.downbox li p {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 56px;
  padding-bottom: 0;
  text-indent: 0;
}

.downbox li b {
  color: #999999;
  font-size: 16px;
  font-weight: normal;
}

.downbox li:hover b {
  color: #333;
}

/* ny-page*/
.pagination {
  display: -ms-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 30px auto 0;
  justify-content: space-between;
}

.pagination span>a {
  padding: 5px 10px;
  color: #333;
  border: solid 1px #ccc;
  border-radius: 5px;
}

.page-num-current {
  padding: 5px 0 !important;
}

.pagination span>a select,
.pagination span>a select:focus {
  border: solid 1px transparent !important;
  padding: 5px 10px;
  background: transparent;
}

/* ny-product */
.pbox {
  width: 100%;
  height: auto;
  display: inline-block;
  margin-bottom: 24px;
  background-color: skyblue;
  border: 1px solid #ddd;
  background: #fff;
}

.pbox img {
  width: 100%;
  height: auto;
  /* margin: 50px auto; */
  transition: all 1s;
}

.pbox:hover {
  box-shadow: 10px 10px 10px #ddd;
}
.pbox .plistyou{
  padding: 26px 0;
}
.pbox .plistyou h4{
  font-size: 20px;
  font-weight: 600;
  margin-top: 0;
}

.pbox .plistyou p {
  line-height: 42px;
  font-size: 16px;
  color: #1b1b1b;
}

.pbox:hover .plistyou p {
  color: #333;
}
.pbox:hover .plistyou a{
  background: #333;
  color: #fff;
}
.pbox .plistyou a{
  border: 1px solid #ddd;
  display: inline-block;
  color: #333;
  padding: 5px 15px;
  margin-top: 5px;
}
.pro-title{
  margin-top: 0 !important;
}
.hover-one {
  border: 1px solid #666;
  width: 160px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  float: left;
}
.hover-one a {
  color: #333;
  line-height: 1.556;
  text-align: center;
}
.hover-two {
  background-color: #f4f4f4;
  width: 160px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hover-two a {
  color: #231f20;
  line-height: 1.556;
  text-align: center;
}
.pbtn:hover{
  background: #ec4e4f;
  border: none;
}
.pbtn:hover a{
  color: #fff;
}
.procontent{
  width: 100%;
  padding: 20px;
}

.pro-xq-ms>h3 {
  font-size: 20px;
  color: #444;
  line-height: 56px;
  text-indent: 2em;
  font-weight: 600;
  border-bottom: 4px solid #d7d7d7;
  background-color: #eee;
}

.pro-xq-ms>p {
  padding: 5px 5px;
  display: -ms-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
  border-bottom: 1px solid #000;
}

.pro-xq-ms>p>a {
  color: #333;
  font-size: 14px;
}

.pro-xq-ms>p>span {
  font-size: 14px;
  color: #333;
}
.procontent table {width:100% !important;height:auto;margin:20px auto 10px;}
.procontent table tbody tr {border-bottom:1px dotted rgba(12,32,72,.6);}
.procontent table tbody tr td {display:table-cell;vertical-align:inherit;white-space:nowrap;text-align:center !important;border:1px solid #999 !important;background:#fff;
    font-size:16px; padding:5px;}
    .procontent table tbody tr td:nth-of-type(2) {background:#fff;}
    .procontent table tbody tr td:last-child {border-right:none;}
    .procontent table tbody tr td p {width:100%;height:auto;display:inline-block; text-align:center !important; margin: 0;}


/* left-nav */
.nav-pro>ul {border:none;}
.nav-pro>ul>li {position:relative;margin:0 15px 0 0;border-bottom:1px solid #fff;transition:.3s; background: #f5f5f5;}
.nav-pro>ul>li>a {padding: 2px 0 0 20px;display:block;transition:.3s;cursor:pointer; line-height: 42px;}
.nav-pro>ul>li:hover>a {border-left:5px solid #ec4e4f;background:#f5f5f5;}
.nav-pro>ul>li>i {position:absolute;right:6px;top:8px;font-size:24px;}
.nav-pro>ul>.active{ border: none;}
.nav-pro>ul>.active>a {border-left:5px solid #333;background:#f5f5f5;display:block;}
.nav-pro>ul>li>a {color:#333;font-size:16px;}
.nav-pro>ul>li>ul>li>a {color:#555;padding:10px 5px;margin:0 10px;border-bottom:1px solid #ddd;display:block; font-size: 15px;}
.nav-pro>ul>li>ul>.active {background:#333;}
.nav-pro>ul>li>ul>li>ul>li{ padding-left: 26px;}
.nav-pro>ul>li>ul>li>ul>li>a{ color: #888; line-height: 32px; width: 92%; display: block; padding: 0 0 0 8px; border-bottom: 1px dotted #ddd;}
.submenu {display:none !important;}
.showsub .submenu {display:block !important;}
.sonmenu{display: none;}

/* ny-shebei */
.tz-gallery {
  width: 100%;
  display: -ms-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  /* margin: 0 10px; */
  width: 100%;
  /* justify-content: space-between; */
}

.thumbnail {
  width: 100%;
  overflow: hidden;
  padding: 8px;
  border: 5px solid #ddd;
  border-radius: 0;
}
.thumbnail:hover{
  border: 5px solid rgba(236, 78, 79, .6);
}

.thumbnail img {
  transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
}

.thumbnail:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

/* ny-contact */
.linkbox {
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 40px 0 10px;
  text-align: center;
}

.linkbox b {
  font-weight: normal;
}

.linkbox ul li {
  line-height: 28px;
}

.messagebox {
  width: 100%;
  display: inline-block;
  /* border: 1px solid #ddd; */
  padding: 30px 45px;
  background: #eee;
  margin-top: 0;
}

.linktu {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}

.linktu img {
  display: block;
  margin: 0 auto;
}

.messagebox h4 {
  font-size: 20px;
}

.message-con {
  width: 100%;
  padding: 10px 0 0;
}

.message-con>form {
  display: -ms-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;

}

.message-con>p {
  font-size: 26px;
  font-weight: block;
  text-align: center;
}

.form-group {
  width: 50%;
  margin-top: 5px;
  margin-bottom: 0 !important;
  padding: 5px;
}

.form-group input,
.form-group1 textarea {
  padding: 10px;
  border-radius: 5px;
  letter-spacing: 1px;
  font-size: 15px;
  outline: none;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 34px;
  line-height: 28px;
  color: #555;
  background-color: #fff;
  background-image: none;
}

.form-group1 {
  width: 100%;
  margin: 10px 0;
  padding: 5px;
}

.form-group1 textarea {
  width: 100%;
  height: 90px;
}

.yzm {
  margin: 15px 30px 0 0;
}

.submit {
  background: #333;
  color: #fff;
  border-radius: 0;
  font-size: 15px;
  width: 16%;
  margin: 12px 42%;
  height: 38px;
  outline: none;
  letter-spacing: 1px;
  cursor: pointer;
  border: none;
}

.message-bd {
  height: 30px;
}

.message-con img {
  height: 35px;
}

.linkicon2 {
  margin: 20px 0;
  line-height: 46px;
  text-align: center;
}

.linkicon2 li {
  display: inline-block;
  background: rgba(0, 0, 0, .8);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 72px;
  margin: 0 20px;
}

.linkicon2 li:hover {
  background: rgba(70, 158, 48, .9);
}

.linkicon2 li>a {
  color: #fff;
}
.pro-next {
  padding: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 26px 0 38px;
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.pro-next p a {
  color: #333;
}

.pro-next p a:hover {
  color: #333;
}

.searchbox {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px 30px;
}
.searchbox p{
  margin-bottom: 20px;
}
.searchbox .seayemian {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.searchbox .seayemian input {
  width: 40%;
  border-radius: 15px 0 0 15px;
  border-right: none;
}
.searchbox .seayemian a {
  background: #ec4e4f;
  border-radius: 0 15px 15px 0;
  color: #fff;
  padding: 6px 18px;

}


/*---------------------客服组件-------------*/
@media only screen and (max-width: 768px){
	.w-service-fixed{ display: none;}
}
.w-service-fixed{position:fixed; bottom:20px; right: 0; z-index:2000; font-size:14px;}
.bg_s_default{ background:#363636;}
.color_s_default{color:#363636;}
.w-service-fixed .service-item{width:60px; height:60px; line-height:60px; margin-bottom:2px; position:relative; text-align:center;}
.w-service-fixed .service-item .service-popc{ position:absolute; right:60px; top:0; width:0; overflow:hidden; text-align:left; color:#fff; }
.w-service-fixed .service-item .service-popc a{ color:#fff; text-decoration:none; display:block;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.w-service-fixed .service-item:hover .service-popc{ width:180px;transition: width 0.2s;-moz-transition: width 0.2s;-webkit-transition: width 0.2s; -o-transition: width 0.2s; }
.w-service-fixed .service-item .service-popc a:hover{ opacity:0.75; *filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);;}
.w-service-fixed .service-item .service-popc .service-popc-in{padding:18px 1px 17px;; line-height:1.5;}

.w-service-fixed .service-item-qrCode .service-popc{ top:auto; bottom:0;}
.w-service-fixed .service-item-qrCode .qrCodeImg img{ max-width:100%;}
.w-service-fixed .icon_service{ display:inline-block; *display:inline; *zoom:1; width:35px; height:35px; background:url(../images/icon_service.png) no-repeat; vertical-align:middle;}
.w-service-fixed .icon_service_qq{ background-position:0 0;} 
.w-service-fixed .icon_service_tel{ background-position:0 -35px;}
.w-service-fixed .icon_service_msn{ background-position:0 -70px;}
.w-service-fixed .icon_service_qrCode{ background-position:0 -105px;}
.w-service-fixed .icon_service_whatsApp{ background-position:0 -140px;}
.w-service-fixed .icon_service_skype{ background-position:0 -175px;}
.w-service-fixed .icon_service_wangWang{ background-position:0 -210px;}
.w-service-fixed .icon_service_email{background-position:0 -245px;}
.w-service-fixed .service-item-top{ cursor:pointer; display:none;}
.w-service-fixed .service-item-top .fa-caret-up{ position:absolute; top:-10px; left:18px; font-size:16px; }
.w-service-fixed .service-item-top .top{ color:#fff; font-size:15px;}
.w-service-fixed .ic_s{ display:inline-block; *display:inline; *zoom:1; width:25px; height:25px; background:url(../images/ic_s.png) no-repeat; vertical-align:middle; margin-right:5px;}
.w-service-fixed .ic_s_qq{ background-position:0 0;} 
.w-service-fixed .ic_s_tel{ background-position:0 -25px;} 
.w-service-fixed .ic_s_msn{ background-position:0 -50px;} 
.w-service-fixed .ic_s_whatsApp{ background-position:0 -100px;}
.w-service-fixed .ic_s_skype{ background-position:0 -125px;}
.w-service-fixed .ic_s_wangWang{ background-position:0 -150px;}
.w-service-fixed .ic_s_email{ background-position:0 -175px;}


/*----------------------标题------------------------*/
.bg_main {background-color:#444;}
.bg_main_light {background-color:#FDEAEA;}
.bg_simpline {background-color:#444;}
.border_colorall_main {border-color:#444;}
.aHoverborder_main:hover {border-color:#444;}
.border_colorleft_main {border-left-color:#444;}
.border_colortop_main {border-top-color:#444;}
.border_colorright_main {border-right-color:#444;}
.border_colorbottom_main {border-bottom-color:#444;}
.aHovercolor_main:hover {color:#444;}
.aHoverbg_main:hover {background-color:#444;}
.border_colorall_main_deepen {border-color:#ec4e4f
;}
.aHovercolor_deepen:hover {color:#ec4e4f
;}
.aHoverbg_deepen:hover {background-color:#ec4e4f
;}
.aHoverborder_deepen:hover {border-color:#ec4e4f
;}
.colorChange {background-color:#444;background-image:-webkit-linear-gradient(bottom,#444,#ec4e4f
);background-image:-moz-linear-gradient(bottom,#444,#ec4e4f
);background-image:-o-linear-gradient(bottom,#444,#ec4e4f
);background-image:-ms-linear-gradient(bottom,#444,#ec4e4f
);background-image:linear-gradient(to top,#444,#ec4e4f
);FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ec4e4f
,endColorStr=#444);}
.colorChange_deepen {background-color:#444;background-image:-webkit-linear-gradient(bottom,#ec4e4f
,#444);background-image:-moz-linear-gradient(bottom,#ec4e4f
,#444);background-image:-o-linear-gradient(bottom,#ec4e4f
,#444);background-image:-ms-linear-gradient(bottom,#ec4e4f
,#444);background-image:linear-gradient(to top,#ec4e4f
,#444);FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#444,endColorStr=#ec4e4f
);}
.bg_main_change {background-color:#444;background-image:-webkit-linear-gradient(bottom,#ffffff,#444);background-image:-moz-linear-gradient(bottom,#ffffff,#444);background-image:-o-linear-gradient(bottom,#ffffff,#444);background-image:-ms-linear-gradient(bottom,#ffffff,#444);background-image:linear-gradient(to top,#ffffff,#444);FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#444,endColorStr=#ffffff);}
.bg_main_changeDeepen {background-color:#444;background-image:-webkit-linear-gradient(bottom,#444,#ffffff);background-image:-moz-linear-gradient(bottom,#444,#ffffff);background-image:-o-linear-gradient(bottom,#444,#ffffff);background-image:-ms-linear-gradient(bottom,#444,#ffffff);background-image:linear-gradient(to top,#444,#ffffff);FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#444);}
.bg_main_change_left {background-color:#444;background-image:-webkit-linear-gradient(right,#ffffff,#444);background-image:-moz-linear-gradient(right,#ffffff,#444);background-image:-o-linear-gradient(right,#ffffff,#444);background-image:-ms-linear-gradient(right,#ffffff,#444);background-image:linear-gradient(to left,#ffffff,#444);}
.bg_main_changeDeepen_left {background-color:#444;background-image:-webkit-linear-gradient(right,#444,#ffffff);background-image:-moz-linear-gradient(right,#444,#ffffff);background-image:-o-linear-gradient(right,#444,#ffffff);background-image:-ms-linear-gradient(right,#444,#ffffff);background-image:linear-gradient(to left,#444,#ffffff);}
.w-title34 .tith .line {background:#656667;}
.w-title1 .simpline {background:#444;}
.w-title2 {background:#444;}
.w-title2,.w-title2 .title-h-in h2,.w-title2 .more {color:#fff;}
.w-title17 .w-title-inner {background-image:url("../images/tit17bg_0.png");}
.w-title17 .more:hover {background-image:url("../images/tit17_moreHover_0.png");}
.w-title19 .more .icon_more,.icon_more19bg {background-image:url("../images/icon_more_0.png");}
.qrCodeImg{ width: 100%;}
.qrCodeImg img{ display: block; margin: 0 auto;}

@media all and (max-width:768px) {
    /* index */
    body,html{ overflow-x: hidden;}
    .navbar-header{ width: 100%;}
    .sjnav{ width: 100%; height: auto;}
    .navbar-brand { padding: 0 !important;}
    .navbar-brand img { margin: 8px 0 0 0; width: 120px;}
    .navbar-nav{ float: none;}
    .navbar-collapse { width: 100%; background: #fff; }
    .navbar-nav>li{ width: 100%; height: auto; text-align: center;}
    .navbar-nav>li>a{ line-height: 18px;}
    .sycategory{ margin-bottom: 0;}
    .carousel{ top: 50px;}
    .category_item{ width: 100%;}
    .syabout{ background: none; margin-top: 0; padding: 0;}
    .syabout h2{ color: #333; font-size: 24px;}
    .syabout p{ color: #333;}
    .syabout .abmore a{ color: #333; border: 1px solid #666;}
    .syablist li a{ color: #333;}
    .synews ul li{ width: 100%;}
    .flist{ display: none;}
    .synews ul li:nth-of-type(2){ display: none;}
    .synews ul li:nth-of-type(3){ display: none;}
    .footer{ padding: 15px 0 0 0;}
    .position .posbox .nybanleft{ width: 100%;}
    .position .posbox .nybanleft ul{ width: 100%;}
    .position .posbox .nybanleft ul li{ width: 33.33%; padding: 0; text-align: center; margin: 0;}
    .position .posbox .nybanleft h3{ width: 33.33%; display: block; padding: 0; text-align: center; margin: 0; font-size: 15px;}
    .nybanright{ display: none;}
    .navbar1{ background: #fff !important;}
    .position .posbox .nybanleft ul a{ font-size: 15px;}
    .nyban{ margin-top: 50px;}
    .form-group{ width: 100%;}
    .messagebox{ padding: 30px;}
    .submit{ width: 32%; margin: 0 auto;}
    .position2{ height: auto;}
    .position2 .posbox .nybanleft{ width: 100%;}
    .position2 .posbox .nybanleft ul li{ width: 33.33%; float: left; text-align: center; padding: 0;}
}