* {margin:0;padding:0;}
a {text-decoration:none blink !important;}
a:hover {text-decoration:none}
ul,li {list-style:none}
input {outline:none}
body,html {background:#fff; overflow-x: hidden;}
body {font-family:"Arial","微软雅黑";box-sizing:border-box;font-size:14px;}
.patop80 { padding-top: 80px;}
.pabot80 { padding-bottom: 80px;}
.container {padding-left:0 !important;padding-right:0 !important;}
.cont9{ width: 86%; height:auto; margin: 0 8%;}
@media all and (min-width: 1450px) and (max-width: 1920px){
    .cont9{ width: 76%; height:auto; margin: 0 12%;}
}
.pic {width:100%;height:auto;display:inline-block;}
.pa0{ padding: 0;}


/*头部导航*/
.navbar {z-index:2; background-color:transparent; border:none; top: 0; position:relative; margin-bottom:0; background: rgba(255,255,255,0);}
.navbar-default{ background-color:transparent !important;}
.navbar-default .navbar-nav>li>a {color:#333;}
.navbar-brand {width:172px;padding:12px 0 !important;}
.navbar-brand img {width:100%;display:block;}
.toplink {display:inline-block;float:right;}
.toplink li {float:left;color:#fff;margin:15px 0 0 20px;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {background:transparent;color:#008ed6;}
.navbar-collapse {float:right;}
.navbar-nav>li {padding:0 10px;margin:0;}
.navbar-nav>li>a {font-size:16px;line-height:50px;}
.navbar-nav>li>ul {opacity:0;position:absolute;top:50px;left:0;transition:.3s;background:#fff;width:100%;transform:translateY(-200px);z-index:-3;}
.navbar-nav>li:hover>ul {display:block;opacity:1;transform:translateY(0);z-index:3;}
.navbar-nav>li>ul>li {text-align:center;padding:5px 0;}
.navbar-nav>li>ul>li>a {color:#777;}
.navbar-nav>li>ul>li:hover>a {border-bottom:solid 1px #aaa;}
.navbar-nav>li>ul>li>ul {position:absolute;left:134px;top:0;width:207px;height:186px;background:#fff;display:none;}
.navbar-nav>li>ul>li:hover>ul {display:block;}
.navbar-nav>li>ul>li>ul>li {width:100%;padding-top:20%;}
.container-fluid {height:118px;}
@media all and (max-width:767px) {
    .navbar-brand {width:126px;margin:0; padding: 5px 0 0 0 !important;}
    .navbar {background:#fff;}
    .navbar-collapse {float:none;background:#fff;height:100%;}
    .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {background:transparent;}
    .navbar-default .navbar-toggle {border:transparent;}
    .navbar-default .navbar-toggle .icon-bar {background:#000;}
    .navbar-nav>li>ul>li>ul {display:none;}
    .navbar-nav>li>ul {display:none;}
}
/*导航结束*/

/* syabout */
.syabout {width:100%;height:auto;margin:0;display:inline-block;}
.syabout .syaleft {width:92%;margin:100px 0;}
.syabout .syaleft h5 {color:#666;margin:0 0 30px;}
.syabout .syaleft h3 {color: #008ed6;font-size:30px;font-family:normal;font-weight:bolder;padding-bottom:38px;}
.syabout .syaleft p {font-size:15px;color:#1a1a1a;margin-bottom:20px;text-align:justify; line-height: 28px;}
.syabout .syaleft h1 {font-size:180px;color:#f5f5f5;font-style:italic;text-align:right;}
.syabout .syaleft h1 span {font-size:56px;}
.syabout .syacenter {width:100%;height:auto;background:#fbfbfb;text-align:center;padding:109px 0;}
.syabout .syacenter ul li {margin-bottom:42px;}
.syabout .syacenter ul li h3 {font-size:40px;color:#008ed6;font-weight:600;margin-bottom:5px;}
.syabout .syacenter ul li h3 span {font-size:20px;font-weight:600;}
.syabout .syacenter ul li p {font-size:14px;color:#444546;}
.syabout .syaright {width:100%;height:auto;display:inline-block;padding:0;}
/* btn */
.thm-btn {position:relative;display:inline-block;vertical-align:middle;-webkit-appearance:none;border:none;outline:none !important;background-color:rgba(0,0,0,0.92);
    color:#ffffff !important;font-size:14px;text-transform:uppercase;padding:6px 32px;transition:500ms;letter-spacing:0.1em;margin-top:50px;}
.thm-btn:before {position:absolute;bottom:-5px;width:100%;height:1px;left:0;background:rgba(0,0,0,0.7);content:"";transition:transform 500ms ease;transform-origin:left center;transform:scale(1,1);}
.thm-btn:hover {background:#008ed6;color:#ffffff;}
.thm-btn:hover::before {transform:scale(0,1);transform-origin:right center;}

/* sy-ad */
.adbg{ width:100%; height:auto; background: fixed url(../images/bg1.jpg); padding: 120px 0; margin-top: -5px;}
.syzi{ width: 60%; height: auto; margin: 0 20%; text-align: center; color: #fff;}
.syzi h3{  line-height: 42px; font-size: 26px; letter-spacing: 2px;}
.syzi a{ color: #fff; display:inline-block; margin: 20px 0 30px;}
.syzi a i{ width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #008ed6; color: #fff; margin-right: 10px;}
.syzi a i:hover{ background: #fff; color: #008ed6;}
.shuzi {width:86%; margin: 0 7%; display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.shuzi .szibox {width:33.333%;float:left;text-align:center;position:relative;}
.shuzi .szibox::before {content:"";position:absolute;right:0;top:36px;width:1px;height:52px;background:rgba(255,255,255,.8);}
.shuzi .szibox:nth-of-type(3)::before {width:0;}
.shuzi .szibox h2 {color:#fff; font-size:60px; font-weight: lighter !important;}
.shuzi .szibox h2 span{ font-size: 16px; margin: 0 10px;}
.shuzi .szibox p {color:#f5f5f5; font-size: 18px;}

/* sy-pro */
.sypro{ margin: 90px 0 0; width: 100%; height: auto; background:url(../images/bg2.jpg) center bottom no-repeat; background-size: 100%;}
.syleftit { float: left;}
.syleftit h3{ font-size: 28px; letter-spacing: 1px; line-height: 36px;}
.syleftit h3 span{ color: rgba(0,142,214,.8); }
.syptit a{ color: #555; display:inline-block; margin: 10px 0; float: right;}
.syptit a i{ width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #008ed6; color: #fff; margin-right: 10px;}
.syptit a i:hover{ background: #fff; color: #008ed6;}
.syrightit { float: right; }
.syrightit li{ float: left; margin-left: 30px;}
.syrightit li a{ font-size: 20px; color: #111; position: relative; z-index: 2;}
.syrightit li a::before{ content: ""; position: absolute; background: rgba(0,142,214,.1); width: 100%; height: 10px; bottom: -2px; z-index: 1;}
.syrightit li a:hover::before{ background: rgba(0,142,214,.6);}

#flexiselDemo1 {display:none;}
.nbs-flexisel-container {position:relative;max-width:100%;}
.nbs-flexisel-ul {position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
.nbs-flexisel-inner {overflow:hidden;padding:20px 0 40px;}
.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:#086ada;}
.pets-info-slid p {line-height:2.2em;color:#fff;font-size:14px;width:90%;margin:0 auto;}
/* .treatments {background:#383838;}
*/.treatments h3 {color:#086ada;}
.pets-effect-btm h5 {color:#fff;font-size:18px;height:36px;line-height:36px;margin:0px 0 20px;text-align:center;background:#555;}
.laptop:hover .pets-effect-btm h5 {background:#086ada;}
.pets-effect-btm p {color:#fff;font-size:15px;text-align:center;line-height:2.2em;}
.pets-effect-btm {padding:2em 2.5em 0;}
.treatments p {color:#fff;}
.home-pro {margin:0 0 60px;background:url(../images/bg1.jpg) fixed center no-repeat;padding:50px 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:#086ada;}
.listpro li:hover a {color:#fff;}

/* sy-news */
.synews {width:100%;height:auto;padding:0 0 0 50px;background:url(../images/bg3.jpg) center center no-repeat;padding:80px 0;}
.synzi {padding:22px 30px;}
.synzi p{ font-size: 16px; color: #666; line-height: 28px; margin-bottom: 20px;}
.synzi .time {font-size:22px;color:#333;position:relative;margin-bottom:15px;}
.synzi .time::before {content:"";width:50px;height:2px;background:#333;position:absolute;top:10px;left:156px;}
.synzi h3 {font-size:20px;color:#333;line-height:32px;margin:0 0 24px; font-weight: 600;}
.synzi span {font-size:15px;color:#555;}
.synzi span i{ width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #008ed6; color: #fff; margin-right: 10px;}
.synews ul {width:100%;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between; margin: 30px 0;}
.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(1) {background:url(../images/nbg2.jpg) center center;padding:30px;}
@media (min-width:1400px) and (max-width:1500px) {
    .synews ul li:nth-of-type(1) {padding:2px;}
}
.synews ul li:nth-of-type(1) .synzi b {font-size:50px;color:#333;}
.synews ul li:nth-of-type(1) .synzi p {margin:-20px 0 24px;}
.synews ul li:nth-of-type(1) .synzi h4 {font-size:20px;color:#444;line-height:32px; font-weight: 600;}


/* footer */
.footer{ position: static; width: 100%; height: auto; display: inline-block; background: #f5f5f5 url(../images/fbg.jpg); color: #333;}
.footer .footlist{ padding: 60px 0 50px; display: inline-block; width: 100%;}
.footer ul li a{ color: #333;}
.footer a{ color: #fff; line-height: 42px;}
.ewm h5{ line-height: 26px; margin-bottom: 20px;}
.ewm .tu{ text-align: center; width: 100%;}
.ewm .tu img{ display: block; margin: 0 auto; }
.ewm p{ margin: 10px 0 0 0;}
.footer .footbq{ width: 100%; height: auto; background: #008ed6; padding: 30px 0; display: inline-table;}
.footer .footbq p{ margin: 0; line-height: 28px; color: #fff;}
.footer .footbq .fleft{ width: 60%; float: left;}
.footer .footbq .fleft ul{ margin-bottom: 15px; display: inline-block;}
.footer .footbq .fleft ul li{ float: left;}
.footer .footbq .fleft ul li a{ color: #fff;}
.footer .footbq .fleft ul li span{ margin: 0 20px;}
.footer .footbq .fright{ width: 40%; float: right; text-align: right; }
.ficon a{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #333; margin: 10px 0 20px 5px;}
.ficon a:hover{ background: #095da6;}


/* 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;color:#008ed6;font-size:18px;font-weight:600;}
.position .posbox .nybanleft h3::after {content:"";position:absolute;top:35px;left:0;right:0;background:#008ed6;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:#008ed6; font-size: 18px; font-weight: 600;}
.position2 .posbox .nybanleft ul .active::after {content:"";position:absolute;top:50px;left:0;right:0;background:#008ed6;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: #008ed6; color: #fff; margin-right: 10px;}
.news ul {width:100%;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between; margin: 30px 0;}
.news ul li {width:32%;transition:all 0.3s ease 0s;border: 1px solid #ddd;}
.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:90%;font-size:16px;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;}
.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;}
.procontent{ margin: 15px 0 0 30px; font-size: 16px;}

/* 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 #008ed6; 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) {
    .navbar-nav>li{ text-align:center;}
    .navbar-nav>li>a{ line-height: 24px;}
    .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;}
    .footer .footlist{ padding: 26px 0 0;}
    .footer .footbq .fleft{ width:100%;}
    .footer .footbq .fright{ width:100%;}
    .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;}
}