.index-menu{position:fixed;top:-100%;right:0;left:0;z-index:100;height:100%;background:rgba(0,0,0,.9);text-align:center;}
.index-menu .wp{height:100%;}
.index-menu ul li{display:inline-block;margin-bottom:15px;}
.index-menu ul li a{display:block;margin:0 10px;padding:10px 25px;border:1px solid #ccc;color:#ccc;font-size:15px;}
.index-menu ul li a:hover,.index-menu ul li a.on{border:1px solid #f5a500;color:#f5a500;animation:upDown 1s infinite;}
.menu-logo{margin-bottom:50px;}
.menu-logo a img{display:inline-block;}
.index-close-nav{position:absolute;top:4%;right:6.25%;}
.index-close-nav i{color:#ccc;font-size:24px;cursor:pointer;}
.index-top{position:fixed;top:2%;right:0;left:0;z-index:99;background:0 0;color:#fff;font-size:16px;}
.index-top a{color:#fff;}
.index-top i.iconfont{margin-right:8px;vertical-align:-3px;font-size:24px;}
.index-top .top-fr{margin-top:15px;}
.index-top .lan{margin-right:20px;}
.index-top .i-menu{border:none;background:0 0;color:#fff;cursor:pointer;}
.index-top .i-menu span{position:relative;top:-3px;display:inline-block;margin-right:5px;width:25px;height:2px;background:#fff;}
.index-top .i-menu span::before{position:absolute;top:-7px;right:0;display:block;width:20px;height:2px;background:#fff;content:'';}
.index-top .i-menu span::after{position:absolute;right:0;bottom:-7px;display:block;width:20px;height:2px;background:#fff;content:'';}
body,html{position:relative;height:100%;}
.page{position:relative;height:100%;}
.page .swiper-container{width:100%;height:100%;}
.banner .swiper-container .swiper-slide-1{position:relative;}
.banner .swiper-container .swiper-slide-1::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:rgba(0,0,0,.66);content:'';}
/*.banner .swiper-container .video::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:rgba(0,0,0,.1);content:'';}*/
.banner .swiper-container .swiper-slide-1 .imgTit{position:relative;z-index:5;margin:0 auto;width:90%;max-width:1071px;}
.banner .swiper-pagination-bullet{display:inline-block;width:70px;height:2px;border-radius:0;background:#fff;opacity:.9;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}
.banner .swiper-pagination-bullet-active{background:#66cce1;opacity:1;}
.banner .swiper-button-next,.banner .swiper-button-prev{position:absolute;top:50%;z-index:10;margin-top:-22px;margin-top:-38px;width:40px;height:79px;background-position:center;background-repeat:no-repeat;cursor:pointer;}
/*.banner .swiper-button-prev{left:20px;background:url(https://3.swiper.com.cn/templets/default/images/swiper_button_001.png) top left;}
.banner .swiper-button-next{right:20px;background:url(https://3.swiper.com.cn/templets/default/images/swiper_button_001.png) top right;}*/
.down-arr{position:absolute;right:0;bottom:0;z-index:15;width:96px;height:93px;background:url(../img/cir.png) no-repeat right bottom;}
.down-arr img{margin-top:20px;margin-left:45px;animation:upDown 1s infinite;}
@keyframes upDown{0%{transform:translateY(0);}
50%{transform:translateY(8px);}
100%{transform:translateY(0);}
}
@-moz-keyframes upDown{0%{transform:translateY(0);}
50%{transform:translateY(8px);}
100%{transform:translateY(0);}
}
@-webkit-keyframes upDown{0%{transform:translateY(0);}
50%{transform:translateY(8px);}
100%{transform:translateY(0);}
}
@-o-keyframes upDown{0%{transform:translateY(0);}
50%{transform:translateY(8px);}
100%{transform:translateY(0);}
}
.i-news{background:url(../img/nbg.png) repeat center;padding-top: 80px}
.sw3 .swiper-button-next,.sw3 .swiper-button-prev{position:absolute;top:50%;z-index:10;margin-top:-25px;width:50px;height:50px;border-radius:50%;background:#ddd;text-align:center;line-height:50px;cursor:pointer;}
.sw3 .swiper-button-next i,.sw3 .swiper-button-prev i{font-size:24px;}
.sw3 .swiper-button-next:hover,.sw3 .swiper-button-prev:hover{background:#f5a500;color:#fff;}
.sw3 .swiper-button-prev{left:2%;}
.sw3 .swiper-button-next{right:2%;}
.sw3 .swiper-slide .info{padding:15px;background:#fff;transition: all .3s}

.sw3 .swiper-slide h4{overflow:hidden;margin:0 0 10px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.sw3 .swiper-slide .des{color:#777;}
.sw3 .swiper-slide .infob{margin-top:10px;}
.sw3 .swiper-slide .infob a{float:right;font-weight:700;}
.sw3 .swiper-slide:hover .info{background:#F5A500;color: #fff}
.sw3 .swiper-slide:hover h4{color: #fff}
.sw3 .swiper-slide:hover a{color: #fff}
.sw3 .swiper-slide:hover .des{color: #fff}
.more-news{margin-top:50px;}
.more-news a{display:inline-block;padding:10px 40px;border:1px solid #ddd;border-radius:35px;color:#fff;transition:padding .3s;}
.more-news a:hover{padding:10px 50px;}
.i-news-tit{margin-bottom:50px;color:#fff;font-weight:700;font-size:30px;line-height:1.1em;}
.i-news-tit small{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.1em;font-size:18px;}
.nav-bg{margin-bottom:1%;width:100%;height:90px;background:#013252;}
.i-pro-item{display:flex;padding-bottom:1%;height:calc(100% - 100px);flex-direction:row;flex-wrap:wrap;}
.i-pro-item .item{overflow:hidden;margin:0 .5%;height:49%;background-position:center;background-size:cover;background-repeat:no-repeat;}
.i-pro-item .item a.mas{position:relative;display:block;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:transform .3s;transform-origin:bottom center;}
.i-pro-item .item a.mas p.tit{position:absolute;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);color:#fff;text-align:center;line-height:35px;}
.i-pro-item .item a.mas .hide-con{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;padding:0 5%;background:rgba(0,87,143,.8);color:#fff;text-align:center;text-transform:uppercase;opacity:0;}
.i-pro-item .item a.mas .hide-con h3{margin-bottom:20px;font-size:20px;}
.i-pro-item .item a.mas .hide-con i{display:inline-block;width:40px;height:40px;border:1px solid #fff;border-radius:50%;text-align:center;line-height:38px;}
.i-pro-item .item:hover a.mas{transform:scale(1.05);}
.i-pro-item .item:hover a.mas p.tit{visibility:hidden;opacity:0;}
.i-pro-item .item:hover a.mas .hide-con{visibility:inherit;opacity:1;}
.i-pro-item .item:nth-child(2){width:24%;}
.i-pro-item .item:nth-child(3){width:22%;}
.i-pro-item .item:nth-child(4){width:17%;}
.i-pro-item .item:nth-child(1){width:33%;}
.i-pro-item .item:nth-child(5){width:34%;}
.i-pro-item .item:nth-child(6){width:34%;}
.i-pro-item .item:nth-child(7){width:29%;}
.i-pro .spt{font-size:33px;}
.i-about-item{display:flex;padding-bottom:1%;height:calc(100% - 100px);flex-direction:row;flex-wrap:wrap;}
.i-about-item .item{overflow:hidden;margin:0 .5%;background-position:center;background-size:cover;background-repeat:no-repeat;}
.i-about-item .item a.mas{position:relative;display:block;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:transform .3s;transform-origin:bottom center;}
.i-about-item .item a.mas p.tit{position:absolute;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);color:#fff;text-align:center;line-height:35px;}
.i-about-item .item a.mas .hide-con{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;padding:0 5%;background:rgba(0,87,143,.8);color:#fff;text-align:center;text-transform:uppercase;opacity:0;}
.i-about-item .item a.mas .hide-con h3{margin-bottom:20px;font-size:20px;}
.i-about-item .item:hover a.mas{transform:scale(1.05);}
.i-about-item .item:hover a.mas p.tit{visibility:hidden;opacity:0;}
.i-about-item .item:hover a.mas .hide-con{visibility:inherit;opacity:1;}
.i-about-item .item:nth-child(1){height:61%;width:52%;}
.i-about-item .item:nth-child(2){height:61%;width:46%;}
.i-about-item .item:nth-child(3){height:38%;width:15.6666%;}
.i-about-item .item:nth-child(4){height:38%;width:15.6666%;}
.i-about-item .item:nth-child(5){height:38%;width:15.6666%;}
.i-about-item .item:nth-child(6){height:38%;width:15.6666%;}
.i-about-item .item:nth-child(7){height:38%;width:15.6666%;}
.i-about-item .item:nth-child(8){height:38%;width:15.6666%;}
.i-case{position:relative;height:100%;}
.i-case-item{display:flex;padding:8% 6%;height:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.i-case-item .item{margin:0 .5%;background-position:center;background-size:cover;background-repeat:no-repeat;}
.i-case-item .i-case-tab{width:72%;}
.i-case-item .i-case-right{max-width:280px;width:21%;}
.i-case-list{position:relative;height:100%;-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari 和 Chrome */
column-count:3;-moz-column-gap:20px; /* Firefox */
-webkit-column-gap:20px; /* Safari 和 Chrome */
column-gap:20px;}
.i-case-list li{float:none;overflow:hidden;box-sizing:border-box;width:100%;-moz-page-break-inside:avoid;
    -webkit-column-break-inside:avoid;
    break-inside:avoid;}
.i-case-list li a{position:relative;display:block;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:transform .3s;transform-origin:bottom center;}
.i-case-list li a p{position:absolute;right:0;bottom:0;left:0;padding:0 10%;background:rgba(0,0,0,.6);color:#fff;text-align:center;line-height:35px;}
.i-case-list li:hover a{-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05);}
.i-case-list li:nth-child(1){margin-bottom:15px;height:calc(45% - 15px);}
.i-case-list li:nth-child(2){height:55%;}
.i-case-list li:nth-child(3){margin-bottom:15px;height:calc(55% - 15px);}
.i-case-list li:nth-child(4){height:45%;}
.i-case-list li:nth-child(5){height:100%;}
.i-case-right p{margin-bottom:20px;font-size:28px;}
.i-case-right ul{padding-top:20%;}
.i-case-right ul li{margin-bottom:5px;}
.i-case-right ul li{padding:10px 20px;color:#fff;font-size:15px;cursor: pointer;}
.i-case-right ul li.on,.i-case-right ul li:hover{background:#00578f;color:#fff;}
.i-contact-item{display:flex;height:calc(99% - 100px);flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.i-contact-item .item:nth-child(1){display:-webkit-flex;display:flex;width:53%;flex-direction:column;}
.i-contact-item .item:nth-child(1) .item-1{height:30%;}
.i-contact-item .item:nth-child(1) .item-2{height:70%;}
.i-contact-item .item:nth-child(1) .item-1 .txt{margin-top:20px;}
.i-contact-item .item:nth-child(1) .item-1 .txt p{padding:8px 0;font-size:20px;}
.i-contact-item .item:nth-child(1) .item-1 .txt p:nth-child(2){text-indent:4em;}
.i-contact-item .item:nth-child(2){display:-webkit-flex;display:flex;width:46%;flex-direction:column;}

/*.info-title{padding:0 0 0 6px;background-color:#00578f;color:#fff;letter-spacing:1px;font-weight:lighter;font-size:14px;line-height:26px;}*/
/*.info-content{padding:4px;color:#666;line-height:23px;}*/
.info-title{padding:0 0 0 6px;background-color:transparent;color:#00578f;letter-spacing:1px;font-weight:bold;font-size:16px;line-height:26px;}
.info-content{padding:4px;color:#666;line-height:23px;}
.amap-info-combo{
    display: none;
}
.amap-adcontent-body{
    padding: 10px 18px 10px 10px;
}

.con-way{height:50%;}
.con-way ul li{display:flex;margin-bottom:1%;height:24%;background:#eee;flex-direction:row;flex-wrap:nowrap;}
.con-way ul li p:nth-child(1){border-right:1px solid #ddd;text-align:center;width:20%;}
.con-way ul li p:nth-child(2){padding-left:5%;color:#555;font-size:16px;line-height:1.8em;width:80%;}
.con-way ul li p:nth-child(1) i{display:block;margin:0 auto;width:50px;height:50px;border-radius:50%;background:#c7c7c7;color:#fff;text-align:center;font-size:28px;line-height:50px;}
.con-way ul li p:nth-child(1) span{display:block;margin-top:5px;font-weight:700;font-size:15px;}
.about-txt .i-news-tit{margin-bottom:30px;}
.about-txt p.spt{margin-bottom:20px;font-weight:700;font-size:18px;}
.about-txt p.info{margin-bottom:20px;font-size:15px;line-height:1.8em;}
.zs li{margin-right:2%;width:23%;height:220px;border:4px solid #f5a500;background-position:center;background-size:auto 100%;background-repeat:no-repeat;}
.swiper-slide-bg{background-color: #fff}
@media screen and (max-width:1440px){.i-news-tit{margin-bottom:50px;color:#fff;font-size:40px;line-height:1.1em;}
.zs li{width:32%;}
.zs li:last-child{display:none;}
}
@media screen and (max-width:1366px){.i-news-tit{margin-bottom:50px;color:#fff;font-size:30px;line-height:1.1em;}
.i-news-tit small{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.1em;font-size:18px;}
.i-case-right p{margin-bottom:20px;font-size:24px;}
.i-case-item{padding:8% 3%;}
.i-pro .spt{font-size:26px;}

}
@media screen and (max-width:1290px){
	.i-news-tit{margin-bottom:25px;color:#fff;font-size:28px;line-height:1.1em;}
.i-news-tit small{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.1em;font-size:18px;}
.i-case-right p{margin-bottom:20px;font-size:24px;}
.i-case-item{padding:10% 3% 5%;}
.i-pro .spt{font-size:26px;}
.index-top{position:fixed;top:3%;right:0;left:0;z-index:99;background:0 0;color:#fff;font-size:16px;}
.about-txt .i-news-tit {
    margin-bottom: 20px;
}
.about-txt p.info {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.8em;
    max-height: 5.4em;overflow: hidden;
}
.i-contact-item .item:nth-child(1) .item-1 .txt {
    margin-top: 10px;
}
.i-contact-item .item:nth-child(1) .item-1 .txt p {
    padding: 8px 0;
    font-size: 16px;
}
.con-way ul li p:nth-child(1) i {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c7c7c7;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 40px;
}
.con-way ul li p:nth-child(1) span {
    display: block;
    margin-top: 0;
    font-weight: 700;
    font-size: 14px;
}
.con-way ul li p:nth-child(2) {
    padding-left: 5%;
    color: #555;
    font-size: 15px;
    line-height: 1.6em;
    width: 80%;
}
}

@media screen and (max-width:1200px){.sw3 .swiper-button-next,.sw3 .swiper-button-prev{display:none;}
.zs li{width:48%;}
.zs li:last-child{display:none;}
.zs li:nth-child(3){display:none;}
}
@media screen and (max-width:1100px){.i-news-tit{margin-bottom:50px;color:#fff;font-size:33px;line-height:1.1em;}
.i-news-tit small{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.1em;font-size:18px;}
.i-case-right p{margin-bottom:20px;font-size:20px;}
}
@media screen and (max-width:900px){.index-top{font-size:14px;}
.index-top .lan{margin-right:10px;}
.index-top i.iconfont{font-size:20px;}
.index-top .logo{max-width:130px;}
.index-top .top-fr{margin-top:10px;}
.down-arr{width:66px;height:64px;background-size:cover;}
.down-arr img{margin-top:15px;margin-left:32px;max-height:35px;animation:upDown 1s infinite;}
.index-menu ul li a{display:block;margin:0 10px;padding:8px 30px;font-size:14px;}
.sw3{margin:0 auto;width:92%;}
.i-news .more-news{margin-top:20px;}
.i-news .more-news a{padding:6px 40px;border:1px solid #ddd;border-radius:35px;color:#fff;}
.i-news-tit{margin-bottom:10px;color:#fff;font-size:30px;line-height:1.1em;}
.i-news-tit small{display:block;margin-top:0;text-transform:uppercase;letter-spacing:.1em;font-size:20px;}
.nav-bg{height:80px;background:#013252;}
.i-pro-item .item{margin:0 .5%;height:24%;}
.i-pro-item .item:nth-child(3){width:54%;}
.i-pro-item .item:nth-child(4){width:44%;}
.i-pro-item .item:nth-child(2){width:38%;}
.i-pro-item .item:nth-child(1){width:60%;}
.i-pro-item .item:nth-child(5){width:100%;}
.i-pro-item .item:nth-child(6){width:44%;}
.i-pro-item .item:nth-child(7){width:54%;}
.i-about-item .item{margin:0 .5%;}
.i-about-item .item:nth-child(1){margin-bottom:2%;height:49%;width:49%;}
.i-about-item .item:nth-child(2){margin-bottom:2%;height:49%;width:49%;}
.i-about-item .item:nth-child(3){margin-bottom:2%;height:26%;width:32.33%;}
.i-about-item .item:nth-child(4){margin-bottom:2%;height:26%;width:32.33%;}
.i-about-item .item:nth-child(5){margin-bottom:2%;height:26%;width:32.33%;}
.i-about-item .item:nth-child(6){margin-bottom:2%;height:26%;width:32.33%;}
.i-about-item .item:nth-child(7){margin-bottom:2%;height:26%;width:32.33%;}
.i-about-item .item:nth-child(8){margin-bottom:2%;height:26%;width:32.33%;}
.i-case-item{padding-top:80px;padding-bottom:8%;}
.i-case-item .i-case-tab{margin-bottom:15px;height:calc(60% - 15px);width:100%;}
.i-case-item .i-case-right{height:40%;max-width:100%;width:100%;}
.i-case-list{position:relative;display:flex;column-count:inherit;column-gap:inherit;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.i-case-list li:nth-child(1){margin-bottom:8px;height:30%;width:45%;}
.i-case-list li:nth-child(2){margin-bottom:8px;height:30%;width:51%;}
.i-case-list li:nth-child(3){margin-bottom:8px;height:30%;width:100%;}
.i-case-list li:nth-child(4){height:30%;width:51%;}
.i-case-list li:nth-child(5){height:30%;width:45%;}
.i-case-right ul{padding-top:5%;}
.i-case-right ul li{display:inline-block;padding:8px 10px;font-size:14px;}
.i-contact-item .item:nth-child(1){display:-webkit-flex;display:flex;margin-bottom:1%;height:50%;width:100%;flex-direction:column;}
.i-contact-item .item:nth-child(2){display:-webkit-flex;display:flex;height:54%;width:100%;flex-direction:column;}
.i-contact-item .item:nth-child(1) .item-1{height:40%;}
.i-contact-item .item:nth-child(1) .item-2{height:60%;}
.i-contact-item .item:nth-child(1) .item-1 .txt{margin-top:0;}
.i-contact-item .item:nth-child(1) .item-1 .txt p{padding:3px 0;font-size:15px;}
.about-txt p.info{overflow:hidden;margin-bottom:20px;max-height:5.4em;font-size:15px;line-height:1.8em;}
.zs li{width:100%;height:160px;}
.zs li:last-child{display:none;}
.zs li:nth-child(3){display:none;}
.zs li:nth-child(2){display:none;}
}
@media screen and (max-width:480px){.sw3 .swiper-slide h4{overflow:inherit;margin:0 0 10px;text-overflow:inherit;white-space:inherit;font-size:14px;}
.sw3 .swiper-slide .des{font-size:12px;}
.i-case-right ul{padding-top:0;}
.i-case-right p{margin-top:-20px;margin-bottom:10px;font-size:15px;}
.i-case-right .i-news-tit{margin-bottom:10px;}
.i-case-right ul li{padding:5px 10px;font-size:12px;}
.i-case-list li a p{font-size:12px;line-height:24px;}
.i-pro .spt{font-size:18px;}
.sw3 .swiper-slide .des{overflow:hidden;max-height:3em;color:#777;line-height:1.5em;}
.i-pro-item{height:calc(100% - 80px);}
.i-contact-item .item:nth-child(1) .item-1{height:30%;}
.i-contact-item .item:nth-child(1) .item-2{height:70%;}
.i-contact-item .item:nth-child(1) .item-1 .txt{display:none;}
.i-contact-item .map{display:none;}
.i-news-tit{margin-bottom:30px;color:#fff;font-size:22px;}
.con-way{height:100%;}
.con-way ul li p:nth-child(2){padding-left:5%;color:#555;font-size:13px;line-height:1.5em;width:80%;}
.con-way ul li p:nth-child(1) span{display:block;margin-top:0;font-weight:700;font-size:12px;}
.con-way ul li p:nth-child(1) i{width:34px;height:34px;font-size:20px;line-height:34px;}
.i-about-item .item a.mas p.tit{font-size:12px;line-height:24px;}
.i-about-item .item a.mas .hide-con h3{margin-bottom:10px;font-size:15px;}
.i-about-item .item a.mas .hide-con p{font-size:10px;line-height:1.2em;}
.about-txt p.info{display:none;}
.about-txt p.spt{margin-bottom:20px;font-weight:700;font-size:16px;}
.i-pro-item .item a.mas p.tit{font-size:12px;line-height:24px;}
.i-pro-item .item a.mas .hide-con h3{margin-bottom:10px;font-size:14px;}
.i-pro-item .item a.mas .hide-con p{font-size:10px;line-height:1.2em;}
.i-pro-item .item a.mas .hide-con i{display:inline-block;width:30px;height:30px;border:1px solid #fff;border-radius:50%;text-align:center;line-height:28px;}

}


.foot{background: #f6f6f6;padding: 30px 15px}
.bottom-nav {width: 45%}
.bottom-nav .a{margin-bottom: 50px}
.bottom-nav dl{float: left;margin-right: 15%;}
.bottom-nav dl dt{font-size: 16px;font-weight: bold;margin-bottom: 10px}
.bottom-nav dl dd{font-size: 15px;margin-bottom: 5px}
.bottom-nav dl.level-two dd{font-size: 16px;font-weight: bold;margin-bottom: 10px}
.bottom-nav dl.level-two {margin-right: 0}
.bottom-mess{width: 52%;background: #00578f;padding: 30px 40px}
.bottom-mess .fl{width: 60%;}
.bottom-mess .fr{width: 35%;}
.bottom-mess .fr .p1{font-size: 26px;font-weight: bold;margin-bottom: 20px}
.bottom-mess .fr .p2{font-size: 18px;margin-bottom:10px}
.bottom-mess .fr .p3{margin-bottom:20px}
.bottom-mess .fl input[type=text]{width: 100%;height: 40px;line-height: 40px;padding: 0 10px;border: 0}
.bottom-mess .fl input[type=submit]{width: 40%;height: 40px;line-height: 40px;border: 0;text-align: center;background: #F4A500;color:#fff;font-size: 16px;cursor: pointer; }
.bottom-mess .fl textarea{width: 100%;height: 100px;line-height: 1.5em;padding: 10px;border: 0;resize: none;}
.bottom-mess .fl div.ct{margin-bottom: 5px}
.yzmimg{height: 40px;float: left;width: 25%}

.copyright{background: #434343;padding: 15px 0;color: #eee}
.copyright a{color: #eee}

@media screen and (max-width: 1366px){
.bottom-mess{padding: 20px 30px}
.bottom-mess .fr .p1{font-size: 22px;font-weight: bold;margin-bottom: 20px}
.bottom-mess .fr .p2{font-size: 16px;margin-bottom:10px}
.bottom-mess .fr .p3{margin-bottom:20px}
.bottom-nav dl{float: left;margin-right: 12%;}
.bottom-nav dl dt{font-size: 15px;}
.bottom-nav dl dd{font-size: 14px;}
.bottom-nav dl.level-two dd{font-size: 15px;}
}



@media screen and (max-width: 900px){
.bottom-nav {display: none;}
.bottom-mess{width: 100%}
}

@media screen and (max-width: 540px){
.bottom-mess .fl{width: 100%;margin-bottom: 20px}
.bottom-mess .fr{width: 100%;}
.bottom-mess .fr .p4{margin-bottom:20px;max-height: 130px}
.bottom-mess .fr .p4 img{max-height: 130px}
.bottom-mess .fl input[type=text]{height: 35px;line-height: 35px;}
.bottom-mess .fl input[type=submit]{width: 35%;height: 35px;line-height: 35px; }
.yzmimg{height: 35px;}
}



.nbody{padding-top: 90px}
.nbody .index-top{position:fixed;top:0;color:#555;padding: 15px 0;background: rgba(255,255,255,1);}
.nbody .index-top a{color:#555;}
.nbody .index-top .top-fr{margin-top:19px;}
.nbody .index-top .i-menu{color:#555;}
.nbody .index-top .i-menu span{background:#555;}
.nbody .index-top .i-menu span::before{background:#555;}
.nbody .index-top .i-menu span::after{background:#555;}
.ba-wap{display: none}
.sub_nav_wp{padding-top: 10px ;padding-bottom: 10px}

.sub_nav ul li.sub_nav_hide{display:none}
.sub_nav ul li.sub_nav_show .sub_nav_ li{margin-right: 25px;display: inline-block;}
.sub_nav ul li.sub_nav_show li a{display:block;line-height:40px;font-size:15px;position: relative;}
.sub_nav ul li.sub_nav_show li a.on::before{content: '';position: absolute;height: 2px;width: 100%;left: 0;bottom: -10px;background: #ffc000}
.sub_nav ul li.sub_nav_show li a.on,.sub_nav ul li.sub_nav_show li a:hover{color: #000}
.sub_nav_{text-align: right;}

@media screen and (max-width: 900px){
 .nbody{padding-top: 68px}
 .nbody .index-top{padding: 10px 0}
 .nbody .index-top .top-fr {margin-top: 12px;} 
 .ba-wap{display:block;}
 .ba-pc{display: none}

.sub_nav ul li.sub_nav_hide{display:block;width: 100%}
.sub_nav ul li{float: inherit;}
.sub_nav ul li.sub_nav_show li{width:100%!important;float:inherit;margin-left: 0!important;text-align: center;}
.sub_nav ul li.sub_nav_show li a{border:none;font-size: 14px}
.sub_nav ul li.sub_nav_show li a.on,.sub_nav ul li.sub_nav_show li a:hover{border:none;width:100%}
.sub_nav ul li.sub_nav_show li:last-child a{border-right:none}
.sub_nav_show{border-top:0;display:none}
.sub_nav_hide{text-align:center;font-size:15px;background:#F4A500;line-height:40px;font-weight:700;position:relative;color: #fff}
.sub_nav_hide i{display: inline-block;position: absolute;right: 10px;top: 0;}
.sub_nav {width: 90%;margin:0 auto;}
.sub_nav ul li.sub_nav_show li a.on::before{display: none}
.sub_nav_{background: #fff;padding: 10px 0}
.sub_nav ul li.sub_nav_show li a.on, .sub_nav ul li.sub_nav_show li a:hover {color: #F4A500;}
}

@media screen and (max-width: 320px){
.nbody{padding-top: 58px}
.nbody .index-top .logo {max-width: 100px;}
.nbody .index-top .top-fr {margin-top: 8px;} 
.nbody .menu-logo {margin-bottom: 30px;}
}



.ny-tit{padding: 50px 0}
.ny-tit h2{display: inline-block;color: #F4A500;font-size: 36px;position: relative;}
.ny-tit h2 small{display: block;font-weight: normal;font-size: 18px;margin-top: 18px;text-transform: uppercase;}
.ny-tit h2::before{content: "";position: absolute;width: 100px;height: 2px;background:#F4A500;left: -130px;top:20px;}
.ny-tit h2::after{content: "";position: absolute;width: 100px;height: 2px;background:#F4A500;right: -130px;top:20px;}
.ny-tit h2 small i{font-size: 40px;padding-top: 20px;display: block;}
.abinfo{display: flex;justify-content: space-between;flex-direction:row;flex-wrap:wrap;}
.abinfo .item{width: 32%;background-repeat: no-repeat;background-position: center;background-size: cover;text-align: center;color: #fff}
.abinfo .item-s{padding: 0 10%;font-size: 15px}
.abinfo .item-s span{font-size: 22px}
.abinfo .item-s i{font-size: 40px;margin: 0 auto;margin-bottom: 10px;display:block;line-height: 1.3em}
.abinfo .item-s:hover{color: #F4A500}
.abinfo .item .item-1{height: 275px;background-repeat: no-repeat;background-position: center;background-size: cover;margin-bottom: 15px}
.abinfo .item .item-2{height: 275px;background-repeat: no-repeat;background-position: center;background-size: cover}

.aboutinfo{padding-top: 50px;margin-bottom: 70px}
.aboutinfo .wp1200{padding: 50px 70px}


.pc-slide{margin:30px auto 0}

.view .arrow-left{background:url(../img/index_tab_l.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-25px;width:28px;height:51px;z-index:10}
.view .arrow-right{background:url(../img/index_tab_r.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-25px;width:28px;height:51px;z-index:10}
.preview{width:100%;margin-top:10px;position:relative}
.preview .swiper-container{width:calc(100% - 70px);margin-left:35px}
.preview .swiper-slide{width:24%;cursor:pointer;margin:0 .5%;}

.preview .arrow-left{background:#a5a5a5;position:absolute;left:0;top:0;width:30px;height:100%;z-index:10;text-align: center;}
.preview .arrow-right{background:#a5a5a5;position:absolute;right:0;top:0;width:30px;height:100%;z-index:10;text-align: center;}
.preview .arrow-left i,.preview .arrow-right i{color: #fff;position: relative;top:50%;margin-top: -8px;display: block;}
.preview .arrow-left:hover,.preview .arrow-right:hover{background:#F4A500 }
.preview img{opacity: .6;width: 100%}
.preview .active-nav img{opacity: 1}
@media screen and (max-width: 900px){
.abinfo .item:nth-child(1){margin-bottom: 8px}
.abinfo .item:nth-child(2){margin-bottom: 8px}
.abinfo .item{width: 100%;flex-direction:row;flex-wrap:wrap;display: flex;height: 225px;justify-content: space-between;}

.abinfo .item .item-1{height: 225px;margin-bottom: 0;width: 49%;}
.abinfo .item .item-2{height: 225px;width: 49%;}
.ny-tit h2 small i{font-size: 30px;padding-top: 20px;display: block;}
}

@media screen and (max-width: 480px){
.ny-tit{padding: 30px 0}
.ny-tit h2{font-size: 22px;}
.ny-tit h2 small{font-size: 16px;margin-top: 5px}
.ny-tit h2::before{content: "";position: absolute;width: 60px;height: 2px;background:#F4A500;left: -70px;top:20px;}
.ny-tit h2::after{content: "";position: absolute;width: 60px;height: 2px;background:#F4A500;right: -70px;top:20px;}
.abinfo .item{height: 135px;}
.abinfo .item .item-1{height: 135px;}
.abinfo .item .item-2{height: 135px;}

.abinfo .item-s{padding: 0 3%;font-size: 12px}
.abinfo .item-s div{width: 100%}
.abinfo .item-s p{line-height: 1.4em}
.abinfo .item-s span{font-size: 20px}
.abinfo .item-s i{font-size: 30px;margin: 0 auto;margin-bottom: 5px;display:block;line-height: 1.3em}
.aboutinfo{padding-top: 50px;margin-bottom: 30px}
.aboutinfo .wp1200{padding: 30px 3%}
.preview .swiper-slide{width:49%;cursor:pointer;margin:0 .5%;}
}


.honor-list li{width: 31.33%;border: 1px solid #ddd;float: left;margin:0 1% 20px;}
.honor-list li a{display: block;position: relative;height: 300px;overflow: hidden;}
.honor-list li a p{position: absolute;left: 0;right: 0;bottom: 0;height: 38px;background: rgba(0,87,143,.7);color: #fff;text-align: center;transition: height .3s}
.honor-list li a p i{display: none;font-size: 30px;margin-bottom: 10px}
.honor-list li a:hover p{height: 100%;font-size: 16px}
.honor-list li a:hover p i{display: block;}
@media screen and (max-width: 480px){
	.honor-list li a{display: block;position: relative;height: 260px;overflow: hidden;}
 .honor-list li{width: 100%;margin-bottom: 15px}   
 .honor-list li a p{line-height: 30px;font-size: 13px;padding: 0 5%}
.honor-list li a:hover p{height: 100%;font-size: 14px}
}


.ac-list li{width: 31.33%;border: 1px solid #ddd;float: left;margin:0 1% 20px;}
.ac-list li a{display: block;position: relative;}
.ac-list li a p{position: absolute;left: 0;right: 0;bottom: 0;height: 38px;background: rgba(0,87,143,.7);color: #fff;text-align: center;transition: height .3s}
.ac-list li a p i{display: none;font-size: 30px;margin-bottom: 10px}
.ac-list li a:hover p{height: 100%;font-size: 16px}
.ac-list li a:hover p i{display: block;}
@media screen and (max-width: 480px){
 .ac-list li{width: 100%;margin-bottom: 15px}   
 .ac-list li a p{line-height: 30px;font-size: 13px;padding: 0 5%}
.ac-list li a:hover p{height: 100%;font-size: 14px}
}


/*企业文化*/
.cul-txt{max-width: 900px;text-align: center;margin:0 auto;padding-bottom: 50px}
.cul-txt h3{margin-bottom: 20px;font-size: 20px}
.cul-txt p{font-size: 15px;line-height: 1.7em}

.cul-1 .fl{height: 500px;background-repeat: no-repeat;background-position: center;background-size: cover;color: #fff}
.cul-2 .fl{height: 820px;background-repeat: no-repeat;background-position: center;background-size: cover;color: #fff}
.cul-1 .fl-1{width: 70%;padding: 0 35% 0 5%}
.cul-1 .fl-2{width: 30%;padding: 0 5%}

.cul-2 .fl-1{width: 40%;padding: 0 5%}
.cul-2 .fl-2{width: 60%}
.cul-2 .fl-2 .fl-2-1{height: 410px}
.cul-2 .fl-2 .fl-2-1 div{height: 410px;background-repeat: no-repeat;background-position: center;background-size: cover;width: 50%;padding: 0 5%}
.cul-2 .fl-2 .fl-2-2 div{height: 410px;background-repeat: no-repeat;background-position: center;background-size: cover;width: 50%;padding: 0 5%}
.cul-2 .fl-2 .fl-2-2{height: 410px}
.cul-1,.cul-2{font-size: 15px;line-height: 1.6em}
.cul-1 .tit,.cul-2 .tit{margin-bottom: 10px}
.cul-1 .line,.cul-2 .line{margin-bottom: 20px}
.ajax-more{margin-top: 30px}
.ajax-more a{display: inline-block;padding: 10px 50px;background: #00578f;color: #fff}


@media screen and (max-width:1366px){
.cul-1 .fl{height: 400px;}
.cul-2 .fl{height: 720px;}
.cul-2 .fl-2 .fl-2-1{height: 360px}
.cul-2 .fl-2 .fl-2-1 div{height: 360px;}
.cul-2 .fl-2 .fl-2-2 div{height: 360px;}
.cul-1,.cul-2{font-size: 14px;line-height: 1.5em}
}

@media screen and (max-width:900px){
.cul-1 .fl-1{width: 100%;padding: 0 5% 0 5%}
.cul-1 .fl-2{width: 100%;padding: 0 5%}
.cul-2 .fl-1{width: 100%;padding: 0 5%}
.cul-2 .fl-2{width: 100%}

.cul-1 .fl{height: 320px;}
.cul-2 .fl{height: 520px;}
.cul-2 .fl-1{height: 350px;}
.cul-2 .fl-2 .fl-2-1{height: 260px}
.cul-2 .fl-2 .fl-2-1 div{height: 260px;}
.cul-2 .fl-2 .fl-2-2 div{height: 260px;}
.cul-1,.cul-2{font-size: 14px;line-height: 1.5em}
}

/*创新*/
.cx-1{margin-top: 10px;margin-bottom: 10px}
.cx-1 .wap{display: none;}
.cx-1 .t1{text-transform: uppercase;font-size: 40px;font-weight: bold;line-height: 1.1em;position: absolute;left: 27.08%;top:17.66%;color: #fff;z-index: 4}
.cx-1 .t2{font-size: 40px;font-weight: bold;line-height: 1.1em;position: absolute;left: 15%;bottom:24%;color: #fff;z-index: 4}
.cx-1 .a{position: absolute;z-index: 8;background: #f5a500;color: #fff;height: 25.5%;width: 11.5625%;text-align: center;}
.cx-1 .a:hover{background: #de9600;}
.cx-1 .a i{font-size: 50px;line-height: 1.2em}
.cx-1 .a p{font-size: 24px;font-weight: bold;margin: 10px 0}
.cx-1 .a1{left: 15.1%;top:25.5%;}
.cx-1 .a2{right: 15.25%;top:25.5%;}
.cx-1 .a3{left: 38.43%;top:51%;}
.cx-1 .a4{right: 26.97%;bottom: 0;height: 23.5%}

.cx-2 .r{height: 790px;background-repeat: no-repeat;background-position: center;background-size: cover;width: 28.6%;margin-left: 10px}
.cx-2 .l{height: 790px;background-repeat: no-repeat;background-position: center;background-size: cover;width: calc(71.4% - 10px)}
.cx-2 .l .l1{height: 390px;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;margin-bottom: 10px}
.cx-2 .l .l2{height: 390px;width: 100%;}
.cx-2 .l .l2 div:nth-child(1){height: 390px;width: calc(60% - 10px);float: left;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 5%;text-align: center;}
.cx-2 .l .l2 div p{color: #e9a956;font-size: 20px;font-weight: bold;line-height: 1.3em}
.cx-2 .l .l2 div:nth-child(2){height: 390px;width: 40%;float: left;background-repeat: no-repeat;background-position: center;background-size: cover;margin-left: 10px}

@media screen and (max-width:1366px){

.cx-1 .t1{font-size: 30px;}
.cx-1 .t2{font-size: 30px;}
.cx-1 .a i{font-size: 40px;}
.cx-1 .a p{font-size: 18px;font-weight: bold;margin: 5px 0}


}
@media screen and (max-width:900px){

.cx-1 .t1{font-size: 25px;}
.cx-1 .t2{font-size: 25px;}
.cx-1 .a i{font-size: 30px;}
.cx-1 .a p{font-size: 16px;font-weight: bold;margin: 0 0}
.cx-1 .a span{font-size: 12px;}


}
@media screen and (max-width:767px){
.cx-1 .t1{font-size: 20px;top:19%;}
.cx-1 .t2{left: 15%;bottom:5%;font-size: 20px}
.cx-1 .wap{display: block;}
.cx-1 .pc{display:none;}
.cx-1 .a p{font-size: 15px;}
.cx-1 .a{height: 25.5%;width: 25%;text-align: center;}
.cx-1 .a1{left: 0;top:25.5%;}
.cx-1 .a2{right: 0;top:25.5%;}
.cx-1 .a3{left: 25.2%;top:51%;}
.cx-1 .a4{right: 25%;bottom: 0;height: 23.5%}

.cx-2 .r{height: 590px;width: 28.6%;margin-left: 10px}
.cx-2 .l{height: 590px;width: calc(71.4% - 10px)}
.cx-2 .l .l1{height: 295px;width: 100%;margin-bottom: 10px}
.cx-2 .l .l2{height: 295px;width: 100%;}
.cx-2 .l .l2 div:nth-child(1){height: 295px;width: calc(60% - 10px);float: left;}
.cx-2 .l .l2 div:nth-child(2){height: 295px;width: 40%;float: left;margin-left: 10px}

.cx-2 .l .l2 div p{font-size: 18px;}
}
@media screen and (max-width:480px){

.cx-2 .r{height: 120px;width: 100%;margin-left: 0;}
.cx-2 .l{height: 250px;width: 100%;margin-bottom: 10px}
.cx-2 .l .l1{height: 120px;width: 100%;margin-bottom: 10px}
.cx-2 .l .l2{height: 120px;width: 100%;}
.cx-2 .l .l2 div:nth-child(1){height: 120px;width: calc(60% - 10px);float: left;}
.cx-2 .l .l2 div:nth-child(2){height: 120px;width: 40%;float: left;margin-left: 10px}
.cx-2 .l .l2 div p{font-size: 14px;}


}


.cx-list li{width: 23%;border: 1px solid #ddd;float: left;margin:0 1% 90px;height: 400px;}
.cx-list li a.animate-mask{display: block;position: relative;background-repeat: no-repeat;background-position: center;background-size: auto 100%;height: 100%}
.cx-list li a p{position: absolute;left: 0;right: 0;bottom: 0;height: 0;background: rgba(0,87,143,.7);color: #fff;text-align: center;transition: height .3s}
.cx-list li a p i{display: none;font-size: 30px;margin-bottom: 10px}
.cx-list li .tit{line-height: 1.5em;font-size: 15px;height: 3.2em;overflow: hidden;padding: 8px 0}
.cx-list li a:hover p{height: 100%;font-size: 16px}
.cx-list li a:hover p i{display: block;}

@media screen and (max-width: 980px){
.cx-list li{width: 31.33%;margin:0 1% 90px;height: 360px;}
}
@media screen and (max-width: 768px){
.cx-list li{width: 31.33%;margin:0 1% 90px;height: 280px;}
}
@media screen and (max-width: 600px){
.cx-list li{width: 31.33%;margin:0 1% 90px;height: 240px;}
}


@media screen and (max-width: 480px){
    .cx-list li{width:48%;margin:0 1% 70px;height: 220px;}  
 .cx-list li a p{line-height: 30px;font-size: 13px;padding: 0 5%}
.cx-list li a:hover p{height: 100%;font-size: 14px}
.cx-list li .tit{line-height: 1.4em;font-size: 14px;height: 3.2em;overflow: hidden;padding: 8px 0}
}

.part-list{margin-bottom: 50px}
.part-list li{width: 24%;border: 1px solid #ddd;float: left;margin:0 .5% 20px;}
.part-tit{margin:0 .5%;margin-bottom: 40px;font-size: 24px;font-weight: bold; }
.part-tit .line{height: 5px;background: url(../img/ll.png) no-repeat left center;margin-top: 15px }
.part-tit span{font-size: 20px;font-weight: normal;margin-left: 10px}
@media screen and (max-width: 480px){
 .part-list li{width: 48%;margin-bottom: 15px} 
 .part-tit{margin:0 .5%;margin-bottom: 30px;font-size: 20px; }  
.part-tit span{font-size: 16px;font-weight: normal;}
}


.his-tit{font-size: 20px;color: #fff;margin-bottom: 50px}
.his-tit span{font-size: 36px;font-weight: bold;display: block;margin-bottom: 20px}
.his-tit p{margin-top: 20px}
.his-list li{display: flex;justify-content: space-between;flex-wrap: nowrap;color: #fff;transition: background .3s;margin-bottom: 40px;cursor: pointer;}
.his-list li:hover{background: #e9b471}
.his-list li .his-l{width: 47%}
.his-list li .cir{width: 6%;text-align: center;padding: 10px}
.his-list li .his-r{width: 47%}
.his-list li .cir i{display: inline-block;width: 13px;height: 13px;background: url(../img/cirr.png) no-repeat center;position: relative;z-index: 10}
.his-list li:hover .cir i{background: url(../img/cirr0.png) no-repeat center;;}

.his-list-l .his-l{text-align: right;padding: 10px;font-size: 20px;font-weight: bold;}
.his-list-l .his-r{background: #fff;color: #666;padding: 10px;transition: background .3s}
.his-list li:hover .his-r{background: #e9b471;color: #fff;}

.his-list-r .his-l{text-align: left;padding: 10px;font-size: 20px;font-weight: bold;order: 3}
.his-list-r .cir{order: 2}
.his-list-r .his-r{background: #fff;color: #666;padding: 10px;transition: background .3s;order: 1;text-align: right;}
.his-list li:hover .his-r{background: #e9b471;color: #fff;}
.his-list::before{position: absolute;content: "";left: calc(50% - 1px);top:16px; width: 1px;height: 100%;background: #fff;z-index: 0}

.respon{padding: 50px 0}
.respon .arc-con{width: 40%}
.respon .respon-s{width: 55%}
.respon-s .swiper-pagination-bullet {width: 70px;height: 2px;display: inline-block;background: #fff;opacity: 0.9;border-radius: 0}
.respon-s .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}
.respon-s .swiper-pagination-bullet-active {opacity: 1;background: #66CCE1;}

.respon-s .swiper-button-prev,.respon-s .swiper-button-next {position: absolute;top:inherit; bottom: 0;width: 40px;height: 45px;margin-top: -20px;z-index: 10;cursor: pointer;line-height: 45px;text-align: center;}
.respon-s .swiper-button-prev{left: 10px;background: transparent;}
.respon-s .swiper-button-next{right: 10px;background: transparent;}
.respon-s .swiper-button-prev i,.respon-s .swiper-button-next i{color: #fff}
.respon-s .swiper-slide{background-size: cover;height: 450px;background-repeat: no-repeat;background-position: center;}
.respon-s .swiper-slide p{line-height: 45px;background: #e9b471;position: absolute;bottom: 0;left: 0;right: 0;color: #fff;text-align: center;padding: 0 10%;font-size: 15px}

@media screen and (max-width:768px){
.respon .arc-con{width: 100%;margin-bottom: 20px}
.respon .respon-s{width: 100%}
.respon-s .swiper-slide{background-size: cover;height: 350px;background-repeat: no-repeat;background-position: center;}
}
@media screen and (max-width:480px){

.respon-s .swiper-slide{background-size: cover;height: 260px;background-repeat: no-repeat;background-position: center;}
}



        .ky-bt i{font-size: 80px;display: block;margin-bottom: 10px;line-height: 1.1em}
.ky-bt span{font-weight: bold;font-size: 22px}
.ky-ls{border: 1px solid #bbb;margin-bottom: 50px;margin-top: 50px}
.ky-ls li{border-bottom: 1px solid #bbb;padding: 15px 5%;font-size: 15px}
.ky-ls li:last-child{border-bottom: 0}

@media screen and (max-width:600px){
 .ky-bt i{font-size: 60px;display: block;margin-bottom: 10px;line-height: 1.1em}
.ky-bt span{font-weight: bold;font-size: 17px}   
}


.pro-list{}
.pro-list li{display: flex;flex-wrap: nowrap;height: 370px;margin-bottom: 50px}
.pro-list li .pic{position: relative;height: 100%;width: 47%;overflow: hidden;}
.pro-list li .pic a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;transition:transform .3s }
.pro-list li .pic a:hover{transform: scale(1.05);}
.pro-list li .info{position: relative;height: 100%;width: 53%;background: #f4f5f4;padding: 0 5%;border: 1px solid #eee}
.pro-list li .info .more{background: #77858a;display: inline-block;padding: 7px 20px;color: #fff;position: absolute;}
.pro-list li .info .more:hover{background: #e5a75b;}
.pro-list li .info h3{font-size: 24px;margin-bottom: 30px}
.pro-list li .info p{font-size: 15px;line-height: 1.8em;}
.pro-list li.p-l .pic{order: 1}
.pro-list li.p-l .info{order: 2}
.pro-list li.p-l .info .more{right: 10%; bottom: 20px}
.pro-list li.p-r .pic{order: 2}
.pro-list li.p-r .info{order: 1}
.pro-list li.p-r .info .more{left: 10%; bottom: 20px}


@media screen and (max-width: 900px){
.pro-list li{height: 300px;margin-bottom: 40px}
.pro-list li .info h3{font-size: 20px;margin-bottom: 30px}
.pro-list li .info p{font-size: 14px;line-height: 1.6em;max-height: 8em;overflow: hidden;}  
}
@media screen and (max-width: 480px){
.pro-list li.p-r .pic{order: 1}
.pro-list li.p-r .info{order: 2}
.pro-list li{height: auto;margin-bottom: 40px;flex-wrap: wrap;}
.pro-list li .pic{height: 200px;width: 100%;}
.pro-list li .info h3{font-size: 18px;margin-bottom: 15px}
.pro-list li .info{height: auto;width: 100%;padding: 20px 5%;padding-bottom: 70px}
.pro-list li .info .more{padding: 5px 20px;color: #fff;}
}


.job-txt{display: flex;flex-wrap: nowrap;justify-content: space-between;height: 300px}
.job-txt .txt{width: 50%;position: relative;height: 100%;font-size: 15px;line-height: 1.8em}
.job-txt .pic{width: 40%;position: relative;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover}
@media screen and (max-width: 640px){
.job-txt{flex-wrap: wrap;justify-content: space-between;height:auto;}
.job-txt .txt{width: 100%;height: auto;font-size: 14px;margin-bottom: 50px}
.job-txt .pic{width: 100%;height:200px;}
}

.job_list{margin-top:50px}
.job_list .job_list_top{padding:15px 0;background:#005cad;color:#fff;font-size:1pc}
.job_list .job_list_top .it_1{width:20%}
.job_list .job_list_top .it_2{width:10%}
.job_list .job_list_top .it_3{width:15%}
.job_list .job_list_top .it_4{width:40%}
.job_list .job_list_top .it_5{width:10%}
.job_list .job_list_body .it_1{width:20%;}
.job_list .job_list_body .it_2{width:10%;}
.job_list .job_list_body .it_3{width:15%;}
.job_list .job_list_body .it_4{width:40%;}
.job_list .job_list_body .it_5{width:10%;}
.job_list .job_list_body .it_6{width:5%;cursor:pointer}
.job_list .job_list_body .it_6 i{display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;background-size: cover;margin:0 auto;}
.job_list .job_list_body .it_6 i.icon-jia{background-image: url(../img/jia.png);}
.job_list .job_list_body .it_6 i.icon-jian{background-image: url(../img/jian.png);}
.job_list .job_list_body .item{margin-top:15px}
.job_list .job_list_body .item .item_top{background:#f5f5f5;padding:15px 0}
.job_list .job_list_body .item .item_info{background:#fbfbfb;padding:30px 10px;line-height:2em;display:none}
.job_list .job_list_body .item .item_info .gwzz{width:35%;padding:20px}
.job_list .job_list_body .item .item_info .rzzg{width:60%;padding:20px;position:relative}
.job_list .job_list_body .item .item_info .rzzg:before{content:"";position:absolute;left:-5%;height:100%;width:1px;background:#ddd;top:0}
.job_list .job_list_body .item .item_info .get_job{width:100%;padding:10px;float:left;text-align:right;padding-right:15%}
.job_list .job_list_body .item .item_info .get_job a.a{display:inline-block;padding:4px 30px;background:#f5a500;color:#fff;margin-bottom: 10px}
.job_list .job_list_body .item .item_info h4{font-size:17px;margin-bottom:15px}
@media (max-width:900px){
.job_list .job_list_body .it_4,.job_list .job_list_top .it_4{display:none}
.job_list .job_list_body .item .item_info{padding:20px 10px;line-height:1.7em}
.job_list .job_list_body .item .item_info .gwzz{width:100%;padding:10px;float:inherit;font-size:14px;margin-bottom:20px}
.job_list .job_list_body .item .item_info .rzzg{width:100%;padding:10px;position:relative;float:inherit;font-size:14px}
.job_list .job_list_body .item .item_info .rzzg:before{content:"";position:absolute;left:0;height:1px;width:100%;background:#ddd;top:-15px}
.job_list .item_top{font-size:13px;line-height:1.4em}
.job_list .job_list_top{font-size:14px}
.job_list .job_list_top .it_1{width:30%}
.job_list .job_list_top .it_2{width:20%}
.job_list .job_list_top .it_3{width:15%}
.job_list .job_list_body .it_1,.job_list .job_list_top .it_5{width:30%}
.job_list .job_list_body .it_2{width:20%}
.job_list .job_list_body .it_3{width:15%}
.job_list .job_list_body .it_5{width:25%}
.job_list .job_list_body .it_6{width:10%;}
}

.cur{padding: 15px 0}
.cur a:last-child{color: #eaa94f}

.zb-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.zb-list li{width: 48%;background: #eeeeee;padding: 30px 3%;margin-top: 90px;position: relative;transition:background .3s}
.zb-list li:nth-child(1){margin-top: 50px}
.zb-list li:nth-child(2){margin-top: 50px}
.zb-list li h3{font-size: 17px;margin-bottom: 20px;width: 84%}
.zb-list li p a{display: inline-block;padding: 8px 15px;background: #fff;color: #555;transition:background .3s}
.zb-list li p.des{margin-bottom: 20px;min-height: 4.5em;max-height: 4.5em;overflow: hidden;}
.zb-list li .date{position: absolute;width: 100px;height: 100px;top:-50px;right: 0;background: #cecece;text-align: center;font-size: 20px;transition:background .3s }
.zb-list li:hover .date{background: #2581bc;}
.zb-list li .date span{font-weight: bold;font-size: 24px;display: inline-block;margin-bottom: 10px}
.zb-list li:hover{background: #00578f;color: #fff}
.zb-list li:hover p a{background: #e9a956;color: #fff}
.zb-list li:hover h3 a{ color: #fff}

@media screen and (max-width: 900px){
    .zb-list li{margin-top: 60px;}
.zb-list li .date{width: 70px;height: 70px;top:-40px;font-size: 16px;transition:background .3s }
.zb-list li .date span{font-size: 18px;margin-bottom: 5px}
.zb-list li{width: 100%;}
.zb-list li h3{font-size: 16px;margin-bottom: 20px;width: 84%}
.zb-list li:nth-child(2){margin-top: 60px}
}



.news-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
 .news-list::after { content: ""; width: 31.5% }
.news-list li{width: 31.5%;background: #eeeeee;margin-bottom: 30px;position: relative;transition:all .3s}
.news-list li .inf{background: #fff;padding: 15px 5% 20px}
.news-list li img{width: 100%}
.news-list li h4{font-size: 16px;margin-bottom: 20px;min-height: 3em;overflow: hidden;margin-top: 10px}

.news-list li:hover{box-shadow: 0 5px 8px rgba(0,0,0,.2)}

@media screen and (max-width: 900px){
.news-list::after { content: ""; width: 48% }
.news-list li{width: 48%;}

}
@media screen and (max-width: 640px){
.news-list li{width: 100%;}
}

.atit{font-size: 28px;text-align: center;;min-height: 1.2em;margin-top: 50px}
.case-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.case-list::after { content: ""; width: 32.5% }
.case-list li{width: 32.5%;background: #eeeeee;margin-bottom: 30px;position: relative;transition:all .3s}
.case-list li p i{display: none;width: 50px;height: 2px;background: #fff}
.case-list li p span{display: none;}
.case-list li p{position: absolute;left: 0;right: 0;bottom: 0;height: 40px;text-align: center;background:rgba(0,87,143,.8);color:#fff;transition: all .3s}
.case-list li:hover p{height: 100%;font-size: 18px;font-weight: bold;}
.case-list li:hover p i{display: inline-block;position: absolute;left: 50%;margin-left: -25px;top: 48%}
.case-list li:hover p span{display: inline-block;font-size: 15px;margin-top: 8%;font-weight: normal;}
@media screen and (max-width: 900px){
	.atit{font-size: 24px;text-align: center;;min-height: 1.2em;margin-top: 40px}
.case-list::after { content: ""; width: 48% }
.case-list li{width: 48%;}
}
@media screen and (max-width: 640px){
	.atit{font-size: 20px;text-align: center;;min-height: 1.2em;margin-top: 30px}
.case-list li{width: 100%;}
.his-tit span {
    font-size: 26px;
    font-weight: bold;
    display: block;
    line-height: 1.2em;
    margin-bottom: 20px;
}
}