@charset "utf-8";
/***********************************************************
	Filename: szphp.css
	Note	: 首页CSS样式
	Version : szphp v2.0.0
	Author  : 优尚设计 <www.szphp.cn>
	Web		: www.szphp.cn
	Update  : 2021.10.28
***********************************************************/

/* banner******************************************************************************/
#banner,.swiper-container{position:relative;width:100%;height:600px;transition:all .5s ease 0s}
#banner .swiper-slide{background-position:100% 100%;background-size:62%}
#banner .swiper-button-next,#banner .swiper-button-prev{top:45%;z-index:100;background:url(none);opacity:.5;transition:all .3s ease 0s}
#banner .swiper-button-next{right:15px}
#banner .swiper-button-prev{left:15px}
#banner:hover .swiper-button-next,#banner:hover .swiper-button-prev{opacity:1}
#banner:hover .swiper-button-next{right:35px}
#banner:hover .swiper-button-prev{left:35px}
#banner .next,#banner .prev{width:40px;height:40px;outline:0;border-radius:50%;background:#fff;color:#333;text-align:center;line-height:40px;-webkit-tap-highlight-color:transparent}
#banner .next:after{content:"\f178";font-size:1.2rem;font-family:FontAwesome}
#banner .prev:after{content:"\f177";font-size:1.2rem;font-family:FontAwesome}
#banner .next:hover,#banner .prev:hover{background:#003279;color:#fff}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:15px}
#banner .swiper-pagination-bullet{width:15px;height:8px;border-radius:10px;background:#fff;vertical-align:middle;opacity:1;transition:all .5s ease 0s}
#banner .swiper-pagination-bullet-active{width:35px;background:#003279}
/* 文字内容 */
#banner .swiper-slide .title{position:absolute;top:0;left:0;z-index:100;height:100%;color:#333;text-shadow:none}
#banner .swiper-slide .title .row{height:100%}
#banner .swiper-slide .title .content{display:flex;height:100%;justify-content:center;align-items:left;flex-direction:column}
#banner .swiper-slide .title h2{width:38%;color:#222;text-align:left;font-size:1.8rem;line-height:2rem}
#banner .swiper-slide .title p{margin-top:.5rem;margin-bottom:0;width:36%;color:#333;text-align:left;font-size:.95rem;line-height:1.4}
#banner .swiper-slide .title .more{display:block;margin-top:1rem;width:150px;height:42px;border-radius:2px;background:#0752bd;color:#fff;text-align:center;font-size:.9rem;line-height:42px;transition:all .3s ease 0s}
#banner .swiper-slide .title .more .fa{margin-left:5px;color:#fff;font-size:.9rem;transition:all .5s ease 0s}
#banner .swiper-slide .title .more:hover{background:#003279}
#banner .swiper-slide .title .more:hover .fa{margin-left:10px}
/* 文字内容2 */
#banner .swiper-slide .title .content-full{display:flex;height:100%;justify-content:center;align-items:left;flex-direction:column}
#banner .swiper-slide .title .content-full h2{margin:0 auto;width:60%;color:#fff;text-align:center;font-weight:600;font-size:2.5rem;line-height:3.5rem}
#banner .swiper-slide .title .content-full p{margin:1rem auto 0;width:70%;color:#fff;text-align:center;font-size:1.6rem;line-height:1.8}
#banner .swiper-slide .title .content-full .more{margin-right:auto;margin-left:auto}
/* 遮罩效果 */
#banner .overlay1,#banner .overlay2,#banner .overlay3{border-radius:0}
#banner .overlay1{position:absolute;top:-15%;left:-10%;z-index:99;width:50%;height:125%;background-image:linear-gradient(90deg,#cfe6b8 0,#deedce 100%);transform:rotate(10deg)}
#banner .overlay2{position:absolute;top:-15%;left:-10%;z-index:98;width:calc(50% + 10px);height:125%;background-color:#8ec31f;transform:rotate(10deg)}
#banner .overlay3{position:absolute;top:-15%;left:-10%;z-index:97;width:calc(50% + 20px);height:125%;background-color:#003279;transform:rotate(10deg)}

