@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:16px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1300px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1300px; margin:0 auto}

.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.between{display: flex; justify-content: space-between; align-items: center;}




/* CSS Document */
/*公共头部*/
.head{background: #fff;position: fixed;top: 0;margin-top: 0;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);transition:0.6s;width: 100%;z-index: 2222;}
.head .container{height: 100px;   display: flex; justify-content: space-between; align-items: center;}
.head .logo img{display: block; }
.head-right{display: flex;  align-items: center;}
.head-nav ul{display: flex;}
.head-nav ul li{padding: 0 34px;  position: relative; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head-nav ul li>a{display: block; font-size: 17px;  color: #333;  line-height: 100px; }
.head-nav ul li:hover>a,.head-nav ul li.on>a{color: #0a69dd; font-weight: bold;}
.head-nav ul li dl{  padding: 0 24px; box-sizing:border-box; float: left;  width: 100%;  left: 50%; transform: translateX(-50%); position: absolute;height: 0;background:rgba(255,255,255,0.9);z-index: 9999999;overflow: hidden; z-index:9999;}
.head-nav ul li.onn dl {height: auto;}
.head-nav ul li dl em{ display: block; height: 0;overflow: hidden;opacity: 0;visibility: hidden;transition: all .5s ease;line-height: 42px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head-nav ul li dl em a{font-size: 15px;color: #333333;display: block;position: relative;text-align: center; }
.head-nav ul li.onn dl em{height: 43px;opacity: 1;visibility: visible;}
.head-nav ul li dl em:hover a {color: #0a69dd;}

.search-box{height: 100px;position: relative;z-index: 9999;position: relative; width: 90px;}
.search-btn{height: 100px;display: flex;}
.search-btn img{   margin: auto; margin-right: 0;}
.search-pro { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1); padding: 20px 30px; box-sizing:border-box; width: 400px;min-height: 200px;position: absolute;right: -40px;top:100px;opacity:0;transform: translateY(50px);transition: all .5s ease;-webkit-box-shadow: 0 0 15px rgba(29,56,75,.4);-moz-box-shadow: 0 0 15px rgba(29,56,75,.4);box-shadow: 0 0 15px rgba(29,56,75,.4);pointer-events: none;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 40px;background-color: #fff;position: absolute;}
.search-box:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
.search{border-bottom: 1px solid #e1e1e1; height: 50px; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei";font-size:15px }
.search-text{width: 310px; line-height: 50px;}
.search .sub{background: url(../images/search2.png) no-repeat center; width: 28px; height: 29px; margin-top: 13px;}
.search-list dl dt{float: left; margin-right: 10px; margin-bottom: 10px;}
.search-list dl dt a{position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 10px; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #0a69dd;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after{width: 100%; }
.search-list dl dt span{font-size: 14px; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span{color: #fff;}
.head-zw{height: 100px;}

/*首页banner*/
.banner {position: relative; overflow: hidden;  z-index: 0;}
.banner .pic{height: 700px; }
#banner-num{ bottom: 37px;}
#banner-num .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 0.5; background: #fff; margin: 0 14px;}
#banner-num .swiper-pagination-bullet-active{background: #0870F2; opacity: 1;}
#banner-prev,#banner-next{position: absolute; width: 31px;height: 57px; cursor: pointer; opacity: 0.5;    z-index: 1; background: url(../images/banner-arrow.png) no-repeat center;}
#banner-prev{  left: 59px; }
#banner-next{ transform: rotate(180deg); right: 59px;}
#banner-prev:hover,#banner-next:hover{opacity: 1;}


/* 走进江苏天石 */
.about{background: url(../images/about-logo.png) no-repeat left 92px top; margin: 46px 0 0; padding-bottom: 81px;}
.about-con{display: flex; justify-content: space-between; padding-top: 54px; margin-bottom: 78px;}
.about-con .info{width: 598px;}
.index-title strong{display: block; font-size: 36px; line-height: 36px; border-left: 6px solid #0A69DD; color: #333; padding-left: 16px; margin-bottom: 12px;}
.index-title span{display: block; font-size: 16px; line-height: 12px; color: #999; letter-spacing: 0.16px; font-family: Arial; margin-left: 24px; text-transform: uppercase; }
.about-con .index-title{margin-bottom: 20px;}
.about-con .info p{display: block; font-size: 16px; line-height: 28px; color: #666; margin-bottom: 10px;}
.about-con .info a{display: block; width: 120px;height: 42px;border: 1px solid #0a69dd; box-sizing: border-box; font-size: 16px; line-height: 42px; color: #0A69DD; text-align: center; margin-top: 54px;}

.about-con .info a.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.about-con .info a.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#0a69dd;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.about-con .info a.hvr-radial-out:hover,.about-con .info a.hvr-radial-out:focus,.about-con .info a.hvr-radial-out:active {
  color: white;
}
.about-con .info a.hvr-radial-out:hover:before,.about-con .info a.hvr-radial-out:focus:before,.about-con .info a.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

.about-num ul{display: flex; justify-content: space-between;}
.about-num ul li em,.about-num ul li span{display: inline-block; font-size: 60px; line-height: 48px; color: #0A69DD; font-family: Arial;}
.about-num ul li em{font-weight: bold;}
.about-num ul li i,.about-num ul li h3{display: inline-block; font-size: 18px; color: #333; line-height: 18px;}
.about-num ul li i{font-style: inherit; margin-left: 4px;}
.about-num ul li h3{display: block; margin-top: 20px;}
.about-con .pic{width: 542px;}
.about-con .pic img{display: block;}



/* 合作案例 */
.case{background: url(../images/case-bg.jpg) no-repeat center; padding: 80px 0 70px; background-size: cover;}
.case-title{text-align: center; color: #fff; margin-bottom: 26px;}
.case-title strong{display: block; font-size: 36px;  line-height: 36px; height: 60px; position: relative; margin-bottom: 14px;}
.case-title strong:after{position: absolute; content: '';  width: 54px; height: 5px; background: #fff; left: 50%; transform: translateX(-50%); bottom: 0;}
.case-title span{display: block; font-size: 18px;}
.case-list{margin-bottom: 10px;}
.case-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.case-list ul:after{content: ''; width: 410px;}
.case-list ul li{ position: relative; width: 410px; height: 321px; margin-bottom: 30px; overflow: hidden;}
.case-list ul li a{display: block;}

.case-list ul li .pic:before{opacity: 1; position: absolute; content: ''; width: 100%; height: 100%; top: 0;background: url(../images/case-bg2.png) no-repeat center; z-index: 1 } 
.case-list ul li:hover .pic:before{opacity: 0}
.case-list ul li .pic img{display: block; width: 100%;}
.case-list ul li .name{position: absolute; bottom: 32px; width: 320px; left: 0; right: 0; margin: auto; transition:0.6s; z-index: 2}
.case-list ul li .name img{display: block; margin-bottom: 7px;}
.case-list ul li .name h3{display: block; font-size: 20px; line-height: 32px; color: #fff; letter-spacing: 0.2px; font-weight: bold;}
.case-list ul li .info{transition:0.6s;  position: absolute; width: 100%; height: 100%; top: -100%;z-index: 2; background: rgba(181,156,84,0.8); display: flex; align-items: center; justify-content: center;}
.case-list ul li .text{width: 86%; color: #fff;}
.case-list ul li .text em{display: block; font-size: 20px; line-height: 20px; height: 44px; position: relative; margin-bottom: 20px;}
.case-list ul li .text em:after{position: absolute; content: ''; left: 0; bottom: 0; width: 48px; height: 2px; background: #fff;}
.case-list ul li .text p{display: block; font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 40px;}
.case-list ul li .text span{transition:0.6s; display: block; box-sizing: border-box; width: 120px;height: 38px;border: 1px solid #ffffff; font-size: 14px; line-height: 38px; color: #fff; text-align: center;}
.case-list ul li .text span:hover {background: #fff; color: #0a69dd;}
.case-list ul li a:hover .info{top: 0;}
.case-list ul li a:hover .name{bottom: -100%;}
.case-more a{display: block;width: 174px;height: 42px;background: #ffffff; font-size: 16px; line-height: 42px; color: #0A69DD; text-align: center; margin: 0 auto;}


/* Bounce To Right */
.case-more a.hvr-bounce-to-right {

  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;

}
.case-more a.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#0a69dd;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.case-more a.hvr-bounce-to-right:hover,.case-more a.hvr-bounce-to-right:focus,.case-more a.hvr-bounce-to-right:active {
  color: white;
}
.case-more a.hvr-bounce-to-right:hover:before,.case-more a.hvr-bounce-to-right:focus:before,.case-more a.hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* 产品展示 */
.product{padding: 80px 0;}
.product-top{display: flex; justify-content: space-between; margin-bottom: 34px;}
.product-btn{margin-top: 18px;}
.product-btn ul{display: flex;}
.product-btn ul li{display: block; width: 136px; font-size: 16px; line-height: 42px; color: #333; text-align: center; margin-left: 29px; cursor: pointer;}
.product-btn ul li.on{background: #0a69dd; color: #fff;}
.product-list{overflow: hidden;}
.product-list ul li{transition:0.6s; float: left;width: 342px;  padding: 36px 39px 0; height: 488px; background: #f7f7f7;  margin-right: 23px;}
.product-list ul li .pic{width: 342px; height: 331px; overflow: hidden; margin-bottom: 29px;}
.product-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li:hover{background: #0a69dd;}
.product-list ul li .info strong{display: block; font-size: 20px; line-height: 20px; color: #333; height: 34px; position: relative; margin-bottom: 6px;}
.product-list ul li .info strong:after{position: absolute; content: ''; left: 0; bottom: 0; width: 40px;height: 2px;background: #0a69dd;}
.product-list ul li .info p{display: block; font-size: 16px; color: #666; margin-bottom: 14px;}
.product-list ul li .info abbr{display: block;}
.product-list ul li .info span{display: block; font-size: 16px; color: #999; }
.product-list ul li .info img{display: inline-block; margin-left: 12px;}
.product-list ul li:hover .info strong,.product-list ul li:hover .info p,.product-list ul li:hover .info span {color: #fff;}
.product-list ul li:hover .info strong:after{background: #fff;}
.product-list ul li:hover .info img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



/* 江苏天石独家处理方案 */
.solution{background: url(../images/solution-bg.jpg) no-repeat center; background-attachment: fixed; padding: 45px 0 58px; background-size: cover;} 
.solution-title{margin-bottom: 45px;}
.solution-title strong{display: block; font-size: 36px; color: #fff; text-align: center;}
.solution-list {display: flex; justify-content: space-between; width: 977px; margin: 0 auto;}
.solution-list dl{display: flex; align-items: center; width: 206px;justify-content: space-between;}
.solution-list dl:last-child{width: auto;}
.solution-list dl dt{text-align: center;}
.solution-list dl dt h2,.solution-list dl dt h3{display: block; color: #fff;}
.solution-list dl dt h2{font-size: 24px; margin: 12px 0 6px;}
.solution-list dl dt h3{ font-size: 16px;}
.solution-info{text-align: center;}
.solution-info h2,.solution-info h3{display: block; color: #fff;}
.solution-info h2{font-size: 24px;margin: 33px 0 10px;}
.solution-info h3{font-size: 16px;}


/* 公司新闻  */
.news{margin: 80px 0 99px;}
.news-top{display: flex; justify-content: space-between; margin-bottom: 42px;}
.news-more{margin-top: 16px;}
.news-more a{display: block; width: 124px; font-size: 16px; line-height: 42px; color: #fff;background: #0a69dd; text-align: center; transition:0.6s}
.news-more a:hover{background: #d2b86e;}
.news-list{overflow: hidden;}
.news-list ul li{float: left; width: 420px; margin-right: 20px;}
.news-list ul li .pic{width: 420px; height: 321px; overflow: hidden;}
.news-list ul li .pic img{display: block; width: 100%;}
.news-list ul li .info{background: #f7f7f7; padding: 0 30px; height: 210px; position: relative;}
.news-list ul li .info:after{position: absolute; content: '';  transition: .6s; width: 100%;  height: 100%; background: #0a69dd; z-index: 0; opacity: 0;clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); bottom: 0; left: 0;}
.news-list ul li:hover .info:after{opacity: 1; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.news-list ul li .info span,.news-list ul li .info strong,.news-list ul li .info p,.news-list ul li .info img{position: relative; z-index: 1;}
.news-list ul li .info span{display: block; font-size: 16px; color: #999; padding-top: 18px; margin-bottom: 8px;}
.news-list ul li .info strong{display: block; font-size: 18px; line-height: 26px; color: #333; margin-bottom: 12px;}
.news-list ul li .info p{display: block; font-size: 14px; line-height: 22px; color:#666; margin-bottom: 14px;}
.news-list ul li:hover .info span,.news-list ul li:hover .info strong,.news-list ul li:hover .info p{color: #fff;}
.news-list ul li:hover .info img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



/* 公共底部 */
.footer{background: #292929;}
.footer-top{height: 116px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer-top .logo{margin-right: 90px;}
.footer-top .logo a{display: flex;}
.footer-top .logo img{display: block; margin-right: 21px; }
.footer-top .logo strong{display: block; font-size: 30px; color: #fff;}
.foot-nav ul{display: flex;}
.foot-nav ul li a{display: block; font-size: 16px; color: #fff; margin-right: 51px;}
.foot-nav ul li a:hover{color: #0a69dd;}
.top-back img{cursor: pointer;}
.contact{padding: 81px 0 123px; display: flex; justify-content: space-between; align-items: center;}
.contact-list ul{display: flex; margin-right: 69px;}
.contact-list ul li{position: relative;}
.contact-list ul li em{display: block; font-size: 16px; color: #999; line-height: 16px;}
.contact-list ul li img{display: inline-block; margin-right: 12px; vertical-align: middle;}
.contact-list ul li:first-child{width: 213px; margin-right: 38px;}
.contact-list ul li:first-child:after{position: absolute; content: ''; width: 1px; height: 43px; background: rgba(255,255,255,0.1); right: 0; top: 50%; transform: translateY(-50%);}
.contact-list ul li span{display: block; font-size: 16px; color: #fff; margin-left: 31px;}
.contact-right{display: flex; width: 645px; align-items: center; justify-content: space-between;}
.foot-search{width: 283px; height: 46px; background: #ffffff; border-radius: 23px; position: relative;}
.foot-search input{outline: none; border:none; font-family: "Microsoft YaHei";}
.foot-search  .search-texts{display: block; font-size: 16px; line-height: 46px; color: #999; text-indent: 31px;border-radius: 23px; }
.foot-search .submit{position: absolute; content: ''; background: url(../images/foot-search.png) no-repeat center ; width: 22px; height: 22px; right: 31px; top: 50%; transform: translateY(-50%);}
.footer-copy{background: #202020;}
.footer-copy .container{display: flex; justify-content: space-between; align-items: center; height: 59px;}
.footer-copy p{font-size: 15px; color: #999;}
.footer-copy a{color: #999;}
.footer-copy a:hover{color: #fff;}




/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #1d2186;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #1d2186;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/ny-wechat.jpg) no-repeat center top 10px #1d2186;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}



/* 内页banner */
.ny-banner .pic{height: 500px; }
.position{border-bottom: 1px solid #ddd; padding: 25px 0;}
.position dl {background:url(../images/mbx-home.png) no-repeat 0 center; padding-left:30px; display: flex; flex-wrap: wrap;}
.position dl dd {margin-right:10px;}
.position a {padding-right:10px; font-size: 0.94rem;color: #666666;}
.position a.on {color: #0a69dd;}
.position a:hover{color: #0a69dd;}


.ny-main{margin: 60px 0 80px;}
.ny-left {width:286px;}
.mainBox{display: flex; justify-content: space-between;}
.column-title { background: #0a69dd;padding:20px 0;}
.column-title {color:#fff;font-size:30px;}
.column-title:after {content: '';display: block; background: #fff;width:70px;height:3px;margin-left:20px;margin-top:10px;}
.column-title span {padding-left:20px}
.column-title em {font-size:12px;color:#fff;padding-left: 10px; text-transform: uppercase;}
				
.ny-left .ctitle1 {  background: #fff; width: 100%;padding: 10px;border: 1px solid #ccc;border-top: none; box-sizing: border-box;}
.ny-left .ctitle1 > li {margin-bottom: 10px;}
.ny-left .ctitle1 > li > a {transition:0.6s; display: block;background: url(../images/ctitle1.png) no-repeat 97% center #f2f2f2;font-size: 16px;color: #4c4c4c; box-sizing: border-box;}
.ny-left .ctitle1 > li > a {display: block; padding: 12px 25px;}	
.ny-left .ctitle1 > li.on > a , .ny-left .ctitle1 > li:hover > a { background: url(../images/ctitle1-on.png) no-repeat 97% center #0a69dd;color: #fff;}
.ny-left .ctitle1 li:hover > a , .ny-left .ctitle1 li.on > a {color: #fff;}
.ny-contact{margin-top:50px;border-bottom:8px solid #0a69dd;border-radius:10px;padding-bottom:10px;}
.ny-contact .info span{ display: block;margin:10px 0;font-size:15px;}

.ny-right{width: 970px;}
.nyproduct-list{}
.nyproduct-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nyproduct-list ul:after{content: ''; width: 303px;}
.nyproduct-list ul li{width: 303px; margin-bottom: 35px;}
.nyproduct-list ul li .pic{width: 303px; height: 293px; overflow: hidden;}
.nyproduct-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nyproduct-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nyproduct-list ul li .info{ padding:25px 15px; background: #f7f7f7; height: 158px; box-sizing:border-box;}
.nyproduct-list ul li .info strong{display: block; font-size: 18px; line-height: 18px; color: #333; height: 30px; position: relative; margin-bottom: 12px;}
.nyproduct-list ul li .info strong:after{position: absolute; content: ''; left: 0; bottom: 0; width: 40px;height: 2px;background: #0a69dd;}
.nyproduct-list ul li .info p{display: block; font-size: 15px; color: #666; margin-bottom: 14px; height: 25px; overflow: hidden;}
.nyproduct-list ul li .info p abbr{display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.nyproduct-list ul li .info span{display: block; font-size: 15px; color: #999; margin-top: 10px}
.nyproduct-list ul li .info img{display: inline-block; margin-left: 12px; transition:0.6s}
.nyproduct-list ul li:hover .info img{    margin-left: 185px;}
.nyproduct-list ul li:hover .info{background: #0a69dd;}
.nyproduct-list ul li:hover .info strong,.nyproduct-list ul li:hover .info p,.nyproduct-list ul li:hover .info span {color: #fff;}
.nyproduct-list ul li:hover .info strong:after{background: #fff;}
.nyproduct-list ul li:hover .info img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



/*产品详情*/
.pro1{margin-bottom: 40px;}
.pro1 .pro-list-pic{width: 400px;}
.pro1 .spec-preview img{display: block;}
.pro1 .descript1{width: 530px;position: relative;}
.pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.pro1 .descript1 p{font-size: 15px;color: #666;line-height: 30px;margin: 10px 0;}
.pro1 .descript1 p abbr{display: block}
.pro1 .descript1 a.consult{padding: 0; display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; margin-bottom: 0 }
.pro1 .descript1 a.consult:hover{background-color: #0a69dd;}
.pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.pro1 .descript1 p.haoma em {display: inline-block;color: #0a69dd;font-size: 25px;font-weight: bold; vertical-align: middle;}
.detail {margin-bottom: 20px;}
.detail .de-title{border-bottom: solid 3px #0a69dd; margin-bottom: 20px;}
.detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#0a69dd;}
.pro-wechat{display: none; position: absolute; left: 150px;    bottom: -100px;}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.ny-title{text-align: center;}
.ny-title b{display: block; font-size: 60px;   font-family: ‘Arial’;   font-weight: bold;    color: #eaeaea; text-transform: uppercase; line-height: 79px;}
.ny-title h3{font-size: 36px;   position: relative;   top: -53px; color: #333;}
.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 42px; color: #fff;  background: #000; border-radius: 21px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #0a69dd;}
.xq-page{border-top: 1px solid #f2f2f2; display: flex; justify-content: space-between; margin-top: 30px; padding: 15px 0;}
.xq-page em{color: #333;}
.xq-page a{color: #666;}
.xq-page a:hover{color: #146db2;}




/* 内页合作列表页 */
.nycase-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nycase-list ul:after{content: ''; width: 303px;}
.nycase-list ul li{width: 303px; margin-bottom: 35px;}
.nycase-list ul li .pic{width: 303px; height: 237px; overflow: hidden; position: relative; border:1px solid #f7f7f7; border-bottom: none;}
.nycase-list ul li .pic>img{display: block; width: 100%}
.nycase-list ul li .icon{position: absolute; top: 0; width: 100%; height: 100%; background: rgba(10,105,221,0.8); opacity: 0; display: flex;}
.nycase-list ul li .icon img{display: block; margin: auto;}
.nycase-list .icon::before,.nycase-list .icon::after {  position: absolute;  content: '';  opacity: 0;}
.nycase-list .icon::before {  top: 10px;  right: 10px;  bottom: 10px;  left: 10px;  border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: scale(0,1);  transform: scale(0,1);  -webkit-transform-origin: 0 0;  transform-origin: 0 0;}
.nycase-list .icon::after {  top: 10px;  right: 10px;  bottom: 10px;  left: 10px;  border-right: 1px solid #fff;  border-left: 1px solid #fff;  -webkit-transform: scale(1,0);  transform: scale(1,0);  -webkit-transform-origin: 100% 0;  transform-origin: 100% 0;}
.nycase-list .icon::before,.nycase-list .icon::after{  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
.nycase-list li:hover .icon::before,.nycase-list li:hover .icon::after {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);}
.nycase-list li:hover .icon::before,.nycase-list li:hover .icon::after {  -webkit-transition-delay: 0.05s;  transition-delay: 0.05s;}
.nycase-list ul li h3{display: block; background: #f7f7f7; font-size: 16px; color: #4c4c4c; text-align: center; line-height: 50px;}
.nycase-list ul li:hover .icon{opacity: 1}
.nycase-list ul li:hover h3{color: #0a69dd}


/* 内页图片详情页 */
.name-title {text-align: center; margin-bottom: 40px;}
.name-title h3{display: block; font-size: 26px; color: #333; position: relative; height: 60px; font-weight: bold;}
.name-title h3:after{position: absolute; content: ''; width: 60px; height: 2px; background: #1d2186; left: 50%; margin-left: -30px; bottom: 0px;}


/* 内页公司新闻列表页 */
.nynews-list ul li{background: #fafafa; margin-bottom: 1.875rem;}
.nynews-list ul li a{display: flex; justify-content: space-between; align-items: center;}
.nynews-list ul li .pic{width: 30%;margin-right: 4%;overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%;}
.nynews-list ul li .info{width: 56%;}
.nynews-list ul li .info h3{font-size: 1.3rem;color: #333;font-weight: bold;margin-bottom: 1rem;}
.nynews-list ul li .info p{font-size: 0.9375rem; line-height: 1.875rem; color: #666; margin-bottom: 1rem;}
.nynews-list ul li .info em{display: block; font-size: 1rem; color: #333;}
.nynews-list ul li .date{width: 18%;text-align: center;}
.nynews-list ul li .date b{display: block;font-size: 2rem;color: #999;font-weight: normal;}
.nynews-list ul li .date span{display: block; font-size: 1.125rem; color: #999;}
.nynews-list ul li:hover .info h3,.nynews-list ul li:hover .info em{color: #0a69dd;}


/* 内页公司详情页 */
.newsxq-title{   padding-bottom: 1.875rem; margin-bottom: 2.5rem;  border-bottom: 1px solid #dcdcdc;text-align: center; }
.newsxq-title h3{font-size: 2.25rem; color: #333; margin-bottom: 0.625rem;}
.newsxq-title span{display: inline-block; font-size: 0.9375rem; color: #999;}
.newsxq-title .clicks{margin-left: 0.9375rem;}
.newsxq-page{border-top: 1px solid #dcdcdc; padding-top: 1.875rem; margin-top: 2.5rem; display: flex; justify-content: space-between; align-items: center;}
.page-left em{display: block; font-size: 1rem; color: #333;}
.page-left a{color: #666;}
.page-left a:hover{color: #0072c1;}
.newsxq-page .xq-back a{margin-top: 0;}







/*分页*/
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}
.fy a:hover {color: #fff; background: #1d2186;}
.fy .layui-laypage-curr {color: #fff; background: #1d2186; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}








/* 搜索页面 */
.search-page .box {margin-top: 50px;}
.search-page form {width: 60%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 22px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #1d2186; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.search-page li .le {width: 95%; }
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}





/* 客户反馈 */
.feedback{width:auto;margin:0 auto;width:650px;}
.feedback dl{overflow: hidden;padding:5px 0;}
.feedback dd{overflow: hidden;}
.feedback dt.fdtitle{font-weight: normal;font-size: 16px; float: left;width:90px;}
.feedback dd .fdinput{float:left;width:450px;line-height: 35px;height:35px; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px}
.feedback dd .fdtext{width:450px;height:80px;float:left; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px;padding-top:10px;}
.feedback dd .fdsub,.feedback dd .fdres{border-radius: 3px;padding:2px 20px;margin-left:10px;line-height:20px;color:#fff;cursor: pointer;font-family: "微软雅黑"}
.feedback dd .fdsub{margin-left:90px; border:1px solid #f50; background:#f60;width:120px;height:35px;line-height:35px;}
.feedback dd .fdres{border:1px solid #282828; background:#444;width:120px;height:35px;line-height:35px;}
 .feedback .codeimg{float:left;margin-left:5px;cursor:pointer;border:1px solid #ddd; width:100px; height:28px;}
/*vaildate*/
#yzform label.error{position:absolute;padding:3px 15px;background: #f8f8f8;border:1px solid #ddd;margin-left:25px;font-weight: normal;color:#f30;border-radius: 3px;}