* {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;}
body {font-family:"微软雅黑";box-sizing:border-box;font-size:14px;}
.container {padding-left:0 !important;padding-right:0 !important;}
.pic {width:100%;height:auto;display:inline-block;}

/*导航*/
.top {background:#021939;}
.top p {margin-bottom:0;line-height:42px;color:#fff;}
.top p span {float:right;}

/*头部导航*/
.navbar {z-index:2;background:transparent;border:none;margin-bottom:0;}
.navbar-default .navbar-nav>li>a {color:#333;}
.navbar-brand {width:320px;padding:0 15px !important;}
.navbar-brand img {width:100%;padding:16px 0;}
.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;}
.navbar-collapse {float:right;}
.navbar-nav>li {padding:0 16px;margin:12px 0 8px;}
.navbar-nav>li>a {font-size:16px;border-bottom:3px solid #fff;}
.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 a:hover {color:#184b97 !important;border-bottom:3px solid #184b97;}
.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;}
/*.nav .active {background:#d10714;}
.nav .active a {color:#fff !important;}
*/
.banbg {position:absolute;top:0;left:0;right:0;width:100%;height:100%;}
#myCarousel {position:relative;/* background:url(../images/banner/banbg.png) center center no-repeat;*/}
.carousel-indicators {position:absolute;bottom:10px;left:49%;z-index:15;width:10%;padding-left:0;margin-left:-30%;margin-bottom:60px;text-align:center;list-style:none;}
@media all and (max-width:767px) {.navbar-brand {width:140px;margin-left:10px;}
.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;}
}

/*导航结束*/
/* flexslider */
.flexslider {position:relative;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides {position:relative;z-index:1;}
.slides img {width:100%;height:auto;}
.flex-control-nav {position:absolute;bottom:11%;left:19%;z-index:2;width:100%;text-align:left;}
.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;}

/* pro */
.syplist {width:100%;height:auto;display:inline-block;padding:240px 0 40px;background:url(../images/bg1.jpg) no-repeat;background-size:100%;margin-top:-100px;}
.syplist .titpro {text-transform:uppercase;margin-bottom:36px; display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;}
.syplist .titpro h3 {font-size:26px;}
.syplist .titpro a{ display: inline-block; background: #333; color: #fff; height: 28px; margin: 20px 0 0; line-height: 28px; padding: 0 20px;}
.syplist .titpro a:hover{ background: #184b97;}
.pbox {width:94%;margin:0 3% 30px;border:5px solid #ddd;background:#fff;padding:15px 0 0;text-align:center;transition:all 0.3s ease 0s;}
.pbox:hover {border:5px solid #fff;box-shadow:0px 15px 15px rgba(0,0,0,0.1);transform:translate(0,-10px);}
.pbox a span {background:#ddd;color:#333;display:inline-block;width:100px;border-radius:50px;padding:3px 0;}
.pbox:hover a span {background:#184b97;color:#fff;}
.pbox h3 {color:#222;margin:0 !important;font-size:17px;font-weight:600;}
.pbox:hover h3 {color:#184b97;}

/* syabout */
.bgbox {width:100%;height:auto;color:#666;/* margin:60px 0 0;*/    padding:60px 0;}
.syabzi {width:100%;height:auto;display:inline-block;padding:52px 0 30px 30px;}
.syabzi .title {width:90%;height:156px;display:inline-block;text-align:center;background:#f5f5f5;}
.syabzi .title h2 {letter-spacing:-1px;margin-top:46px;}
.syabzi .title h3 {font-size:26px;font-weight:600;margin-top:0;}
.syabzi p {font-size:16px;line-height:28px;text-indent:2em;}
.syabzi a {background:#184b97;color:#fff;display:inline-block; float: right; width:100px;border-radius:50px;padding:3px 0;text-align:center;}
/* .syabzi ul {margin:30px 0;display:inline-block;width:100%;}
.syabzi ul li {border:1px solid #ddd;}
.syabzi ul li:nth-of-type(2) {border-left:none !important;border-right:none !important;}
.syabzi ul li:nth-of-type(3) {border-right:none !important;}
.abjj {width:100%;height:140px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:rgba(255,255,255,0.5);}
.abjj h3 {background-image:linear-gradient(135deg,#184b97,#144c95);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:36px;font-weight:600;width:100%;text-align:center;}
.abjj p {margin-top:-40px;text-indent:0 !important;} */

/*数据统计滚动*/
.syabzi ul {padding:36px 0 0;}
.syabzi ul.q:after {content:"";clear:both;display:table;}
.syabzi li {border:1px solid #ddd;color:#333; text-align:center; padding: 20px 0;}
.syabzi ul li:nth-of-type(2) {border-left:none !important;border-right:none !important;}
.syabzi ul li:nth-of-type(3) {border-right:none !important;}
.syabzi li b {font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px; }
.syabzi li b i {font-style:normal; background-image:linear-gradient(135deg,#184b97,#144c95);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:36px;font-weight:600;width:100%;text-align:center;}
.syabzi li b em {font-style:normal;font-size:28px;font-weight:100;padding-left:2px;position:relative;top:-4px; background-image:linear-gradient(135deg,#184b97,#144c95);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:36px;font-weight:600;width:100%;text-align:center;}
.syabzi li p {font-size:16px; text-indent: 0;}

/*--产品切换--*/
#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;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:#184b97;}
.pets-info-slid p {line-height:2.2em;color:#fff;font-size:14px;width:90%;margin:0 auto;}
/* .treatments {background:#383838;}
*/.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:#184b97;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;}
/*--//产品切换--*/

/* synews */
.news {position:relative;margin-top:-14px;}
.news img {width:100%;height:auto;}
.nlist {position:absolute;right:0px;bottom:0px;z-index:2;width:68%;background:rgb(255,255,255,.9);margin:0px;padding:50px 80px;}
.nlist li {margin-bottom:20px;border-width:3px;border-style:solid;border-color:rgb(221,221,221);border-image:initial;padding:15px 20px;}
.nlist li:hover {border-width:3px;border-style:solid;border-color:rgba(0,132,70,0.7);border-image:initial;}
.nlist li a {color:rgb(51,51,51);}
.nlist li a p {color:rgb(102,102,102);}

/* syzi */
.syzi {width:100%;text-align:center;padding:40px 0 58px;}
.syzi b {font-size:100px;color:#184b97;}
.syzi h3 {margin-top:-60px;font-size:28px;color:#111;}
.syzi p {font-size:18px;color:#444;letter-spacing:1px;margin:16px 0;}
.syzi a {background:#333;color:#fff;display:inline-block;width:120px;border-radius:50px;padding:5px 0;}
.syzi a:hover {background:#184b97;color:#fff;}

/* footer */
.footer {width:100%;background:url(../images/footbg.jpg) no-repeat;padding:50px 0 36px;color:#fff;}
.ewm {width:100px;height:100px;}
.bq {margin:20px 0 0;line-height:30px;}
.ftel {display:flex;display:-webkit-flex;flex-flow:row wrap;margin-top:28px;}
.ftel img {width:50px;height:50px;padding:10px; background:rgba(10,49,96,0.3);border-radius:5px;margin-right:8px;}
.ftel span {font-size:28px;display:inline-block;line-height:48px;}
.flink span {margin-right:10PX;}
.flink p {color:#fff;}
.flink p i {margin-right:10px;color:#e4e2e2;}
.ly {color:#fff !important;margin:15px 10px 0 0;display:inline-block;}
.ly img {margin-right:6px;border:1px solid #555;padding:5px;border-radius:50%;}


/* bread */
.position {width:100%;height:auto;line-height:28px;}
.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;font-size:16px;}
.position .posbox .nybanleft h3 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; margin: 30px 0 0;}
.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 15px 0 0;height:auto;}
.abnr h4 {margin:10px 0 20px 0;font-weight:600;}
.abnr p {line-height:22px;/* text-indent:2em;*/    font-size:15px;color:#666;text-align:justify;}
.rybox{ width: 90%; height: auto; margin: 0 5%;}
.rybox h4{ font-size: 20px; font-weight: 600; margin-bottom: 24px;}
.rybox p{ line-height: 42px; font-size: 18px; font-weight: 600;}

/* left-nav */
.leftab{ width: 100%; height:auto; display: inline-block; margin: 0 0 15px;}
.leftab ul li{ float:left; margin-right: 30px; background: #ddd; padding: 5px 24px;}
.leftab ul .active{ background: #184b97;}
.leftab ul .active a{ color: #fff;}
.leftab ul li a{ color: #333;}
.thumbnail img{ border: 5px solid #ddd; margin-bottom: 20px;}
.thumbnail p{ line-height: 52px; margin: 0;}

/* ny-news */  
.nynlist{ width: 100%; height: auto; display: inline-block; }
.nynlist li{ width: 100%; height: auto; padding: 24px 30px; margin-bottom: 20px; border: 3px solid rgb(221,221,221);}
.nynlist li a{ color: #333;}
.nynlist li:hover{ border:3px solid rgba(0,132,70,0.7);}
.nynlist li a h4{ font-size: 17px; font-weight: 600; margin-bottom: 15px;}
.nynlist li a p{ color: #666;}
.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-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:100%;height:auto;display:inline-block;margin-bottom:24px;background-color:skyblue;background:#fff;}
.probox img {width:100%;height:auto;transition:all 1s;}
.probox h4 {font-size:17px;margin:0;color:#333;text-align:center;height:42px;line-height:42px; font-weight: 600;}
.probox a:hover h4 {color:#ff1f1f;}
.probox p {line-height:42px;font-size:16px;color:#1b1b1b;}
.probox a { display:inline-block;color:#333;margin-top:5px;}
.probox a img{ border: 1px solid #ddd;}
.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:#ff1f1f;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;}
.canshubox {width:100%;height:auto;display:inline-block;/* background:rgba(1,147,222,.06);*/}
.canshubox p {margin-bottom:0;}
.cpcanshu1 {border-right:10px solid #fff;}
.canshubox2 {border-right:1px dotted #fff;}
.canshubox h3 {width:100%;height:auto;display:inline-block;font-size:18px;font-weight:600;}
.procontent {width:94%;margin:15px 0 0 24px;padding:0 15px 0 0;height:386px;overflow-y:auto;overflow-x:hidden;}
.procontent::-webkit-scrollbar {/*滚动条整体样式*/    width:4px;/*高宽分别对应横竖滚动条的尺寸*/    height:4px;}
.procontent::-webkit-scrollbar-thumb {/*滚动条里面小方块*/    border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background:rgba(1,147,222,0.5);}
.procontent::-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);}
.procontent p {line-height:20px;font-size:15px;color:#666;/* text-align:justify;*/}

/* 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 #ff1f1f;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-contact */  
.linkbox {width:100%;height:392px;display:inline-block;padding:0 0 0 50px;}
.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:#ff1f1f;font-size:20px;width:26px;height:auto;}
.messagebox {width:100%;display:inline-block;/* border:1px solid #ddd;*/    padding:30px 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:#ff1f1f;border-radius:0 15px 15px 0;color:#fff;padding:6px 18px;}
@media all and (max-width:768px) {
    /* index */    
    body,html {overflow-x:hidden;}
    .container>.navbar-header{ margin-left: 0;}
    .navbar-brand {  padding:0 0 0 15px !important; margin: 0 !important;}
    .navbar-brand img {width:164px;margin:0;}
    .navbar-nav {margin:0 !important;}
    .navbar-collapse {float:none;width:100%;text-align:center;margin:0 !important;}
    .container-fluid {padding:0;}
    .navtop {display:none !important;}
    .navbar-nav {float:none;}
    .navbar-nav>li{ margin: 0;}
    .navbar-nav>li::before {background:#fff !important;}
    .navbar-nav>li>a {line-height:40px;padding:0;}
    .carousel-indicators {margin-bottom:0 !important;}
    .carousel-control {display:none;}
    .pbox {width:50%;}
    .syprightu .tuzi {display:none;}
    .syprightu h3 {width:56%;}
    .synews .blog-item {margin:0 0 10px;}
    .sj {display:none !important;}
    footer .footer-social {line-height:24px;height:68px;padding-top:12px;}
    .syplant .sypleft{ width: 100% !important;}
    .syplant .sypbox .sypright{ width: 100% !important; margin: 0;}
    .syabout .syabjj{ padding: 50px 20px;}
    .bq{ height: auto; line-height: 28px;}
    .bq a{ display: inline-block;}
    /* ny*/    
    .position2 .posbox .nybanleft {width:100%;}
    .position2 .posbox .nybanleft ul li {width:33.333%;text-align:center;}
    .position .posbox .nybanleft {padding:0 0 0 15px;}
    .nybanright {display:none !important;}
    .abnr {height:auto !important;}
    .culist li .fa {font-size:14px;line-height:22px;}
    .procontent {height:auto !important;}
    .pro-title {margin:0 !important;}
    .cstit .syprolist li {font-size:14px !important;}
    .inner-about {padding:0;}
    #accordion .panel-title a {font-size:17px;}
    .form-group {width:100%;}
    .submit {width:50%;margin:0 auto;}
    .linkbox {border-left:none;padding:20px 0 0;height:auto;}
    .top{ display: none !important;}
    .nyban img{ width: 200%; margin: 0 50% 0 -50%;}
    .leftab { padding-left: 15px;}
    .leftnav{ padding-left: 15px;}
    .nynlist li{ width: 90%; margin: 15px 5%;}
    .linkbox ul li{ font-size: 15px;}
    .footer{ padding: 30px 0 !important;}
}