@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:14px/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-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: 109px; background: #fff; position: fixed; top: 0; width: 100%; z-index: 222; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.head .logo{margin-top: 31px; }
.head .logo img{display: block;  }
.nav ul li{float: left;    position: relative; margin-left: 40px;}
.nav ul li>a{display: block;font-size: 16px;  line-height: 109px; color: #333; }
.nav ul li:hover>a,.nav ul li.on>a{color: #21a2fd; }
.head-zw{height: 109px;}
.head-tel{margin-top: 35px;color: #cd0000;}
.head-tel b{display: block; font-size: 20px; }

/*首页banner*/
.banner{position:relative; }
.banner-hd {height:750px;position: relative; overflow:hidden; width: 100%;}
.banner-hd ul{height:100%;margin: 0 auto;}
.banner-hd ul li{height:100%;}
.banner-hd ul a{display: block; height:100%;margin: 0 auto;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:27px; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:15px;height:15px; margin:0 12px; cursor:pointer; float: left; background: rgba(255,255,255,0.5); -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius: 50%;}
.banner-hd .num li.on {background: #21a2fd;  } /*当前项*/
.banner-prev,.banner-next{position: absolute; width: 86px; height: 86px; top: 265px; border-radius: 50% }
.banner-prev{background: url(../images/banner-prev.png)no-repeat center rgba(255,255,255,0.5); left: 97px}
.banner-next{background: url(../images/banner-next.png)no-repeat center rgba(255,255,255,0.5); right: 97px}
.banner-prev:hover{background: url(../images/banner-prev.png)no-repeat center rgba(255,255,255,0.7);}
.banner-next:hover{background: url(../images/banner-next.png)no-repeat center rgba(255,255,255,0.7);}


/*综合团队 高新企业*/
.index-title{text-align: center;}
.index-title strong{display: block; font-size: 42px; color: #333;}
.index-title b{color: #21a2fd}
.index-title h3{display: block; background: url(../images/title-line.png) no-repeat center; font-size: 20px; color: #333;}
.about{padding: 60px 0 95px}
.about .index-title{margin-bottom: 67px}
.about .info{width: 604px}
.about .info em{display: block; font-size: 38px; line-height: 38px; color: #21A2FD; margin-bottom: 11px; }
.about .info img{display: block; margin-bottom: 27px;}
.about .info i{display: block; width: 604px;height: 1px;background: #21a2fd;  margin-bottom: 30px;}
.about .info p{font-size: 16px; color: #999999;line-height: 28px; margin-bottom: 14px;}


/*技术服务 科技产品*/
.proclass-bg{background: url(../images/proclass-bg.jpg) no-repeat center top; padding: 77px 0 87px}
.proclass-bg .index-title{margin-bottom: 73px}
.proclass-con{position: relative;}
.proclass-list{overflow: hidden;}
.proclass-list ul li{float: left; width: 305px; margin-right: 27px;}
.proclass-list ul li .pic{position: relative; width: 305px; height: 281px; overflow: hidden;}
.proclass-list ul li .pic>img{display: block;}
.proclass-list ul li .more {transition:0.6s; position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: -100%;     display: flex;    align-items: center;    justify-content: center;}
.proclass-list ul li .more img{}
.proclass-list ul li .info{height: 191px; box-sizing:border-box; padding: 30px 35px 0; background: #fff;}
.proclass-list ul li .info em{display: block; font-size: 20px; line-height: 20px; color: #333; height: 33px; position: relative; margin-bottom: 18px;}
.proclass-list ul li .info em:after{position: absolute; content: '';width: 50px;height: 1px;background: #8d8d8d; bottom: 0; left: 0 }
.proclass-list ul li .info p{font-size: 16px; color: #8d8d8d;line-height: 24px;}
.proclass-list ul li:hover .more{top: 0; }
.proclass-list ul li:hover .info em{color: #21a2fd}
.proclass-list ul li:hover .info em:after{background: #21a2fd}
.class-prev,.class-next{position: absolute; width: 17px; height: 30px; top: 207px; cursor: pointer;}
.class-prev{background: url(../images/pro-prev.png) no-repeat center; left: -112px;}
.class-next{background: url(../images/pro-next.png) no-repeat center; right: -112px;}
.class-prev:hover{background: url(../images/pro-prev2.png) no-repeat center; }
.class-next:hover{background: url(../images/pro-next2.png) no-repeat center; }



/*环保业务 优势出众*/
.ys{padding: 54px 0 140px}
.ys .index-title{margin-bottom: 70px}
.ys-con{position: relative;}
.ys-list{position: absolute; top: 0; left: 0}
.ys-list ul li strong{display: block; font-size: 26px; color: #333; height: 40px; margin-bottom: 18px; box-sizing:border-box;}
.ys-list ul li img{display: inline-block; margin-right: 21px;}
.ys-list ul li p{font-size: 16px; line-height: 28px; color: #333;}
.ys-list ul li.item1{background: url(../images/ys-num1.png) no-repeat left bottom; width: 404px; height: 215px;  position: absolute; top: 0; left: 244px;}
.ys-list ul li.item1 strong,.ys-list ul li.item1 p{margin-left: 32px;}
.ys-list ul li.item2{background: url(../images/ys-num2.png) no-repeat left bottom; width: 649px; height: 195px;  position: absolute; top: 137px; left: 21px;}
.ys-list ul li.item2 strong,.ys-list ul li.item2 p{margin-left: 124px;}
.ys-list ul li.item3{background: url(../images/ys-num3.png) no-repeat left bottom; width: 531px; height: 131px;  position: absolute; top: 324px; left: 39px;}
.ys-list ul li.item3 strong,.ys-list ul li.item3 p{margin-left: 29px;}
.ys-list ul li.item4{background: url(../images/ys-num4.png) no-repeat left bottom; width: 531px; height: 131px;  position: absolute; top: 467px; left: 118px;}
.ys-list ul li.item4 strong,.ys-list ul li.item4 p{margin-left: 29px;}
.ys-pic{margin-top: 106px; margin-right: 68px;}




/*联系我们*/
.contact{background: url(../images/contact-bg.jpg) no-repeat center; height: 252px; padding-top: 60px; box-sizing:border-box;}
.contact .info{margin-left: 127px;}
.contact .info strong{display: block; font-size: 46px; line-height: 46px; color: #fff; margin-bottom: 26px;}
.contact .info span{display: inline-block; font-size: 22px; color: #fff; font-weight: lighter; margin-left: 15px;}
.contact .info a{display: inline-block; width: 234px;  background: #21a2fd; border-radius: 29px; font-size: 22px; line-height: 57px; color: #fff; text-align: center;}
.contact .info img{display: inline-block; vertical-align: middle; margin-right: 2px;}
.contact .info img.tel{ animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;}
@keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    70% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);
    }
    75% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg);
    }
    80% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);
    }
    85% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg);
    }
    90% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);
    }
    95% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}

@-webkit-keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    70% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);
    }
    75% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg);
    }
    80% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);
    }
    85% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg);
    }
    90% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);
    }
    95% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}

