/* banner_nei */
.banner_nei{position: relative;overflow: hidden;}
.banner_nei .img img{max-width: 100%;}
.banner_nei .img .mo{display: none;}
.banner_nei .text{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);line-height: 1.5;}
.banner_nei .text h2{font-size: 40px;font-weight: bold;color: #fff;}
.banner_nei .text p{font-size: 24px;color: #fff;}
@media only screen and (max-width:1080px){
.banner_nei .text h2{font-size: 36px;}
.banner_nei .img .pc{display: none;}
.banner_nei .img .mo{display: block;}
}
@media only screen and (max-width:520px){
.banner_nei .text h2{font-size: 18px;text-align: center;}
.banner_nei .text p{font-size: 16px;}
}

/* location */
.location{margin-top: 20px;}
.location li{color: #666666;padding: 15px 0;font-size: 16px;}
.location a{font-size: 16px;position: relative;padding-bottom: 8px;margin-left: 8px;color: #001332;}
.location a:nth-child(1){padding-right: 8px;}
.location a:hover{font-weight: bold;text-decoration: underline;}
@media only screen and (max-width:768px){
.location{margin-top: 10px;}
.location li{font-size: 14px;}
.location a{font-size: 14px;}
}

/*n_nav  */
.n_nav{padding: 20px 0;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;overflow-x: auto;}
.n_nav ul{width: max-content;}
.n_nav li{height: 50px;line-height: 50px;margin-right: 5px;overflow: hidden;font-size: 16px;text-align: center;color: #333;padding: 0 15px;}
.n_nav li.active,.n_nav li:hover{ background-color: #001332; color: #fff; }
@media only screen and (max-width:768px){
.n_nav{padding: 10px 0;}
.n_nav li{height: 40px;line-height: 40px;font-size: 15px;}
}

/* about_gy */
.about_gy{padding: 90px 0;background-color: #F4F4F4;}
.about_gy .info{width: 45%;margin-right: 5%;}
.about_gy .info .t1{font-size: 24px;font-weight: bold;color: #000;line-height: 30px;}
.about_gy .info .line{width: 50px;height: 3px;background: #000; margin: 25px 0;}
.about_gy .info .t2{font-size: 36px;font-weight: bold;color: #000;}
.about_gy .info .text{font-size: 16px;line-height: 2;color: #645e5e;margin-top: 30px;}
.about_gy .img{width: 50%;}
.about_gy .img img{max-width: 100%;}
@media only screen and (max-width:1080px){
.about_gy{padding: 60px 0;}
.about_gy .info{padding-top: 0;width: 100%;margin-right: 0;}
.about_gy .info .t1{font-size: 20px;}
.about_gy .info .line{margin: 20px 0;}
.about_gy .info .t2{font-size: 25px;}
.about_gy .info .text{margin-top: 20px;}
}
@media only screen and (max-width:640px){
.about_gy{padding: 25px 0;}
.about_gy .info .t1{font-size: 16px;line-height: 24px;}
.about_gy .info .line{margin: 10px 0;width: 40px;height: 2px;}
.about_gy .info .t2{font-size: 20px;}
.about_gy .info .text{margin-top: 10px;font-size: 14px;line-height: 28px;}
.about_gy .img{width: 100%;}
}

/* about_num */
.about_num{}
.about_num .odcontent{border-bottom: 1px solid #dcdcdc;padding: 50px 0;}
.about_num ul{align-items: center;}
.about_num ul li{width: 25%;display: flex;justify-content: center;}
.about_num ul li .timer{font-size: 45px;font-weight: bold;color: #0f2450;}
.about_num ul li sup{font-size: 45px;font-weight: bold;color: #0f2450;}
.about_num ul li p{font-size: 16px;color: #000;}
.about_num ul li p:nth-child(2){color: #433e3e;}
@media only screen and (max-width:1080px){
.about_num .odcontent{padding: 60px 0;}
.about_num ul li .timer{font-size: 40px;}
.about_num ul li sup{font-size: 40px;}
}
@media only screen and (max-width:850px){
.about_num .odcontent{padding: 25px 0 5px;}
.about_num ul li{width: 50%;margin-bottom: 20px;text-align: center;}
}
@media only screen and (max-width:520px){
.about_num ul{align-items: baseline;}
.about_num ul li p{font-size: 13px;}
.about_num ul li .timer{font-size: 26px;}
.about_num ul li sup{font-size: 23px;}
}


/* about_wh */
.about_wh{padding: 90px 0;position: relative;}
.about_wh .swiper-slide{display: flex;flex-wrap: wrap;align-items: center;}
.about_wh .t1{width: 33.3%;line-height: 1.8;}
.about_wh .t1 h2{font-size: 36px;font-weight: 550;}
.about_wh .t1 .line{width: 50px;height: 3px;background: #000; margin: 20px 0;}
.about_wh .t1 i{font-size: 20px;font-style: italic;}
.about_wh .pic{width: 33.3%;}
.about_wh .t2{width: 33.3%;position: relative;}
.about_wh .t2 p{font-size: 16px;color: #433e3e;line-height: 2;padding: 0 103px;}
.about_wh .t2::before,.about_wh .t2::after{ content: ""; position: absolute; width: 52px; height: 36px; background: url(../images/symbol.jpg) left top no-repeat; background-size: auto 36px; }
.about_wh .t2::before{left: 10%;top: -50%;}
.about_wh .t2::after{right: 10%;bottom: -50%;transform: rotate(180deg);}
.about_wh .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 5%;}
.about_wh .swiper-pagination-bullet{width: 24px;height: 4px;border-radius: 100px;overflow: hidden;background: #a6a7b2;border: none;cursor: pointer;content: '';display: inline-block;box-sizing: border-box;opacity: 1;vertical-align: middle;}
.about_wh .swiper-pagination-bullet-active{background: #0f2450;}
@media only screen and (max-width:1280px){
.about_wh .t2 p{padding: 0 75px;}
}
@media only screen and (max-width:1080px){
.about_wh{padding: 60px 0;}
.about_wh .t1 h2{font-size: 25px;}
.about_wh .t2 p{padding: 0 60px;}
.about_wh .t2::before{top: -25%;}
.about_wh .t2::after{bottom: -24%;}
}
@media only screen and (max-width:850px){
.about_wh{padding: 25px 0;}
.about_wh .t2::before{display: none;}
.about_wh .t2::after{display: none;}
.about_wh .t1{width: 100%;text-align: center;}
.about_wh .t1 h2{font-size: 20px;}
.about_wh .t1 .line{width: 40px;height: 2px;margin: 0 auto;margin-bottom: 10px;margin-top: 10px;}
.about_wh .t1 i{font-size: 15px;}
.about_wh .pic{width: 100%;margin: 10px 0;}
.about_wh .pic img{width: 100%;}
.about_wh .t2{width: 100%;}
.about_wh .t2 p{padding:0;font-size: 14px;}
.about_wh .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}
}

/* about_video */
.about_video{padding:50px 0 90px;}
.about_video .odcontent{position: relative;}
.about_video video{height: 100%;width: 100%;z-index: 9;}
.about_video .aplay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;background: url(../images/ab_video.jpg) center center;background-size: cover;z-index: 10;}
@media only screen and (max-width:1080px){
.about_video{padding: 60px 0;} 
}
@media only screen and (max-width:850px){
.about_video{padding: 25px 0;} 
.about_video .aplay{background: url(../images/ab_video2.jpg) center center;background-size: cover;}
}
/* about_partner */
.about_partner{background: url(../images/in_hb.jpg) no-repeat fixed center center;background-size: cover;padding: 90px 0;}
.about_partner .text{padding-bottom: 90px;line-height: 1.8;}
.about_partner .text .t2{color: #fff;font-size: 36px;font-weight: 550;}
.about_partner .text .line{width: 50px;height: 3px;background: #fff; margin: 20px 0;}
.about_partner .text .t1{color: #fff;font-size: 20px;}
.about_partner .pa_in li{width:11.2%;margin-bottom: 60px;text-align: center;margin-right: 20px;}
.about_partner .pa_in li:nth-child(8n+8){margin-right: 0;}
.about_partner .pa_in li img{transition: all .6s linear;}
.about_partner .pa_in li:hover img{transform: rotateY(180deg);}
.about_partner .pa_in .btn span{margin-top: 0;margin: 0 auto;border: 1px solid #fff;color: #fff;}
.about_partner .pa_in .btn span img{filter: brightness(100);}
.about_partner .pa_in .btn span:hover{border: 1px solid #0f2450;}
@media only screen and (max-width:1550px){
.about_partner .pa_in li{width: 11%;}
}
@media only screen and (max-width:1330px){
.about_partner .pa_in li{width: 10.6%;}
}
@media only screen and (max-width:1080px){
.about_partner{padding: 60px 0;}
.about_partner .text{padding-bottom: 60px;}
.about_partner .text .t2{font-size: 25px;}
.about_partner .pa_in li{width: 22.2%;}
}
@media only screen and (max-width:768px){
.about_partner{padding: 30px 0;}
.about_partner .text{padding-bottom: 25px;text-align: center;}
.about_partner .text .t1{font-size: 15px;}
.about_partner .text .line{width: 40px;height: 2px;margin: 0 auto;margin-bottom: 10px;margin-top: 10px;}
.about_partner .text .t2{font-size: 20px;}
.about_partner .pa_in ul{overflow: hidden;max-height: 254px;}
.about_partner .pa_in li{width:30.3%;margin-bottom: 30px;display: none;margin-right: 6%;}
.about_partner .pa_in li:nth-child(1){display: block;}
.about_partner .pa_in li:nth-child(2){display: block;}
.about_partner .pa_in li:nth-child(3){display: block;}
.about_partner .pa_in li:nth-child(4){display: block;}
.about_partner .pa_in li:nth-child(5){display: block;}
.about_partner .pa_in li:nth-child(6){display: block;}
.about_partner .pa_in li:nth-child(3n+3){margin-right: 0;}
}
@media only screen and (max-width:520px){
.about_partner .pa_in li{margin-right: 4%;}
}



/* about_honour */
.about_honour{padding: 90px 0 130px;}
.about_honour .odcontent{position: relative;}
.about_honour .text{padding-bottom: 50px;line-height: 1.8;}
.about_honour .text .t2{font-size: 36px;font-weight: 550;}
.about_honour .text  .line{width: 50px;height: 3px;background: #000; margin: 20px 0;}
.about_honour .text .t1{font-size: 20px;}
.about_honour .honour .swiper-slide{text-align: center;}
.about_honour .honour .img{max-height: 350px;overflow: hidden;}
.about_honour .honour .img img{max-width: 90%;max-height: 100%;}
.about_honour .honour p{font-size: 16px;margin-top: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.about_honour .swiper-scrollbar{height: 3px;bottom: -40px;}
.about_honour .swiper-scrollbar-drag{background:#0f2450;}
@media only screen and (max-width:1080px){
.about_honour{padding: 60px 0;}
.about_honour .text{padding-bottom: 60px;}
.about_honour .text .t2{font-size: 25px;}
.about_honour .honour p{margin-top: 30px;}
}
@media only screen and (max-width:768px){
.about_honour{padding: 30px 0 50px;}
.about_honour .text{padding-bottom: 10px;text-align: center;}
.about_honour .text .t1{font-size: 15px;}
.about_honour .text .line{width: 40px;height: 2px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;}
.about_honour .text .t2{font-size: 20px;}
.about_honour .honour p{margin-top: 15px;font-size: 14px;}
.about_honour .honour .img{padding: 10px;max-height: 200px;}
.about_honour .swiper-scrollbar{bottom: -24px;}
}


/* contact */
.nei_wrap{margin:0 auto;width:90%;max-width:1440px}
.nei_title{color:#222}
.nei_title .title{font-size:36px;position:relative;z-index:1;line-height:1em;display:inline-block;font-weight:400;color:#001332}
.nei_title .line{margin-top:24px;width:62px;height:3px;background:#001332}
.nei_title .slogan{margin-top:14px;font-size:20px;line-height:1.8}
.nei_title .en{display:block;margin-bottom:10px;font-size:18px;font-family:arial;color:#999;text-transform:capitalize}
@media only screen and (max-width:1280px){
.nei_title .title{font-size:25px}
}
@media only screen and (max-width:850px){
.nei_title .title{font-size:24px}
.nei_title .en{font-size:15px;margin-bottom:8px}
.nei_title .slogan{font-size:14px}
}
@media only screen and (max-width:520px){
.nei_title .title{font-size:20px;font-weight:700}
.nei_title .en{font-size:12px}
.nei_title .line{margin-top:20px;width:40px}
.nei_title .slogan{font-size:14px;line-height:24px}
}

.contact{padding:0 0 5% 0}
.contact .nei_title .title{color: #fff;}
.contact .nei_title .line{margin-left:auto;margin-right:auto;background: #fff;}
.contact .nei_title .slogan{color: #fff;}
.contact .contact_part{margin-bottom:5%;padding:5.5% 0;background:url(../images/ct_bg.jpg) no-repeat center right/cover}
.contact .content_wrap{margin-top:5%}
.contact .content_wrap .layout{margin:0 auto;position:relative}
.contact .content_wrap .layout .lf_part{width:55%;filter:drop-shadow(0 0 3px rgba(0,0,0,.1))}
.contact .content_wrap .layout .lf_part .wrap{padding:9% 5% 14%;width:100%;box-sizing:border-box;clip-path:polygon(0 0,50% 0,100% 88%,100% 100%,0 100%);background:#fff;overflow:hidden}
.contact .content_wrap .layout .ct_mes{font-size:16px}
.contact .content_wrap .layout .ct_mes .top .hd{font-size:26px;font-weight:400}
.contact .content_wrap .layout .ct_mes .top .line{margin:15px 0;width:30px;height:2px;background:#332c2b}
.contact .content_wrap .layout .ct_mes ul li{margin-bottom:15px}
.contact .content_wrap .layout .ct_mes ul li b{color:#001332}
.contact .content_wrap .layout .ct_mes .slogan>div{justify-content:flex-start}
.contact .content_wrap .layout .ct_mes .slogan>div span{margin-right:10px}
.contact .content_wrap .layout .rt_part{position:absolute;right:0;width:62.5%;height:100%;height:100%;filter:drop-shadow(0 0 3px rgba(0,0,0,.1))}
.contact .content_wrap .layout .rt_part .wrap{padding:5% 5% 5% 44%;width:100%;height:100%;box-sizing:border-box;clip-path:polygon(0 0,100% 0,100% 100%,45% 100%,0 12%);background:#fff}
.contact .content_wrap .layout .rt_part .ct_mes ul li a{display:inline-block;position:relative}
.contact .content_wrap .layout .rt_part .ct_mes ul li a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:#332c2b;transition:width .3s linear}
@media only screen and (min-width:481px){
.contact .content_wrap .layout .rt_part .ct_mes ul li a:hover:after{width:100%}
}
@media only screen and (max-width:1280px){
.contact .content_wrap .layout .ct_mes .top .hd{font-size:22px}
}
@media only screen and (max-width:1080px){
.contact{padding:0 0 64px 0}
.contact .contact_part{margin-bottom:64px;padding:64px 0}
.contact .content_wrap .layout .ct_mes .top .hd{font-size:20px}
}
@media only screen and (max-width:850px){
.contact{padding:0 0 50px 0}
.contact .contact_part{margin-bottom:50px;padding:50px 0}
.contact .content_wrap .layout .ct_mes .top .hd{font-size: 16px;}
.contact .content_wrap .layout .ct_mes{font-size:14px}
}
@media only screen and (max-width:680px){
.contact .content_wrap .layout .lf_part{width:100%}
.contact .content_wrap .layout .lf_part .wrap{clip-path:polygon(0 0,86% 0,100% 27%,100% 100%,0 100%)}
.contact .content_wrap .layout .rt_part{position:initial;margin-top:5%;width:100%}
.contact .content_wrap .layout .rt_part .wrap{padding: 9% 5% 14% 10%;clip-path:polygon(0 0,100% 0,100% 100%,14% 100%,0 73%);}
}
@media only screen and (max-width:520px){
.contact{padding: 0 0 30px 0;}
.contact .content_wrap{margin-top: 25px;}
.contact .contact_part{margin-bottom: 30px;padding: 30px 0;}
.contact .content_wrap .layout .lf_part .wrap{padding: 9% 8% 9%;}
}

/* liuyan */
.ol_mes{margin:0 auto}
.ol_mes .nei_title .title{color: #001332;}
.ol_mes .nei_title .line{background: #001332;}
.ol_mes .message_leave{margin-top:3%;width:100%}
.ol_mes .message_leave .form_box{display:flex;flex-wrap:wrap;justify-content:space-between}
.ol_mes .message_leave .form_box li{margin-bottom:40px;width:30.5%;background:0 0;box-sizing:border-box}
.ol_mes .message_leave .form_box li.w100{width:100%}
.ol_mes .message_leave .form_box li select{padding:0 6px;width:100%;background:0 0;font-size:16px;border:1px solid #e2e2e2;transition:border .3s linear;height:50px;box-sizing:border-box;color:#757575}
.ol_mes .message_leave .form_box li.w100 input{padding:0 1%}
.ol_mes .message_leave .form_box li input{padding:0 3%;width:100%;background:0 0;font-size:16px;border:1px solid #e2e2e2;transition:border .3s linear;line-height:50px;box-sizing:border-box}
.ol_mes .message_leave .form_box li textarea{padding:12px;width:100%;height:100px;resize:none;font-size:16px;font-family:inherit;box-sizing:border-box;background:0 0;border:1px solid #ebe4e5;transition:border .3s linear}
.ol_mes .message_leave .form_box li.code{margin-right:155px;margin-bottom:10px}
.ol_mes .message_leave .form_box li.code img{position:absolute;bottom:7px;right:10px;height:35px}
.ol_mes .message_leave .form_box .up_load{padding:0;width:150px;border:1px solid #ebe4e5;height:50px;color:#fff;line-height:50px;background:0 0;transition:all .3s ease;color:#333;font-size:18px}
.ol_mes .message_leave .form_box .up_load:hover{background:#141b33;color:#fff}
.ol_mes .message_leave .form_box li input:focus,.ol_mes .message_leave .form_box li textarea:focus{border-color:#141b33}
@media only screen and (max-width:520px){.ol_mes .message_leave{margin-top:30px;width:100%}
.ol_mes .message_leave .form_box li{margin-bottom:10px;width:100%}
.ol_mes .message_leave .form_box li.code{margin-right: 0;}
.ol_mes .message_leave .form_box li.w100 input{padding:0 3%}
.ol_mes .message_leave .form_box .up_load{margin-top:10px;width:106px;height:36px;line-height:36px;font-size:14px}
.ol_mes .message_leave .form_box li select{font-size:13px}
.ol_mes .message_leave .form_box li input,.ol_mes .message_leave .form_box li textarea{font-size:13px}
}

/* map */
#map{width:100%;height:600px}
#map label{max-width:none}
#map img{max-width:none}
@media only screen and (max-width:520px){
#map{height:360px}
}


/* newslist */
.newslist{background:#f5f5f5;padding:90px 0}
.newslist li{width:32%;margin-right:2%;margin-bottom:2%;position:relative;overflow:hidden;background:#fff}
.newslist li::before{content:'';display:block;width:0;height:3px;position:absolute;left:0;bottom:0;z-index:5;background:#001332;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.newslist li:nth-child(3n+3){margin-right:0}
.newslist li:hover{-moz-box-shadow:0 2px 10px #bbb;-webkit-box-shadow:0 2px 10px #bbb;box-shadow:0 2px 10px #bbb}
.newslist li a{display:block}
.newslist li a .img{display:block;width:100%;overflow:hidden}
.newslist li a .img img{transition: all .6s ease;width: 100%;}
.newslist li a .txt{padding:30px 20px;background:#fff;border:1px solid #ddd;position:relative;z-index:2}
.newslist li a .txt .ltt{font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:58px;line-height:1.5;font-weight:700}
.newslist li a .txt .ltc{line-height:1.5;color:#999;margin:10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:64px;display:none}
.newslist li a .txt .day{padding-top:10px;color:#999}
.newslist li:hover a .img img{transform: scale(1.06);}
.newslist li:hover a .txt .day,.newslist li:hover a .txt .ltc,.newslist li:hover a .txt .ltt{color:#001332}
.newslist li:hover a .txt .day{color:#000}
.newslist li:hover:before{width:100%}
@media screen and (max-width:980px){
.newslist{padding:30px 0}
.newslist li{width:48%;margin-bottom: 4%;}
.newslist li:nth-child(odd){margin-right: 4%;}
.newslist li:nth-child(even){margin-right: 0;}
}
@media screen and (max-width:640px){
.newslist li a .txt{padding: 10px;}
.newslist li a .txt .ltt{font-size: 14px;}
.newslist li a .txt .ltt{height: auto;}
.newslist li a .txt .day{font-size: 13px;padding-top: 6px;}
}


/* news */
.news{padding: 60px 0;}
.news .odcontent{max-width: 1000px;}
.news .text{text-align: center;}
.news .text h2{font-size: 36px;font-weight: bold;}
.news .text .desc{font-size: 16px;justify-content: center;margin: 30px 0 0;}
.news .content{padding: 40px 0;margin: 50px 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.news .content p{font-size: 16px;line-height: 28px;color: #333333;}
.news .content img{max-width: 100%;}
.news .bottom{justify-content: space-between;align-items: center;}
.news .bottom .left{display: flex;flex-direction: column;line-height: 2.5;}
.news .bottom .left a{font-size: 16px;color: #333333;font-weight: 200;}
.news .bottom .left a:hover{color:#141b33}
.news .bottom .right{width:150px;height:48px;background-color:#141b33;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:100;letter-spacing:1px;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.news .bottom .right:hover{opacity:.8}
.news .bottom .right img{margin-right: 6px;}
@media only screen and (max-width:1080px){
.news{padding: 40px 0;}
.news .text h2{font-size: 30px;}
.news .text .desc{margin: 20px 0 0;}
.news .content{padding: 30px 0;margin: 30px 0;}
}
@media only screen and (max-width:768px){
.news{padding: 30px 0;}
.news .text h2{font-size: 20px;}
.news .text .desc{margin: 10px 0 0;font-size: 14px;}
.news .text .desc img{width: 18px;}
.news .text .desc img:nth-child(2){margin-left: 6px;}
.news .content{padding: 15px 0;margin: 15px 0;}
.news .content p{font-size: 14px;}
.news .bottom .left{line-height: 2;margin-bottom: 15px;}
.news .bottom .left a{font-size: 14px;}
.news .bottom .right{width: 110px;height: 38px;font-size: 14px;}
}

/* productslist */
.productslist{padding: 80px 0;}
.productslist .item{width: 32%;margin-right: 2%;margin-bottom: 2%;position: relative;}
.productslist .item:nth-child(3n+3){margin-right: 0;}
.productslist .item .img{}
.productslist .item .img img{width: 100%;}
.productslist .item .text{text-align: center;padding: 10px;background-color: #001332;display: none;}
.productslist .item .text p{font-size: 14px;font-weight: bold;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.productslist .item:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(19,48,84,.75);opacity:0;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-webkit-clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%)}
.productslist .item:hover:after{opacity:1;-webkit-clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0)}
.productslist .item .css3{position:absolute;z-index:9;left:1em;top:1em;right:1em;bottom:1em}
.productslist .item .border{position:absolute;z-index:1;background-color:#fff}
.productslist .item .border.b_t{left:0;right:100%;top:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item .border.b_r{top:0;bottom:100%;right:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item .border.b_b{left:0;right:100%;bottom:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item .border.b_l{top:0;bottom:100%;left:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item:hover .b_t{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item:hover .b_r{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item:hover .b_b{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item:hover .b_l{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.productslist .item .contain{position:absolute;z-index:10;width:100%;text-align:center;color:#fff;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:0;visibility:hidden;top:50%;-webkit-transform:translateY(-20%);transform:translateY(-20%)}
.productslist .item .contain .icoImg{display:inline-block;position:relative;width:auto!important;height:5em!important;max-width:12em;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;pointer-events:auto!important}
.productslist .item .contain h3{margin-top: 15px;margin-left: 25px;margin-right: 25px;margin-bottom: 15px;position:relative;line-height: 2;}
.productslist .item .contain:after{content:" ";display:block;margin-left:auto;margin-right:auto;width:38px;height:38px;border-radius:50%;border:#fff solid 1px;background-image:url(../images/arrow-pdtItem.png);background-size:auto;background-position:50% 50%;background-repeat:no-repeat;opacity:0;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;-webkit-transform:rotate(90deg) translateX(10px) scale(.8);transform:rotate(90deg) translateX(10px) scale(.8)}
.productslist .item:hover .contain{-webkit-transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s,-webkit-transform .5s ease .2s;opacity:1;visibility:visible;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.productslist .item:hover .contain:after{-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translateX(0);opacity:1;-webkit-transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms,-webkit-transform .4s ease-out 440ms}
@media only screen and (max-width:1080px){
.productslist{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.productslist{padding: 30px 0;}
.productslist .item{width: 48%;}
.productslist .item:nth-child(odd){margin-right: 4%;margin-bottom: 4%;}
.productslist .item:nth-child(even){margin-right: 0;}
.productslist .item .text{display: block;}
.productslist .item .css3{display: none;}
.productslist .item:hover .contain{display: none;}
.productslist .item .contain:after{display: none;}
}


/* product */
.product{padding: 60px 0;}
.product .left{width: 45%;margin-right: 5%;}
.product .left .poSwiper2{margin-bottom: 20px;}
.product .left .poSwiper2 .swiper-slide{max-height: 600px;}
.product .left .poSwiper2 .swiper-slide .img{max-height:600px;}
.product .left .poSwiper2 .swiper-slide .img img{width: 100%;height: 100%;}
.product .left .poSwiper .swiper-slide{max-width: 110px;}
.product .left .poSwiper .swiper-slide .img{max-width: 110px;padding: 10px;border: 1px solid #999;}
.product .left .poSwiper .swiper-slide-thumb-active .img{border: 1px solid #001332;}
.product .left .swiper-button-next.swiper-button-disabled,.product .left .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.product .left .swiper-button-next:after,.product .left .swiper-button-prev:after{font-size: 14px;} 
.product .left .swiper-button-next,.product .left .swiper-button-prev{height: 45px;width: 45px;background: #C2CAC7;color: #fff;border-radius: 50%;}
.product .left .swiper-button-next:hover,.product .left .swiper-button-prev:hover{background: #0f2450;}
.product .right{width: 50%;text-align:left;}
.product .right h2{font-size: 30px;font-weight: bold;}
.product .right .flex .bn{background: #001332;text-align: center;width: fit-content;margin-top: 30px;}
.product .right .flex .bn:nth-child(1){margin-right: 20px;background: #B48B68;}
.product .right .flex .bn a{font-size: 16px;color: #fff;line-height: 40px;height: 40px;padding: 0 40px;}
.product .right .flex .bn:hover{opacity: 0.8;}
.product .cont{margin-top: 30px;padding:30px 0;border-top: 1px solid #001332;}
.product .cont h2{font-size: 18px;background: #001332;text-align: center;width: fit-content;line-height: 40px;height: 40px;padding: 0 40px;color: #fff;margin-bottom: 40px;}
.product .ol_mes{margin:0 auto;background: #f8f8f8;padding: 50px 0;}
.product .ol_mes .message_leave{margin-top:3%;width:100%}
.product .ol_mes .message_leave .form_box{display:flex;flex-wrap:wrap;justify-content:space-between}
.product .ol_mes .message_leave .form_box li{margin-bottom:40px;width:30.5%;background:0 0;box-sizing:border-box}
.product .ol_mes .message_leave .form_box li.w100{width:100%}
.product .ol_mes .message_leave .form_box li select{padding:0 6px;width:100%;background:0 0;font-size:16px;border:1px solid #e2e2e2;transition:border .3s linear;height:50px;box-sizing:border-box;color:#757575}
.product .ol_mes .message_leave .form_box li.w100 input{padding:0 1%}
.product .ol_mes .message_leave .form_box li input{padding:0 3%;width:100%;background:0 0;font-size:16px;border:1px solid #e2e2e2;transition:border .3s linear;line-height:50px;box-sizing:border-box}
.product .ol_mes .message_leave .form_box li textarea{padding:12px;width:100%;height:100px;resize:none;font-size:16px;font-family:inherit;box-sizing:border-box;background:0 0;border:1px solid #ebe4e5;transition:border .3s linear}
.product .ol_mes .message_leave .form_box li.code{margin-right:155px;margin-bottom:10px}
.product .ol_mes .message_leave .form_box li.code img{position:absolute;bottom:7px;right:10px;height:35px}
.product .ol_mes .message_leave .form_box .up_load{padding:0;width:150px;border:1px solid #ebe4e5;height:50px;color:#fff;line-height:50px;background:0 0;transition:all .3s ease;color:#333;font-size:18px}
.product .ol_mes .message_leave .form_box .up_load:hover{background:#141b33;color:#fff}
.product .ol_mes .message_leave .form_box li input:focus,.product .ol_mes .message_leave .form_box li textarea:focus{border-color:#141b33}
.product .t_list{padding-top: 50px;}
.product .t_list h2{font-size: 18px;background: #001332;text-align: center;width: fit-content;line-height: 40px;height: 40px;padding: 0 40px;color: #fff;margin-bottom: 40px;}
.product .item{width: 23.5%;margin-right: 2%;margin-bottom: 2%;position: relative;}
.product .item:nth-child(4n+4){margin-right: 0;}
.product .item .img{}
.product .item .img img{width: 100%;}
.product .item .text{text-align: center;padding: 10px;background-color: #001332;display: none;}
.product .item .text p{font-size: 14px;font-weight: bold;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.product .item:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(19,48,84,.75);opacity:0;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-webkit-clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%)}
.product .item:hover:after{opacity:1;-webkit-clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0)}
.product .item .css3{position:absolute;z-index:9;left:1em;top:1em;right:1em;bottom:1em}
.product .item .border{position:absolute;z-index:1;background-color:#fff}
.product .item .border.b_t{left:0;right:100%;top:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .item .border.b_r{top:0;bottom:100%;right:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .item .border.b_b{left:0;right:100%;bottom:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .item .border.b_l{top:0;bottom:100%;left:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .item:hover .b_t{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .item:hover .b_r{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .item:hover .b_b{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .item:hover .b_l{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.product .item .contain{position:absolute;z-index:10;width:100%;text-align:center;color:#fff;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:0;visibility:hidden;top:50%;-webkit-transform:translateY(-20%);transform:translateY(-20%)}
.product .item .contain .icoImg{display:inline-block;position:relative;width:auto!important;height:5em!important;max-width:12em;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;pointer-events:auto!important}
.product .item .contain h3{margin-top: 15px;margin-left: 25px;margin-right: 25px;margin-bottom: 15px;position:relative;line-height: 2;}
.product .item .contain:after{content:" ";display:block;margin-left:auto;margin-right:auto;width:38px;height:38px;border-radius:50%;border:#fff solid 1px;background-image:url(../images/arrow-pdtItem.png);background-size:auto;background-position:50% 50%;background-repeat:no-repeat;opacity:0;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;-webkit-transform:rotate(90deg) translateX(10px) scale(.8);transform:rotate(90deg) translateX(10px) scale(.8)}
.product .item:hover .contain{-webkit-transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s,-webkit-transform .5s ease .2s;opacity:1;visibility:visible;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.product .item:hover .contain:after{-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translateX(0);opacity:1;-webkit-transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms,-webkit-transform .4s ease-out 440ms}

@media only screen and (max-width:768px){
.product{padding:30px 0;}
.product .left{width: 100%;margin-right: 0;}
.product .left .swiper-button-next, .product .left .swiper-button-prev{width: 35px;height:35px;}
.product .left .poSwiper2 .swiper-slide .img{max-height: 300px;}
.product .left .poSwiper2 .swiper-slide .img img{max-height: 300px;width: 100%;}
.product .left .poSwiper .swiper-slide .img{padding: 6px;}
.product .right{margin-top: 20px;width: 100%;}
.product .right h2{font-size:18px;}
.product .right .flex .bn{margin-top: 20px;}
.product .right .flex .bn a{font-size: 14px;line-height: 35px;height: 35px;padding: 0 35px;}
.product .cont{margin-top: 20px;padding: 20px 0;}
.product .cont h2{font-size: 14px;line-height: 35px;height: 35px;padding: 0 35px;margin-bottom: 20px;}
.product .ol_mes{padding: 20px 0;}
.product .t_list{padding-top: 20px;}
.product .t_list h2{font-size: 14px;line-height: 35px;height: 35px;padding: 0 35px;margin-bottom: 20px;}
.product .item{width: 48%;margin-bottom: 4%;}
.product .item:nth-child(odd){margin-right: 4%;}
.product .item:nth-child(even){margin-right: 0%;}
.product .item .text{display: block;}
}
@media only screen and (max-width:520px){
.product .ol_mes .message_leave{margin-top:10px;width:100%}
.product .ol_mes .message_leave .form_box li{margin-bottom:10px;width:100%}
.product .ol_mes .message_leave .form_box li.w100 input{padding:0 3%}
.product .ol_mes .message_leave .form_box .up_load{margin-top:10px;width:106px;height:36px;line-height:36px;font-size:14px}
.product .ol_mes .message_leave .form_box li select{font-size:13px}
.product .ol_mes .message_leave .form_box li input,.ol_mes .message_leave .form_box li textarea{font-size:13px}
.product .ol_mes .message_leave .form_box li.code{margin-right: 0;}
.product .item .css3{display: none;}
.product .item:hover .contain{display: none;}
.product .item .contain:after{display: none;}
}


/* caselist */
.caselist{background:#f5f5f5;padding:90px 0}
.caselist li{width:32%;margin-right:2%;margin-bottom:2%;position:relative;overflow:hidden;background:#fff}
.caselist li::before{content:'';display:block;width:0;height:3px;position:absolute;left:0;bottom:0;z-index:5;background:#001332;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.caselist li:nth-child(3n+3){margin-right:0}
.caselist li:hover{-moz-box-shadow:0 2px 10px #bbb;-webkit-box-shadow:0 2px 10px #bbb;box-shadow:0 2px 10px #bbb}
.caselist li a{display:block}
.caselist li a .img{display:block;width:100%;overflow:hidden}
.caselist li a .img img{transition: all .6s ease;width: 100%;}
.caselist li a .txt{padding:20px;background:#fff;border:1px solid #ddd;position:relative;z-index:2;}
.caselist li a .txt .ltt{font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:1.5;font-weight:700;text-align: center;}
.caselist li:hover a .img img{transform: scale(1.06);}
.caselist li:hover a .txt .day,.caselist li:hover a .txt .ltc,.caselist li:hover a .txt .ltt{color:#001332}
.caselist li:hover a .txt .day{color:#000}
.caselist li:hover:before{width:100%}
@media screen and (max-width:980px){
.caselist{padding:30px 0}
.caselist li{width:48%;margin-bottom: 4%;}
.caselist li:nth-child(odd){margin-right: 4%;}
.caselist li:nth-child(even){margin-right: 0;}
}
@media screen and (max-width:640px){
.caselist li a .txt{padding: 10px;}
.caselist li a .txt .ltt{font-size: 14px;height: auto;}
}


/* case */
.case{padding: 30px 0;position: relative;background-color: rgba(19,48,84,.75);}
.case .w1200{background: #fff;padding: 30px 50px;box-shadow: -1px 0px 5px 1px rgba(19, 19, 19, 0.15);}
.case .title h2{font-size: 36px;color: #000;text-align: center;font-weight: bold;margin-bottom: 10px;}
.case .title p{font-size: 16px;color: #333333;text-align: center;padding-top: 5px;margin-bottom: 30px;}
.case .list{}
.case .mySwiper3{width: 75%;}
.case .mySwiper3 .swiper-slide{max-height: 540px;}
.case .mySwiper3 img{width: 100%;height: 100%;}
.case .mySwiper3 .swiper-button-next:after,.case .mySwiper2 .swiper-button-prev:after{font-size: 14px;}
.case .mySwiper3 .swiper-button-next:after,.case  .swiper-button-prev:after{font-size: 14px;}
.case .mySwiper3 .swiper-button-next,.case .swiper-button-prev{height: 35px;width: 35px;background-color: rgba(19,48,84,.75);color: #fff;border-radius: 50%;top: 50%;}
.case .mySwiper3 .swiper-button-next:hover,.case .swiper-button-prev:hover{background: #001332;}
.case .mySwiper4{width:20%;height: 490px !important;overflow: hidden;}
.case .mySwiper4 .swiper-wrapper{}
.case .mySwiper4 .swiper-slide{background:#fff;height: auto !important;}
.case .mySwiper4 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.case .mySwiper4 .swiper-slide-thumb-active img{border: 1px solid #001332;}

@media screen and (max-width:1080px){
.case .title h2{font-size: 30px;}
.case .title p{margin-bottom: 30px;}
}
@media screen and (max-width:768px){
.case{padding: 25px 0;}
.case .w1200{padding: 15px;}
.case .title h2{font-size: 20px;}
.case .title p{font-size: 14px;margin-bottom: 15px;}
/* .case .mySwiper2{width: 100%;}
.case .mySwiper{width: 100%;margin-left: 5%;} */
.case .mySwiper4{display: none;}
.case .mySwiper3{width: 100%;}
.case .mySwiper3 .swiper-button-next, .case .swiper-button-prev{height: 25px;width: 25px;top: 55%;}
}


/* picturelist */
.picturelist{padding: 80px 0;}
.picturelist li{width: 32%;margin-bottom: 2%;position: relative;margin-right: 2%;}
.picturelist li:nth-child(3n+3){margin-right: 0;}
.picturelist1 li{width: 23.5%;}
.picturelist1 li:nth-child(4n+4){margin-right: 0;}
.picturelist1 li:nth-child(3n+3){margin-right: 2%;}
.picturelist li .pic a{width:90%;height:300px;padding:20px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f5f5}
.picturelist1 li .pic a{height:50px;background: #001332;}
.picturelist li .pic::after{width:0;height:3px;content:"";background:#001332;transition:all .5s ease;position:absolute;bottom:0;left:50%}
.picturelist li:hover .pic::after{width:100%;transition:all .5s ease;margin-left:-50%}
.picturelist li .pic img{max-width:100%;max-height:100%;transition:all .5s ease}
.picturelist li:hover img{transition:all .5s ease;transform:scale(1.04);}
.picturelist li p{height:50px;padding:0 20px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:16px}
.picturelist li:hover p {color: #001332;}
@media screen and (max-width:1080px){
.picturelist{padding: 50px 0;}
}

@media screen and (max-width:768px){
.picturelist{padding: 30px 0;}
.picturelist li{width: 48%;margin-bottom: 15px;}
.picturelist1 li{width: 48%;}
.picturelist li:nth-child(odd){margin-right: 4%;}
.picturelist li:nth-child(even){margin-right: 0;}
.picturelist li .pic a{width: auto;height: 140px;padding: 10px;}
.picturelist1 li .pic a{height:100px;}
.picturelist li p{font-size: 14px;height: 40px;}
}

/* picturelist2 */
.picturelist2{padding: 30px 0 120px;position: relative;}
.picturelist2 .title{margin-bottom:40px}
.picturelist2 .title .t1{font-size:36px;color:#333;margin-bottom:15px;text-align: center;font-weight: bold;}
.picturelist2 .title .t2{font-size:14px;color:#666;text-align: center;}
.picturelist2 .swiper-slide{border-bottom: 1px #dcdcdc solid;border: 1px solid #ddd;}
.picturelist2 .swiper-slide:after{transition: all .5s cubic-bezier(.77,0,.175,1) 0s;content:''; position:absolute; left:0; bottom:-1px; height:1px; width:100%; background-color:#004F2A; width:0;}
.picturelist2 .swiper-slide:hover:after{width:100%;}
.picturelist2 .swiper-button-next{left: 51%;top: 90%;background: #C2CAC7;border-radius: 50%;width: 36px;height: 36px;}
.picturelist2 .swiper-button-prev{left: 47%;top: 90%;background: #C2CAC7;border-radius: 50%;width: 36px;height: 36px;}
.picturelist2 .swiper-button-next:hover, .picturelist2 .swiper-button-prev:hover {background: #0f2450;}
.picturelist2 .swiper-button-next:after{font-size: 15px;color: #fff;}
.picturelist2 .swiper-button-prev:after{font-size: 15px;color: #fff;}
.picturelist2 .img {text-align: center;padding: 20px 20px 10px 20px;}
.picturelist2 .img img{max-width: 100%;}
.picturelist2 .info{text-align: center; padding: 15px 20px;}
.picturelist2 .info p{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media(max-width:1080px){
.picturelist2{padding: 30px 0 80px;}
.picturelist2 .title .t1{font-size: 30px;margin-bottom: 10px;}
}
@media(max-width:768px){
.picturelist2{padding: 30px 0 60px;}
.picturelist2 .title{margin-bottom: 15px;}
.picturelist2 .title .t1{font-size: 20px;margin-bottom: 5px;}
.picturelist2 .swiper-button-next{width: 30px;height: 30px;left: 53%;top: 92%;}
.picturelist2 .swiper-button-prev{width: 30px;height: 30px;left: 42%;top: 92%;}
.picturelist2 .info p{font-size: 14px;}
.picturelist2 .info img{width: 20px;}
}


/* picturelist3 */
.picturelist3{padding: 30px 0 120px;position: relative;}
.picturelist3 .title{margin-bottom:40px}
.picturelist3 .title .t1{font-size:36px;color:#333;margin-bottom:15px;text-align: center;font-weight: bold;}
.picturelist3 .title .t2{font-size:14px;color:#666;text-align: center;}
.picturelist3 .swiper-slide{border-bottom: 1px #dcdcdc solid;border: 1px solid #ddd;}
.picturelist3 .swiper-slide:after{transition: all .5s cubic-bezier(.77,0,.175,1) 0s;content:''; position:absolute; left:0; bottom:-1px; height:1px; width:100%; background-color:#004F2A; width:0;}
.picturelist3 .swiper-slide:hover:after{width:100%;}
.picturelist3 .swiper-button-next{left: 51%;top: 90%;background: #C2CAC7;border-radius: 50%;width: 36px;height: 36px;}
.picturelist3 .swiper-button-prev{left: 47%;top: 90%;background: #C2CAC7;border-radius: 50%;width: 36px;height: 36px;}
.picturelist3 .swiper-button-next:hover, .picturelist3 .swiper-button-prev:hover {background: #0f2450;}
.picturelist3 .swiper-button-next:after{font-size: 15px;color: #fff;}
.picturelist3 .swiper-button-prev:after{font-size: 15px;color: #fff;}
.picturelist3 .img {text-align: center;padding: 20px 20px 10px 20px;}
.picturelist3 .img img{max-width: 100%;}
.picturelist3 .info{text-align: center; padding: 15px 20px;}
.picturelist3 .info p{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media(max-width:1080px){
.picturelist3{padding: 30px 0 80px;}
.picturelist3 .title .t1{font-size: 30px;margin-bottom: 10px;}
}
@media(max-width:768px){
.picturelist3{padding: 30px 0 60px;}
.picturelist3 .title{margin-bottom: 15px;}
.picturelist3 .title .t1{font-size: 20px;margin-bottom: 5px;}
.picturelist3 .swiper-button-next{width: 30px;height: 30px;left: 53%;top: 92%;}
.picturelist3 .swiper-button-prev{width: 30px;height: 30px;left: 42%;top: 92%;}
.picturelist3 .info p{font-size: 14px;}
.picturelist3 .info img{width: 20px;}
}


/* yshi */
.yshi{padding: 80px 0;background-color: #f8f8f8;}
.yshi .line{text-align: center;margin: 0 auto;margin-top: 24px;}
.yshi .list{margin-top: 80px;}
.yshi .item{width: 49%;margin-bottom: 2%;background-color: #fff;border-radius: 10px;margin-right: 2%;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.yshi .item:nth-child(2n+2){margin-right: 0;}
.yshi .item .info{padding: 50px;}
.yshi .item h3{font-size: 30px;color: #333;font-weight: 500;}
.yshi .item p{font-size: 18px;color: #666;margin: 20px 0 70px;line-height: 30px;}
@media screen and (max-width:1080px){
.yshi{padding: 50px 0;}
.yshi .c-title h3{font-size: 28px;}
}
@media screen and (max-width:768px){
.yshi{padding: 30px 0;}
.yshi .list{margin-top: 20px;}
.yshi .item .info{padding: 25px;}
.yshi .item h3{font-size: 26px;}
.yshi .item p{font-size: 16px;margin: 20px 0 40px;}
}
@media screen and (max-width:520px){
.yshi .item{width: 100%;margin-right: 0;margin-bottom: 20px;}
.yshi .item .info{padding: 20px;}
.yshi .item h3{font-size: 18px;}
.yshi .item p{font-size: 14px;margin: 20px 0;line-height: 26px;}
.yshi .item img{width: 60px;}
}


/* cooperation */
.cooperation{padding: 80px 0;background-image: url(../images/zs_b2.jpg);background-size: cover;}
.cooperation .line{text-align: center;margin: 0 auto;margin-top: 24px;}
.cooperation .coope{margin-top: 80px;padding-bottom: 10px;}
.cooperation li{ width: calc(100% / 6); position: relative;}
.cooperation li .quan{ width:calc(80% - 4px);height: 0;padding: calc(40% - 2px) 0; margin: 0 2px;position: relative; float: right;}
.cooperation li .quan1{width: 100%;height: 100%; -webkit-animation: haha1 6s linear infinite;border-radius: 50%;border: 1px dashed #001332; position: absolute;left: 0;top: 0; display: block;}
.cooperation li .quan2{width:90%;height:90%;border-radius: 50%;position: absolute;left: 5%;top: 5%;background: #fff;z-index: 5; display: block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.cooperation li:hover .quan2{background: #001332;}
.cooperation li .text{position: absolute;width: 100%; position: absolute;top: 50%;transform: translateY(-50%);left: 0; text-align: center; color: #001332; font-size: calc(0.75rem + 0.4vw);z-index: 10;}
.cooperation li:hover .text{color: #fff;}
.cooperation li .text span{display: block;}
.cooperation  .btn{background: #001332;text-align: center;width: fit-content;margin: 0 auto;margin-top: 70px;}
.cooperation  .btn a{font-size: 16px;color: #fff;line-height: 40px;height: 40px;padding: 0 40px;}
.cooperation  .btn:hover{opacity: 0.8;}
@-webkit-keyframes haha1{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@media screen and (max-width:1080px){
.cooperation {padding: 50px 0;}
.cooperation .coope{margin-top: 50px;}
.cooperation  .btn{margin-top: 50px;}
}
@media screen and (max-width:768px){
.cooperation {padding: 30px 0;}
.cooperation .coope{margin-top: 30px;}
.cooperation  .btn{margin-top: 20px;}
.cooperation  .btn a{font-size: 14px;line-height: 35px;height: 35px;padding: 0 35px;}
.cooperation li .quan1{left: -1px;}
}

/* lyan */
.lyan{padding: 50px 0 80px;background-color: #f8f8f8;}
@media screen and (max-width:768px){
.lyan{padding: 10px 0 30px;}
}