@media screen and (max-width:1280px){
    #banner,.swiper-container{height:550px}
}
@media screen and (max-width:1024px){
    #banner .swiper-slide{background-size:62% 100%}
    #banner,.swiper-container{height:500px}
}
@media screen and (max-width:960px){
    #banner .next,#banner .prev{display:none}
}
@media screen and (max-width:820px){
    #banner,.swiper-container{height:450px}
    #banner .swiper-slide .title h2{font-size:1.5rem;line-height:1.4rem}
    #banner .swiper-slide .title p{font-size:.8rem}
    #banner .swiper-slide .title .content-full h2{font-size:2rem;line-height:2rem}
    #banner .swiper-slide .title .content-full p{font-size:1rem}
}
@media screen and (max-width:576px){
    #banner,.swiper-container{height:250px}
    #banner .swiper-slide{background-position:50% 50%;background-size:cover}
    #banner .swiper-slide .title h2{width:100%;color:#fff;text-align:center;text-shadow:1px 0 2px #222;font-weight:600;font-size:1.3rem}
    #banner .swiper-slide .title p{display:none;width:100%}
    #banner .swiper-slide .title .content-full h2{width:100%;font-size:1.3rem}
    #banner .swiper-slide .title .content-full p{display:block;width:100%;font-size:.9rem}
    #banner .swiper-slide .title .more{margin:1rem auto;width:100px;height:35px;font-size:.7rem;line-height:35px}
    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:6px}
    #banner .swiper-pagination-bullet{width:10px;height:5px;border-radius:5px}
    #banner .swiper-pagination-bullet-active{width:18px}
}

