* {padding:0;margin:0;}
body {font:14px/24px '微软雅黑','Roboto',Arial,Helvetica,sans-serif;color:#232323;background:#fff;}
a {text-decoration:none !important;}
a:focus {outline:none;}
/*--------------------------------------------2. Heading Styles--------------------------------------------*/h1 {font-size:45px;}
h2 {font-size:40px;}
h3 {font-size:32px;}
h4 {font-size:24px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
ul,li {list-style:none;}
.top60 {margin-top:60px;}
.bottom60 {margin-bottom:60px;}
.pa0 {padding:0 !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;}
}

/* nav */
.navbar {width:100%;height:auto;background:none;border:none;margin-bottom:0;}
.navbar-brand {padding:15px 0;}
.navbar-default .navbar-nav>li>a {color:#333;font-size:16px;line-height:86px;padding:0 20px;}
.navbar-default .navbar-nav>li:hover>a {color:#333;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {background:none;color:#007eff;}
.navbar-brand {height:auto;margin-top:12px;}
.navbar-brand img {width:100%;height:auto;}
.topnbox {width:100%;height:auto;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.language {line-height:86px;}
.language a {display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;background:rgba(255,255,255,0.9);font-size:14px;font-weight:600;}

/* 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;}

/*sypro*/
.pro{position: relative; padding: 68px 0 0 0; margin: 0 0 80px; width: 100%; height: auto; display: inline-block;}
.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:9% 5% 0;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:15px;}
	.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;}
}

/* syprolei */
.sylei{ width:100%;height:auto; display:inline-block; background: #f5f5f5; padding: 60px 0;}
.synpleibox {width:100%;margin-top:30px;transition:all 0.3s ease 0s; background: #fff;}
.synpleibox:hover {box-shadow:0px 10px 30px rgba(0,0,0,0.1);transform:translate(0,-10px);}
.synpleibox h4 {font-size:22px;margin:0 0 8px;}
.synpleibox:hover h4 {color:#007eff;cursor:pointer;}
.synpleibox .leizi{display:inline-block;padding: 20px; width: 100%; border-top: 1px solid #ddd;}
.synpleibox p {color:#666;margin:0;}
.synpleibox a {color:#007eff;font-weight:600;margin-top:10px;display:block;}
.synpleibox:hover a {color:#007eff;}


/* sy-about */
.abbox{ width:100%; height: auto; display:inline-block; margin: 76px 0 0;}
.abjj p{ font-size: 15px; width: 70%; margin: 0 auto 20px;}

/* .abtu{ position:relative;}
.abtu .abjj {width:70%;height:auto; text-align:center; color:#fff; position:absolute; left:0; top:30%; right:0; margin:0 auto;}
.abtu .abjj p{ font-size: 15px;}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:50px;text-align:center;font-size:35px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
.abtu .list3-ico1 {width:48px;height:48px;position:absolute; left:0; bottom:30%; right:0; margin:0 auto;}
.abtu .list3-cir {position:absolute;display:block;border-radius:50%;animation:cir-scale2 3s linear infinite;}
.abtu .list3-cir1 {border:1px solid #fff;width:100px;height:100px;left:-26px;top:-26px;}
.abtu .list3-cir2 {border:1px solid rgba(255,255,255,0.2);width:120px;height:120px;left:-40px;top:-46px;}
.abtu .list3-cir3 {border:1px solid rgba(255,255,255,0.2);width:200px;height:200px;left:-76px;top:-76px;}
.abtu .list3-h5 {font-size:24px;line-height:40px;padding:36px 0 24px;position:relative;}
.abtu .list3-h5:after {position:absolute;content:"";display:block;width:24px;height:1px;box-sizing:border-box;border:1px solid #fff;top:18px;left:50%;margin-left:-12px;}
.abtu .list3-a {color:#fff;display:block;font-size:14px;line-height:30px;border-bottom:1px solid rgba(255,255,255,0.4);transition-duration:.3s;}
.abtu .list3-a:hover {transform:translate(-6px,0);} */

/*数据统计滚动*/
.syabzi ul {padding:26px 0 36px;}
.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:28px;font-weight:100;padding-left:2px;position:relative;top:-4px; color:#007eff;font-size:36px;font-weight:600;width:100%;text-align:center;}
.syabzi li p {font-size:16px; text-indent: 0;}

/* sy-yingyong */
.syybox{ width:100%; height: auto; display: inline-block; margin: 20px 0 0; background:#f5f5f5; padding: 80px 0;}
.wel-list3{ margin-top: 20px; display: inline-block;}
.wel-list3 .list3-txts {height:48px;position:absolute;transform:translate(-50%,-50%);transition-duration:.5s;text-align:center;left:50%;top:50%;width:100%;color:#fff;z-index:2;}
@keyframes cir-scale2 {
    0% {opacity:0;transform:scale(0.5);}
    60% {opacity:1;transform:scale(1.2);}
    100% {opacity:0;transform:scale(0.5);}
}
.wel-list3 .list3-cir {position:absolute;display:block;border-radius:50%;animation:cir-scale2 3s linear infinite;}
.wel-list3 .list3-cir1 {border:1px solid #fff;width:100px;height:100px;left:-26px;top:-26px;}
.wel-list3 .list3-cir2 {border:1px solid rgba(255,255,255,0.2);width:120px;height:120px;left:-40px;top:-46px;}
.wel-list3 .list3-cir3 {border:1px solid rgba(255,255,255,0.2);width:200px;height:200px;left:-76px;top:-76px;}
.wel-list3 .list3-ico1 {width:48px;height:48px;position:relative;margin:0 auto;}
.wel-list3 .list3-h5 {font-size:24px;line-height:40px;padding:36px 0 24px;position:relative;}
.wel-list3 .list3-h5:after {position:absolute;content:"";display:block;width:24px;height:1px;box-sizing:border-box;border:1px solid #fff;top:18px;left:50%;margin-left:-12px;}
.wel-list3 .list3-a {color:#fff;display:block;font-size:14px;line-height:30px;border-bottom:1px solid rgba(255,255,255,0.4);transition-duration:.3s;}
.wel-list3 .list3-a:hover {transform:translate(-6px,0);}
.wel-list3 .to-detail {width:92px;margin:0 auto 14px;}
.wel-list3 .to-more {width:132px;margin:0 auto;}
.wel-list3 .txts-mains {opacity:0;transition-duration:.5s;}
.wel-list3 .cir-wrap {opacity:1;transition-duration:.5s;}
.img100 {display:block;max-width:100%;margin:0 auto;}
.can-hover .img-wrap {overflow:hidden;}
.can-hover .img-wrap .img100 {transition:all 1s ease;}
.can-hover:hover .img-wrap .img100 {transform:scale3D(1.1,1.1,1.1);}
.flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wel-list3 .list3-item {flex:1;position:relative;overflow:hidden; margin: 0 1%;}
.wel-list3 .list3-item:before {position:absolute;content:"";display:block;width:calc(100% - 40px);height:calc(100% - 40px);box-sizing:border-box;border:1px solid rgba(255,255,255,0.2);top:20px;left:20px;z-index:1;}
.wel-list3 .list3-item:hover .cir-wrap {opacity:0;}
.wel-list3 .list3-item:hover .list3-txts {height:204px;}
.wel-list3 .list3-item:hover .txts-mains {opacity:1;}

/* sy-product-start */
.fa-arrow-left:before {content:"<"; font-style: normal; font-weight: 600; font-size: 26px;}
.fa-arrow-right:before {content:">"; font-style: normal; font-weight: 600; font-size: 26px;}

/* Slider */
.slick-slider {position:relative; display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:30px 0 0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list {-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);}
.slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;}
.slick-arrow.slick-hidden {display:none;}
.slick-dots {display:block;width:100%;padding:0;margin:0;list-style:none;}
.slick-dots li {position:relative;cursor:pointer;display:inline-block;}
.slick-dots li button {font-size:0px;}
/*=========================    9. Case css ==========================*/
.case-img {position:relative;}
.case-img img {width:100%;}
.case-arrows {display:-webkit-box;display:-ms-flexbox;display:flex;float:right;}
@media (max-width:767px) {.case-arrows {float:left;}
}
.case-arrows .slick-arrow {width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(22,37,66,0.07);color:#162542;cursor:pointer;z-index:1;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.case-arrows .slick-arrow:hover {background-color:#162542;color:#fff;}
.case-arrows .slick-arrow.next {margin-left:10px;}
.case-filter-nav .nav-tabs {border-bottom:none;}
.case-filter-nav .nav-link {background-color:rgba(22,37,66,0.07);border:none;margin-bottom:0px;border-radius:0px;margin-left:5px;margin-right:5px;font-size:24px;font-weight:700;font-family:"Karla",sans-serif;color:#162542;padding:15px 55px;margin-bottom:15px;}
@media only screen and (min-width:992px) and (max-width:1199px) {.case-filter-nav .nav-link {padding:15px 25px;}
}
.case-filter-nav .nav-link.active {background-color:#162542;color:#fff;}
.case-item-one:hover .case-img .case-overlay:before {visibility:visible;opacity:1;}
.case-item-one:hover .case-img .case-overlay:after {visibility:hidden;opacity:0;}
.case-item-one .case-img {overflow:hidden; padding-bottom: 100px;}
.case-item-one .case-img .case-overlay {position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:30px;z-index:1;-webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
@media only screen and (min-width:1200px) and (max-width:1600px) {.case-item-one .case-img .case-overlay {padding:30px 25px 25px;}
}
.case-item-one .case-img .case-overlay:after,.case-item-one .case-img .case-overlay:before {position:absolute;bottom:0;left:0;content:"";width:100%;height:100%;z-index:-1;}
.case-item-one .case-img .case-overlay:after {background:-webkit-gradient(linear,left bottom,left top,from(rgba(22,37,66,0.2)),to(rgba(33,30,59,0)));background:linear-gradient(0deg,rgba(22,37,66,0.2) 0%,rgba(33,30,59,0) 100%);-webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
.case-item-one .case-img .case-overlay:before {background:-webkit-gradient(linear,left bottom,left top,from(#162542),color-stop(60%,rgba(22,37,66,0.55)),to(rgba(22,37,66,0.10196)));background:linear-gradient(0deg,#162542 0%,rgba(22,37,66,0.55) 60%,rgba(22,37,66,0.10196) 100%);visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.case-item-one .case-content span.tag,.case-item-one .case-content h3.title {color:#333; font-size: 14px;}
.case-item-one .case-content h3.title {font-size:24px;line-height:1.2;margin-bottom:0; font-size: 18px;}
.case-item-one:hover .case-content h3{ color:#fff;}
.case-item-one:hover .case-content span{ color:#fff;}
.case-item-two:hover .case-img .case-overlay:before {visibility:visible;opacity:1;}
.case-item-two:hover .case-img .case-overlay:after {visibility:hidden;opacity:0;}
.case-item-two:hover .case-img .case-overlay .icon-btn {visibility:visible;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
.case-item-two .case-img {overflow:hidden;}
.case-item-two .case-img .case-overlay {position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 30px 25px;z-index:1;-webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
@media only screen and (min-width:992px) and (max-width:1199px) {.case-item-two .case-img .case-overlay {padding:30px 15px 25px;}
}
.case-item-two .case-img .case-overlay:after,.case-item-two .case-img .case-overlay:before {position:absolute;top:0;left:0;content:"";width:100%;height:100%;z-index:-1;}
.case-item-two .case-img .case-overlay:after {background:-webkit-gradient(linear,left bottom,left top,from(rgba(22,37,66,0.85098)),to(rgba(33,30,59,0)));background:linear-gradient(0deg,rgba(22,37,66,0.85098) 0%,rgba(33,30,59,0) 100%);-webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
.case-item-two .case-img .case-overlay:before {background:-webkit-gradient(linear,left bottom,left top,from(#162542),color-stop(60%,rgba(22,37,66,0.55)),to(rgba(22,37,66,0.10196)));background:linear-gradient(0deg,#162542 0%,rgba(22,37,66,0.55) 60%,rgba(22,37,66,0.10196) 100%);visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.case-item-two .case-img .case-overlay .icon-btn {text-align:right;-webkit-transform:translateY(10px);transform:translateY(10px);visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.case-item-two .case-img .case-overlay .icon-btn a {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;background-color:#b68c5a;color:#fff;margin-left:auto;}
.case-item-two .case-img .case-overlay .case-content {text-align:center;}
.case-item-two .case-img .case-overlay .case-content h3.title,.case-item-two .case-img .case-overlay .case-content span.tag {color:#fff;}
.case-item-two .case-img .case-overlay .case-content h3.title {font-size:24px;line-height:35px;}
.case-item-three {margin-bottom:43px;}
.case-item-three:hover .case-img .case-overlay {visibility:visible;opacity:1;}
.case-item-three:hover .case-img .case-overlay .icon-btn {-webkit-transform:translateY(0px);transform:translateY(0px);}
.case-item-three .case-img {overflow:hidden;}
.case-item-three .case-img .case-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(22,37,66,0.65);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:20px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.case-item-three .case-img .case-overlay .icon-btn {-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:all 0.4s ease-out 0s;transition:all 0.4s ease-out 0s;}
.case-item-three .case-img .case-overlay .icon-btn a {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;background-color:#b68c5a;color:#fff;}
.case-item-three .case-content {padding-top:25px;}
.case-item-three .case-content h3.title {font-size:24px;line-height:35px;font-weight:700;}
@media only screen and (min-width:992px) and (max-width:1199px) {.case-item-three .case-content h3.title {font-size:20px;line-height:30px;}
}
@media (max-width:767px) {.case-item-three .case-content h3.title {font-size:20px;line-height:30px;}
}
.case-details-wrapper .case-img {margin-bottom:42px;}
.case-details-wrapper .case-content h3.title {font-size:35px;line-height:45px;margin-bottom:15px;}
@media (max-width:767px) {.case-details-wrapper .case-content h3.title {font-size:24px;line-height:35px;}
}
.case-details-wrapper .case-content p {margin-bottom:30px;}
.case-details-wrapper .case-content .features-item-three .case-content p {margin-bottom:0px;}
.case-details-wrapper .case-content .content-img {margin-top:30px;margin-bottom:30px;}
.case-details-wrapper .case-content ul.list li:before {display:inline-block;content:"";margin-right:10px;font-family:"Font Awesome 5 Pro";font-weight:400;color:#b68c5a;}
.features-item-three {padding:40px 40px 30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:#fff;-webkit-box-shadow:0px 10px 60px 0px rgba(22,37,66,0.1);box-shadow:0px 10px 60px 0px rgba(22,37,66,0.1);}
@media only screen and (min-width:992px) and (max-width:1199px) {.features-item-three {padding:40px 20px 30px;}
}
@media (max-width:767px) {.features-item-three {padding:40px 20px 30px;}
}
.features-item-three:hover:after {right:-5px;bottom:-5px;}
.features-item-three:after {position:absolute;bottom:0px;right:0;content:"";width:100%;height:100%;z-index:-1;background-color:#b68c5a;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.features-item-three .icon {margin-right:25px;}
@media only screen and (min-width:992px) and (max-width:1199px) {.features-item-three .icon {margin-right:15px;}
}
@media (max-width:767px) {.features-item-three .icon {margin-right:15px;}
}
.features-item-three .icon i {font-size:60px;color:#b68c5a;}
@media only screen and (min-width:992px) and (max-width:1199px) {.features-item-three .content h4 {font-size:22px;}
}
@media (max-width:767px) {.features-item-three .content h4 {font-size:22px;}
}
.features-item-three .content p {margin-bottom:0px;}

/* sy-product-end */


/* synews */
.synews {width:100%;height:auto;display:inline-block;margin: 60px 0 30px;}
.sytitle {width:100%;text-align:center;border-bottom:1px solid #ddd;position:relative;}
/* .sytitle::before {content:"";position:absolute;background:rgba(255,0,0,0.8);width:42px;height:1px;bottom:-1px;left:0;right:0;display:block;margin:0 auto;} */
.sytitle h3 {color:#111;font-weight:600;letter-spacing:2px;font-size:25px;margin:10px 0 20px;}
.sytitle h5 {color:#999;letter-spacing:1px;font-size:16px; text-transform:uppercase;}
.sytitle.title2{ border: none;}
.sytitle.title2::before { background: #fff;}
.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);color:#ffffff !important;font-size:14px;text-transform:uppercase;padding:0 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:100px 0; background: url(../images/bg1.jpg) no-repeat center center fixed;}
.syzi b {font-size:100px;color:#ffa000;}
.syzi h3 {margin-top:-42px;font-size:28px;color:#fff;}
.syzi p {font-size:18px;color:#fff;letter-spacing:1px;margin:16px 0;}
.syzi a {color:#fff;display:inline-block;}
.micon{ width:100%;height:auto; display:inline-block; text-align: center; }
.micon img{ width: 40px; height: auto;}

/* footer */
.footer {width:100%;height:auto;display:-webkit-box;padding:68px 0 20px;background:#222;color:#f5f5f5;position:relative;}
.footer p {color:#cbcbcb;font-size:15px;margin-bottom:0;}
.flist h3 {font-size:18px;font-weight:600;color:#8f8f8f;margin-bottom:30px;}
.flist p {width:100%;display:inline-block;margin-bottom:5px;line-height:20px;}
.flist p a {font-size:14px;color:#cbcbcb;}
.flist p span {float:left;}
.fright {width:100%;height:auto;display:inline-block;}
.fright h2 {font-size:24px;margin-bottom:30px;}
.fright h3 {font-size:20px;margin-bottom:30px;color:#8f8f8f;font-weight:600;}
.bq {width:100%;height:auto;margin:40px 0 0;border-top:1px solid rgba(255,255,255,0.1);padding:20px 0 0;font-size:15px;}
.bq a {color:#ddd;}
.ewm {width:100px;height:auto;}
.sjkh {display:none;}
.sj {display:block;}
.sjlan {display:none !important;}

@media all and (max-width:768px) {
    /* index */    
    .navbar-header {width:100%;}
    .navbar-brand {margin:10px 0;padding:0;}
    .navbar-toggle {margin-top:16px;}
    .navbar-default .navbar-nav>li>a {line-height:42px;}
    .sjlan {display:block !important;}
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {width:100%;text-align:center;}
    .language {display:none;}
}

/* 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 */
.nyabbg1 { width: 100%; height:auto; display:inline-block; padding: 80px 0; background-image: linear-gradient(135deg,#007eff,#144c95); color: #fff;}
.nyabbg1 .nyaleft{ width: 100%; height:auto; display:inline-block; padding: 80px 0;}
.nyabbg1 .nyaleft h3{ font-size: 28px; margin-bottom: 52px;}
.nyabbg1 .nyaleft p{ width:90%; text-align: justify; font-size: 16px; line-height: 32px;}
.nyaleftzi{ width:80%; margin: 0 10%; padding: 80px 0 0;}
.nyaleftzi h5{ color: #000f3b; line-height: 28px; margin-bottom: 20px;}
.nyaleftzi p{ line-height: 30px !important; text-indent: 0 !important;}
.nyabbg {width:100%;height:auto;display:inline-block;background:#fff;margin:60px 0;}
.nyabox {width:100%;height:auto;display:inline-block;}
.abtu {width:100%;display:block; }
.nycontent {width:100%;height:auto;margin:36px 0;display:inline-block;background:#fff;box-shadow:2px 3px 5px #ddd;padding:50px;}
.tu {width:100%;height:auto;display:block;margin:0 auto;}
.abnr {width:100%;margin:30px 0 0;padding:0 15px 0 0;height:auto;}
.abnr h4 {margin:10px 0 20px 0;font-weight:600;}
.abnr p {line-height:24px;text-indent:2em; font-size:16px;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;}

/* 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:#f5f5f5; 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 #fff;margin:0 auto;}

.thumbnail img{ border: 5px solid #ddd; margin-bottom: 20px;}
.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:#007eff;}
.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:#007eff;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:#007eff;}
.newshow h3 {font-size:22px;margin-bottom:20px;}
.newshow p {font-size:15px;line-height:26px;text-indent:2em;margin-bottom:10px;}
.newback {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-top:50px;}
.newback a:hover {color:#014d97;}

/* ny-page*/  
.pagination {display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:30px auto 0;justify-content:space-between;}
.pagination span>a {padding:5px 10px;color:#333;border:solid 1px #ccc;border-radius:5px;}
.page-num-current {padding:5px 0 !important;}
.pagination span>a select,.pagination span>a select:focus {border:solid 1px transparent !important;padding:5px 10px;background:transparent;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:#031652;border-color:#031652;}

/* ny-product */  
.probox {width:100%;height:auto;display:inline-block;margin-bottom:24px;background-color:skyblue;background:#fff;}
.probox img {width:100%;height:auto;transition:all 1s;}
.probox h4 {font-size:17px;margin:0;color:#333;text-align:center;height:42px;line-height:42px; font-weight: 600;}
.probox a:hover h4 {color:#007eff;}
.probox p {line-height:42px;font-size:16px;color:#1b1b1b;}
.probox a { display:inline-block;color:#333;margin-top:5px;}
.probox a img{ border: 1px solid #ddd;}
.pro-title {margin-top:0 !important;}
.hover-one {border:1px solid #666;width:160px;height:38px;display:flex;align-items:center;justify-content:center;margin-right:20px;float:left;}
.hover-one a {color:#333;line-height:1.556;text-align:center;}
.hover-two {background-color:#f4f4f4;width:160px;height:38px;display:flex;align-items:center;justify-content:center;}
.hover-two a {color:#231f20;line-height:1.556;text-align:center;}
.pbtn:hover {background:#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 #fff;transition:.3s;background:#f5f5f5;}
.nav-pro>ul>li>a {padding:2px 0 0 20px;display:block;transition:.3s;cursor:pointer;line-height:42px;}
.nav-pro>ul>li:hover>a {border-left:5px solid #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-download */
.inner-about{ margin: 60px 0;}
.history h3{ margin-bottom: 38px; font-size: 22px; font-weight: 600;}
.downbox{ width:100%; height: auto; display: inline-block; margin:0;}
.downbox li a{ width: 96%; height: auto; color: #333; margin: 10px 2%; background: #fff; border: 1px solid #ddd; display: inline-block; padding: 20px 26px;}
.downbox li:hover a{ border: 1px solid #007eff;}
.downbox p{ text-indent: 0; font-size: 17px; font-weight: 600; color: #555; margin-bottom: 15px;}
.downbox li a b{  color: #555; font-weight: normal !important; border-radius: 0; float: right; padding: 0 10px;}
.downbox li:hover a b{ background: #007eff; color: #fff; border: none; }

/* ny-contact */
.linkmap{ width:100%; height:auto; display: inline-block; background: #555; }
.linkmesg{ width:100%; height:auto; display: inline-block; background:#fff; margin: 40px 0 0;}
.linkbox {width:100%;height:auto;display:inline-block;padding:80px 50px 30px 0;}
.linkbox h3 { font-size:22px;margin: 42px 0 10px 0; border-left:5px solid #fff;padding-left:8px; font-weight: 600; color:#fff;}
.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:100%;display:inline-table;/* border:1px solid #ddd;*/ padding:100px 45px;background:#eee;margin-top:0; background: url(../images/bg1.jpg) no-repeat center center fixed;}
.linktu {width:100%;height:auto;margin:0 auto;position:relative;}
.linktu img {display:block;margin:0 auto;}
.messagebox h4 {font-size:28px; font-weight:600; color: #fff;}
.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.33333%;margin:5px 0 0;padding:5px;}
.form-group input,.form-group1 textarea {padding:10px;border-radius:5px;letter-spacing:1px;font-size:15px;outline:none;border:none;box-shadow:none;display:block;width:100%;height:34px;line-height:28px;color:#555;background-color:#fff;background-image:none;}
.form-group1 {width:100%;margin:10px 0;padding:5px;}
.form-group1 textarea {width:100%;height:90px;}
.yzm {margin:15px 30px 0 0;}
.submit {background:#007eff;color:#fff;border-radius:0;font-size:15px;width:120px;margin:12px auto;height:40px;outline:none;letter-spacing:1px; border-radius: 30px; 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: 62px 0 80px;}
.zhichi h3{ margin-bottom: 38px; font-size: 22px; font-weight: 600;}
.zhichi .sypb{ box-shadow: 2px 2px 10px #ddd;}
.zhichi .sypb .sypzi{ width: 100%; height:auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.zhichi .sypb .sypzi h4{ width: 100%; height:auto; text-align:center; }
.zhichi .sypb .sypzi p{ width: 100%; height:auto; height: 72px; }
.zhda{ width: 100%; height: auto; background: #e7e7e7; padding: 30px 0;}

@media all and (max-width:768px) {
	/* index */
	.flex-direction-nav{ display: none;}
	.flex-control-nav{ bottom: 0;}
	.abjj p{ width: 100%;}
	.syabzi li b i{ font-size: 40px;}
	.pro .title{ padding-top: 36px;}
	.pro .pro-ul li .img .pro-img-text h4{ margin-top: 15px;}
	.pro .pro-ul li .img .pro-img-text p{ display: none;}
	.pro{ margin-bottom: 30px;}
	.wel-list3 .list3-item{ flex: none; width: 100%; margin-bottom: 15px;}
	.sj{ display: none;}
    /* ny*/
    .position {display: none;}
	.nyban{ width:100%;height:auto; overflow-x: hidden; padding: 0;}
	.nyban img{ width:200%; margin: 0 0 0 -46%;}
    .nybanright {display:none !important;}
	.nyabbg1 .nyaleft{ padding-top: 0;}
	.nyabbg1 .nyaleft p{ width: 100%;}
	.nyaleftzi{ width: 100%; margin: 0; padding-top: 30px;}
    .abnr {height:auto !important;}
    .culist li .fa {font-size:14px;line-height:22px;}
    .procontent {width:100%; height:auto !important; padding: 0 10px;}
    .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;}
	.inner-about{ margin: 0;}
	.linkbox h5{ font-size: 16px;}
}