@charset "utf-8";
/* CSS Document */




.indexpro{ background-image:url(../images/bacpro_02.jpg); background-size:cover; background-position:center; padding-bottom:120px; }

.indexprotxt{ position:relative;}
.indexprotxt .swiper-slide{ padding-top:2rem; height:4.75rem; transition:all .3s; -webkit-transition:all .3s;}
.indexprotxt .swiper-slide.swiper-slide-active{ padding-top:.5rem;}
.indexprotxt .swiper-slide .img{ height:100%; width:100%; position:relative;}

.absluteimg{ position:relative;}
.absluteimg img{ position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}


.indexprotxt  .swiper-pagination{ padding:0 20px; width:auto; display:inline-block; position:relative; margin:0 auto;}

.indexprotxt  .swiper-pagination .swiper-pagination-bullet{width:35px; height:35px; border-radius:100%; line-height:35px; font-size:14px; color:#000; background:none; opacity:1; margin:0 10px; background:#f8f8f8; }
.indexprotxt  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#002e73; color:#fff;}


.indexprotxt  .swiper-pagination:after{ width:5px; height:5px; background:#000; border-radius:100%; content:""; display:block; position:absolute; top:50%; margin-top:-2.5px; left:0;}
.indexprotxt  .swiper-pagination:before{width:5px; height:5px; background:#000; border-radius:100%; content:""; display:block; position:absolute; top:50%; margin-top:-2.5px; right:0;}

.indexprotxt  .swiper-pagination{ background-image:url(../images/bacline.jpg); background-repeat:repeat-x; background-position:center;}

.indexprotxt .swiper-button-next, .indexprotxt .swiper-button-prev{ transition:all .3s; -webkit-transition:all .3s; width:60px; height:60px; border-radius:100%; background:#e9ebec; border:2px solid #535353;}
.indexprotxt .swiper-button-next{right:-40px;}
.indexprotxt .swiper-button-prev{left:-40px;}
.indexprotxt .swiper-button-next:after,.indexprotxt .swiper-button-prev:after{ font-size:24px; color:#535353;}
.indexprotxt .swiper-button-next:hover, .indexprotxt .swiper-button-prev:hover{ background:#004098; color:#fff; border:2px solid #004098;}
.indexprotxt .swiper-button-next:hover:after,.indexprotxt .swiper-button-prev:hover:after{ color:#fff;}

.indexproneirong{ text-align:center; margin-top:20px;}
.indexproneirong li{ display:none;}
.indexproneirong li.on{ display:block;}
.indexproneirong li b a{ font-size:18px; color:#000000; font-weight:normal; -webkit-user-select: none;user-select: none;}
.indexproneirong li p{    max-width:1200px;
    margin: 0 auto; font-size:16px; color:#626262; -webkit-user-select: none;user-select: none;}




.bannerx{ background-image:url(../images/bacindex_01.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}
.bannerx .swiper-slide .leban{ width:45%;}
.bannerx .swiper-slide .riban{ width:50%; height:900px; position:relative;}
.bannerx .swiper-slide .riban img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.bannerx .swiper-slide .leban b a{ font-size:40px; color:#004098; display:block; line-height:1.4; margin-bottom:30px;}
.bannerx .swiper-slide .leban p{ font-size:16px; color:#000000;}

.bannerx .swiper-slide .riban img{ transform: translate(-50%,-50%) scale(0.9,0.9); -webkit-transform:translate(-50%,-50%) scale(0.9,0.9); transition:all 5s; -webkit-transition:all 5s;}
.bannerx .swiper-slide.swiper-slide-active .riban img{transform: translate(-50%,-50%) scale(1.02,1.02); -webkit-transform:translate(-50%,-50%) scale(1.02,1.02);}



.bannerx{ position:relative;}
.yuansu{ position:absolute;justify-content: center; bottom:65px; left:0; text-align:center; width:100%; height:25px;}
.yuansu .swiper-pagination{ padding:0 35px; position:relative; display:inline-block;}
.yuansu .swiper-pagination .swiper-pagination-bullet{ background:#fff; margin:0 5px; opacity:1; transition:all .3s; -webkit-transition:all .3s;}
.yuansu .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#e60012; width:40px; border-radius:10px;}
.yuansu .swiper-button-prev{ position:static; display:inline-block; height:25px; margin-top:0; }
.yuansu .swiper-button-next{ position:static; display:inline-block; height:25px; margin-top:0;}
.yuansu .swiper-button-next:after,.yuansu .swiper-button-prev:after{ line-height:25px; font-size:24px; color:#fff;}


.indextitle{ padding-top:1.2rem; text-align:center; position:relative;}
.indextitle b{ display:block; font-size:40px; font-weight:normal; line-height:1; position:relative; z-index:2;}
.indextitle span{ position:absolute; top:90px; line-height:1; display:block; left:50%; z-index:1; color:rgba(0,64,152,.06); font-size:90px; transform:translateX(-50%); -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%); text-transform:uppercase; font-weight:bold;}
.indextitle .line{ width:50px; height:5px; background:#e60012; margin:20px auto;}
.indextitle p{ font-size:18px; color:#2c2c2c;}


.main02 ul{ margin-top:90px;flex-wrap: nowrap;}
.main02 ul li{ width:20%; border-right:1px solid #f7fafd; overflow:hidden; height:530px; position:relative;}
.main02 ul li>a >img{ width:100%; height:100%; object-fit:cover;}
.main02 ul li .txt{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}
.main02 ul li .txt .img{ width:100%; height:70px; position:relative; text-align:center; margin-bottom:30px;}
.main02 ul li .txt .img img{ position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.main02 ul li .txt  b{ font-size:22px; color:#fff; font-weight:normal; display:block;}
.main02 ul li .txt  span{ font-size:14px; color:#fff; display:inline-block; padding:0 40px; line-height:45px; background:#e60012; color:#fff; margin-top:-20px; visibility:hidden; transition:all .3s; -webkit-transition:all .3s; opacity:0;}

.main02 ul li .txt{ background:rgba(0,0,0,.5); transition:all .3s; -webkit-transition:all .3s;}
.main02 ul li:hover .txt span{ margin-top:50px; visibility:visible; opacity:1;}
.main02 ul li:hover .txt { background:rgba(0,64,152,.7);}

.indexabout{ padding-bottom:1.2rem; background-color:#f8fbfe;  background-size:cover; background-position:center;}
.indexaboutbox{ margin-top:55px;}
.indexaboutle{ width:50%; padding-right:55px;}
.indexaboutle img{ max-width:100%;}
.indexaboutri{ width:50%;}
.indexaboutri b{ font-size:26px; font-weight:normal; display:block; color:#333;}
.indexaboutri span{ font-size:18px; color:#333; margin-bottom:25px; display:block;}
.indexaboutri p{    text-align: justify; font-size:14px; color:#282828; line-height:1.6;}
.indexaboutri a{font-size:14px; color:#fff; display:inline-block; padding:0 40px; line-height:45px; background:#e60012; color:#fff; margin-top:.45rem}


.indexnews{ background:#f6f9fb;}
.indexnews ul{ margin-top:.65rem;}
.indexnews ul li{ width:32%; background:#fff;}
.indexnews ul li .img{ height:240px;}
.indexnews ul li .txt{ padding:25px 30px;}
.indexnews ul li .txt span{ font-size:14px; color:#5f5f5f; display:inline-block; padding-left:25px; background-position: left center; background-repeat: no-repeat; background-image: url(../images/timess.jpg);}
.indexnews ul li .txt h2{ font-size:.24rem; color:#000; font-weight:normal; margin:10px 0;}
.indexnews ul li .txt p{ font-size:16px; color:#666666;}
.indexnews ul li:hover .txt h2{ color:#004098;}

.indexnews .mores{ text-align:center; padding-bottom:75px;}
.indexnews .mores a{font-size:14px; color:#fff; display:inline-block; padding:0 40px; line-height:45px; background:#e60012; color:#fff; margin-top:50px}



@media screen and (max-width:1920px){
.bannerx .swiper-slide .riban{ height:9rem;}
}





@media screen and (max-width:1100px){
	
	 .bannerx .swiper-slide .leban b a{ font-size:30px;}
	 .bannerx .swiper-slide .leban p{ font-size:14px;}
	 .yuansu{ bottom:30px;}
	 
	}

@media screen and (max-width:768px){
	.bannerx .swiper-slide .flex{ position:relative; padding-top:12rem; padding-bottom:100px; text-align:center;}
	.bannerx .swiper-slide .flex .riban{ position:absolute; top:0; left:0; width:100%; height:12rem;}
	.bannerx .swiper-slide .riban img{ max-height:80%;}
	.bannerx .swiper-slide .leban{ width:100%;}
	.bannerx .swiper-slide .leban b a{ font-size:24px; margin-bottom:15px;}
	 .yuansu .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:20px;}
	 .yuansu .swiper-pagination{ padding:0 15px;}
	 .indextitle{ padding-top:50px;}
	 .indextitle b{ font-size:24px;}
	 .indextitle p{ font-size:14px;}
	 .indextitle span{ font-size:30px; top:30px;}
	 .indexprotxt{ margin-top:30px;}
	 .indexpro{ padding-bottom:40px;}
	 .indexprotxt .swiper-button-next, .indexprotxt .swiper-button-prev{ width:40px; height:40px;}
	 .indexprotxt .swiper-slide{ height:10rem; padding-top:0}
	 .indexprotxt .swiper-slide.swiper-slide-active{ height:10rem; padding-top:0}
	 .main02{ padding-left:20px; padding-right:20px;}
	 .main02 ul li{ width:50%; border-bottom:1px solid #f7fafd;}
	 .main02 ul{flex-wrap: wrap; margin-top:30px;}
	 .main02 ul li{ height:10rem;}
	 .main02 ul li .txt .img{ height:40px; margin-bottom:10px;}
	 .main02 ul li .txt b{ font-size:16px;}
	 .main02 ul li .txt span{ opacity:1; visibility:visible; padding:0 15px; font-size:14px; line-height:30px; margin-top:10px}
	 .main02 ul li:hover .txt span{ margin-top:20px;}
	 .indexaboutle,.indexaboutri{ width:100%;}
	 .indexaboutle{ margin-bottom:15px; padding:0}
	 .indexaboutbox{ margin-top:30px;}
	 .indexaboutri b{ font-size:20px;}
	 .indexaboutri span{ font-size:14px; margin-bottom:5px;}
	 .indexabout{ padding-bottom:40px;}
	 .indexaboutri p{ font-size:14px;}
	 .main02{ padding-bottom:40px;}
	 .indextitle .line{ height:2px; margin:15px auto 10px;}
	 .indexnews ul li{ width:100%; margin-bottom:15px;}
	 .indexnews ul li .txt{ padding:20px 15px;}
	 .indexnews ul li .txt h2{ font-size:16px; margin:5px 0;}
	 .indexnews ul li .txt p{ font-size:14px;}
	 .indexnews .mores{ padding-bottom:40px;}
	 .indexnews .mores a{ margin-top:20px;}
	 .indexproneirong li b a{ font-size:16px;}
	 .indexproneirong li p{ font-size:12px;}
	}
	.videobtn{ cursor: pointer;}
	
.tanchu_video{ z-index: 1000; visibility:visible; opacity:1; transition:all .3s; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.tanchu_video .mask{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
.tanchu_video .videowrapper{    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 860px;}
.tanchu_video video{ width:100%; height:auto;}
.tanchu_video.close{ opacity:0; visibility:hidden;}

@media screen and (max-width:960px){
	.tanchu_video .videowrapper{ width:80%;}
  
  .yuansu .swiper-button-next:after, .yuansu .swiper-button-prev:after{font-size:14px;}
  .yuansu{bottom:5px;}
  .swiper-pagination-bullet{width:5px; height:5px;}
  
.indexprotxt .swiper-button-next{right:0;}
.indexprotxt .swiper-button-prev{left:0;}
	}