/* index 综合样式******************************************************************************/
.index{padding-top:80px;padding-bottom:80px;width:100%}
.index h2,.index h3{font-weight:600}
.index h2{position:relative;margin-bottom:2rem;padding-top:2rem;color:#003279;text-transform:uppercase}
.index h2 span{position:absolute;top:0;left:0;z-index:-1;color:#f5f6f7;text-transform:capitalize;font-size:4rem}
.index h3{color:#333;font-size:1.2rem}
.index h4{color:#333;font-size:.95rem;line-height:1.4}
.index h2::after{display:block;margin-top:1rem;width:40px;height:3px;background-color:#d0d5c9;content:""}
@media screen and (max-width:820px){
    .index{padding-top:50px;padding-bottom:50px}
    .index h2{margin-bottom:1rem;padding-top:1.2rem}
    .index h2 span{font-size:2.6rem}
    .index h3{font-size:1rem}
    .index h4{font-size:.85rem}
}
/* more按钮 */
.index .more{display:block;margin-top:1rem;width:130px;height:42px;border-radius:2px;background:#0752bd;color:#fff;text-align:center;font-size:.9rem;line-height:42px;transition:all .3s ease 0s}
.index .more .fa{margin-left:5px;color:#fff;font-size:.9rem;transition:all .5s ease 0s}
.index .more:hover{background:#003279}
.index .more:hover .fa{margin-left:10px}
@media screen and (max-width:576px){
    .index .more{width:100%;height:35px;font-size:.7rem;line-height:35px}
}

/* index-about 关于我们 ******************************************************************************/
.index-about{width:100%;background-image:url(../images/index-about-bg.png);background-position:5% bottom;background-repeat:no-repeat}
/* 简介内容 */
.index-about .note{margin-top:1rem;width:100%}
/* 图片 */
.index-about .picture{position:relative}
.index-about .picture img{width:95%;border-radius:4px}
.index-about .picture .images,.index-about .picture .images-shadow{position:absolute;top:0;left:10%;z-index:10}
.index-about .picture .images-shadow{top:0px;right:-10px;z-index:1;opacity:.1}
/* 图标链接 */
.icon-link{width:100%}
.icon-link a{display:block;margin-bottom:12px;margin-left:.5rem;padding:0 5px 10px;border:1px solid #ddd;border-radius:2px;background:#fff;text-align:center}
.icon-link a:last-child{margin-bottom:0}
.icon-link a span{display:block;color:#666}
.icon-link a .iconfont{font-size:2.5rem}
.icon-link a .icon-gongchangmoxing{margin-bottom:.5rem;font-size:2.1rem}
.icon-link a .title{margin-top:0;font-weight:700;line-height: 1.3;}
.icon-link a:hover{border:1px solid #8ec31f;background:#8ec31f}
.icon-link a:hover span{color:#fff}
@media screen and (max-width:1280px){
    .index-about .picture img{float:right}
    .index-about .picture .images-shadow{display:none}
    .icon-link a{margin-left:0;padding:0 15px 0}
}
@media screen and (max-width:820px){
    .icon-link,.index-about .picture{margin-top:2rem}
    .index-about .picture img{float:left}
    .index-about .picture .images,.index-about .picture .images-shadow{position:relative;right:auto;left:0}
}
@media screen and (max-width:576px){
    .index-about{padding-bottom:25px;background-image:none}
    .icon-link,.index-about .picture{margin-top:1rem}
    .index-about .picture img{width:100%;border-radius:2px}
    .icon-link a{float:left;width:calc(50% - 6px);height:70px;border:1px solid #8ec31f;background:#8ec31f}
    .icon-link a:nth-child(even){float:right}
    .icon-link a .iconfont{font-size:2rem}
    .icon-link a .icon-gongchangmoxing{font-size:1.75rem}
    .icon-link a .title{margin-top:-.5rem}
    .icon-link a span{color:#fff}
}

/* index-product 产品展示 ******************************************************************************/
.index-product{width:100%;background-image:url(../images/index-about-bg.png);background-position:right top;background-repeat:no-repeat}
.index-product-content{margin-top:50px}
.index-product .swiper-wrapper{overflow:hidden}
.index-product .swiper-slide{height:0}
.index-product .swiper-slide-active{height:auto}
/* 切换标题 */
.index-product .index-product-title{position:relative;margin:0 auto;width:100%;height:50px}
.index-product .index-product-title .swiper-wrapper{overflow:inherit}
.index-product .index-product-title .title{position:relative;display:inline-block;margin-right:30px;padding:0 1px;width:calc(100% / 6 - 30px);height:50px;color:#555;font-weight:600;cursor:pointer;line-height: 1.1;}
.index-product .index-product-title .swiper-slide-thumb-active{color:#003279}
.index-product .index-product-title .swiper-slide-thumb-active::after{position:absolute;bottom:10px;left:0;z-index:1;width:100%;height:3px;background-color:#003279;content:"";transition:all .3s ease 0s}
/* 遮罩效果 */
.index-product .index-product-list .overlay1,.index-product .index-product-list .overlay2,.index-product .index-product-list .overlay3{position:absolute;top:-8%;right:-10%;border-radius:20%}
.index-product .index-product-list .overlay1{z-index:99;width:50%;height:125%;background-image:linear-gradient(180deg,#cfe6b8 0,#deedce 100%);transform:rotate(10deg)}
.index-product .index-product-list .overlay2{z-index:98;width:calc(50% + 10px);height:125%;background-color:#8ec31f;transform:rotate(10deg)}
.index-product .index-product-list .overlay3{z-index:97;width:calc(50% + 20px);height:125%;background-color:#003279;transform:rotate(10deg)}
/* 切换内容 */
.index-product .index-product-list{width:100%}
.index-product .index-product-list .swiper-wrapper{border-radius:6px}
.index-product .index-product-list .swiper-slide{position:relative;min-height:450px;background:#fafafa;background-position:50%;background-size:cover}
.index-product .index-product-list .swiper-slide .product-img{position:absolute;top:0;right:0;z-index:100;padding:15px;height:100%;text-align:center}
.index-product .index-product-list .swiper-slide .product-img img{height:100%}
.index-product .index-product-list .swiper-slide .product-text{position:absolute;top:3%;left:0;padding:10px 20px;width:50%;height:auto;border-radius:5px;background-color:rgba(255,255,255,0);font-weight: 600;}
.index-product .index-product-list .swiper-slide .product-text .title{margin-bottom:.5rem;font-weight:600;line-height: 1.2;}
.index-product .index-product-list .swiper-slide .product-text p{margin-bottom:.3rem}
.index-product .index-product-list .swiper-slide .product-text p:before{margin-right:5px;color:rgba(51,51,51,1);content:"\f10c";font-size:.8rem;font-family:FontAwesome;display: none;}
.index-product .index-product-list .more{width:150px;height:45px;line-height:45px;margin-top: 1rem;}
/* 分页器 */
.index-product .swiper-pagination-index-product-list{display:none;text-align:center}
.index-product .swiper-pagination-index-product-list .swiper-pagination-bullet{width:15px;height:8px;border-radius:10px;background:#eee;vertical-align:middle;opacity:1;transition:all .5s ease 0s}
.index-product .swiper-pagination-index-product-list .swiper-pagination-bullet-active{width:35px;background:#003279}
@media screen and (max-width:820px){
    .index-product .index-product-list .swiper-slide .product-img{padding:35px 5px;text-align:right}
    .index-product .index-product-list .swiper-slide .product-text{top:15%;left:2%;padding:15px;width:50%}
}
@media screen and (max-width:576px){
    .index-product{background-image:none}
    .index-product-content{overflow:hidden;margin-top:25px}
    /* 切换标题 */
    .index-product .index-product-title{height:auto;margin-bottom: .5rem;}
    .index-product .index-product-title .title{margin-right:5px;padding:8px 5px 5px 5px;height:height;border-radius:3px;background-color:#f5f9fb;color:#555;line-height:1;width:150px}
    .index-product .index-product-title .title:last-child{margin-right:0}
    .index-product .index-product-title .swiper-slide-thumb-active{background-color:#003279;color:#fff}
    .index-product .index-product-title .swiper-slide-thumb-active::after{width:0;height:0;background-color:none}
    /* 遮罩效果 */
    .index-product .index-product-list .overlay1,.index-product .index-product-list .overlay2,.index-product .index-product-list .overlay3{right:-35%;height:150%;border-radius:50%;transform:rotate(50deg)}
    .index-product .index-product-list .overlay1{width:80%}
    .index-product .index-product-list .overlay2{width:calc(80% + 10px)}
    .index-product .index-product-list .overlay3{width:calc(80% + 20px)}
    /* 切换内容 */
    .index-product .index-product-list .swiper-slide{min-height:500px}
    .index-product .index-product-list .swiper-slide .product-img{top:auto;bottom:0;padding:5px;height:55%;text-align:right}
    .index-product .index-product-list .swiper-slide .product-text{top:10px;left:10px;z-index:100;padding:15px;width:calc(100% - 20px);border-radius:2px}
    .index-product .index-product-list .swiper-slide .product-text .text-4{font-size:.75rem}
    .index-product .index-product-list .swiper-slide .product-text p:before{margin-right:5px;font-size:.7rem}
    .index-product .index-product-list .more{width:100px;height:28px;line-height:28px}
    /* 分页器 */
    .index-product .swiper-pagination-index-product-list{display:block}
}

/* index-solution 精选案例 ******************************************************************************/
.index-solution{position:relative;margin-bottom:280px;width:100%;height:500px;background-image:url(../images/case-bg.jpg);background-position:50%;background-size:cover}
.index-solution .mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,51,122,.95)}
.index-solution .index-solution-title{position:relative;z-index:11}
.index-solution h2{color:#fff}
.index-solution h2 span{color:#0d428c}
.index-solution h4{color:#fff}
#solution{position:relative;z-index:11;overflow:hidden;margin:0 auto;padding-top:50px;padding-bottom:25px;width:90%}
#solution .swiper-slide{position:relative;overflow:hidden;padding:5px;border-radius:3px;background:#fff;box-shadow:0 2px 5px 2px rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease 0s}
#solution .swiper-slide .poto{width:100%}
#solution .swiper-slide .poto img{width:100%;border-radius:3px;transition:all .3s ease 0s}
#solution .swiper-slide span{display:block}
#solution .swiper-slide .note{padding:15px}
#solution .swiper-slide .title{margin-bottom:.5rem;text-align:center;font-weight:600;line-height:35px;transition:all .3s ease 0s}
#solution .swiper-slide p{display:-webkit-box;overflow:hidden;margin-bottom:.5rem;height:65px;color:rgba(51,51,51,.8);text-overflow:ellipsis;line-height:1.5;transition:all .3s ease 0s;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#solution .swiper-slide .more{margin:0 auto;width:100px;height:30px;font-size:.75rem;line-height:30px}
#solution .swiper-slide:hover{box-shadow:0 4px 5px 2px rgba(0,0,0,.05)}
#solution .swiper-slide:hover p{color:#333}
/*分页*/
#solution .swiper-pagination-solution{display:none;margin-top:1rem;text-align:center}
#solution .swiper-pagination-bullet{width:15px;height:8px;border-radius:10px;background:#eee;vertical-align:middle;opacity:1;transition:all .5s ease 0s}
#solution .swiper-pagination-bullet-active{width:35px;background:#003279}
/*左右切换*/
.index-solution .swiper-button-next-solution,.index-solution .swiper-button-prev-solution{position:absolute;top:calc(50% - 100px);z-index:100;background:rgba(255,255,255,.95);cursor:pointer;transition:all .3s ease 0s}
.index-solution .swiper-button-next-solution{right:15px}
.index-solution .swiper-button-prev-solution{left:15px}
.index-solution .next,.index-solution .prev{width:40px;height:40px;border-radius:2px;color:#003279;text-align:center;font-size:1.2rem;line-height:40px}
.index-solution .next:after,.index-solution .prev:after{font-size:inherit}
.index-solution .next:after{content:"\f178";font-family:FontAwesome}
.index-solution .prev:after{content:"\f177";font-family:FontAwesome}
.index-solution .next:hover,.index-solution .prev:hover{background:#fff;color:#333}
.index-solution .swiper-button-disabled,.index-solution .swiper-button-disabled:hover{background:rgba(255,255,255,.6);color:#eee}
@media screen and (max-width:768px){
    .index-solution{margin-bottom:200px;width:100%;height:500px}
}
@media screen and (max-width:576px){
    #solution{margin-bottom:50px;padding-top:25px;width:100%;height:450px}
    #solution .swiper-wrapper{height:auto}
    #solution .swiper-slide{transform:scale(.8)}
    #solution .swiper-slide-active,#solution .swiper-slide-duplicate-active{transform:scale(1)}
    #solution .swiper-slide p{height:60px}
    .index-solution .next,.index-solution .prev{display:none}
    #solution .swiper-pagination-solution{display:block}
    .mobile{padding-right:0;padding-left:0}
}

/*自主研发 2021-12-17新增修改*/
.index-certificate{position:relative;margin-bottom:150px;padding-top:50px;width:100%;height:500px;background-image:url(../images/case-bg.jpg);background-position:50%;background-size:cover}
.index-certificate .mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,51,122,.95)}
.index-certificate .index-certificate-title{position:relative;z-index:11}
/*标题*/
.autonomy{position:relative;width:100%}
.autonomy .rdtitle2{display:block;color:rgba(255,255,255,1);font-weight:600;font-size:1.8rem;line-height:1.5;text-transform:uppercase}
.autonomy .rdtitle3{display:block;color:rgba(255,255,255,.85);font-size:1.5rem;text-transform:capitalize}
/*证书列表*/
.certificate-list{position:relative;overflow:hidden;margin:50px 60px 0;padding:50px 0;width:calc(100% - 120px);text-align:center;z-index:11}
.certificate-list .swiper-slide{position:relative;overflow:hidden;height:fit-content;border-radius:8px;background:#fff;box-shadow:0 2px 10px rgba(128,128,128,.5);cursor:pointer;transition:all .3s ease 0s;transform:scale(1)}
.certificate-list .swiper-slide img{width:100%;border:3px solid #fff}
.certificate-list .swiper-slide-prev,.certificate-list .swiper-slide-next{transform:scale(1.1);z-index: 998;}
.certificate-list .swiper-slide-active,.certificate-list .swiper-slide-duplicate-active{transform:scale(1.2);z-index: 999;}
/*分页*/
.certificate-list .swiper-pagination-certificate-list{margin-top:2.5rem;text-align:center;display: none;}
.certificate-list .swiper-pagination-bullet{width:15px;height:8px;border-radius:10px;background:#eee;vertical-align:middle;opacity:1;transition:all .5s ease 0s}
.certificate-list .swiper-pagination-bullet-active{width:35px;background:#003279}
/*左右切换*/
.index-certificate .swiper-button-next-certificate-list,
.index-certificate .swiper-button-prev-certificate-list{position:absolute;top:calc(50% - 100px);z-index:100;background:rgba(255,255,255,.95);cursor:pointer;transition:all .3s ease 0s}
.index-certificate .swiper-button-next-certificate-list{right:15px}
.index-certificate .swiper-button-prev-certificate-list{left:15px}
.index-certificate .next,.index-certificate .prev{width:40px;height:40px;border-radius:2px;color:#003279;text-align:center;font-size:1.2rem;line-height:40px}
.index-certificate .next:after,.index-certificate .prev:after{font-size:inherit}
.index-certificate .next:after{content:"\f178";font-family:FontAwesome}
.index-certificate .prev:after{content:"\f177";font-family:FontAwesome}
.index-certificate .next:hover,.index-certificate .prev:hover{background:#fff;color:#333}
.index-certificate .swiper-button-disabled,.index-certificate .swiper-button-disabled:hover{background:rgba(255,255,255,.6);color:#eee}
@media screen and (max-width:1280px){
    .index-certificate{margin-bottom:150px;height:400px}
    .autonomy .rdtitle2{font-size:1.5rem}
    .autonomy .rdtitle3{font-size:1.3rem}
}
@media screen and (max-width:768px){
    .autonomy .rdtitle2{font-size:1.2rem}
    .autonomy .rdtitle3{font-size:1rem}
}
@media screen and (max-width:576px){
    .index-certificate{margin-bottom:150px;height:250px}
    .certificate-list{margin:0;width:100%}
    .autonomy .rdtitle2{font-size:1rem}
    .autonomy .rdtitle3{font-size:.9rem}
    .index-certificate .swiper-button-next-certificate-list,.index-certificate .swiper-button-prev-certificate-list{display:none}
}

/* index-brand 合作品牌 ******************************************************************************/
.index-brand{padding-top:50px;padding-bottom:50px;width:100%;background:rgba(245,249,251,.5);background-image:url(../images/svg/process-bg.svg);background-position:100%;background-size:cover}
.index-brand h2 span{color:#f1f1f1}
.index-brand ul{position:relative;margin:25px -10px;padding:0;list-style:none}
.index-brand ul li{float:left;margin:0 10px 20px;padding:5px 20px;width:calc(20% - 20px);height:auto;border-radius:3px;background:#fff;box-shadow:0 2px 5px 3px rgba(213,221,234,.2);text-align:center;transition:all .3s ease 0s}
.index-brand ul li img{width:auto;height:auto;max-width:100%}
.index-brand ul li:hover{box-shadow:0 4px 16px 3px hsla(0,0%,50%,.2)}
@media screen and (max-width:768px){
    .index-brand ul li{width:calc(25% - 20px)}
}
@media screen and (max-width:576px){
    .index-brand ul{margin-top:20px;margin-bottom:80px}
    .index-brand ul li{margin-bottom:10px;padding:10px 20px;width:calc(50% - 20px)}
}

/* index-news 新闻动态 ******************************************************************************/
.index-news{width:100%}
.index-news-content{margin-top:25px}
.index-news .swiper-wrapper{overflow:hidden}
.index-news .swiper-slide{height:0}
.index-news .swiper-slide-active{height:auto}
/* 切换标题 */
.index-news .index-news-title{margin:-70px auto 0;padding-bottom:15px;width:100%;border-bottom:2px solid #eee;text-align:right}
.index-news .index-news-title .swiper-wrapper{display:block}
.index-news .index-news-title .title{display:inline-block;margin:0 .5rem;padding:0 25px;width:auto;height:40px;border:2px solid #eee;border-radius:3px;background:#fafafa;font-weight:600;line-height:37px;cursor:pointer;transition:all .3s ease 0s}
.index-news .index-news-title .title:last-child{margin-right:0}
.index-news .index-news-title .swiper-slide-thumb-active{border:2px solid #003279;background:#003279;color:#fff}
/* 切换内容 */
.index-news .index-news-list{margin:0}
.index-news .index-news-list .swiper-slide{padding:25px 0;background:#fff}
.index-news .index-news-list ul{overflow:hidden;margin:0 -25px;padding:0}
.index-news .index-news-list ul li{float:left;margin:15px 25px;padding-bottom:15px;width:calc(50% - 50px);min-height:150px;border-bottom:1px solid #eee;list-style:none}
.index-news .index-news-list ul li .poto{float:left;margin-right:3%;width:30%}
.index-news .index-news-list ul li .poto img{width:100%;border-radius:2px}
.index-news .index-news-list ul li .content{float:left;width:67%}
.index-news .index-news-list ul li .content span{display:block}
.index-news .index-news-list ul li .content .title{margin-bottom:.5rem;line-height:1.2;display:-webkit-box;overflow:hidden;height:45px;text-overflow:ellipsis;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index-news .index-news-list ul li .content .note{display:-webkit-box;overflow:hidden;margin-bottom:.5rem;height:45px;color:rgba(51,51,51,.7);text-overflow:ellipsis;line-height:1.5;transition:all .3s ease 0s;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index-news .index-news-list ul li .content .time{color:rgba(51,51,51,.3)}
/* 分页器 */
.index-news .swiper-pagination-index-news-list{display:none}
@media screen and (max-width:768px){
    .index-news .index-news-list ul li{min-height:170px}
}
@media screen and (max-width:576px){.index-news{padding-bottom:0}
    .index-news .index-news-title{margin:-10px auto 0;text-align:left}
    .index-news .index-news-title .title{margin:0 .5rem 0 0;padding:0 15px}
    .index-news .index-news-list .swiper-slide{padding:15px 0}
    .index-news .index-news-list ul li{float:none;overflow:hidden;width:calc(100% - 50px);min-height:auto}
    .index-news .index-news-list ul li .poto{float:left;margin-right:3%;width:25%}
    .index-news .index-news-list ul li .content{float:left;width:72%}
    .index-news .index-news-list ul li .content .note{display:none;height:40px}
}

/* index-contact 联系地图2021.12.27新增内容 ********************************************/
.index-contact{width:100%}
.index-contact .map{position:relative;margin:0 auto;width:100%;height:420px;border:5px solid #f5f9fb;border-radius:5px;background-color:hsla(0,0%,20%,.03);background-image:url(../images/map.jpg);background-position:80% 50%;background-size:auto}
.index-contact .map_contact{position:absolute;top:15px;right:15px;padding:35px;border-radius:5px;background-color:rgba(255,255,255,.85);width: 450px;}
.index-contact .map_contact span{display:block}
.index-contact .map_contact .name{margin-bottom:.5rem;font-weight:600}
.index-contact .navigation{display:inline-block;margin-top:.5rem;width:auto;height:40px;border-radius:2px;background:#0752bd;color:#fff;text-align:center;line-height:40px;transition:all .3s ease 0s;padding:0 25px}
.index-contact .navigation .fa{margin-right:5px;color:#fff;transition:all .5s ease 0s}
.index-contact .navigation:hover{background:#003279}
@media screen and (max-width:576px){
    .index-contact .map{height:420px;background-position:50% 100%;background-size:cover}
    .index-contact .map_contact{top:auto;right:auto;bottom:10px;left:10px;padding:10px;width:calc(100% - 20px);line-height: 1.3;}
    .index-contact .navigation{width:100%}
}