* {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;overflow-x:hidden;}
.container {padding-left:0 !important;padding-right:0 !important;}
.pic {width:100%;height:auto;display:inline-block;}
.cont8 {width:90%;margin:0 auto;}
@media (min-width:1500px){ .cont8 {width:80%;margin:0 auto;}}
.pa0 {padding:0;}
.pa5 {padding:0 5px;}

/*头部导航*/
.topnav {width:100%;height:46px; line-height:46px; display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between; letter-spacing: 1px;}
.topnav .tnavleft {margin: 0;}
.topnav .tnavleft img {margin-right:5px;}
.topnav .tnavright {margin-left:115px;}
.topnav .tnavright .lan { margin:0 10px; height: 48px; display:inline-block; border-left: 1px solid #ddd; padding: 0 0 0 20px;}
.topnav .tnavright .lan img {width:30px;height:auto;margin:-2px 5px 0 0;}
.topnav .tnavright .lan b {color:#999;}
.topnav .tnavright .language { font-size:16px; color:#333; float: right; border-left: 1px solid #ddd; padding: 0 20px 0 16px;}
.topnav .tnavright .language b{ color: #337ab7; font-weight: 600;}
.navbar {z-index:4;background:#fff;margin-bottom: 0; min-height: 104px;}
.navbar-default .navbar-nav>li>a {color:#333;line-height:102px;text-transform:uppercase;padding: 0 0 0 30px;}
.navbar-brand {width:224px; padding: 15px 0;}
.navbar-brand img {width:100%;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {background:transparent;color:#e67817 !important;}
.navbar-collapse {width:100%;height:auto;}
.navbar-nav>.active {position:relative;/* background:#333;clip-path:polygon(0 0,70% 0%,100% 100%,30% 100%);*/}
.navbar-nav>.active a {color:#335aa5 !important;}
.navbar-nav { height:auto; float: right;}
.navbar-nav>li {padding:0;margin:0;text-align:center;}
.navbar-nav>li>a {font-size:15px;letter-spacing:1px;/* 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: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;}
.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-banner */
.flexslider {position:relative;overflow:hidden;}
.slides {position:relative;z-index:1;}
.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:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a {display:inline-block;width:12px;height:12px;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;}

/*syabzi¨*/
.syabzi ul {padding:42px 0;}
.syabzi ul.q:after {content:"";clear:both;display:table;}
.syabzi li { color:#333; text-align:center; padding: 20px 0 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; color:#333;font-size:52px;font-weight:600;width:100%;text-align:center;}
.syabzi li b em {font-style:normal;font-size:16px; width: 30px; height: 30px; display: block; float: right; border-radius: 50%;padding: 6px; margin: 18px 0 0 5px; position:relative;top:-4px; background:#015aa9; color:#fff;text-align:center;}
.syabzi li p {font-size:16px; text-indent: 0;}

/*sypro*/
.rxpro{position: relative;padding: 50px 0 0 0;}
.rxpro:after{
	content: '';
	width: 100%;height: 360px;background-image: linear-gradient(135deg,#015aa9,#015aa9);
	position: absolute;left: 0;top:0;z-index: 1;
}
.rxpro .rxtit{ position:  relative; z-index: 10; text-align: center; color: #fff;}
.rxpro .rxtit h3{ font-size: 16px; text-transform:uppercase; margin: 0;}
.rxpro .rxtit h1 { font-size: 30px; font-weight:600; margin:10px 0;}
.rxpro .pro-ul{position: relative;z-index: 2;padding: 42px 0;}
.rxpro .pro-ul li:nth-child(2n){margin-right: 0;}
.rxpro .pro-ul li .img{background-size: cover;max-height: 500px;background-position: center;position: relative;background-color:#f5f5f5;overflow: hidden;}
.dongzi{ margin: 36px 30px;}
.dongzi h4{ font-size: 22px; font-weight: 600; margin: 20px 0 15px;}
.dongzi p{ font-size: 14px; text-align: justify; line-height: 30px; margin-bottom: 10px;}
.dongzi a{ width: 128px; height: 32px; line-height: 32px; border-radius:30px; text-align:center; background: #e67817; color: #fff; display: block; margin-top: 25px;}

/* sy-product */
.sytit {width:100%;height:auto;text-align:center;margin:70px 0 0;}
.sytit h3{ font-size: 16px; color: #777; text-transform:uppercase; margin: 0;}
.sytit h1 { font-size: 30px; font-weight:600; margin:10px 0;color:#333;}
.sytit p {font-size:16px;width:70%;margin:0 auto;line-height:30px;}
.sypbox {width:100%;height:auto;display:inline-block;margin:30px 0 50px;}
.sypbox ul li a {display:inline-block;width:100%;height:auto;background:#f5f5f5; margin-bottom: 30px;}
.sypbox ul li a .ptu {width:100%;height:auto;display:inline-block;overflow:hidden;transform:scale(1);}
.sypbox ul li a .ptu img {width:100%;height:auto;transition:all 1.5s ease-in-out;}
.sypbox ul li a:hover .ptu img {transform:scale(1.1);}
.sypbox ul li a h3 {padding:30px 30px 0;margin:0;font-size:16px;line-height:28px;color:#888;}
.sypbox ul li a h3 b {font-size:18px;color:#555;}
.sypbox ul li a p {padding:10px 30px; margin: 0; border-top:1px solid #ddd; display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.sypbox ul li a p span:nth-of-type(1) {color:#666;}
.sypbox ul li a p span:nth-of-type(2) {font-size:20px;color:#666;margin-top:-5px;color:#015aa9;}
.sypbox ul li a:hover p span:nth-of-type(2) {color:#e67817;}
.symore{ width:100%; height: auto; display: inline-block; text-align:center;}
.symore a{ display: block; text-align: center; background: #e67817; font-size: 16px; width: 168px; height: 36px; line-height: 36px; border-radius: 30px; color: #fff; margin: 0 auto;}

/* ad */
.ad{ width:100%; height:auto; background: fixed url(../images/bg1.jpg) no-repeat center; background-size: cover; padding: 68px 0; text-align:center; color: #fff;}
.ad h3{ font-size: 26px; font-weight: 600; }
.ad p{ font-size: 16px; letter-spacing: 1px; margin: 10px 0 26px;}
.symore.adm a{ background: #015aa9 !important; }
.symore.adm:hover a{ background: #e67817 !important; }

/* youshi */
.qiehuan .ysbox .yscont{ width: 100%; height:auto; display: inline-block; background: #f5f5f5;}
.qiehuan .ysbox .yscont .yscontzi{ padding: 5px 35px; }
.qiehuan .ysbox .yscont .yscontzi h4{ font-size: 24px; color: #015aa9; font-weight: 600; margin-bottom: 28px;}
.cstit {width:100%;height:auto;display:inline-block;margin:30px 0 60px;}
.cstit .yslist {width:100%;height:auto;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.cstit .yslist li {width:24%;height:auto;position:relative; background:#f5f5f5; padding: 40px 0 40px 50px;}
.cstit .yslist li:hover{ cursor: pointer;}
.cstit .yslist .but {background:#015aa9;color:#fff;}
.cstit .yslist .but::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    width: 0;
    height: 0;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent #015aa9;
    margin: 0 auto;
}
.cstit .yslist li p{ font-size:18px; margin: 0;}
.cstit .yslist li p span{ font-size:14px;}
.cstit .yslist li .ystu{ width: 20%; float: left;}
.cstit .yslist li .ystu img{ width: 50px; height: auto;}
.cstit .yslist .but .img1{ display: none;}
.cstit .yslist .but .img2{ display: block;}
.cstit .yslist li .img2{ display: none;}

/* syanli */
.anli{ width:100%; height:auto; background: fixed url(../images/bg1.jpg) no-repeat center; background-size: cover; padding: 10px 0 70px; text-align:center; color: #fff;}
#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:15px solid #fff;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:#0066cc;}
.pets-info-slid p {line-height:2.2em;color:#fff;font-size:14px;width:90%;margin:0 auto;}
.pets-effect-btm {padding:5px 30px 20px;margin:0 5px 30px; background: #fff;}
.pets-effect-btm a {background:#666;color:#fff;border-radius:30px;padding:8px 40px;}
.nbs-flexisel-item .laptop:hover .pets-effect-btm a {background:#0066cc;color:#fff;cursor:pointer; text-decoration:none;} 
.pets-effect-btm h5 {color:#333;font-size:18px;margin:0;text-align:center; font-weight: 600;}
.laptop:hover .pets-effect-btm h5 {cursor:pointer;color:#0066cc;}
.pets-effect-btm p {color:#fff;font-size:15px;text-align:center;line-height:2.2em;}

/* sy-news */
.synews{ width:100%; height: auto;  display:inline-block; margin: 20px 0 70px;}
.nlist{ width:100%; height: auto; display:inline-block;  background: #f5f5f5; margin-bottom: 20px;}
.nlist .nzi{ padding: 25px 20px;}
.nlist .nzi h4{ font-weight: 600; margin-bottom: 15px;}
.nmore a{  width: 128px; height: 32px; line-height: 32px; border-radius:30px; text-align:center; background: #e67817; color: #fff; display: block; margin-top: 20px;}
@media (min-width:1400px){
    .nlist img{ height: 206px; }
}

/* Estimate Section */
.symessage {width:100%;height:auto;background:#015aa9;display:inline-block; /* margin-top:-50px; */ padding:65px 0 65px 50px;}
.form-group {width:48%;float:left;margin:0 2% 12px 0;}
.form-group input {border-radius:0;}
.form-group.me {width:98%;}
.form-group.me textarea {border-radius:0;height:100px;}
.submit {width:98%;background:#053d6f;color:#fff;border:none;height:42px;}

/*footer*/
.contact {background:#fff;padding:35px 0 20px;}
.contact>div {display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:space-between;}
.con-logo>h3 {font-size:18px;font-weight:bold;color:#000;}
.con-logo>p {margin-top:15px;font-size:14px;color:#999;display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;}
.con-logo>p>i {width:36px;text-align:center;color:#e67817;font-size:20px;padding-right:10px;display:block;}
.con-logo>p:last-of-type>i {font-size:19px;}
.con-logo>p>span {line-height:24px;}
.con-link {padding:0 15px;}
.con-link>h3 {font-size:18px;font-weight:bold;color:#000;}
.con-link>h3>span {border-bottom:2px solid #3D5BA3;padding-bottom:3px;}
.con-link ul {margin-top:20px;}
.con-link ul>li {line-height:33px;}
.con-link ul>li>a {color:#999;font-size:14px;}
.con-letter>h3 {font-size:18px;font-weight:bold;color:#000;}
.con-letter>h3>span {border-bottom:2px solid #3D5BA3;padding-bottom:3px;}
.con-letter>p {font-size:14px;color:#999;margin:20px 0;}
.con-letter .ewm {width:100px;}
.foot {width:100%;background:#015aa9;padding:5px 0;}
.foot>p {text-align:center;color:#f5f5f5;padding:5px 10px;font-size:12px;margin:0;}
.foot>p>a {color:#f5f5f5;}

/* bread */
.nyban{ position:relative;}
.position {content: ""; position: absolute; width:100%;height:auto;background: rgba(0,0,0,.8); 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:#f5f5f5; 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-history */ 
.faqbox{ width: 100%; height: auto; display: inline-block; margin: 20px 0 0;}
#accordion:before {content:"";width:2px;height:95%;background:#ddd;position:absolute;top:5px;left:23px;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,#007eff 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:#007eff;border:1px solid #007eff;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:#007eff;text-align:center;border:1px solid #007eff;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;}
#accordion .panel-body p{ font-size: 15px;}
#accordion .panel-body p b{ width: 126px; display: inline-block; text-align: right; margin-right: 15px; color: #007eff;}

/* 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:#007eff;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;}


/* 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:#fff; display: inline; height:42px;line-height:42px; margin:0 15px; padding: 10px 30px; border-radius: 5px;}
.jxnav li a {color:#333;font-size:18px;}
.jxnav .active {background:#007eff;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 #f5f5f5;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:100%;height:auto;display:inline-block;margin-bottom: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:0;color:#333;text-align:center;height:42px;line-height:42px; font-weight: 600;}
.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: #007eff !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 #007eff;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 */
.linkmap{ width:100%; height:auto; display: inline-block; background: #555; }
.linkmesg{ width:100%; height:auto; display: inline-block; margin: 40px 0 0;}
.linkbox ul{ margin-top: 30px; }
.linkbox ul li{ height: auto; text-align:center;}
.linkbox ul li i{ font-size: 20px; width: 56px; height: 56px; line-height: 56px; text-align:center; border-radius: 50%; background: linear-gradient(to bottom right, #1038ab , #15aaff); color: #fff;}
.linkbox ul li p{ font-size: 20px; margin: 15px 0 0 0;}
.linkbox {width:100%;height: auto;display:inline-block;padding:30px 50px 76px 0;}
.linkbox h3 { font-size:22px;margin: 0 0 10px 0; padding-left:8px; font-weight: 600; color:#333;}
.linkbox h5{ line-height:52px;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px; margin-bottom: 40px;}
.linkbox h5 i{ color:#f5f5f5;font-size:20px;width:26px;height:auto;}
.linkbox 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:#0066cc;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:hover .sypzi {background:#444;color:#fff;} */
.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;}

/* ny-zhiliang */
.wltit{ width:100%; margin: 38px 0 50px; border-bottom: 1px solid #ddd; padding: 0 10px 30px;}
.wltit h3{ color: #e67817; 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;}
.zhiliang p{ font-size: 15px; line-height: 30px;}

@media all and (max-width:768px) {
    /* sy */
    .tnavleft{ display: none;}
    .language{ display: none;}
    .navbar{ min-height: 76px;}
    .navbar-nav{ float: none;}
    .navbar-default .navbar-nav>li>a{ line-height: 42px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border: none;}
    .flex-direction-nav{ display: none;}
    .syabzi li b i{ font-size: 36px;}
    .dongzi p{ display: none;}
    .carousel-indicators{ display: none;}
    .sytit{ margin: 0;}
    .qiehuan .ysbox .yscont .yscontzi{ padding: 0;}
    .cstit .yslist li{ width: 100%;}
    .sj{ display: none;}
    /* ny*/    
    .nyban{ display: none;}
    .jxnav{ white-space: normal;}
    .jxnav li{ width:100%; margin: 0; display: inline-block; line-height:25px;}
    .zhiliang{ width:92%; margin: 0 4%;}
    .news li{ width: 92%; margin: 0 4%;}
    .messagebox{ margin-left: -42px;}
    .foot{ margin-bottom: 60px !important;}

    .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;}
}