.wechat em{display: block; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; font-size: 18px; color: #fff; margin-left: 22px}



/*紧追时事 公司新闻*/
.news{padding: 50px 0 94px}
.news .index-title{margin-bottom: 79px}
.latest{width: 503px; position: relative;}
.latest ul li{position: relative;}
.latest ul li .pic{width: 503px; height: 376px; }
.latest ul li .name{position: absolute; width: 100%; bottom: 0; background: rgba(0,0,0,0.4); height: 62px; }
.latest ul li .name em{display: block; text-indent: 27px; font-size: 16px; line-height: 62px; color: #fff;}
.latest .num { overflow:hidden;  position:absolute; bottom:25px; right:7;text-align:center;zoom:1; z-index:3 ; right: 7px;}
.latest .num ul{display: inline-block;}
.latest .num li {width:12px;height:12px; margin-right: 10px; cursor:pointer; float: left; background: #fff; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius: 50%;}
.latest .num li.on {background: #205490;  } /*当前项*/
.news-list ul li{width: 730px; height: 111px; border: 1px solid #d8d8d8; margin-bottom: 22px; position: relative; box-sizing:border-box;}
.news-list ul li .date{width: 105px; margin-right: 12px; text-align: center; }
.news-list ul li .date span{display: block; font-size: 50px; line-height: 38px; color: #333; font-family: arial; margin: 20px 0 21px}
.news-list ul li .date b{display: block; font-size: 18px; line-height: 14px; color: #333; font-family: arial; font-weight: normal;}
.news-list ul li .info{width: 580px;}
.news-list ul li .info h3{ font-size: 18px; color: #333; margin: 15px 0 3px}
.news-list ul li .info p{ font-size: 16px;  line-height: 24px; color: #c3c3c3}
.news-list ul li::before,.news-list ul li::after {  box-sizing: border-box;  content: '';  position: absolute;  width: 100%;  height: 100%;  }
.news-list ul li::before,.news-list ul li::after {  border: 1px solid transparent;  width: 0;  height: 0;  }
.news-list ul li::before {  top: -1px;  left:1px;  }
.news-list ul li::after {  bottom: -1px;  right: 1px;  }
.news-list ul li:hover::before,.news-list ul li:hover::after {  width: 100%;  height: 100%;  }
.news-list ul li:hover::before {  border-top-color: #333;  border-right-color: #333;  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;  }
.news-list ul li:hover::after {  border-bottom-color: #333;  border-left-color: #333;  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;  }


/*公共底部*/
.footer{background: #181818; padding: 77px 0 23px}
.footer-con{padding-bottom: 92px;}
.foot-list dl{float: left;}
.foot-list dl dt{display: block; font-size: 18px; line-height: 18px; color: #fff; font-weight: bold; margin-bottom: 21px;}
.foot-list dl dd{display: block; font-size: 15px; line-height: 37px; color: #BABABA}
.foot-list dl dd a{color: #BABABA}
.foot-list dl dd a:hover{color: #fff;}
.foot-list dl.foot-nav{width: 288px; margin-right: 158px;}
.foot-list dl.foot-nav dd{float: left; margin-right: 84px}
.foot-right .search{width: 352px; height: 59px; background: #eaeaea; border-radius: 30px; position: relative; margin-bottom: 26px;}
.foot-right .search input{outline: none; border: none; font-family: "Microsoft YaHei"}
.search-text{display: block; font-size: 18px; line-height: 59px; color: #333; background: transparent; text-indent: 44px;  width: 280px;}
.search-btn{position: absolute; content: ''; background: url(../images/search-btn.png) no-repeat right center; width: 29px; height: 29px; top: 15px; right: 20px;}
.foot-copy p{color: #6a6a6a}
.foot-copy a{color: #6a6a6a}
.foot-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: #21a2fd;}
.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: #21a2fd;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 #21a2fd;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;}



/*内页样式*/
.ny-hd{height: 550px;}
.ny-hd .num{bottom: 14px}
.ny-hd .banner-prev,.ny-hd .banner-next{top: 232px;}
.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px; width: 1170px;}
.position a{background:url(../images/position-arrow.png) no-repeat right; padding-right:20px; margin-right:10px;}
.position a:last-child{background: transparent;}
.position .on{color: #21a2fd;}
.position a:hover{color: #21a2fd;}

.ny-main{margin: 30px 0 80px;}
.ny-main .container{width: 1200px;}
.ny-left {width: 260px; }
.column-title{background: #21a2fd; height: 100px;}
.column-title em{display: block; font-size: 25px; line-height: 25px; padding-top: 30px; margin-bottom: 3px;}
.column-title span{display: block;  opacity: 0.61; font-family: arial; text-transform: uppercase;}
.ctitle1{background: #eee; width: 220px; padding: 18px 20px 32px; margin-bottom: 30px; border-bottom: solid 6px #21a2fd;}
.ctitle1 li{float: left; width: 100%}
.ctitle1 li a{display: block;  font-size: 16px; line-height: 42px; color: #000;border-bottom: solid 1px #ccc; font-weight: bold; background: url(../images/ctitle1-li.png) no-repeat right center;}
.ctitle1 li:hover a,.ctitle1 li.on a{color: #21a2fd}
.ny-contact {background: #fafafa; }
.ny-contact .bg{display: block; width: 240px;padding-left: 20px; height: 100px;background: url(../images/ny-contact.jpg) no-repeat center center;}
.ny-contact span,.ny-contact em{display: block;color: #fff;}
.ny-contact span{font-size: 18px;line-height: 18px;padding-top: 30px;}
.ny-contact em{font-family: arial;}
.ny-contact ul{padding:20px 10px  10px;background: #f2f2f2;margin-bottom: 20px;}
.ny-contact ul li span,.ny-contact ul li img,.ny-contact ul li a{display: block;margin: 0 auto;}
.ny-contact ul .ny-qcode{padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom: 14px;}
.ny-contact ul .ny-qcode span{color: #4c4c4c;line-height: 14px;padding-top: 10px;}
.ny-contact ul .ny-tel{text-align: center;}
.ny-contact ul .ny-tel b{font-size: 22px;font-family: arial;color: #21a2fd;}
.ny-contact ul .ny-tel b>img{display: inline-block; }
.ny-right{width: 910px; overflow: hidden;}



/*内页产品列表*/
.product-list ul{width: 940px;}
.product-list ul li{float: left; width: 283px; margin-right: 30px; margin-bottom: 30px;}
.product-list ul li .pic{width: 283px; height: 261px; position: relative; overflow: hidden;}
.product-list ul li .more{position: absolute;top:0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; transition:0.6s; opacity: 0;}
.product-list ul li .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.product-list ul li .line_1 { width: 40px; height: 1px; margin: -1px 0px 0px -20px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.product-list ul li .line_2 { width: 1px; height: 40px; margin: -20px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.product-list ul li:hover .more{opacity: 1;}
.product-list ul li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.product-list ul li h3{display: block;font-size: 15px; line-height: 45px; color: #333; border-bottom: 1px solid #ccc; background: url(../images/link.png) no-repeat right center;}


/*产品详情*/
.ny-right  .pro1{margin-bottom: 40px;}
.ny-right  .pro1 .pro-list-pic{width: 352px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 530px;position: relative;}
.ny-right  .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;}
.ny-right  .pro1 .descript1 p{font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; margin-bottom: 0 }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #21a2fd;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #21a2fd;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .detail {margin-bottom: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #21a2fd; margin-bottom: 20px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#21a2fd;}
.pro-wechat{display: none; 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);}



/*内页应用领域列表页*/
.picture-list ul{width: 940px;}
.picture-list ul li{float: left; width: 283px; margin-right: 30px; margin-bottom: 30px;}
.picture-list ul li .pic{width: 283px; height: 200px; position: relative; overflow: hidden;}
.picture-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.picture-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;}
.picture-list ul li h3{display: block; background: #fcfcfc; font-size: 16px; line-height: 50px; color: #333; text-align: center;}
.picture-list ul li:hover h3{background: #21a2fd; color: #fff;}





/*内页 新闻列表*/
.ny-news-list ul li{padding-bottom: 25px;border-bottom: solid 1px #f0f0f0; margin-bottom: 25px; position: relative;}
.ny-news-list ul li:after{position: absolute; content: ''; width: 0; height: 1px; bottom: -1px; left: 0; background: #21a2fd;  transition:0.6s;}
.ny-news-list ul li .date{width: 78px;padding: 16px 7px;border:solid #ccc 1px;border-radius: 2px;font-family: arial; }
.ny-news-list ul li .date span{display: block;border-bottom: solid #ccc 1px;font-size: 42px;line-height: 36px;color: #21a2fd; padding-bottom: 6px;}
.ny-news-list ul li .date p{font-size: 16px;line-height: 16px;color: #808080; margin-top: 10px;text-align: center;}
.ny-news-list ul li .descript{overflow: hidden;width: 790px; margin-top: 5px;}
.ny-news-list ul li .descript h3{font-size: 18px;line-height: 36px;color: #333;}
.ny-news-list ul li .descript p{color: #999;line-height: 22px;padding-top: 5px;}
.ny-news-list ul li:hover .descript h3{color: #21a2fd;}
.ny-news-list ul li:hover:after{width: 100%}



/* 搜索页面 */
.search-page .box {margin-top: 10vh;}
.search-page form {width: 60%;margin: auto; margin-bottom: 100px; 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: 23px;  height: 23px; display: block; cursor: pointer; background: url(../images/header-search.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
/* .search-page form .sub:hover {filter: none;} */
.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: #21a2fd; 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);}



/*分页*/
.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: #21a2fd;}
.fy .layui-laypage-curr {color: #fff; background: #21a2fd; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}