* {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:82%;margin:0 9%;}
.pic {width:100%;height:auto;}
p {position:relative;font-size:14px;line-height:28px;font-family:'Open Sans',sans-serif;color:#555555;margin:0px;transition:all 500ms ease;}
body,html {background:#fff;height:100%;}
body {font-family:"微软雅黑";box-sizing:border-box;}
.top {z-index:99;position:relative;}
.toplink{ width:100%; height:auto; line-height: 28px; display:inline-block; background: #18191e; padding: 10px 0;}
.toplink p{ width:100%; height:auto; display:inline-block; margin: 0;}
.toplink span{ width: 30%; display: inline-block; color:#fff; margin-right: 15px;}
.toplink span i{ color:#1769ff; width: 26px; text-align:center;}
@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;}
}
/*导航*/
.navbar-default {background:none !important;}
.navbar1 {box-shadow:none;background:rgba(255,255,255,1);width:100%;border-bottom:1px solid rgba(255,255,255,.4);border:none !important;box-shadow:0 3px 9px rgba(0,0,0,0.3);}
.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:right !important;}
.navbar-nav>li {padding:0 10px;line-height:80px;}
.navbar-nav>li>a {line-height:58px !important;color:#333;font-size:16px;}
.navbar-nav>li:hover>a {color:#1769ff;}
/* .navbar-nav>li:nth-of-type(7) {background:#333;color:#fff;width:42px;height:42px;border-radius:50%;}
.navbar-nav>li:nth-of-type(7) a {color:#fff;}
*/
.navbar-brand {padding:15px !important;}
.navbar-brand>img {display:block;width:auto;height:58px;}
@media all and (max-width:768px) {}
/* banner */

/* flexslider */
.jq22-container {margin-top:160px;}
.flexslider {position:relative;overflow:hidden;}
.slides {position:relative;z-index:1;padding-left:0;}
.slides img {width:100%;height:auto;}
.flex-control-nav {position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li {display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a {display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active {background-position:0 0;}
.flex-direction-nav {position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a {display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev {left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:40px;background:url(../images/next.png) center center no-repeat;}

/* sytitle */
.sytitle {width:100%;height:auto;margin-bottom:50px;text-align:center;}
.sytitle h3 {font-size:24px;color:#333;text-transform:uppercase;position:relative;letter-spacing:2px;}
.sytitle h3::after {content:"";position:absolute;width:16px;height:5px;left:0;right:82px;bottom:0;display:block;margin:0 auto -10px;background:#1769ff;border-radius:20px;}
.sytitle1 {width:100%;height:auto;margin-bottom:50px;text-align:left;}
.sytitle1 h3 {font-size:24px;color:#333;text-transform:uppercase;position:relative;letter-spacing:2px;margin-left:3%;}
.sytitle1 h3::after {content:"";position:absolute;width:16px;height:5px;left:0;right:0;top:32px;bottom:0;display:block;background:#1769ff;border-radius:20px;}
.stmore a {border:2px solid #ddd;padding:5px 20px;color:#444;margin:20px 0 0;display:block;transform:0.5s;}
.stmore:hover a {border:2px solid#1769ff;color:#fff;background:#1769ff;}

/* sy-part1 */
section {padding:60px 0 20px;overflow:hidden;position:relative;}
.title-subw3hny,.title-subw3hny.two {display:inline-block;position:relative;z-index:2;}
.mb-2 {margin-bottom:.5rem !important;}
.title-subw3hny::before,.title-subw3hny.two::before {content:"";display:block;background:#e9f0fd;width:2.5em;height:2.5em;position:absolute;z-index:-1;top:-6px;border-radius:6px;}
.title-subw3hny span,.title-subw3hny.two,.title-subw3hny.three span {font-size:16px;font-weight:600;text-transform:capitalize;line-height:30px;letter-spacing:.5px;color:var(--primary-color);padding-left:.83em;}
.title-w3l,.title-w3l.two {font-size:36px;line-height:46px;font-weight:700;text-transform:capitalize;}
.img-fluid {max-width:100%;height:auto;}

/* sy-part2 */
.title-content p {font-size:18px;}
.title-content a {display:inline-block;margin:30px 0;}
.section-bg {padding:120px 0 150px;color:#fff;}
.section-bg:before {content:"";background:#18191e;position:absolute;bottom:60px;top:60px;left:0;right:0;transform:skewY(-3deg);}
.w3labout .content {padding:30px 30px 30px 0;}
.title-subw3hny span,.title-subw3hny.two,.title-subw3hny.three span {font-size:16px;font-weight:600;text-transform:capitalize;line-height:30px;letter-spacing:.5px;color:var(--primary-color);padding-left:.83em;}
.title-subw3hny,.title-subw3hny.two {display:inline-block;position:relative;z-index:2;}
.title-subw3hny.two::before {background:rgb(222 224 226 / 12%);}
.title-subw3hny::before,.title-subw3hny.two::before {content:"";display:block;background:#e9f0fd;width:2.5em;height:2.5em;position:absolute;z-index:-1;top:-6px;border-radius:6px;}
.title-subw3hny span,.title-subw3hny.two,.title-subw3hny.three span {font-size:16px;line-height:22px;letter-spacing:.5px;color:#1769ff;padding-left:.83em;font-weight:normal;}
.w3labout .content h3 {font-weight:700;font-size:20px;margin-bottom:30px;}
.title-w3l.two {color:#fff;}
.title-w3l,.title-w3l.two {width:90%;font-size:22px;line-height:36px;font-weight:700;text-transform:capitalize;}
.w3labout .content p {margin-bottom:30px;}
.btn-style {padding:16px 38px;font-size:16px;line-height:16px;font-weight:600;transition:0.3s ease-in;border-radius:var(--border-radius);text-transform:capitalize;}
.w3labout .icon-boxes .icon-box {margin-top:30px;padding-right:30px;}
.w3labout .icon-boxes .icon-box img {height:32px;width:auto;margin-bottom:15px;display:inline-block;}
.w3labout .icon-boxes .icon-box h4 {font-size:17px;font-weight:600;margin:0 0 10px 0;color:#fff;}
.w3labout .icon-boxes .icon-box p {font-size:15px;color:#848484;}
.btn-primary {color:#fff;background-color:#1769ff !important;}
.btn-primary:hover {background-color:#f16d0a !important;}
.btn-style {padding:16px 38px;font-size:16px;line-height:16px;font-weight:600;transition:0.3s ease-in;text-transform:capitalize;}
.btn {display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

/*--/Counts--*/
.w3lcounts {padding-top:80px;}
.w3lcounts .count-box {padding:30px 30px 25px 30px;width:100%;position:relative;text-align:center;box-shadow:0px 2px 35px rgb(0 0 0 / 6%);border-radius:4px;background:var(--bg-color);border:1px solid var(--border-color-light);}
.w3lcounts .count-box i {position:absolute;width:54px;height:54px;top:-27px;left:50%;transform:translateX(-50%);font-size:24px;background:#fff;color:#1769ff;border-radius:50px;border:2px solid #fff;box-shadow:0px 2px 25px rgba(0,0,0,0.1);display:inline-flex;align-items:center;justify-content:center;}
.w3lcounts .count-box p.counter {font-size:36px;display:block;font-weight:700;color:var(--heading-color);margin:20px 0 14px 0;}
.w3lcounts .count-box p {padding:0;margin:0;font-size:14px;}
/*--//Counts--*/

/* sy-product */
#flexiselDemo1 {display:none;}
.nbs-flexisel-container {position:relative;max-width:100%;margin-top:20px;}
.nbs-flexisel-ul {position:relative;width:9999px;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:#1769ff;}
.pets-info-slid p {line-height:2.2em;color:#fff;font-size:14px;width:90%;margin:0 auto;}
.pets-effect-btm {padding:20px 30px 40px;background:#fff;margin:0 5px;}
.pets-effect-btm a {background:#666;color:#fff;border-radius:30px;padding:8px 40px;}
.pets-effect-btm:hover a {background:#1769ff;color:#fff;cursor:pointer;}
.pets-effect-btm h5 {color:#666;font-size:18px;margin:0 0 30px 0;text-align:center;}
.laptop:hover .pets-effect-btm h5 {cursor:pointer;color:#333;}
.pets-effect-btm p {color:#fff;font-size:15px;text-align:center;line-height:2.2em;}
.treatments p {color:#fff;}
.home-pro {margin:72px 0;}
.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:#168772;}
.listpro li:hover a {color:#fff;}

/* sy-yy */
.yybox {width:94%;height:auto;margin:0 3% 30px;position:relative;overflow:hidden;transform:scale(1);border-radius:10px;}
.yybox h4 {content:"";position:absolute;right:20px;bottom:10px;font-size:18px;}
.yybox img {width:100%;height:auto;transition:all 1.5s ease-in-out;}
.yybox:hover img {transform:scale(1.1);}

/* sy-news */
.synews {width:100%;height:auto;padding:0 0 50px;}
.synzi {padding:22px 30px;}
.synzi .time {font-size:22px;color:#333;position:relative;margin-bottom:15px;}
.synzi:hover .time {color:#1769ff;}
.synzi .time::before {content:"";width:50px;height:2px;background:#333;position:absolute;top:10px;left:156px;}
.synzi:hover .time::before {background:#1769ff;}
.synzi h3 {font-size:18px;color:#777;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);}

/* footer */
.footer {width:100%;height:auto;display:inline-grid;padding:50px 0 0;background:#222433;color:#f5f5f5;position:relative;}
.footer .pattern-layer {position:absolute;left:0px;top:0px;height:100%;width:320px;background-repeat:no-repeat;background-size:cover;}
.footer p {color:#8996a0;}
.flist h3 {font-size:18px;font-weight:400;}
.flist p {width:100%;display:inline-block;margin-bottom:5px;}
.fright a {font-size:14px;color:#ddd;}
.fright a:hover {color:#fff;}
.fright p span {color:#fff;margin-right:15px;display:inline-block;}
.fright {width:80%;height:auto;display:inline-block;margin-bottom:20px;}
.fright h2 {font-size:24px;margin-bottom:30px;}
.fright h3 {font-size:18px;border-bottom:1px solid rgba(255,255,255,.4);margin:0 0 15px;line-height:50px;position:relative;font-weight:600;}
.fright h3::after {content:"";position:absolute;left:0;bottom:-1px;width:76px;height:1px;background:#186afc;}
.fright ul li {float:left;color:#999;}
.fright ul li a {color:#999;}
.ficon i {font-size:24px;color:#999;margin-right:10px;}
.bq {width:100%;height:auto;margin:20px 0 0;background:#18191e;line-height:42px;}
.bq a {color:#ddd; float: right;}
.ewm {width:150px;height:auto;}

/* bread */
.position {width:100%;height:52px;line-height:52px;border-bottom:1px solid #ddd;}
.nyban{ margin-top: 150px;}
.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;color:#1769ff;font-size:18px;font-weight:600;}
.position .posbox .nybanleft h3::after {content:"";position:absolute;top:35px;left:0;right:0;background:#1769ff;height:3px;}
.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 ul li {float:left;padding:0;line-height:52px;font-size:16px;position:relative;margin:0 50px 0 0;}
.position2 .posbox .nybanleft ul .active a {color:#1769ff;font-size:18px;font-weight:600;}
.position2 .posbox .nybanleft ul .active::after {content:"";position:absolute;top:50px;left:0;right:0;background:#1769ff;height:3px;}
.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:1px;}
.inner-about h3 {margin:0;text-align:center;font-size:26px;}

/* ny-about */  
.nyabbg {width:100%;height:auto;display:inline-block;background:#fff;margin:60px 0;}
.nyabox {width:100%;height:auto;display:inline-block;}
.abtu {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;}
.abnr {width:100%;margin:15px 0 0;padding:0 0 15px 0;height:auto;/*overflow-y:auto;overflow-x:hidden;*/}
.abnr h4 {margin:10px 0 20px 0;font-weight:600;text-align:center;font-size:22px;}
.abnr::-webkit-scrollbar {/*滚动条整体样式*/    width:4px;/*高宽分别对应横竖滚动条的尺寸*/    height:4px;}
.abnr::-webkit-scrollbar-thumb {/*滚动条里面小方块*/    border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background:rgba(0,0,0,0.15);}
.abnr::-webkit-scrollbar-track {/*滚动条里面轨道*/    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);border-radius:0;background:rgba(0,0,0,0.1);}
.abnr p {line-height:22px;/* text-indent:2em;*/    font-size:15px;color:#666;text-align:justify;}
.cf {width:100%;height:auto;display:inline-block;background:#f8f8f8;padding:50px 0;}
.cf h3 {margin-bottom:30px;font-weight:600;}
.cf .tu {margin-bottom:20px;width:90%;margin:0 auto;}
.honor {width:80%;height:auto;margin:0 10%;display:inline-block;}

/* ny-history */  
.history {width:100%;height:auto;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.1);margin:0 0 12px 50px;position:relative;background:#f5f5f5;}
#accordion .panel:before {content:"";width:2px;height:100%;background:linear-gradient(to bottom,#021939 0%,#588df8 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:#021939;border:1px solid #021939;position:absolute;top:50%;left:-48px;transform:translateY(-50%);}
#accordion .panel-title a {display:block;padding:15px 55px 15px 30px;font-size:18px;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:#021939;text-align:center;border:1px solid #021939;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:#666;line-height:28px;}

/* ny-culture */  
.culist {width:100%;height:auto;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.culist li {width:30%;height:auto;text-align:center;margin:30px 0 50px 0;}
.culist li .pic {width:100px;height:100px;line-height:100px;background:#021939;margin:0 auto 15px;border-radius:50%;}
.culist li .tit {font-size:22px;margin:0 0 12px 0;}
.culist li .fa {font-size:15px;color:#666;}
.cultureb {width:100%;height:auto;background:url(../images/bg3.jpg) fixed center no-repeat;padding:140px 0;}
.cultureb h3 {font-size:24px;font-weight:600;margin-bottom:30px;}
.cultureb p {font-size:18px;line-height:32px;}
.linian {background:rgba(255,255,255,.3);padding:30px 50px;}
.rytitle {font-size:18px;line-height:32px;border-bottom:1px solid #333;margin-bottom:20px;}

/* ny-news */  
.news {width:100%;height:auto;padding:0 0 0 50px;}
.news .synzi {padding:36px 50px;}
.news .synzi p {font-size:16px;color:#666;line-height:28px;margin-bottom:20px;}
.news .synzi .time {font-size:22px;color:#333;position:relative;margin-bottom:15px;}
.news .synzi .time::before {content:"";width:50px;height:2px;background:#333;position:absolute;top:10px;left:156px;}
.news .synzi h3 {font-size:20px;color:#333;line-height:32px;margin:0 0 24px;font-weight:600;}
.news .synzi span {font-size:15px;color:#555;}
.news .synzi span i {width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#1769ff;color:#fff;margin-right:10px;}
.news ul {width:100%;height:auto;display:inline-block;margin:30px 0;}
.news ul li {width:31%;float:left;transition:all 0.3s ease 0s;border:1px solid #ddd;margin:0 2.333% 30px 0;}
.news ul li:hover {box-shadow:0px 10px 30px rgba(0,0,0,0.1);transform:translate(0,-10px);}
.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;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:#031652;border-color:#031652;}

/* ny-product */  
.probox {width:94%;height:auto;display:inline-block;margin:0 3% 46px;background-color:skyblue;background:#fff;}
.probox img {width:100%;height:auto;transition:all 1s;border:1px solid #ddd;}
.probox:hover img {box-shadow:3px 3px 6px #ddd;}
.probox h4 {width:100%;font-size:15px;background:#555;color:#fff;text-align:center;height:40px;line-height:40px;margin:28px auto 0;}
.probox a:hover h4 {background:#086ada;color:#fff;}
.probox p {line-height:42px;font-size:16px;color:#1b1b1b;}
.probox a {display:inline-block;color:#333;}
.hover-one {border:1px solid #666;width:160px;height:38px;display:flex;align-items:center;justify-content:center;margin-right:20px;float:left;}
.procontent {margin:15px 0 0 30px;font-size:16px;}

/* ny-prodel */
.nypcanshu {width:100%;height:auto;margin:30px 0 0;background:#f5f5f5;padding:50px 0;}
.syprolist {width:100%;height:auto;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:20px;}
.syprolist li {width:33%;text-align:center;background:#666;color:#fff;height:32px;line-height:32px;cursor:pointer;}
.syprolist .but {background:#1769ff;color:#fff;}
.sycptu{ width:100%; height:auto; display:inline-block; background: #fff; padding: 30px;}
.sycptu p {line-height:28px;font-size:16px;padding:15px;}
.sycptu h3 {font-size:18px;font-weight:600;padding:26px 15px 0;}
.sycptu p img {display:block;margin:0 auto;max-width:100%;}
.guige{ margin: 15px 0 0 48px; display: inline-block; background: #086ada; padding: 5px 20px;}
.guige:hover{ background:#f16d0a;}
.guige a p{  font-size: 16px; color: #fff; margin-bottom: 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 #021939;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:96%;overflow:hidden;padding:8px;border:5px solid #ddd;border-radius:10px;}
.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 */ 
.titly h4 {font-size:18px;font-weight:600;margin-bottom:20px;border-left:5px solid #1769ff;padding-left:6px;}
.titly p {width:90%;font-size:16px;line-height:28px;}
.linkbox {width:100%;height:392px;display:inline-block;padding:20px 0 30px 36px;}
.linkbox h4 {font-size:20px;font-weight:600;}
.linkbox b {font-weight:normal;}
.linkbox ul li {padding:0 15px;line-height:52px;border-bottom:1px dotted #666;color:#555;font-size:16px;}
.linkbox ul li i {color:#021939;font-size:20px;width:26px;height:auto;}
.messagebox {width:100%;display:inline-block;/* border:1px solid #ddd;*/    padding:45px;background:#f5f5f5;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:#031652;color:#fff;border-radius:0;font-size:15px;width:24%;margin:12px 38%;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 {margin:0;}
.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:#021939;border-radius:0 15px 15px 0;color:#fff;padding:6px 18px;}
.sjnav {display:none;}
@media all and (max-width:768px) {
    html,body{ overflow-x: hidden;}
    .navbar-nav>li {text-align:center;}
    .navbar-nav>li>a {line-height:24px !important; padding: 8px 0 !important;}
    .syabout .syaleft {margin:50px 0 !important;}
    .syabout .syaleft h3 {font-size:24px;padding-bottom:20px;}
    .thm-btn {margin:0 !important;}
    .syabout .syacenter {padding:40px 0;}
    .adbg {padding:60px 0;}
    .syzi {width:80%;margin:0 10%;}
    .syzi h3 {font-size:20px;line-height:32px;}
    .shuzi .szibox {width:100%;}
    .shuzi .szibox::before {background:none;}
    .synews ul li {width:100%;}
    .sj {display:none;}
    .toplink{ display: none;}
    .navbar1{ height: 80px;}
    .navbar-brand{ padding: 10px 0 !important;}
    .navbar-toggle{ padding: 22px 0 !important;}
    .navbar-toggle .icon-bar{ background: #333; border: none;}
    .navbar-nav{ width: 100%; background: #fff; float: none !important; text-align:center;}
    .navbar-nav>li>a{ margin-top: 0;}
    .flex-direction-nav{ display: none;}
    .jq22-container{ margin-top: 80px;}
    section{ padding: 20px;}
    .section-bg{ padding: 0 40px;}
    .fright{ width: 100%;}
    .footer .footlist {padding:26px 0 0;}
    .footer .footbq .fleft {width:100%;}
    .footer .footbq .fright {width:100%;}
    .bq{ margin:0; padding: 20px 0 26px; line-height: 12px;}
    .bq span{ display: inline-block; width:100%; text-align:center;}
    .bq a{ display: inline-block; width:100%; text-align:center;}
    /* ny-style */
    .nyabbg{ margin: 36px 0 !important;}
    .nyban{ margin-top: 80px; width: 146%; margin-left: -22%;}
    .position2 .posbox .nybanleft ul li{ width: 33.3333%; margin: 0;}
    .position2 .posbox .nybanleft ul .active::after{ width:72%;}
    .probox{ width:100%; margin: 0 0 20px;}
    .probox h4{ margin-top: 10px;}
    .sp-wrap{ margin-left: 0 !important;}
    .pro-title h2{ margin-left: 0 !important;}
    .guige{ margin: 0;}
    .nav-pro>ul>li{ margin: 0;}
    .pro-title {padding:0;margin:0 !important;}
    .nybanright {display:none;}
    .pro-title h2 {font-size:20px !important;}
    .procontent {margin:0;}
    .news ul li {width:100%;margin-bottom:20px;padding:30px;}
    .news .synzi {padding:0;}
    .news {padding:0;}
    .position2 .posbox .nybanleft {width:100%;}
    .linkbox {padding-left:0;}
    .form-group {width:100%;}
    .messagebox {padding:28px;}
    .linkbox ul li{ line-height: 26px; padding: 10px 0;}
}