/* --------------------::1.0 Base CSS-------------------- */* {margin:0;padding:0;}
body {font-family:'Montserrat',sans-serif;position:relative;z-index:auto;}
h1,h2,h3,h4,h5,h6 {font-family:'Montserrat',sans-serif;font-weight:600;color:#000000;line-height:1.3;}
p {color:#606060;font-size:18px;line-height:2;font-weight:400;}
.section-padding-120 {padding-top:120px;padding-bottom:120px;}
.section-padding-120-0 {padding-top:120px;padding-bottom:0;}
.section-padding-0-120 {padding-top:0;padding-bottom:120px;}
.section-padding-100 {padding-top:100px;padding-bottom:100px;}
.section-padding-100-0 {padding-top:100px;padding-bottom:0;}
.section-padding-0-100 {padding-top:0;padding-bottom:100px;}
img {max-width:100%;height:auto;}
.mt-15 {margin-top:15px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-100 {margin-top:100px;}
.mt-150 {margin-top:150px;}
.mr-15 {margin-right:15px;}
.mr-30 {margin-right:30px;}
.mr-50 {margin-right:50px;}
.mr-100 {margin-right:100px;}
.mb-15 {margin-bottom:15px;}
.mb-30 {margin-bottom:30px;}
.mb-50 {margin-bottom:50px;}
.mb-100 {margin-bottom:100px;}
.ml-15 {margin-left:15px;}
.ml-30 {margin-left:30px;}
.ml-50 {margin-left:50px;}
.ml-100 {margin-left:100px;}
ul,ol {margin:0;padding:0;}
#scrollUp {bottom:10%;font-size:15px;right:0;width:40px;background-color:#0f6aaf;color:#fff;text-align:center;height:40px;line-height:40px;border-radius:2px 0 0 2px;}
a,a:hover,a:focus,a:active {text-decoration:none;-webkit-transition-duration:500ms;transition-duration:500ms;font-weight:600;outline:none;}
li {list-style:none;}
.fplus-table {display:table;height:100%;left:0;position:relative;top:0;width:100%;z-index:2;}
.fplus-table-cell {display:table-cell;vertical-align:middle;}
#preloader {overflow:hidden;background-color:rgba(249,249,249,0.97);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999;}
#preloader img {position:absolute;top:50%;left:50%;margin-top:-16.5px;margin-left:-14px;z-index:8;}
.bg-gray {background-color:#f9f9f9; margin-top: -4px;}
.fplus-load {-webkit-animation:2000ms linear 0s normal none infinite running fplus-load;animation:2000ms linear 0s normal none infinite running fplus-load;background:transparent none repeat scroll 0 0;border-color:#dddddd #dddddd #0f6aaf;border-radius:50%;border-style:solid;border-width:4px;height:80px;position:relative;width:80px;z-index:9;top:50%;left:50%;margin-top:-40px;margin-left:-40px;}
@-webkit-keyframes fplus-load {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes fplus-load {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

/* Header & Menu Area CSS */
.header_area {position: relative;width:100%;z-index:9999;height:100px;top:0;left:0;overflow-x:hidden;}
.logo_area{ width:180px; height: 100px; text-align: center; }
.logo_area > a {width:100%;height:100px; background-color:#252525;position:relative;z-index:2;}
.logo_area > a:before {width:9000px;height:100px;background-color:#252525;position:absolute;z-index:1;content:'';top:0;right:100px;}
.logo_area > a>img{ width: 86%; height: auto; z-index: 2;}
.menu-open-close {width:100px;background-color:#0f6aaf;height:100px;}
.fplus-main-menu {width:50%;background-color:rgba(255,255,255,0.95);position:fixed;left:-55%;top:0;padding-left:15%;z-index:999;-webkit-transition-duration:1000ms;transition-duration:1000ms;}
.header-social-info {width:50%;background-color:rgba(255,255,255,0.95);right:-55%;position:fixed;height:100%;top:0;z-index:999;padding-right:15%;-webkit-transition-duration:1000ms;transition-duration:1000ms;}
.fplus-menu-area.menu-open .fplus-main-menu {left:0;}
.fplus-menu-area.menu-open .header-social-info {right:0;}
.fplus-menu-area .navbar {padding:0;}
.fplus-menu-area ul.navbar-nav {-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;}
.fplus-menu-area .nav-item .nav-link {color:#959595;font-size:20px;text-transform:uppercase;letter-spacing:3px;font-weight:500;padding:10px 0;}
.fplus-menu-area .nav-item .nav-link:hover,.fplus-menu-area .nav-item.active .nav-link {color:#000;font-weight:500;}
/* .fplus-menu-area .nav-item .dropdown-toggle {color:#0f6aaf;} */
.fplus-menu-area .dropdown-item {padding:5px 15px;font-weight:500;color:#959595;font-size:18px;text-transform:uppercase;letter-spacing:2px;}
.header-social-info .h-social-icon > a {color:#959595;margin-bottom:30px;display:block;}
.header-social-info .h-social-icon > a:hover {color:#0f6aaf;}
#nav-icon {width:40px;height:30px;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
#nav-icon span {display:block;position:absolute;height:5px;width:100%;background-color:#fff;border-radius:9px;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon span:nth-child(1) {top:0px;}
#nav-icon span:nth-child(2) {top:12.5px;}
#nav-icon span:nth-child(3) {top:25px;}
#nav-icon.open span:nth-child(1) {top:12px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
#nav-icon.open span:nth-child(2) {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";left:-100px;}
#nav-icon.open span:nth-child(3) {top:12px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}


/* Projects Area CSS */
.fplus-projects-area { width:100%; height:auto; background: url(../img/bg2.jpg) no-repeat center center fixed; padding: 80px 0;}
.fplus-projects-menu {padding:35px 15px;background-color:#fff;box-shadow:0px -1px 1px rgba(0,0,0,0.1);}
.fplus-projects-menu button.btn {font-size:12px;font-weight:600;background-color:transparent;color:#959595;text-transform:uppercase;border:none;padding:0 20px;letter-spacing:2px;cursor:pointer;-webkit-transition-duration:500ms;transition-duration:500ms;}
.fplus-projects-menu button.btn:hover,.fplus-projects-menu button.btn:focus,.fplus-projects-menu button.btn.active {color:#000000;box-shadow:none;}
.fplus-portfolio {margin-left:-15px;margin-right:-15px;}
.fplus-portfolio .single_gallery_item { width: 96%; margin: 0 2% 20px; box-shadow:0 2px 1px rgba(0,0,0,0.1);position:relative;z-index:1;overflow:hidden;}
.fplus-portfolio .single_gallery_item img {-webkit-transition-duration:500ms;transition-duration:500ms;}
.gallery-hover-overlay {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.95);padding:50px 50px 30px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition-duration:500ms;transition-duration:500ms;}
.gallery-hover-overlay .port-more-view > a {font-size:26px;color:#0f6aaf;width:150px;height:auto;display:block;}
.gallery-hover-overlay .port-hover-text > a {font-size:16px;color:#959595;text-transform:uppercase;margin-bottom:15px;display:block;letter-spacing:2px;}
.gallery-hover-overlay .port-hover-text > h3 {color:#0f6aaf;margin-bottom:0;}
.fplus-portfolio .single_gallery_item:hover .gallery-hover-overlay {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.fplus-portfolio .single_gallery_item:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);}

/*Footer Area CSS */
.fplus-footer-area {padding:60px 0;background-color:#252525;position:relative;z-index:1; margin-top: -5px;}
.fplus-footer-area .about-us-widget img{ width: 160px; height: auto;}
.subscribe-widget img{width: 100px;}
.footer-nav-widget ul > li > a {color:rgba(255,255,255,0.8);font-size:12px;text-transform:uppercase;letter-spacing:2px;padding:10px 0;display:block;}
.footer-nav-widget ul > li > a:hover {color:rgba(255,255,255,1);}
.subscribe-widget p {color:#fff;font-size:12px;letter-spacing:2px;margin-bottom:0;}
.subscribe-widget form {position:relative;z-index:1;}
.subscribe-widget input {border:none;background-color:transparent;padding:10px 0;font-size:12px;width:100%;color:#fff;font-size:12px;letter-spacing:1px;border-bottom:1px solid #fff;}
.subscribe-widget form button {background-color:transparent;border:none;color:#fff;cursor:pointer;position:absolute;padding:10px 0;right:0;font-size:12px;top:0;z-index:9;}
.footer-social-widget {margin-top:30px;}
.footer-social-widget > a {font-size:14px;color:rgba(255,255,255,0.8);margin-right:30px;}
.footer-social-widget > a:hover,.footer-social-widget > a:focus {color:rgba(255,255,255,1);}
.footer-social-widget > a:last-child {margin-right:0;}
.ewm{ width: 100px; margin: 10px 0 0;}
.subscribe-widget p span{ margin-left: 44px;}
@media (min-width:992px) and (max-width:1199px) {
    .fplus-menu-area .nav-item .nav-link {font-size:20px;letter-spacing:1px;}
    .hero-content-area .hero-text {width:450px;}
    .fplus-about-us-area .about-us-text {padding:30px;}
    .single-clients-logo {height:150px;}
    .single-portfolio-text {padding:50px 0 50px 50px;width:450px;}
    .single-portfolio-text p {font-size:11px;}
    .fplus-hero-area {height:600px;}
    .fplus-static-welcome-area {height:450px;}
    .static-content {padding:50px 70px;}
}
@media (min-width:768px) and (max-width:991px) {
    .fplus-menu-area .nav-item .nav-link {font-size:18px;letter-spacing:1px;}
    .fplus-main-menu {padding-left:15%;}
    .header-social-info {padding-right:15%;}
    .hero-content-area .hero-text {width:330px;}
    .fplus-about-us-area .about-us-text {padding:30px;}
    .gallery-hover-overlay {padding:20px;}
    .gallery-hover-overlay .port-hover-text > h3 {font-size:20px;}
    .fplus-method-video,.video-play-btn {height:350px;}
    .single-clients-logo {height:100px;}
    .fplus-blog-area .col-12:last-of-type .fplus-single-blog-area {margin-top:30px;}
    .footer-social-widget > a {margin-right:15px;}
    .single-portfolio-text {padding:50px 0 50px 50px;width:330px;}
    .single-portfolio-text h2 {font-size:30px;margin-bottom:80px;}
    .project-meta-data > div > p {padding:10px 5px;}
    .single-portfolio-text p {font-size:10px;}
    .fplus-hero-area {height:500px;}
    .hero-content-area .hero-text h2 {font-size:30px;}
    .fplus-static-welcome-area {height:350px;}
    .static-content {padding:40px 50px;}
}
@media (min-width:320px) and (max-width:767px) {
    .header_area {height:60px;}
    .fplus-menu-area .nav-item .nav-link {font-size:14px;letter-spacing:1px;padding:5px 0;}
    .fplus-main-menu {padding-left:10%;}
    .header-social-info {padding-right:10%;}
    .fplus-menu-area .dropdown-item {padding:5px;font-size:11px;letter-spacing:0;}
    .navbar-nav .dropdown-menu {position:absolute;}
    .logo_area > a {width:60px;height:60px;}
    .logo_area > a:before {height:60px;right:59px;}
    .menu-open-close {width:70px;height:60px;}
    .hero-content-area {width:calc(80% - 15px);padding:50px 0;}
    .fplus-hero-area {height:500px;}
    .hero-content-area .hero-text h2 {font-size:30px;margin-bottom:50px;}
    .hero-content-area .hero-text {width:225px;}
    .fplus-about-us-area .about-us-text {padding:30px;}
    .fplus-projects-menu button.btn {padding:0 5px;letter-spacing:1px;}
    .gallery-hover-overlay {padding:20px;}
    .fplus-method-video,.video-play-btn {height:200px;}
    .single-clients-logo {-ms-flex-preferred-size:33.3333333%;flex-basis:33.3333333%;height:100px;width:33.33333333%;}
    .gallery-hover-overlay .port-hover-text > h3 {font-size:20px;}
    .contact_from {padding:30px;top:0;left:0;}
    .fplus-single-blog-area {margin-bottom:30px;}
    .fplus-blog-area .col-12:last-of-type .fplus-single-blog-area {margin-bottom:0;}
    .fplus-portfolio-content-area {width:calc(80% - 0px);bottom:200px;}
    .single-portfolio-text {padding:30px;width:250px;}
    .single-portfolio-text h2 {font-size:24px;margin-bottom:50px;}
    .project-meta-data > div > p {padding:10px;}
    .fplus-portfolio-share > a {padding:20px;}
    .fplus-static-welcome-area {height:220px;}
    .static-content {padding:30px;margin-top:-100px;}
    .static-content h3 {font-size:20px;margin-bottom:20px;}
    .static-page-area {padding-bottom:100px;}
    .static-content blockquote {padding:30px 0;margin:50px 0;}
}
@media (min-width:480px) and (max-width:767px) {
    .hero-content-area .hero-text {width:320px;}
    .single-portfolio-text {width:380px;}
}
@media (min-width:576px) and (max-width:767px) {
    .hero-content-area .hero-text {width:400px;}
    .single-portfolio-text {width:460px;}
    .single-portfolio-text p {font-size:11px;}
}

.pa0 {padding:0 !important;}
.pa5{ padding:5px !important;}
.pic {width:100%;height:auto;}
.cont8 {width:90%;height:auto;margin:0 5%;}
@media all and (min-width:1450px) and (max-width:1920px) {.cont8 {width:80%;height:auto;margin:0 auto;}
    .syabout .syacenter {padding:176px 0 !important;}
    .synews {margin-top:68px;}
}

/*sypro*/
.pro{position: relative;padding: 50px 0 0 0;}
.pro:after{
	content: '';
	width: 100%;height: 360px;background-image: linear-gradient(135deg,#007eff,#144c95);
	position: absolute;left: 0;top:0;z-index: 1;
}
.pro .title{z-index: 2;position: relative; text-align:center; letter-spacing:2px;}
.pro .title h4{color: #fff; font-size: 25px;}
.pro .title p{color: #fff; font-size: 16px; text-transform:uppercase; margin: 0;}
.pro .pro-ul{position: relative;z-index: 2;padding: 42px 0;}
.pro .pro-ul li:nth-child(2n){margin-right: 0;}
.pro .pro-ul li .img{background-size: cover;max-height: 500px;background-position: center;position: relative;background-color:#f5f5f5;overflow: hidden;}
.pro .pro-ul li .img .pro-img-text{width:100%;height: 100%;position: absolute;left: 0;top:0;padding:12% 5%;z-index: 3}
.pro .pro-ul li .img .pro-img-text .zs-img{display: block;margin-bottom: 20px;}
.pro .pro-ul li .img .pro-img-text h4{font-size: 24px;color: #fff;font-weight: 500;letter-spacing: 1px; margin-top: 32px;}
.pro .pro-ul li .img .pro-img-text p{font-size: 16px;color: #fff;margin: 5px 0 20px 0;}
.pro .pro-ul li .img .pro-img-text a{display: block;width: 120px;line-height: 30px;border: 1px solid #fff; text-align: center;color: #fff;font-size: 14px;}
.pro .pro-ul li .img:hover .pro-img-text a{background-color: #ffa000;border: #ffa000 solid 1px;}
.pro .pro-ul li .img .pro-bg-img{width: 100%;position: relative;z-index: 1;}
.pro .pro-ul li .img:hover .pro-bg-img{
	transition: 2s cubic-bezier(0.28, 0, 0.12, 1);
	-webkit-transform: scale3d(1.12, 1.12, 1);
	transform: scale3d(1.12, 1.12, 1)
}
.pro .pro-ul li .info{padding: 50px 0;}
.pro .pro-ul li .info h4{font-size: 24px;color: #ffa000;font-family: Noto Sans CJK;position: relative;text-indent: 15px;}
.pro .pro-ul li .info h4:after{
	content: '';
	width: 4px;height:22px;background-color: #ffa000;
	position: absolute;left: 0;top:50%;margin-top: -11px;
}
.pro .pro-ul li .info p{font-size: 14px;color: #666666;font-family: Noto Sans CJK;margin: 20px 0;}
.pro .pro-ul li .info span{font-size: 1rem;color: #999;font-family:Noto Sans CJK; }
@media (max-width: 1700px) {
	.pro .pro-ul li .img .pro-img-text{padding:10% 5%;}
	.pro .pro-ul li .img .pro-img-text .zs-img{margin-bottom: 20px;}
	.pro .pro-ul li .img .pro-img-text h4{font-size: 32px;}
	.pro .pro-ul li .img .pro-img-text p{margin: 20px 0 40px 0;}
	.pro .pro-ul li .img .pro-img-text a{width: 120px;line-height: 40px;}
}
@media (max-width: 1600px) {
	.pro .pro-ul li .img .pro-img-text{padding:10% 4%;}
	.pro .pro-ul li .img .pro-img-text .zs-img{margin-bottom: 20px;width: 40%;}
	.pro .pro-ul li .img .pro-img-text h4{font-size: 30px;}
	.pro .pro-ul li .img .pro-img-text p{margin: 10px 0 20px 0;}
	.pro .pro-ul li .img .pro-img-text a{width: 110px;line-height: 35px;}
}
@media (max-width: 1280px) {
	.pro{position: relative;padding: 30px 0 0 0;}
	.pro:after{height: 300px}
	.pro .pro-ul{padding: 20px 0;}
	.pro .pro-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	.pro .pro-ul li .img .pro-img-text{padding:50px 20px;}
	.pro .pro-ul li .img .pro-img-text .zs-img{display: block;margin-bottom:10px;width: 45%;}
	.pro .pro-ul li .img .pro-img-text h4{font-size: 22px;font-weight:600;}
	.pro .pro-ul li .img .pro-img-text p{font-size: 14px;margin: 10px 0 20px 0;}
	.pro .pro-ul li .img .pro-img-text a{width: 120px;line-height: 33px;font-size: 14px;}
	.pro .pro-ul li .info{padding: 20px 0;}
	.pro .pro-ul li .info h4{font-size: 22px;}
	.pro .pro-ul li .info p{font-size: 13px;margin: 10px 0;}
}
@media (max-width: 992px) {
	.pro{position: relative;padding: 0;}
	.pro:after{height: 200px}
	.pro .pro-ul{padding:0;flex-wrap: wrap;}
	.pro .pro-ul li{width: 100%;margin-right:0;margin-bottom: 2%;}
	.pro .pro-ul li .img .pro-img-text{padding:30px 20px;}
	.pro .pro-ul li .img .pro-img-text .zs-img{display: block;margin-bottom:10px;width: 40%;}
	.pro .pro-ul li .img .pro-img-text h4{font-size:1.5rem;font-weight:600;}
	.pro .pro-ul li .img .pro-img-text p{font-size: 1.2rem;margin: 10px 0 20px 0;}
	.pro .pro-ul li .img .pro-img-text a{width: 40%;line-height: 3rem;font-size: 1.2rem;}
	.pro .pro-ul li .info{padding: 20px 0;}
	.pro .pro-ul li .info h4{font-size: 2rem;}
	.pro .pro-ul li .info p{font-size: 1.3rem;margin: 10px 0;line-height: 2rem;}
	.pro .pro-ul li .info span{font-size: 1rem;line-height: 1.4rem;}
}

/* sy-prolie */
.pbox {width:100%;margin:0 auto;background:#fff;padding:15px 0 20px;text-align:center;transition:all 0.3s ease 0s; }
.pbox:hover {transform:translate(0,-10px);}
.pbox img{ display:block; margin: 0 auto;}
.pbox h4 {color:#222;font-size:16px;font-weight:normal; margin: 10px 0 15px;}
.pbox:hover h4 {color:#0193de;}
.iconbox{width: 100%; height: auto; display: -webkit-box; background-image: linear-gradient(180deg, rgba(0, 82, 173, 1), rgba(76, 146, 226, 1));}
.iconzi{padding: 100px 100px 0;}
.iconzi h3{ color: #fff; font-size: 24px; text-transform:uppercase;}
.iconzi h2{ color: #fff; font-size: 32px; letter-spacing: 1px; margin-bottom: 30px;}
.iconzi h5{ color: #fff; font-size: 18px; font-weight: normal; line-height: 32px;}
.iconzi a img{ height: 50px;}
@media (min-width:1500px){
    .iconzi{padding: 150px;}
    .iconzi a img{ margin-top: 30px;}
}
.fplus-portfolio .single_gallery_item:hover .yy{ opacity: 0;}
.yy{ position: absolute; top: 30px; left: 0; background:rgba(0, 82, 173, .8); width: 60%; padding: 12px 0 0 0;}
.yy h4{ color: #fff; text-align: right; margin-right: 20px; font-size: 20px; font-weight: 600;}
.yy p{ color: #fff; text-align: right; margin-right: 20px; font-size: 14px;}

/*--产品切换--*/
#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:20px auto 50px;}
.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:#0f6aaf;}
.pets-info-slid p {line-height:2.2em;color:#fff;font-size:14px;width:90%;margin:0 auto;}
/* .treatments {background:#383838;}
*/.treatments h3 {color:#0f6aaf;}
.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; font-weight: normal;} 
.pets-effect-btm:hover a {background:#0f6aaf;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:#0f6aaf;}
.pets-effect-btm p {color:#fff;font-size:15px;text-align:center;line-height:2.2em;}
.treatments p {color:#fff;}
.home-pro {margin:50px 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:#0f6aaf;}
.listpro li:hover a {color:#fff;}
/*--//产品切换--*/

/* nav-style */
.pcnav{ position: absolute; bottom: 70px; left: 70px; z-index: 999999;}
.pcnav ul li{ margin: 15px 0; }
.pcnav ul li a{ color: #fff; font-weight: 600; font-size: 15px;}

/* flexslider-banner */
.jq22-container{ margin-top: -100px; position:relative;}
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides img{width: 100%; height: auto;}
.flex-control-nav{position:absolute;bottom:32px;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(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

/* sy-about */
.abbox{ width:100%; height: auto; display:inline-block; margin: 0; padding-top: 80px; background: #f5f5f5; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);}


/*数据统计滚动*/
.syabzi ul {padding:26px 0;}
.syabzi ul.q:after {content:"";clear:both;display:table;}
.syabzi li { 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; color:#007eff;font-size:58px;font-weight:600;width:100%;text-align:center;}
.syabzi li b em {font-style:normal;font-size:18px;font-weight:100;padding-left:2px;position:relative;top:-4px; color:#007eff;font-weight:600;width:100%;text-align:center;}
.syabzi li p {font-size:16px; text-indent: 0;}

.syzs{ background: #fff; display: inline-block; margin: 0 30px; padding: 60px 0;  }

/* sy-why */
.why{ width:100%; height:auto; display: inline-block; padding: 100px 0; position: relative; margin-bottom: 40px;}
.why::before{ content:""; position: absolute; background: #f5f5f5; width: 80%; height: 500px; left: 20%; top: 28%; }
.wright { margin-left: 50px;}
.wright h2{ font-size: 32px; font-weight: 600; position: relative;}
.wright h2::after{ content:""; position: absolute; background: #f79e06; width: 80px; height: 3px; left: 0; bottom: -20px;}
.wright ul{ margin: 100px 0 0;}
.wright ul li h4{ font-weight: 600; font-size: 20px;}
.wright ul li h4 span {display:inline-block;width:48px;height:58px;line-height:62px;font-size:20px;font-weight:600;text-align:center;margin-right:10px;color:#fff;background:url(../img/num_bg.png) center center no-repeat;}
.wright ul li p{ font-size: 16px; margin-left: 50px;}

/* synews */
.synews {width:100%;height:auto;display:inline-block;margin: 0 0 30px;}
.sytitle {width:100%;text-align:center;border-bottom:1px solid #ddd;position:relative;}
.sytitle::before {content:"";position:absolute;background:rgba(0, 82, 173, .8);width:42px;height:3px;bottom:-2px;left:0;right:0;display:block;margin:0 auto;}
.sytitle h3 {color:#333;font-weight:normal;letter-spacing:2px;font-size:36px;margin:10px 0 20px;}
.sytitle h5 {color:#999;letter-spacing:1px;font-size:20px;font-weight:normal; text-transform:uppercase;}
.sytitle2 h3{ font-weight: normal; color: #fff; font-size: 36px; text-align:center; margin-bottom: 30px;}
.newstu {width:100%;height:auto;margin:58px 0;}
.gyjs {width:100%;background:#fff;padding:20px 0 0;margin-bottom:100px;}
.listit h3 {color:#666;}
.listit h2 {text-transform:uppercase;padding-left:34px;color:rgb(92,194,207);font-weight:600;font-size:42px;margin:0 0 30px;}
.newsbox h4 {font-size:16px;margin:28px 0 15px;color:#111;font-family:normal;}
.newsbox p {font-size:14px;margin:10px 0 20px;line-height:24px;}
.tz {width:100%;overflow:hidden;height:auto;}
.tz img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.newsbox:hover .tz img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}

/* btn */
.newsbox a {margin:0;background:rgba(0,0,0,0.8);}
.newsbox:hover a{background:#ffa000;color:#ffffff;}
.newsbox .thm-btn {position:relative;display:inline-block;vertical-align:middle;-webkit-appearance:none;border:none;outline:none !important;background-color:rgba(0,0,0,0.92);
    font-weight: normal; color:#ffffff !important;font-size:14px;text-transform:uppercase;padding:5px 32px;transition:500ms;letter-spacing:0.1em;}
.newsbox .thm-btn:before {position:absolute;bottom:-5px;width:100%;height:1px;left:0;background:rgba(0,0,0,0.7);content:"";transition:transform 500ms ease;transform-origin:left center;transform:scale(1,1);}
.newsbox:hover .thm-btn {background:#ffa000;color:#ffffff;}
.newsbox:hover .thm-btn::before {transform:scale(0,1);transform-origin:right center;}

/* syzi */
.syzi {width:100%;text-align:center;padding:80px 0; background: url(../img/bg1.jpg) no-repeat center center fixed;}
.syzi b {font-size:100px;color:#fff;}
.syzi h3 {margin-top:-42px;font-size:42px;color:#fff;}
.syzi p {font-size:18px;color:#fff;letter-spacing:1px;margin:10px 0; text-transform:uppercase;}
.syzi a {color:#fff;display:inline-block;}
.micon{ width:100%;height:auto; display:inline-block; text-align: center; }
.micon img{ width: 40px; height: auto;}


/* ny-about */
.nyban {position:relative;margin-top: -100px;}
.nyban .postit {width:100%;height:auto;/* text-align:center;*/    position:absolute;left:23%;right:0;top:30%;}
.nyban .postit h4 {display:inline-block;margin:0 auto;font-size:24px;letter-spacing:2px;font-weight:200;color:#fff;background:rgba(19,53,128,.8);padding:10px 24px;}
.nyabbg {background:#fff;margin:60px 0;display: inline-block;width:100%;}
.nytitle {width:100%;height:auto;display:inline-block;margin:0;}
.nytitle h2 {text-transform:uppercase;color:#2663db;font-weight:600;font-size:28px;margin:20px 0 10px 0;}
.nytitle h3 {font-size:18px;line-height:32px;font-weight:600;}
.nytitle h4 {margin:15px 0 0;}
.abjj {font-size:16px;color:#666;}
.zhanl{ width:100%; display: inline-block; margin: 80px 0 50px;}
/* shuzi */
#productNumber ul {padding:32px 0 0;}
#productNumber ul.q:after {content:"";clear:both;display:table;}
#productNumber li { color:#333; text-align:center; padding: 15px 0;}
#productNumber ul li:nth-of-type(2) {border-left:none !important;border-right:none !important;}
#productNumber ul li:nth-of-type(3) {border-right:none !important;}
#productNumber li b {font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px; }
#productNumber li b i {font-style:normal; color:#2663db;font-size:42px;font-weight:600;width:100%;text-align:center;}
#productNumber li b em {font-style:normal;font-size:28px;font-weight:100;padding-left:2px;position:relative;top:-4px; color:#2663db;font-size:36px;font-weight:600;width:100%;text-align:center;}
#productNumber li p {font-size:15px; text-indent: 0; text-align: center;}

/* 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:#333;border-color:#333;}
.pagination>li>a,.pagination>li>span {color:#333;}

/* left-nav */
.nav-pro>ul {border:none;}
.nav-pro>ul>li {position:relative;margin:0 15px 0 0;transition:.3s;background:#2b2320;}
.nav-pro>ul>li>a {padding:2px 0 0 12px;display:block;transition:.3s;cursor:pointer;line-height:42px;}
.nav-pro>ul>li:hover>a {border-left:5px solid #2663db;background:#2663db;}
.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 #ffa000;background:#2663db;display:block;}
.nav-pro>ul>li>a {color:#fff;font-size:14px;}
.nav-pro>ul>li>ul>li>a {color:#fefefe;padding:10px 5px;margin:0 10px;border-bottom:1px dotted #666;display:block;font-size:13px;}
.nav-pro>ul>li>ul>.active {background:#ffa000;}
.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-service */
.abjj {padding-right:50px; }
.abjj h3 {margin-bottom:15px;font-weight:600;color:#2663db;}
.abjj h3 b {font-size:20px;color:#666;}
.abjj h4 {font-size:18px;margin-bottom:26px;color:#333;font-weight:600;}
.abjj p {font-size:16px;line-height:28px !important;text-align:justify;}
.nykh{ width:100%; display: inline-block; border-left: 2px solid #999; padding: 50px 0 50px 20px;}
.nykh .patu{ border: 1px solid #ddd; margin: 0 0 20px;}
@media (min-width:1500px){
    .abjj{ padding: 38px 50px 38px 0;}
    .nykh{ padding: 10px 0 0 20px;}
}

/* tz-gallery */
.tz-gallery {width:100%;height:auto;display:inline-block;}
.tz-gallery .thumbnail {width:100%;margin:0 auto 32px;overflow:hidden;border: 4px solid #ddd;padding: 12px; border-radius: 0;}
.tz-gallery .thumbnail img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.tz-gallery .thumbnail:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.tz-gallery .tutit {width:100%;height:auto;text-align:center;font-size:18px;line-height:58px;}


/* left-nav */
.nav-pro>ul {border:none; padding: 0 !important;}
.nav-pro>ul>li {position:relative;margin:0 15px 0 0;margin-bottom: 2px; transition:.3s; background: #fff;}
.nav-pro>ul>li>a {padding: 2px 20px;display:block;transition:.3s;cursor:pointer; line-height: 42px;}
.nav-pro>ul>li>i {position:absolute;right:18px;top:12px;font-size:24px;}
.nav-pro>ul>.active{ border: none; }
.nav-pro>ul>.active>a {background:#2663db;  color: #fff; display:block; font-weight: 600;}
.nav-pro>ul>.active>i{ color: #fff;}
.nav-pro>ul>li>a {color:#333;font-size:18px;}
.nav-pro>ul>li:hover>a{ color: #fff;}
.nav-pro>ul>li>ul{ padding: 0;}
.nav-pro>ul>li>ul>li{ padding: 0 10px;}
.nav-pro>ul>li>ul>li>a {color:#555;padding:10px 15px;margin:0 10px;border-bottom:1px solid #ddd;display:block; font-size: 16px; font-weight: normal;}
.nav-pro>ul>li>ul>li:nth-of-type(5)>a{ border: none;}
.nav-pro>ul>li>ul>.active {background:#2663db;}
.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-product */
.nyprobg {width:100%;height:auto;display:inline-block; background:#e5e5e5;padding:60px 0;}
.single-blog {position:relative;}
.single-blog {width:100%;margin:0 auto 20px;overflow:hidden;background:#fff;position: relative;}
.single-blog:before{content: "";display: block;width:100%;height:5px;background-color: #e5e5e5;position: absolute;bottom: -2px;transition: all 0.6s ease 0s;}
.single-blog:after{content: "";display: block;width:64px; height:5px;background-color: #2663db; position: absolute;bottom: -2px;transition: all 0.6s ease 0s; }
.single-blog:hover:after{width: 100%;background-color: #2663db;}
.blog-img img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.single-blog:hover .blog-img img {transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.blog-content h3 {margin:5px 0 18px;font-size:16px;text-align:center;line-height:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.blog-content h3 a {color:#333;}
.single-blog:hover .blog-content h3 a {color:#2663db;}
.prowz {line-height:52px;text-align:center;background:#333;color:#fff;font-size:15px;}
.prowz i {color:#fff;font-size:20px;}
.prowz a {color:#fff; font-weight: normal;}
.prowz ul{ width: 100%; line-height: 52px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.prowz ul li{ float: left; margin: 0 46px;}
.prowz ul li a{ font-size: 18px; font-weight: normal;}
.prowz ul .pactive a{ background: #2663db; padding: 5px 30px; border-radius: 20px;}
.pboxny {width:100%;height:auto;margin-bottom:24px;}
.pboxny img {width:100%;height:auto;margin:0;background-color:skyblue;transition:all 1s;/* border:1px solid #ddd;box-shadow:0 0 1px #ccc;*/}
.pboxny img:hover {box-shadow:10px 10px 10px #ddd;}
.pboxny p {text-align:center;line-height:56px;font-size:16px;color:#1b1b1b;border-bottom:1px solid #ddd;}
.pboxny:hover p {color:#133984;border-bottom:1px solid #133984;}
.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;}
.newback {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-top:50px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:46px;padding:0 15px;}
.newback a:hover {color:#014d97;}
.pcsright .protop h2{ font-size: 24px;}
.pcsright .protop a{ margin: 15px 0 0;}
.canshu {width:100%;margin:5px 0 60px 0;padding:0 15px 0 0;height:676px;overflow-y:auto;overflow-x:hidden;}
.canshu::-webkit-scrollbar {width:4px;height:4px;}
.canshu::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background:rgba(0,0,0,0.15);}
.canshu::-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);}
.canshu p {line-height:28px;font-size:15px;color:#333;text-align:justify;}
.canshu table {width:100% !important;height:auto;margin:20px auto 10px;}
.canshu table tbody tr {border:1px solid rgba(12,32,72,.6);}
.canshu table tbody tr td:nth-of-type(1) {font-weight:600;}
.canshu table tbody tr td {width:100px !important;height:auto;padding:10px;border:1px solid rgba(12,32,72,.6);display:table-cell;vertical-align:inherit;white-space:nowrap;text-align:left;}
.canshu table tbody tr td img {max-height:100px;max-width:76%;height:auto;}
.canshu table tbody tr td:last-child {border-right:none;}
.canshu table tbody tr td p {width:100%;height:auto;display:table-cell;}

/* .pro-xq-ms table {width:100% !important;min-height:.01%;overflow-x:auto;}
.pro-xq-ms table tr {background:#ededec !important;display:table-row;vertical-align:inherit;border-color:inherit;width:100%;}
.pro-xq-ms table tr>td {background:#E0EFF2;padding:5px 4px;text-align:center;width:300px;font-size:12px;} */


.xunjia {margin:12px 0;width:120px;height:28px;line-height:28px;background:#333;text-align:center;}
.xunjia a {color:#fff;}
.xunjia:hover {background:#2663db;}
.sp-large a img {width:100% !important;}
.protop {width:100%;height:auto;display:inline-block;margin:0 0 12px 0;}
.protop h2 {float:left;font-size:17px;font-weight:600;}
.sp-large a img {min-width:468px !important;}

/* 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 h4 {color:#2663db;}
.news li a {color:#333;}
.news li a p {color:#666;font-size:15px;line-height:26px;margin-bottom:10px;}
.news li h4 {font-size:18px;margin:0 0 10px;font-weight:600;}
.newshow h3 {font-size:22px;margin-bottom:20px;}
.newshow p {font-size:15px;line-height:26px;text-indent:2em;margin-bottom:10px;}
.newback {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-top:50px;}
.newback a:hover {color:#014d97;}

/* ny-download */
.downbox {width:98%;height:auto;}
.downbox h3{ margin-bottom: 30px;}
.downbox li {width:100%;padding:0 15px;background:#fff;border-bottom:1px solid #ddd;height:50px; line-height: 42px; display: inline-block;}
.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 a h5{ line-height:50px; }
.downbox li a i{ display: inline-block; line-height:50px;}
.downbox li p {color:#333333;font-size:16px;font-weight:400;margin:0;line-height:56px;padding-bottom:0;}
.downbox li b {color:#999999;font-size:16px;font-weight:400;}
.downbox li:hover b {color:#da251c;font-weight:600;}

/* ny-contact */
.linkbox2 {width:100%;height:auto;display:inline-block;margin:20px 0 10px;text-align:center;}
.linkbox2 b {font-weight:normal;}
.linkbox2 ul li {line-height:28px;border:5px solid #ddd;padding: 42px 50px;text-align:left;}
.linkbox2 ul li p:nth-of-type(1) {line-height:24px !important;}
.linkbox2 ul li p:nth-of-type(2) {line-height:24px !important;}
.linkbox2 ul li p {border-bottom:1px dotted #ddd;margin-bottom:0;line-height:32px;padding:12px 0;}
.linkbox2 ul li p a {color:#333;}
.linkbox2 ul li h3 {font-size:20px;margin:10px 0;padding-left:7px;border-left:4px solid #2663db;}
.messagebox {width:100%;display:inline-block;padding:82px 50px;background:#eee;margin-top:20px;}
.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:33%;margin-bottom:10px;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:0;padding:5px;}
.form-group1 textarea {width:100%;height:90px;}
.yzm {margin:15px 30px 0 0;}
.submit {background:#2663db;color:#fff;border-radius:0;font-size:15px;width:32%;margin:22px 36%;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 15px 0;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 a {color:#333;}
.pro-next p a:hover {color:#2663db;}
.pback {display:block;padding:3px 24px;border-radius:15px;background:#666;color:#fff;}
.pback:hover {background:#2663db;color:#fff;}
.youcs {width:100%;height:auto;margin:20px 0 0;}
.youcs .yxq {padding:0 10px;}
.youcs .yxq p {color:#666;font-size:14px;line-height:28px;text-align:justify;margin-bottom:10px;}
.youcs .yxq p img {width:100%;height:auto;}
.youcs h4 {font-size:20px;color:#333;background:#f5f5f5;height:46px;line-height:46px;letter-spacing:2px;text-align:center;font-weight:600;margin-bottom:20px;}
.youcs h4 strong {color:#222;line-height:46px;}
.youcs table {width:100% !important;height:auto;margin:20px auto 10px;background:#fff;}
.youcs table tbody tr:nth-of-type(1) td {background:#8db4e3;font-weight:600;}
.youcs table tbody tr td {padding:10px;vertical-align:center;border:2px solid #000;text-align:center;background:#d8d8d8;}
.scweb {background-image:linear-gradient(to right,#ff9000 0,#ff5000 100%);background-repeat:repeat-x;border:1px solid #2663db;display:inline-block;padding:6px 30px;margin:15px 0 0 15px;color:#fff;border-radius:5px;}
.scweb:hover {color:#fff;}
.scweb:visited {color:#fff;text-decoration:line-through;}
.sjlg {display:none !important;}

@media all and (max-width:768px) {
    body,html {overflow-x:hidden;}
    .pcnav{ display: none;}
    .jq22-container{ margin-top:0;}
    .slides img{ height: auto; min-width: 144%; margin: 0 0 0 -23%;}
    .iconzi{ display: none;}
    .abjj{ padding: 0;}
    .sytitle h3{ font-size: 26px;}
    .sytitle h5{ font-size: 18px;}
    #productNumber li b i{ font-size: 30px;}
    #productNumber li b em{ font-size: 30px;}
    .syzi h3{ font-size: 26px;}
    .sj{ display: none;}
    .bq a{ width: 100%; height: auto; display: inline-block; }

    /* ny-style */
    .nyban{ margin: 0; overflow-x:hidden;}
    .nyban img{ height: auto; min-width: 160%; margin: 0 0 0 -30%;}
    .prowz ul li{ width: 33.33%; margin: 0;}
    .prowz ul .pactive a{ padding: 2px 12px;}
    .nycontent{ border: none !important;}
    .nyright{ margin-top: 30px;}
    .pcsright{ margin: 30px 0 0;}
    .sp-large a img{ min-width: 100% !important;}
    .linkbox2 ul li{ padding: 20px;}
    .form-group{ width:100%;}
    .messagebox{ padding: 30px 20px 16px;}
    .submit{ width: 60%;height:auto; margin: 22px 20%;}
}

.page,.page1{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 10px 10px;
    margin-top: 20px;
    width: 100%;
}
.page span,.page1 span{
    width: 50%;
    color: #000;
    font-size: 14px;
}
.page span:last-of-type,.page1 span:last-of-type{
    text-align: right;
}
.page span>a{
    font-size: 14px;
    color: #000;
    border: solid 1px #ccc;
    padding: 2px 5px;
    border-radius: 5px;
}
.page span>a>select,.page span>a>select:focus{
    border: none;
    background: #f8f8f8;
}
.page-nums{
    display: none;
}
.page1 span>a{
    color: #000;
}
.page-num{
    border: solid 1px #ccc;
    padding: 2px 10px;
    margin: 0 3px;
    border-radius: 5px;
}