* {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:"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;}
.pic {width:100%;height:auto;display:inline-block;}
.top {background:#163967;color:#ddd;line-height:46px;}
.topright {float:right;margin-right:42px;}
.topright b i {font-size:18px;}
.carousel-indicators .active {background:#333;width:36px;height:6px;border:1px solid #333;}
.carousel-indicators li {display:inline-block;width:36px;height:6px;border:1px solid #e3b576;background:#e3b576;margin:0;}
.linkicon {margin:0;line-height:46px;}
.linkicon li {display:inline-block;background:rgba(255,255,255,.3);border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px;margin:0 6px;}
.linkicon li:hover {background:rgba(70,158,48,.7);}
.linkicon li>a {color:#fff;}
.topright {line-height:46px;}

/*头部导航*/
.navbar {z-index:2;background:transparent;border:none;margin-bottom:0;}
.navbar-default .navbar-nav>li>a {color:#232f4b;}
.navbar-brand {width:300px;padding:0 !important;}
.navbar-brand img {width:100%;display:block;padding:16px 0 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;color:#dfaa61;font-weight:600;}
.navbar-collapse {float:right;}
.navbar-nav>li {padding:0 10px;margin:0;}
/* .navbar-nav .active {background:#036bb9;}
*/.navbar-nav>li>a {font-size:16px;line-height:60px;}
.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:#036bb9 !important;border-bottom:3px solid #036bb9;}
*/.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;}
*/#myCarousel {position:relative;}
.carousel-indicators {position:absolute;bottom:10px;left:100%;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;}
}
/*导航结束*/

/* sy-about */
.sytitle{ width: 100%; text-align: center;}
.sytitle h3{ font-size: 40px; color: #b68c5a; text-transform:uppercase; }
.sytitle h4 { font-size: 26px; color: #162542; font-weight: 600;}
.sytitle p{ width: 70%; margin: 0 auto; font-size: 16px; line-height: 32px; color: #687693;}
.sytitle video{ width: 60%; margin: 20px 20%;}
.syazs{ width: 100%; height: auto; display:inline-block; margin: 30px 0 0;}
.symore {width:100%;height:auto;text-align:center;display:inline-block;font-weight:600;border:0;}
.symore a {color:#fff;display:block;margin:0 auto;width:160px;background:#e3b576;border-radius:6px;padding:8px 45px;font-size:14px;border-radius:40px;transition: opacity 0.8s ease-out;}
.symore a:hover{ background: #dfaa61; }

/* 产品 */
.centera {padding:20px;overflow:hidden;}
#tablea { background: #fff; margin-top: 40px;}
.box {margin:10px;display:none}
#oranger{ margin-top: 50px;}
#oranger a{ display:block; width:90%; height: 60px; line-height:60px; padding: 0 15px; font-size: 18px; color: #4b5e84; background: #f2eeed; margin: 0 0 10px; }
#oranger .hover {background:#e3b576 !important; color: #fff;}
.box img{ position: relative;}
.box .boxzi{ content: ""; position: absolute; width: 90%; height: 40%; background: rgba(19,52,114,.8); bottom: -30px; left: 10%; padding: 15px 30px; color:#fff;}
.box .boxzi p{ font-size: 16px; color:#fff;}
.box .boxzi a{ color:#fff;display:block;width:172px; padding:8px 0;font-size:14px;transition: opacity 0.8s ease-out;}


/*--产品切换--*/
.syptitle {width:100%;margin-bottom:20px;}
.syptitle h2 {font-size:30px;color:#036bb9;font-weight:600;text-transform:uppercase;}
.syptitle p {color:#999;}
#flexiselDemo1 {display:none;}
.nbs-flexisel-container {position:relative;max-width:99%; margin: 0 0.5%;}
.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:#036bb9;}
.pets-info-slid p {line-height:2.2em;color:#fff;font-size:14px;width:90%;margin:0 auto;}
/* .treatments {background:#383838;}
*/.treatments h3 {color:#036bb9;}
.pets-effect-btm h5 {color:#162542;font-size:16px; font-weight:600; height:36px;line-height:36px;margin:0px 0 20px;text-align:center;}
.laptop:hover .pets-effect-btm h5 {color:#dfaa61; cursor:pointer;}
.pets-effect-btm p {color:#fff;font-size:15px;text-align:center;line-height:2.2em;}
.pets-effect-btm {padding: 10px 2.5em 0;}
.treatments p {color:#fff;}
.home-pro {margin:0 0 26px;background:url(../images/bg.jpg) no-repeat center top;padding:50px 0 0;}
.sytitle {font-size:26px !important;color:#333 !important;margin:10px 0;letter-spacing:2px;}
.xian {width:100%;display:block;text-align:center;}
.gray {color:#999 !important;/* font-size:18px;*/    /* letter-spacing:3px;*/    margin:0;}
.listpro {margin:15px 0 30px;width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.listpro li {float:left;border:1px solid #ddd;padding:5px 25px;margin:0 10px;border-radius:30px;}
.listpro li a {color:#666;}
.listpro li:hover {background:#036bb9;}
.listpro li:hover a {color:#fff;}
/*--//产品切换--*/

/* sy-pinzhi */
.pinzhi{ width: 100%; height: auto; display: inline-block; margin: 50px 0; padding: 80px 0 0; background: url(../images/bg3.jpg) no-repeat; }
.sytitle.bai h4 { color: #fff;}
.sytitle.bai p{ color: #fff;}
.pinzbox{ width: 100%; height: auto; margin: 30px 0 0;}
.pzmore{ width: 100px; height: 100px; line-height: 100px; background:#e3b576; float: right; text-align: center;}
.pzmore:hover{ background: #dfaa61;}
.pzmore a{ color:#fff; font-size: 30px;}
.pzbox2{ width:92%; float:right; overflow:hidden; margin:20px 0 0 8%;}
.pzbox2 h3{ font-size:22px; color:#fff; margin: 42px 0 12px; }
.pzbox2 h3 b{ color:#dfaa61;}
.pzbox2 p{ font-size:16px; line-height:24px; color:#f5f5f5; margin-top:5px;}
.pzbox2 ul{ width:100%; margin-top:120px;}
.pzbox2 li{ width:33.3333%; float:left; height:240px; text-align:center; font:18px; color:#333; font-weight:bold; border-right:1px solid #eaeaea;}
.pzbox2 li:nth-of-type(3){ border-right: none;}
.pzbox2 li span{ display:block; width:100px; height:100px; position:relative; margin:0 auto 20px; background:url(../images/video_bg1.png) no-repeat;}
.pzbox2 li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.pzbox2 li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.pzbox2 li span img{display:block; width:100px; height:100px;}
.pzbox2 li b{ display:block; font:14px; line-height:24px; color:#888; margin-top:14px; font-weight: normal; padding: 0 15px;}

/* sy-news */
.synews{ width: 100%; height: auto; margin: 20px 0 80px;}
.synews ul{ margin: 30px 0 0;}
.synews ul li{ line-height:23px; }
.synews ul li .list{ background: #f5f5f5; width: 94%; margin: 0 6% 20px 0; padding: 26px; display: inline-block;}
.synews ul li .t{font-size:16px; color:#333; margin-bottom:18px; line-height: 26px; height: 52px;}
.synews ul li .d{font-size:14px; color:#666;}
.synews ul li .list:hover{background:rgba(19,52,114,1) url(../images/ipart04.png) no-repeat right bottom;}
.synews ul li .list:hover .t,
.synews ul li .list:hover .d{color:#fff;}
.synews .newtu{  margin: 30px 0 0;}
.synews .newtu img{ position: relative;}
.synews .newtu .newtzi{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100px; background: rgba(223,170,97,.8); padding: 20px 32px; color: #fff;}
.synews .newtu .newtzi h5{ font-size:18px; }
.synews .newtu .newtzi span{ font-size: 15px;}

/* footer */
footer {width:100%; background:#29395b; padding:60px 0 0;color:#fff;display:inline-block;}
footer .fnav {height:46px;line-height:46px;border-bottom:1px dotted rgba(255,255,255,0.2);padding:0 15px;margin:0;}
footer .fnav li {float:left;}
footer .fnav li a {color:#aab5cc;}
footer .fnav li a:hover{ color: #dfaa61;}
footer .fnav li span {margin:0 15px;color:#aab5cc;}
.flist { width:100%; margin:48px 0 0; display:inline-block;}
.flist h4 { font-size: 18px; margin:0 0 20px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; color: #f5f5f5;}
.flist h4 i{ color: #b68c5a;}
.flist .zi{ width: 90%; font-size: 14px; line-height: 28px;}
.flist p i{ width: 20px; color: #b68c5a; text-align:center; margin-right: 10px;}
.fplie a {color:#aab5cc;line-height:26px;}
.fplie a:hover{ color: #dfaa61;}
.bq{ width: 100%; height: 50px; line-height: 50px; background: #213254; margin: 30px 0 0;}


/* bread */
.nyban{ position:relative;}
.position {content: ""; position: absolute; width:100%;height:auto;background: rgba(19,52,114,.9); width: 180px; height: 42px; text-align:center; left: 10%; bottom: 0; }
.position h3 {font-size:20px; color: #fff; margin: 0; line-height: 42px;}


/* ny-about */  
.nyabbg {width:100%;height:auto;display:inline-block;background:#fff; padding: 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:95%;margin:30px 0 0 5%;padding:0 15px 0 0;height:auto;}
.abnr h4 {margin:10px 0 20px 0;font-weight:600; font-size: 18px;}
.abnr p {line-height:22px;text-indent:2em; font-size:14px;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;}
@media all and (min-width: 1450px) and (max-width: 1920px){ 
    .abnr h4{ font-size: 22px !important;}
    .abnr p { font-size: 16px; line-height: 28px !important;}
}

/* ny-wuliu */
.wltit{ width:100%; margin: 38px 0 50px; border-bottom: 1px solid #ddd; padding: 0 10px 30px;}
.wltit h3{ color: #ffba00; font-size: 22px; font-weight: 600;}
.wltit h4{ font-size: 18px; line-height: 30px;}
.wubox{ width: 100%;height:auto; display:inline-block; margin: 0 0 12px;}
.wltu{ border: 5px solid #ddd;}


/* left-nav */
.leftab{ width: 100%; margin: 0; text-align: center; text-align: -webkit-center;}
.jxnav {width:100%;height:auto;margin-bottom:42px; white-space: nowrap;}
.jxnav li {width:200px;text-align:center;background:#f5f5f5; display: inline; height:42px;line-height:42px; margin:0 15px; padding: 10px 30px;}
.jxnav li a {color:#333;font-size:18px;}
.jxnav .active {background:#ffba00;position:relative;}
.jxnav .active a {color:#fff;}
.jxnav .active::before {content:"";position:absolute;left:0;right:0;bottom:0;width:0;height:0;border-width:0 5px 5px;border-style:solid;border-color:transparent transparent #fff;margin:0 auto;}

.thumbnail img{ border: 5px solid #ddd; }
.thumbnail p{ line-height: 52px; margin: 0;}

/* ny-news */  
.news {display:inline;}
.news li {width:100%;display:inline-block;border:#ddd 1px solid;padding:32px;margin-bottom:15px;transition:all 1s;}
.news li:hover {background:#fafafa;box-shadow:10px 10px 10px #ddd;}
.news li:hover a {color:#0066cc;}
.news li a {color:#333;}
.news li a p {color:#666;font-size:15px;line-height:26px;}
.news li h4 {font-size:20px;margin:0 0 15px;}
.newshow h3 {font-size:22px;margin-bottom:20px;}
.newshow p {font-size:15px;line-height:26px;text-indent:2em;margin-bottom:10px;}
.newback {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-top:50px;}
.newback a:hover {color:#014d97;}
.wenz p strong {font-size:18px;color:#0066cc;padding-left:8px;}
.wenz p img {width:96%;height:auto;}
.casems {color:#666;border:1px solid #ddd;padding:15px 20px;margin:20px 0 30px;}
.casems P {text-indent:0;font-size:12px;margin:0;}
.news2 li {width:100%;border-bottom:1px solid #ddd;padding:10px 8px;}
.news2 li a {color:#333;}
.news2 li a:hover {color:#0066cc;}
.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:92%;height:auto;display:inline-block;margin: 0 4% 24px;background-color:skyblue;background:#fff;}
.probox img {width:100%;height:auto;transition:all 1s; position: relative;}
.probox h4 { /* content:""; position: absolute; bottom: 40px; left: 0; right: 0;  */font-size:17px;margin: 5px 0 0;color:#333;text-align:center;height:42px;line-height:42px; 
    font-weight: 600; border-bottom: 1px solid #ddd;}
.probox a:hover h4 {color:#007eff;}
.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;}
.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:#007eff;border:none;}
.pbtn:hover a {color:#fff;}
.procontent {width:100%;padding:0 30px 30px;}
.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;}
.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;}
.nypcanshu{ width:100%;height:auto;display:inline-block; background: #f5f5f5; margin: 20px 0 0; position: relative;}
.nypcanshu h3{ width:100%; height:auto; color: #333; letter-spacing: 2px; margin: 0; padding: 30px 0; text-align: center; font-size: 24px;}
.nypcanshu h3::before{ content: ""; position: absolute; background: rgba(0,0,0,.2); height: 1px; width: 42%; left: 0; top: 42px;}
.nypcanshu h3::after{ content: ""; position: absolute; background: rgba(0,0,0,.2); height: 1px; width: 42%; right: 0; top: 42px;}
.procontent {width:100%;margin: 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;*/}
.procontent img{ width:100%; height:auto;}
.pro-title h2{ background: rgba(19,52,114,.8) !important; color:#fff !important;}
.proxqtit{ margin: 15px 0 0 40px; font-size: 18px;}
.proxqtit .more{ width: 100%; height:auto; display: inline-block; margin: 20px 0 0; }
.proxqtit .more a{ width: 100px; height: 28px; line-height: 28px; border-radius: 5px; display: block; text-align:center; font-size: 14px; background: #333; color: #fff;}

/* left-nav */  
.nav-pro>ul {border:none;}
.nav-pro>ul>li {position:relative;margin:0 15px 0 0;border-bottom:1px solid #f5f5f5;transition:.3s;background:#fff;}
.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 rgba(19,52,114,.8);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-download */
.downbox {width:94%;height:auto;margin:42px auto 30px;border-top:4px solid #dfaa61;}
.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; text-decoration: none;}
.downbox li p {color:#333333;font-size:16px;font-weight:400;margin:0;line-height:56px !important;padding-bottom:0;text-indent:0;}
.downbox li b {color:#999999;font-size:16px;font-weight:normal;}
.downbox li:hover b {color:#dfaa61;}

/* ny-contact */
.linkmap{ width:100%; height:auto; display: inline-flex; background: #555; }
.linkmesg{ width:100%; height:auto; display: inline-block; margin: 40px 0 0;}
.nylink ul{ margin-top: 30px; }
.nylink ul li{ height: auto; text-align:center;}
.nylink ul li i{ font-size: 20px; width: 56px; height: 56px; line-height: 56px; text-align:center; border-radius: 50%; background: #dfaa61; color: #fff;}
.nylink ul li p{ font-size: 20px; margin: 15px 0 28px;}
.nylink {width:100%;height: auto;display:inline-block;padding:30px 50px 62px 0;}
.nylink h3 { font-size:22px;margin: 0 0 10px 0; padding-left:8px; font-weight: 600; color:#333;}
.nylink h5{ line-height:52px;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px; margin-bottom: 40px;}
.nylink h5 i{ color:#f5f5f5;font-size:20px;width:26px;height:auto;}
.nylink b {font-weight:normal;}
.link2{ width:100%;height:auto; display: inline-block; margin: 0 0 12px;}
.link2 h4{ color: #fff; font-size: 16px; font-weight: 600; border-left: 3px solid #fff; padding-left: 5px;}
.link2 ul { margin-left: 20px;}
.link2 ul li {padding:0 15px;line-height:32px;color:#fff;font-size:16px;}
.messagebox {width:118%;display:inline-block; padding:30px 45px; margin-top:0;}
.linktu {width:100%;height:auto;margin:0 auto;position:relative;}
.linktu img {display:block;margin:0 auto;}
.messagebox h4 {font-size:22px; color: #ddd; letter-spacing: 1px; border-bottom:1px solid #666; line-height: 50px; padding: 0 15px;}
.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:5px 0 0;padding:5px;background:none !important; box-shadow: none;}
.form-group input,.form-group1 textarea {padding:10px;letter-spacing:1px;font-size:15px;outline:none;border:none;box-shadow:none;display:block; border-bottom: 1px solid #ddd ;
    width:100%;height:34px;line-height:28px;color:#fff;background:none !important;background-image:none; border-radius: 0;}
.form-group1 {width:100%;margin:10px 0;padding:5px;}
.form-group1 textarea {width:100%;height:90px;}
.yzm {margin:15px 30px 0 0;}
.submit {background:#ffba00;color:#fff;border-radius:0;font-size:15px;width:98%;margin:12px 1%;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;}
.xiaoshou{ width:100%;height:auto; margin: 0;}
.xiaoshou table {width:100% !important; height:auto; margin:20px auto 10px;}
.xiaoshou table tbody tr{ border-bottom: 1px solid rgba(0, 0, 0, .2);}
.xiaoshou table tbody .firstRow td{ font-size: 18px; background: #007eff; color: #fff; border-right: 1px solid #fff;}
.xiaoshou table tbody tr td:nth-of-type(1){ font-weight: 600; }
.xiaoshou table tbody tr td { width: 100px !important; height: auto; padding:10px; display:table-cell;vertical-align:inherit;white-space:nowrap;text-align:left;}
.xiaoshou table tbody tr td:last-child {border-right:none;}
.xiaoshou table tbody tr td p{ width: 100%; height: auto; display: table-cell;}
.jishu table {width:100% !important; height:auto; margin:20px auto 10px;}
.jishu h3{ font-size: 22px; font-weight: 600; text-align: center;} 
.jishu table tbody tr{ border-bottom: 1px solid rgba(0, 0, 0, .2);  }
.jishu table tbody .firstRow td{ font-size: 18px;background: #007eff; color: #fff; border-right: 1px solid #fff;}
.jishu table tbody tr td:nth-of-type(1){ font-weight: 600;}
.jishu table tbody tr td { width: 100px !important; height: auto; background: rgba(0, 126, 255, .05); border-right: 1px solid #fff; text-align:center; padding:10px; display:table-cell;vertical-align:inherit;white-space:nowrap;}
.jishu table tbody tr td:last-child {border-right:none;}

.sypb {width:100%;margin:0 auto;transition:all 0.8s; background: #fff; padding: 30px 0 0;}
.sypb:hover {box-shadow:10px 10px 10px #ddd;cursor:pointer;transform:translateY(-10px);}
.sypb .sypzi {width:100%;margin:20px auto 0;text-align:center;background:#fff;color:#333;padding:15px 20px;transition:all 0.5s;}
.sypb .sypzi h4 {margin:0 0 15px;font-size:17px;font-weight:600;}
.sypb .sypzi a {font-size:14px;display:block;margin:0 auto;background:#fff;color:#46bdd1;width:90px;height:26px;line-height:26px;border:1px solid #333;border-radius:20px;color:#666;}
.sypb:hover .sypzi a {background:#fd8107;color:#fff;cursor:pointer;border:none;}
.sypb img{ width: 60px; height: auto; display: block; margin: 0 auto;} 
.zhichi{ width:100%;height:auto; padding: 0 0 80px;}
.zhichi h3{ margin-bottom: 38px; font-size: 22px; font-weight: 600;}

@media all and (max-width:768px) {
    /* index */
    body{ overflow-x:hidden;}
    .top{ display: none;}
    .navbar-brand img{ padding: 12px 0 0 10px;}
    .navbar-nav>li>a{ line-height: 25px; text-align: center;}
    .carousel-indicators{ display: none;}
    .sytitle video{ width: 90%; margin: 20px 5%;}
    .home-pro{ margin: 0; padding: 0; background: none;}
    .sytitle p{ width:90%; line-height: 26px;}
    #tablea{ margin-bottom: 60px;}
    .box .boxzi p{ display: none;}
    .box .boxzi h3{ margin: 0;}
    .box{ margin: 0;}
    .pzbox2 h3{ color: #333;}
    .pzbox2 ul{ display: none;}
    #oranger{ margin-top: 0;}
    #oranger a{ width: 48%; height: 42px; line-height:42px; float: left; margin-right: 2%;}
    .synews .newtu{ display: none;}
    footer{ margin-bottom: 60px; padding: 0;}
    footer .fnav{ display: none;}
    .ftel{ margin-bottom: 20px !important;}
    .fplie{ display: none;}
    .sj{ display: none;}
    .flist h4{ margin: 0 5% 10px;}
    .flist .zi{ margin: 0 5%;}
    .bq{ line-height: 25px !important; height: 60px; padding: 5px 0;}
    .bq a{ width: 100%; display: inline-block; text-align: center;}
    /* ny*/    
    .nyban{ width: 140%; margin: 0 20% 0 -20%;}
    .leftab{ }
    .jxnav li{ width: 30%; display: inline-block; margin: 0; padding: 0;}
    .cont8{ width: 100%; height: auto; margin: 0;}
    .linkmap{ display: inline-block;}
    .messagebox{ display: none;}
    .nylink{ padding: 0; margin-bottom: 50px;}
    .newshow{ width: 90%; margin: 0 5%;}
}