/* 现在暂时是首页要改，估计将来内页还有其它地方要改，所以就都加到这个样式表里吧 */
.banner .container{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.banner .mySwiper{flex:0 0 315px; margin-right:60px}
.banner .mySwiper2{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.banner .mySwiper .swiper-slide{ width:100% !important; height:auto; margin-bottom:48px; cursor:pointer;padding-top: 35px;}
.banner .mySwiper .swiper-wrapper{ display:block; height:auto}
.banner .mySwiper .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding-left:15px; padding-right:30px; background:url(/img/ico-arrow.png) no-repeat center right; background-size:16px;}
.banner .mySwiper .a .ico{flex:0 0 39px; margin-right:20px; background-repeat:no-repeat; background-position:left top}
.banner .mySwiper .a .ico-01{ background-image:url(/img/ico-01.png); background-size:38px}
.banner .mySwiper .a .ico-02{ background-image:url(/img/ico-02.png); background-size:39px}
.banner .mySwiper .a .ico-03{ background-image:url(/img/ico-03.png); background-size:37px}
.banner .mySwiper .a .ico-04{ background-image:url(/img/ico-04.png); background-size:36px}
.banner .mySwiper .a .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.banner .mySwiper .a .txt h3{ font-size:18px; margin-bottom:10px}
.banner .mySwiper .a .txt .p{ font-size:14px;color:#8A8D91}
.banner .mySwiper2 .swiper-slide{ position:relative}
.banner .mySwiper2 .swiper-slide .img{ border-radius:24px; overflow:hidden; height:440px;}
.banner .mySwiper2 .swiper-slide .img img{ display:block; width:100%; height:100%;object-fit:cover}
.banner .mySwiper2 .txt{ color:#fff; position:absolute; z-index:2; left:75px;top:100px}
.banner .mySwiper2 .txt h3{ color:#fff; font-size:48px;}
.banner .mySwiper2 .txt .p{ font-size:18px}
.banner .mySwiper .swiper-slide:last-child{ margin-bottom:0} 
.banner .mySwiper2 .swiper-pagination-bullet-active{ background-color:#F1C133}

.plo{ text-align:center; margin-bottom:40px;}
.plo .line{ content:""; display:block; width:55px; height:4px; background-color:#F1C133; margin:0 auto;}
.plo h3{ font-size:36px;}
.plo .p{ font-size:16px; margin-top:15px;}
.index01{ background:url(/img/index01bg.png) no-repeat center bottom; margin-bottom:80px; padding-top:80px;  }
.index01 .bd{ padding-top:60px; position:relative; width:573px; margin:0 auto;}
.index01 .bd .img{ text-align:center; position:relative}
.index01 .bd .img img{ display:block; width:100%;}
.index01 .bd .img span{ display:block; width:75px; height:75px; position:absolute; z-index:2; background-repeat:no-repeat; background-position:center;}
.index01 .bd .img span:after{ content:""; display:block; width:15px; height:15px; background-color:#003366; position:absolute; z-index:2; border-radius:50%}
.index01 .bd .img .sp1{ left:15px;top:-30px; background-image:url(/img/ico-a01.png); background-color:#F1C133; background-size:36px; border-radius:75px 75px 0 75px}
.index01 .bd .img .sp2{right:15px;top:-30px; background-image:url(/img/ico-a02.png); background-color:#003366; background-size:42px; border-radius:75px 75px 75px 0}
.index01 .bd .img .sp3{ left:-95px; bottom:15px; background-image:url(/img/ico-a03.png); background-color:#003366; background-size:40px; border-radius:75px 75px 0 75px}
.index01 .bd .img .sp4{right:-95px; bottom:15px; background-image:url(/img/ico-a04.png); background-color:#F1C133; background-size:36px; border-radius:75px 75px 75px 0}
.index01 .bd .img .sp1:after{ right:-26px; bottom:-26px;}
.index01 .bd .img .sp2:after{ left:-26px; bottom:-26px;}
.index01 .bd .img .sp3:after{ right:-28px; bottom:-24px;}
.index01 .bd .img .sp4:after{ left:-28px; bottom:-24px;}
.index01 .bd ul{ padding-left:0}
.index01 .bd li{ list-style:none; position:absolute; z-index:2;}
.index01 .bd li span{ display:block}
.index01 .bd li em{ color:#003366; font-style:normal}
.index01 .bd li:nth-child(1){ left:-280px;top:0; width:280px;} 
.index01 .bd li:nth-child(2){ right:-308px;top:0; width:308px}
.index01 .bd li:nth-child(3){ left:-376px;top:250px; width:280px;}
.index01 .bd li:nth-child(4){ right:-440px;top:260px; width:321px;}
.index01 .as{ text-align:center; margin-top:66px;}
.index01 .as a{ display:inline-block; line-height:60px; font-size:24px; border-radius:10px; margin:0 12px;}
.index01 .as .a1{ background-color:#003366; color:#fff; width:230px; }
.index01 .as .a1:hover{ background-color:#00264B; }
.index01 .as .a2{ background-color:#F1C133; color:#281E1E; width:230px; width:339px; }
.index01 .as .a2:hover{ background-color:#E4AA00;  }

.index02{ background:#f7faff url(/img/index02bg.png) no-repeat center; background-size:cover; padding-bottom:80px; padding-top:80px}
.index02 .bd ul{ overflow:hidden; padding-left:0; padding-top:100px; margin:0 -25px}
.index02 .bd li{ list-style:none; width:33.33%; float:left}
.index02 .bd li .a{ display:block; margin:0 25px; border: 1px solid rgb(225, 225, 225);box-shadow: 0px 4px 20px rgba(194, 194, 194, 0.25);border-radius: 20px; padding:0 40px; padding-bottom:55px; background-color:#fff}
.index02 .bd li .img{ margin-top:-100px; text-align:center}
.index02 .bd li .img img{ max-width:160px}
.index02 .bd li .txt h3{ color:#003366; font-size:24px; text-align:center}
.index02 .bd li .txt .p{ height:141px;background: rgb(223, 233, 242);border-radius:19px; padding:24px; font-size:14px; padding-left:50px; position:relative}
.index02 .bd li .txt .p:after{ content:""; display:block; width:7px; height:7px; background-color:#003366; border-radius:50%; position:absolute; z-index:2; left:28px;top:32px}

.index04{ padding-bottom:80px}
.index04 .bd ul{ overflow:hidden; padding:0; margin:0 -20px}
.index04 .bd ul li{ float:left; width:33.33%; margin-bottom:40px; list-style:none}
.index04 .bd ul li a{ display:block; margin:0 20px; position:relative}
.index04 .bd ul li .img{ overflow:hidden; border-radius:10px; position:relative; height:260px}
.index04 .bd ul li .img:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0;background: linear-gradient(180.00deg, rgba(0,0,0,0.0) 40.408%,rgba(0,0,0,1.00) 100%);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s; }
.index04 .bd ul li a:hover .img:after{background: linear-gradient(180.00deg, rgba(0,0,0,0.2) 40.408%,rgba(0,0,0,1.00) 100%);  }
.index04 .bd ul li .img img{object-fit: cover; display:block; width:100%; height:100%;}
.index04 .bd ul li .txt{ position:absolute; z-index:2; padding:20px 30px; bottom:0;}
.index04 .bd ul li .txt h3{ color:#fff; font-size:16px; margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index04 .bd ul li .txt .p1{ margin-bottom:5px}
.index04 .bd ul li .txt .p1 span{ display:inline-block; background-color:#fff; font-size:12px; color:#003366; padding:0 10px; line-height:24px; border-radius:5px;}
.index04 .bd ul li .txt .p2{ font-size:12px; color:#fff}
.index04 .bd ul li .txt .p2 i{ margin-right:5px;}
.index04 .bd ul li .txt .p2 span:nth-child(n+2):before{content: "";
display: inline-block;
width: .2rem;
height: .2rem;
border-radius: 100%;
margin: 0 .6rem 0;
vertical-align: .15rem;
background: #aab0bc;
opacity: .5;}
.mores{ text-align:center; margin-top:44px}
.mores a{ display:inline-block; font-size:20px; color:#003366;box-shadow: 0px 8px 8px rgba(24, 39, 75, 0.08);border-radius: 10px; line-height:40px;border: 2px solid rgb(0, 51, 102); width:140px;}
.mores a:hover{ background-color:rgb(0, 51, 102); color:#fff}

.index05{ padding-top:70px; background:url(/img/index05bg.png) no-repeat center; background-size:cover; padding-bottom:70px}
.index05 .bd ul{ overflow:hidden; padding:0; margin:0 -20px}
.index05 .bd ul li{ float:left; width:33.33%; margin-bottom:40px; list-style:none}
.index05 .bd ul li .a{ display:block; margin:0 20px; position:relative}
.index05 .bd ul li .img{ overflow:hidden; border-radius:10px 10px 0 0; position:relative; height:224px;}
.index05 .bd ul li .img .popmore{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.5); color:#fff; opacity:0; }
.index05 .bd ul li .img:hover .popmore{ opacity:1}
.index05 .bd ul li .img:hover span{ transform:translateY(10px)}
.index05 .bd ul li .img .popmore span{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; display:block; position:absolute; color:#fff; top:50%; text-align:center; left:0; right:0; margin-top:-32px;}
.index05 .bd ul li .img img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;object-fit: cover; width:100%; height:100%; display:block;}
.index05 .bd ul li .img:hover img{ transform:scale(1.1)}
.index05 .bd ul li .txt{border: 1px solid rgb(225, 225, 225);box-shadow: 0px 4px 11px rgba(209, 209, 209, 0.25);border-radius:0px 0px 6px 6px; background-color:#fff; padding:20px; padding-top:10px; border-top:none }
.index05 .bd ul li .txt .p1{ margin-bottom:5px;}
.index05 .bd ul li .txt .p1 a{ color:#003366; font-size:12px; font-weight:bold; display:inline-block; margin-left:39px;}
.index05 .bd ul li .txt .p1 a i{content: ""; width:19px; background-color:#003366; height:1px; position:absolute; z-index:2; left:-39px;top:50%;}
.index05 .bd ul li .txt h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px;}
.index05 .bd ul li .txt .p2{ font-size:12px; color:#666666; height:41px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index05 .bd ul li .txt .p3{ margin-top:10px; padding-top:10px; border-top:1px solid #e1e1e1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; font-size:12px; color:#999999}
.index05 .bd ul li .txt .p3 .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.index05 .bd ul li .txt .p3 i{ margin-right:10px}

.index06{ padding-top:70px;  padding-bottom:70px}
.index06 .bd ul{ overflow:hidden; padding:0; margin:0 -20px}
.index06 .bd ul li{ float:left; width:33.33%; margin-bottom:40px; list-style:none}
.index06 .bd ul li .a{ display:block; margin:0 20px; position:relative}
.index06 .bd ul li .img{ overflow:hidden; border-radius:10px 10px 0 0; position:relative; height:224px;}
.index06 .bd ul li .img .popmore{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.5); color:#fff; opacity:0; }
 
.index06 .bd ul li .img .popmore span{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; display:block; position:absolute; color:#fff; top:50%; text-align:center; left:0; right:0; margin-top:-32px;}
.index06 .bd ul li .img img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;object-fit: cover; width:100%; height:100%; display:block;}
.index06 .bd ul li .img:hover img{ transform:scale(1.1)}
.index06 .bd ul li .txt{border: 1px solid rgb(225, 225, 225);box-shadow: 0px 4px 11px rgba(209, 209, 209, 0.25);border-radius:0px 0px 6px 6px; background-color:#fff; padding:20px; padding-top:10px; border-top:none }
.index06 .bd ul li .txt .p1{ margin-bottom:5px;}
.index06 .bd ul li .txt .p1 a{ color:#003366; font-size:12px; font-weight:bold; display:inline-block; margin-left:39px;}
.index06 .bd ul li .txt .p1 a i{content: ""; width:19px; background-color:#003366; height:1px; position:absolute; z-index:2; left:-39px;top:50%;}
.index06 .bd ul li .txt h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px;}
.index06 .bd ul li .txt .p2{ font-size:12px; color:#666666; height:41px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.index07{ padding:70px 0} 
.index07 .bd{ height:520px; margin:0 -10px} 
.index07 .bd .swiper-slide { 
   height:45%;
   padding-top:10px

      }
.index07 .bd .swiper {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }
.index07 .bd .a{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;background: rgb(255, 255, 255);box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.25);border-radius: 11px; margin:0 30px; padding:25px; padding-left:40px; height:194px; position:relative}	  
.index07 .bd .a:after{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;content:""; display:block; width:46px; height:46px; border-radius:50%; position:absolute; z-index:2; background:#003366 url(/img/ico-douhao.png) no-repeat center; background-size:22px;top:26px; left:-20px;}
.index07 .bd .a .p1{ font-size:14px; height:72px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index07 .bd .a .p2{ font-size:14px;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-top:30px}
.index07 .bd .a .p2 .left{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index07 .bd .a .p2 .left .img{flex:0 0 38px; height:38px; overflow:hidden; border-radius:50%; margin-right:10px}
.index07 .bd .a .p2 .left .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.index07 .bd .a .p2 .as{ font-style:normal; background-color:#f0f0f0; padding:3px 5px; border-radius:5px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index07 .bd .a:hover{ background-color:#003366}
.index07 .bd .a:hover .p1{ color:#fff}
.index07 .bd .a:hover .p2 .left .txt{ opacity:.5; color:#fff;}
.index07 .bd .a:hover .p2 .right{ color:#fff}
.index07 .bd .a:hover .as{ color:#003366; background-color:#fff}
.index07 .bd .a:hover:after{ background-color:#F1C133}
.index07 .bd .swiper-pagination-bullet{ width:11px; height:11px; background-color:#e5e5e5; opacity:1; border:2px solid #e5e5e5; margin:0 10px !important}
.index07 .bd .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 2px solid rgb(0, 51, 102); background-color:#fff}

.index03{ padding-bottom:80px}
.index03 .bd a{ display:block; text-align:center; background-color:#F8FAFC; border-radius:10px; padding:49px 40px;}
.index03 .bd .swiper-wrapper .swiper-slide:nth-child(even){ padding-top:40px}
.index03 .bd a .img{ width:150px; height:150px; overflow:hidden; border-radius:50%; margin:0 auto; margin-bottom:10px}
.index03 .bd a .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.index03 .bd a h3{ font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 .bd a .p1{ color:#666; font-size:14px; margin-bottom:10px}
.index03 .bd a .p2{ font-size:14px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between; color:#666;}
.index03 .bd a .p2 i{ font-style:normal; color:#003366}
.index03 .bd a:hover{ background-color:#003366; color:#fff}
.index03 .bd a:hover h3,.index03 .bd a:hover .p1,.index03 .bd a:hover .p2,.index03 .bd a:hover .p2 i{ color:#fff}

@media (max-width: 1480px){  
.index01 .bd{ width:400px;}
.index01 .bd li .p{ font-size:14px}
.index01 .bd .img span{ width:50px; height:50px; background-size:40% !important}
.index01 .bd li:nth-child(4){ right:-390px;top:120px}
.index01 .bd li:nth-child(3){left:-290px;top:120px}
.index01 .bd .img .sp3{ left:-70px;}
.index01 .bd .img .sp4{ right:-70px}
.index02 .bd li .txt .p{ height:255px}
}
@media (max-width: 992px){  
.banner .container{ display:block}
.banner .mySwiper{ display:none}
.banner .mySwiper2 .swiper-slide .img{ height:60vw; border-radius:10px}
.banner .mySwiper2 .txt{ left:10vw;top:15vw}
.banner .mySwiper2 .txt h3{ font-size:6vw;}
.banner .mySwiper2 .txt .p{ font-size:4vw;}

.index01{ padding: 10vw 0; margin-bottom:0}
.plo{ margin-bottom:4vw}
.plo h3{ font-size:7vw}
.plo .line{ width:45px}
.index01 .bd .img span{ display:none}
.index01 .bd li{ position:static;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width:100% !important; margin-bottom:15px}
.index01 .bd{ width:100%}
.index01 .bd li .ico{flex:0 0 50px; height:50px; margin-right:10px; background-repeat:no-repeat; background-position:center; background-size:40%; border-radius:50px 50px 0 50px; background-color:#F1C133}
.index01 .bd li:nth-child(even) .ico{ background-color:#003366}
.index01 .bd li:nth-child(1) .ico{ background-image:url(/img/ico-a01.png)}
.index01 .bd li:nth-child(2) .ico{ background-image:url(/img/ico-a02.png); background-size:45%}
.index01 .bd li:nth-child(3) .ico{ background-image:url(/img/ico-a03.png); background-size:50%}
.index01 .bd li:nth-child(4) .ico{ background-image:url(/img/ico-a04.png)}
.index01 .bd li .p{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.index01 .bd{ padding-top:0}
.index01 .bd .img{ width:90%; margin:0 auto}
.index01 .bd li .p{ font-size:3.7vw}
.index01 .as{ margin-top:5vw}
.index01 .as a{ height:11vw; line-height:11vw; font-size:3.7vw; width:auto !important; padding:0 5vw; margin:0 2vw}
.plo .p{ font-size:4vw}
.index02 .bd li{ float:none; width:100%; margin-bottom:120px; }
.index02 .bd li:last-child{ margin-bottom:0}
.index02 .bd li .txt .p{ height:auto}
.index02 .bd li .a{ padding:4vw; padding-top:1px}
.index02 .bd li .txt h3{ font-size:6vw}
.index02 .bd li .txt .p{ font-size:3.7vw}
.index02{ padding-bottom:10vw;padding-top:10vw}
.index03{ padding:10vw 0}
.index03 .bd a .img{ width:30vw; height:30vw}
.index03 .bd a{ padding:3vw }
.index03 .bd a .p2{ display:block}
.index03 .bd a .p2 span{ display:block}
.index04{ padding:10vw 0}
.index04 .bd ul{ margin:0}
.index04 .bd ul li{ width:100%; margin-bottom:4.5vw}
.index04 .bd ul li a{ margin:0}
.index04 .bd ul li .txt .p1 span{ font-size:3.2vw}
.index04 .bd ul li .txt h3{ font-size:4.5vw}
.index04 .bd ul li .txt .p2{ font-size:3.5vw}
.mores{ margin-top:5vw}
.mores a{height:11vw; line-height:11vw; font-size:3.7vw; width:auto !important; padding:0 8vw; margin:0 2vw}
.index04 .bd ul li .img{ height:60vw}
.index05{ padding:10vw 0;}
.index05 .bd ul li{ width:100%; float:none; margin-bottom:4.5vw}
.index05 .bd ul li .a{ margin:0}
.index05 .bd ul{ margin:0}
.index05 .bd ul li .img{ height:50vw}
.index05 .bd ul li .txt .p1 a{ font-size:3.2vw}
.index05 .bd ul li .txt h3{ font-size:4.5vw}
.index05 .bd ul li .txt .p2{ font-size:3.2vw}
.index05 .bd ul li .txt .p3{ font-size:3.2vw}

.index06{ padding:10vw 0;}
.index06 .bd ul li{ width:100%; float:none; margin-bottom:4.5vw}
.index06 .bd ul li .a{ margin:0}
.index06 .bd ul{ margin:0}
.index06 .bd ul li .img{ height:50vw}
.index06 .bd ul li .txt .p1 a{ font-size:3.2vw}
.index06 .bd ul li .txt h3{ font-size:4.5vw}
.index06 .bd ul li .txt .p2{ font-size:3.2vw} 
.index07{ padding-top:10vw; padding-bottom:20vw}
.index07 .bd .a .p1{ font-size:3.7vw; height:20vw}
.index07 .bd .a{ height:50vw; padding:4vw; padding-left:8vw}
.index07 .bd .a .p2{ font-size:3.2vw}
.index07 .bd{ height:auto; }
.index07 .bd .swiper{padding-bottom:50px}
.index07 .bd .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px !important}
.index02 .bd ul{ margin:0}
.index02 .bd li .a{ margin:0}
}