/* 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:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1457px; 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}
.container-s{width:1457px; 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;}


/* CSS Document */
/*公共头部*/
.head{height: 100px; background: #fff; }
.head .container{display: flex; justify-content: space-between; align-items: center;height: 100px; }
.head .logo{}
.head-tel{display: flex; align-items: center;}
.head-tel img{display: block; margin-right: 21px; vertical-align: middle;}
.head-tel strong{display: block; font-size: 14px;line-height: 14px; color: #4b4b4b; margin-bottom: 11px;}
.head-tel span{display: block; font-size: 22px; color: #1e50ae; font-family: arial; line-height: 18px;}
.head-nav{background: #1e51ad;}
.head-nav ul li{width: calc(100% / 7); float: left;  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: 16px; line-height: 50px; color: #fff;  text-align: center;}
.head-nav ul li.on>a,.head-nav ul li:hover>a{ color: #fff; background: #13439d;}
.head-nav ul li dl{  box-sizing:border-box; float: left;left: 50%; margin-left: -92.85px; width: 185.7px; position: absolute;height: 0;background:rgba(255,255,255,0.9);z-index: 9999999;overflow: hidden;}
.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: #1d2186;}
.head-navfixed{position: fixed; width: 100%; z-index: 222; top: 0;}


/*首页banner*/
.banner {position: relative; overflow: hidden;  height: 649px;}
.banner ul {height: 100%;}
.banner  ul li{position: relative;   height: 100%;	display: flex;	flex-flow: column;		overflow: hidden;}
.banner  ul li .banner-bg {background-size: cover;background-position: center;    position: absolute;    left: 0px;    right: 0px;    bottom: 0px;    top: 0px;    transition: 1s 2.5s;    transform: perspective(1000px) translate3d(0, 0, 100px);}
.banner  ul li.swiper-slide-active .banner-bg {   transition: 5s 0s;   transform: perspective(1000px) translate3d(0, 0, 0px);}

#banner-num{display: none; }
#banner-prev,#banner-next{position: absolute; width: 71px;height: 71px; cursor: pointer; border-radius: 6px;}
#banner-prev{background: url(../image/banner-prev.png) no-repeat center rgba(0,0,0,0.1); left: 67px;}
#banner-next{background: url(../image/banner-next.png) no-repeat center rgba(0,0,0,0.1); right: 67px;}
#banner-prev:hover{background: url(../image/banner-prev.png) no-repeat center rgba(0,0,0,0.5);}
#banner-next:hover{background: url(../image/banner-next.png) no-repeat center rgba(0,0,0,0.5);}


/* 走进史蒂夫 */
.about{background: url(../image/about-bg.png) no-repeat center bottom; padding: 100px 0 206px; }
.index-title{text-align: center;}
.index-title h2{display: inline-block; font-size: 36px; color: #000; font-weight: bold; position: relative; margin-bottom: 3px;}
.index-title h2:before,.index-title h2:after{position: absolute; content: ''; width: 176px;height: 2px;background: #d8d8d8; top: 30.5px;}
.index-title h2:before{left: -196px;}
.index-title h2:after{right: -196px;}
.index-title strong{color: #1d50ad;}
.index-title h3{display: block; font-size: 14px; color: #666;}
.about .index-title{margin-bottom: 84px;}
.about-con{display: flex; justify-content: space-between; align-items: center;}
.about .about-con .info{width: 519px;}
.about-con .info p{display: block; font-size: 16px; line-height: 24px; color: #595959; text-align: justify; margin-bottom: 25px;}
.index-more{display: block; width: 162px; font-size: 16px; line-height: 50px;background: #1e50ae;border-radius: 6px; text-align: center; color: #fff; transition:0.6s}
.index-more:hover{background: #13439d; border-radius: 0;}


/* 产品展示 */
.product{background: url(../image/product-bg.jpg) no-repeat center; background-size: cover; padding: 93px 0 81px; background-attachment: fixed;}
.product .index-title{margin-bottom: 72px;}
.product .index-title h2,.product .index-title h3{color: #fff;}
.product-list{margin-bottom: 69px; overflow: hidden;}
.product-list ul li{float: left; margin-right: 30px; width: 300px;}
.product-list ul li .pic{width: 300px; height: 300px; overflow: hidden;}
.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.2,1.2,1);transform: scale3d(1.2,1.2,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li em{display: block; font-size: 16px; line-height: 34px; color: #fff; text-align: center;}
.product-more{display: block; width: 163px; font-size: 16px; line-height: 51px;border: 2px solid rgba(255,255,255,0.6); color: #fff; text-align: center; margin: 0 auto;}


/* Rectangle Out */
a.hvr-rectangle-out {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.3s; transition-duration: 0.3s; color: #fff;}
a.hvr-rectangle-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #13439d;  -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;}
a.hvr-rectangle-out:hover,a.hvr-rectangle-out:focus,a.hvr-rectangle-out:active {color: white;  border-color: #13439d;}
a.hvr-rectangle-out:hover:before,a.hvr-rectangle-out:focus:before,a.hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1);}


/* 专业技术·品质保证 */
.ys-tel{background: url(../image/ys-tel.jpg) no-repeat center; padding: 65px 0 46.5px;}
.ys-tel .container{display: flex; justify-content: space-between; color: #fff; }
.ys-tel i{display: block; font-size: 36px; font-weight: bold; line-height: 36px;}
.ys-tel em{display: block; font-size: 16px;  line-height: 16px;}
.ys-tel b{display: block; font-size: 30px; font-family: arial;}



/* 选择我们的4大理由 */
.ys {padding: 69px 0 38px;}
.ys .index-title{margin-bottom: 50px;}
.ys .index-title strong{font-size: 70px; color: #1E51AD; font-style: italic; line-height: 53px; }
.ys-list ul li{display: flex; justify-content: space-between; margin-bottom: 40px;}
.ys-list ul li .pic{width: 600px; position: relative;}
.ys-list ul li .num{position: absolute; width: 89px;height: 112px;background: #1e50ae; display: flex; align-items: center; justify-content: center; left: 33px; top: -38px;}
.ys-list ul li .num b{display: block; font-size: 40px; line-height: 32px; color: #fff; position: relative; height: 55px;}
.ys-list ul li .num b:after{position: absolute; content: ''; width: 45px;height: 6px;background: #ffffff; bottom: 0; left: 0;}
.ys-list ul li .info{width: 559px; margin-right: 40px; margin-top: 32px;}
.ys-list ul li .info strong{display: block; font-size: 30px; color: #1E50AE;}
.ys-list ul li .info h4{display: block; font-size: 14px; color: #999999; margin-bottom: 16px;}
.ys-list ul li .info h5{display: block; font-size: 14px; line-height: 27px; color: #666666;}


/* 为什么选择我们 */
.choose{background: url(../image/choose-bg.jpg) no-repeat center top; padding: 88px 0 85px;}
.choose-title{text-align: center; margin-bottom: 79px;}
.choose-title b{display: block; font-size: 60px; line-height: 48px; color: #42A5F6; font-family: arial;}
.choose-title strong{display: block; font-size: 36px; color: #fff; margin-bottom: 24px;}
.choose-title i{display: block; width: 54px;height: 7px;background: #ffffff; margin: 0 auto;}
.choose-list{margin-bottom: 53px; overflow: hidden;}
.choose-list ul{display: flex; justify-content: center;}
.choose-list ul li{margin: 0 53px;}
.choose-list ul li img{display: block;  transition: all 2s; margin: 0 auto 10px;}
.choose-list ul li h2{display: block; font-size: 18px; color: #fff;}
.choose-list ul li:hover img{transform: rotateY(360deg);}
.honor-list ul li{float: left; margin-right: 35px;}
.honor-list ul li .pic{width: 295px; height: 400px; overflow: hidden;}
.honor-list ul li .pic img{display: block;}


/* 新闻资讯 */
.news{background: url(../image/news-bg.jpg) no-repeat center; padding: 77px 0 106px; background-size: cover;}
.news-title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 78px;}
.news-title strong{ font-size: 36px; color: #1E50AE; display: block;}
.news-title span{display: inline-block; font-size: 16px; color: #222; font-weight: normal; position: relative; padding-left: 36px; vertical-align: middle; margin-left: 7px;}
.news-title span:after{position: absolute; content: ''; width: 35px; height: 1px; background: #222; left: 0; top: 14px;}
.news-list ul li dt{margin-bottom: 55px;}
.news-list ul li em,.news-list ul li span{display: block; font-family: arial;text-align: center;}
.news-list ul li em{font-size: 24px; line-height: 22px; color: #666; margin-bottom: 11px;}
.news-list ul li span{ font-size: 14px; line-height: 12px;}
.news-list ul li dd{display: block; width: 8px; height: 8px; background: #b3b3b3; position: relative; border-radius: 50%;  margin: 14px 20px 0; z-index: 1;}
.news-list ul li dd:before{animation:myscale 4s linear 2s infinite ;-moz-animation:myscale 4s linear 2s infinite ;	-webkit-animation:myscale 4s linear 2s infinite ;	-o-animation:myscale 4s linear 2s infinite ; opacity: 0; position: absolute; content: ''; width: 16px; height: 16px; background: rgba(225,225,225,0.6); top: -4px; margin-left: -4px;  border-radius: 50%; z-index: -1; }
@keyframes myscale
{
	  0% {
	    transform: scale(1);
	    opacity: 1;
	  }
	  100% {
	    opacity: 0;
	    transform: scale(1.3);
	  }
}

@-moz-keyframes myscale /* Firefox */
{
	0% {
	  transform: scale(1);
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  transform: scale(1.3);
	}
}

@-webkit-keyframes myscale /* Safari and Chrome */
{
	0% {
	  transform: scale(1);
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  transform: scale(1.3);
	}
}

@-o-keyframes myscale /* Opera */
{
	0% {
	  transform: scale(1);
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  transform: scale(1.3);
	}
}
.news-list ul li .text{margin-top: 10px; width: 950px;}
.news-list ul li h3{display: block; font-size: 16px; line-height: 16px; color: #333; margin-bottom: 14px;}
.news-list ul li p{display: block; font-size: 14px; line-height: 21px; color: #878787;}

.news-list ul li:hover dd{background: #1e51ad;}
.news-list ul li:hover dd:before{background: rgba(19, 67, 157, 0.3);}
.news-list ul li:hover h3{color: #1e50ae;}


/* 公共底部 */
.footer-top{background: #1F1F1F; padding: 44px 0 38px;}
.footer-top .logo{border-bottom: 1px solid #3D3D3D; padding-bottom: 9px; margin-bottom: 30px;}
.footer-top .logo a{display: block; font-size: 24px; color: #DEDEDE; font-weight: bold;}
.footer-con{display: flex; justify-content: space-between;}
.contact p{font-size: 16px; line-height: 26px; color: #DEDEDE;}
.contact span{display: inline-block; margin-left: 27px;}
.wechat{text-align: right;}
.wechat img{display: block; margin-left: auto;}
.wechat em{display: block; font-size: 14px; color: #666; margin: 8px 0 18px;}
.wechat h3{display: block; font-size: 14px; color: #DEDEDE;}
.footer-copy{background: #121212; padding: 4px 0;}
.footer-copy p{text-align: center; font-size: 14px;  color: #666;}
.footer-copy a{color: #666;}
.footer-copy a:hover{color: #fff;}


/* 返回顶部 */
.top-back{background: #ff7f00; width: 50px; height: 50px; border-radius: 2px; position: fixed; right: 69px; bottom: 49px; opacity: 0;transition: opacity .3s ease-out,background .3s ease-out,border-color .3s ease-out,transform .3s ease-out;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;    transform: scale3d(0,0,0);  display: flex; align-items: center; justify-content: center;     cursor: pointer;}
.top-back img{display: block;}
.back-addclass{opacity: 1; transform: scale3d(1, 1, 1);}
.top-back:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}




/*在线咨询*/
.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(/public/static/index/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{height: 350px; }
.ny-banner ul li{display: flex; align-items: center; justify-content: center;}
.ny-banner .container{display: flex;  }
.ny-banner .text{margin-left: 283px;}
.ny-banner strong{display: block; font-size: 48px; color: #1E50AE; text-align: center;}
.ny-banner h2{display: block; font-size: 30px; color:#1E50AE;}


/* 内页样式 */
.ny-banner{height: 350px;}
.position{height:55px; line-height:55px; font-size:14px; margin-bottom: 40px; background: #fcfcfc;} 
.position img{margin-right: 10px}
.position span>a{background:url(../image/position-arrow.png) no-repeat right; padding-right:11px; margin-right:10px;}
.position span>a:last-child{background: transparent;}
.position span>a.on{color: #1d2186;}
.position span>a:hover{color: #1d2186;}

.ctitle1 li{float: left; margin-left: 30px}
.ctitle1 li a{display: block; font-size: 16px; color: #333; position: relative; }
.ctitle1 li a:after{position: absolute; content: ''; width: 0; height: 2px; background: #13439d; bottom: 0; left: 50%; transition:0.6s;}
.ctitle1 li:hover a:after,.ctitle1 li.on a:after{width: 100%; left: 0}











/*  内页main*/
.ny-main{margin-bottom: 80px;}


/* 内页公司简介 */
.about-title em{display: block; font-size: 36px; line-height: 36px; color: #1E50AE; margin-bottom: 14px;}
.about-title span{display: block; font-size: 36px; line-height: 24px; color: #D8D8D8; font-family: arial; text-transform: uppercase}
.nyabout{margin-bottom: 50px;}
.about-con{display: flex; justify-content: space-between;}
.about-con .about-title{margin-bottom: 25px;}
.about-con .info{width: 598px;}
.about-con .info p{font-size: 16px; line-height: 26px; color: #666;}
.about-con .pic img{display: block; margin-top: 35px;}
.culture{background: url(../image/culture-bg.jpg) no-repeat center top; padding-bottom: 8px;}
.culture .about-title{position: relative; margin-top: 64px; padding: 26px 0 26px 60px; background: #1d50af; margin-bottom: 45px; }
.culture .about-title em{color: #fff; position: relative; z-index: 1; margin-bottom: 20px;}
.culture .about-title span{opacity: 0.4;position: relative; z-index: 1;}
.culture .about-title:after{position: absolute; content: ''; width: 100%; background: #1d50af; left: 0; top: 0; height: 100%; z-index: 0; }
.culture-list dl{display: flex; align-items: center; margin-bottom: 49px;}
.culture-list dl dt img{display: block; margin-right: 37px;}
.culture-list dl dd strong{display: block; font-size: 20px; color: #1D50AF;}
.culture-list dl dd em{display: block; font-size: 16px; color: #666;}
.field{padding: 80px 0 0;}
.field .about-title{text-align: center; margin-bottom: 40px;}
.field .about-title em{margin-bottom: 20px;}
.field-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.field-list ul li{width: 400px; margin-bottom: 20px; }
.field-list ul li .pic{width: 400px; height: 274px; overflow: hidden;}
.field-list ul li .pic img{display: block; width: 100%;}
.field-list ul li em{display: block; font-size: 20px; line-height: 60px; color: #202020; text-align: center;}


/* 荣誉资质 */
.ny-title{text-align: center; margin-bottom: 55px;}
.ny-title em{display: block; font-size: 36px; line-height: 36px; color: #202020;}
.ny-title i{display: block; width: 62px; height: 4px; background: #1e50ae; margin: 17px auto 8px;}
.ny-title h3{display: block;}
.honor-editbox img{display: block; margin: 0 auto;}
.honor-bg{background: url(../image/honor-bg.jpg) no-repeat center; padding: 110px 0;}





/* 内页产品列表页 */
.nyproduct-list ul{width: 1330px;}
.nyproduct-list ul li{float: left; width: 302px; margin-right: 30px; margin-bottom: 30px;}
.nyproduct-list ul li .pic{width: 300px; height: 300px; overflow: hidden; position: relative; border:1px solid #f7f7f7; border-bottom: none;}
.nyproduct-list ul li .pic>img{display: block; width: 100%}
.nyproduct-list ul li .icon{position: absolute; top: 0; width: 100%; height: 100%; background: rgba(19,67,157,0.8); opacity: 0; display: flex;}
.nyproduct-list ul li .icon img{display: block; margin: auto;}
.nyproduct-list .icon::before,.nyproduct-list .icon::after {  position: absolute;  content: '';  opacity: 0;}
.nyproduct-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;}
.nyproduct-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;}
.nyproduct-list .icon::before,.nyproduct-list .icon::after{  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
.nyproduct-list li:hover .icon::before,.nyproduct-list li:hover .icon::after {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);}
.nyproduct-list li:hover .icon::before,.nyproduct-list li:hover .icon::after {  -webkit-transition-delay: 0.05s;  transition-delay: 0.05s;}
.nyproduct-list ul li h3{display: block; background: #f7f7f7; font-size: 16px; color: #4c4c4c; text-align: center; line-height: 50px;}
.nyproduct-list ul li:hover .icon{opacity: 1}
.nyproduct-list ul li:hover h3{color: #1e51ad}






/*产品详情*/
.pro1{margin-bottom: 40px;}
.pro1 .pro-list-pic{width: 500px;}
.pro1 .spec-preview img{display: block;}
.pro1 .descript1{width: 750px;position: relative;}
.pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 35px 0 15px; margin-bottom: 10px;}
.pro1 .descript1 p{font-size: 15px;color: #666;line-height: 30px;margin: 10px 0;text-align: justify; }
.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: #1e51ad;}
.pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.pro1 .descript1 p.haoma em {display: inline-block;color: #1e51ad;font-size: 25px;font-weight: bold; vertical-align: middle;}
.detail {margin-bottom: 20px;}
.detail .de-title{border-bottom: solid 3px #1e51ad; 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:#1e51ad;}
.pro-wechat{display: block; position: absolute; left: 150px;    bottom: -92px;}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.pro-back {margin-top: 50px; margin-bottom: 48px;}
.pro-back a{display: block; width: 144px; font-size: 16px; line-height: 42px; color: #fff;  background: #1e51ad; border-radius: 21px; text-align: center; margin: 0 auto}
.pro-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}



/*内页新闻列表页*/
.ny-news-list ul li{overflow: hidden;padding-bottom: 22px;border: none;border-bottom: solid 1px #f0f0f0; margin-bottom: 20px;}
.ny-news-list ul li .date{width: 82px;padding: 14px 7px;border:solid #dbdbdb 1px;border-radius: 5px;}
.ny-news-list ul li .date span{display: block;border-bottom: solid #dbdbdb 1px;font-size: 40px;line-height: 40px;color: #13439d; padding-bottom: 8px;}
.ny-news-list ul li .date p{font-size: 17px;line-height: 17px;color: #747474; margin-top: 15px; text-align: center;}
.ny-news-list ul li .descript{overflow: hidden;width: 1170px;}
.ny-news-list ul li .descript strong{ font-size: 17px;line-height: 38px;color: #232323;font-weight: bold;display: block;}
.ny-news-list ul li .descript strong:hover{color: #13439d; }
.ny-news-list ul li .descript p{color: #5f5f5f;font-size: 14px;line-height: 22px;}



/*新闻详情页*/
.newsxq-title{   padding-bottom: 1.875rem; margin-bottom: 2.5rem;  border-bottom: 1px solid #dcdcdc; }
.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: #13439d;}


/* 内页返回样式 */
.xq-back a{transition:0.6s; display: block; width: 9rem; font-size: 1rem; line-height: 2.625rem; color: #fff;  background: #000; border-radius: 1.3125rem; text-align: center; margin: 3rem auto 0}
.xq-back a>img{display: inline-block; margin-right: 0.6875rem; vertical-align: sub;}
.xq-back a:hover{background: #13439d;}
.newsxq-page .xq-back a{margin-top: 0;}



.down-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.down-list ul li{width: 48%; border-bottom: 1px solid #ccc;}
.down-list ul li a{display: flex;align-items: center; justify-content: space-between; height: 60px;}
.down-list ul li img{display: inline-block; margin-right: 5px; vertical-align: middle;}
.down-list ul li em{display: block; font-size: 16px; color: #333;}
.down-list ul li span{display: block; font-size: 15px; color: #666;}
.down-list ul li:hover em{color: #13439d;}


/*分页*/
.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(/public/static/index/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);}