@charset "utf-8";
/* ===================首页样式========================== */

.Container-wrapper{margin-top: 75px;}

/* banner */
.banner-container{width: 100%;position: relative;}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;overflow: hidden;}
.banner-pic img{width: 100%;object-fit: cover;}
.banner-pic .banner-pc{display: block;min-height: 500px;}
.banner-pic .banner-mb{display: none;min-height: 200px;}

.banner-text{position: absolute;left: 16.666%;top: 30%;}
.banner-text h5{font-size: 52px;color: #fff; text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;font-weight: bold;position: relative;padding-bottom: 18px;}
.banner-text h5::after{width: 40px;height: 3px;/*background-color: #fff;*/position: absolute;left: 5px;bottom: 0px;content: '';}
.banner-text h6{font-size: 28px;color: #fff; text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;line-height: 42px;max-width: 570px;margin-top: 20px;}
.banner .swiper-slide-active .banner-text h5{animation: bannertextright 1s ease both 400ms;}
.banner .swiper-slide-active .banner-text h6{animation: bannertextdow 1s ease both 1000ms;}
@keyframes bannertextright {0% {transform: translateX(-80px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextdow {0% {transform: translateY(-30px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.banner .swiper-pagination-bullet{width: 30px;height: 3px;background-color: #fff;opacity: 1;border-radius: 0;}
.banner .swiper-pagination-bullet-active{width: 50px;background-color: #00a9f0;}

/* 新闻 */
.ind-news{width: 100%;padding:20px 0;overflow: hidden;}
.ind-tit{width: 100%;border-bottom: 1px solid #e5e5e5;line-height: 40px;overflow: hidden;}
.ind-tit h6{float: left;font-size: 24px;color: #000;line-height: 30px;position: relative;padding-bottom: 10px;}
.ind-tit h6::after{width: 100%;height: 2px;background-color: #00a9f0;content: '';left: 0;bottom: 0px;position: absolute;}
.ind-tit .more{float: right;font-size: 14px;color: #888;line-height: 30px;padding-right: 16px;background: url('z-01.png') no-repeat right center;transition: all .4s;}
.ind-tit .more:hover{color: #00a9f0;}
.ind-newsmain{width: 100%;margin-top: 30px;overflow: hidden;}
.newimg{width: 50%;float: left;padding-right: 30px;}
.newimg .swiper-button-next, .newimg .swiper-button-prev{background-size: 22px 32px;}
.newimg1{width: 100%;height: 358px;overflow: hidden;position: relative;}
.newimg1 img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.newimg1 p{position: absolute;width: 100%;padding: 0 10px;line-height: 50px;background: rgba(0, 0, 0, .6);font-size: 16px;color: #fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left: 0;bottom: 0;}
.newimg1:hover img{transform: scale(1.06);}
.newhot{width: 50%;float: left;}
.newhot ul li{position: relative;padding: 0 70px 0 90px;padding-bottom: 20px;border-bottom: 1px solid #eaeaea;margin-top: 14px;}
.newhot .newtime{position: absolute;width: 80px;height: 58px;border-right: 1px solid #eaeaea;left: 0;top: 0;text-align: center;font-size: 30px;color: #b0b0b0;line-height: 30px;font-weight: bold;transition: all .4s;}
.newhot .newtime span{display: block;font-size: 14px;font-weight: normal;}
.newhot ul li h6{font-size: 16px;color: #333;line-height: 30px;height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s;}
.newhot ul li p{font-size: 14px;color: #666;line-height: 24px;height: 24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.newhot ul li::after{content: '';width: 33px;height: 33px;position: absolute;right: 0;top: 10px;background: url('z-02.png') no-repeat center center;}
.newhot ul li:hover h6{color: #00a9f0;}
.newhot ul li:hover .newtime{color: #00a9f0;}


/* 杂志 */
.ind-zazhi{width: 100%;padding: 60px 0;overflow: hidden;background-color: #f6f6f6;}
.ind-zheren{width: 35%;float: left; margin-right:3%; overflow: hidden;}
.zheren{width: 100%;margin-top: 22px;overflow: hidden;}
.zheren ul li{position: relative;padding: 0 0 0 15px;border-bottom: 1px solid #d9d9d9;line-height: 45px;height: 45px;font-size: 14px;color: #666;background: url('z-03.png') no-repeat left center;margin-top: 11px;}
.zheren ul li a{display: block;width: 100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:16px;}
.zheren ul li span{position: absolute;right: 0;line-height: 45px;top: 0;}
.zheren ul li a:hover{color: #00a9f0;}

.ind-ship{width: 34%;float: left;margin: 0 3%;overflow: hidden;}
.ship{width: 100%;overflow: hidden;margin-top: 38px;}
.ship .shipimg{width: 100%;height: 238px;overflow: hidden;position: relative;cursor: pointer;}
.ship .shipimg::after{content: '';width: 54px;height: 54px;position: absolute;left: 50%;top: 50%;margin-left: -27px;margin-top: -27px;background: url('z-04.png') no-repeat center center;}
.ship .shipimg img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.ship .shipimg:hover img{transform: scale(1.06);}
.ship p{height: 70px;background-color: #00a9f0;line-height: 70px;text-align: center;font-size: 14px;color: #fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.ind-qikan{width: 23%;float: left;}
.qikan{width: 100%;overflow: hidden;margin-top: 38px;}
.qikan .swiper-container{padding: 0 30px;}
.qikan .swiper-button-prev{width: 15px;height: 30px;background: url('z-05.png') no-repeat center center;left: 0;}
.qikan .swiper-button-next{width: 15px;height: 30px;background: url('z-05.png') no-repeat center center; right: 0;transform: rotate(180deg);}
.qikan .swiper-button-prev:hover{background: url('z-06.png') no-repeat center center;}
.qikan .swiper-button-next:hover{background: url('z-06.png') no-repeat center center;transform: rotate(180deg);}
.qikanimg{background-color: #fff;max-width: 230px;max-height: 310px;overflow: hidden;border: 1px solid #e5e5e5;margin: 0 auto;}
.qikanimg img{max-width: 100%;max-height: 100%;object-fit: cover;}

/* 公告 */
.dayhint {height: 45px;position: relative;overflow: hidden;line-height: 45px;width: 100%;margin-top: 12px;}
.dayhint .contain{background: #f2f2f2;padding: 0 12px;}
.dayhint ul {list-style: none;margin: 0;width: 88% !important;padding: 0 !important;display: inline-block;vertical-align: middle;}
.dayhint-hint{color: #00a9f0;font-size: 16px;height: 45px;line-height: 45px;background: url('ind_newicon.png') no-repeat left;padding-left: 30px;margin-right: 6px;display: inline-block;vertical-align: top;width: 112px;}
.dayhint ul a {width: 100%;padding: 0;display: block;margin: 0;color: #484848;font-size: 16px;overflow: hidden;}
.dayhint ul a p{float: left;transition: all .4s ease;}
.dayhint ul a span{float: right;display: block;font-size: 14px;color: #666;}
.dayhint ul a:hover p{color: #00a9f0;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .banner-text{left: 35%;}
    

}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner-text h5{font-size: 44px;}
    .banner-text h6{margin-top: 16px;font-size: 26px;}
    .banner-text{left: 6%;}


}

@media all and (max-width:1439px) {
    /* 1360 × (768) */

}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .banner-text{left: 4%;}
    .banner-text h5{font-size: 44px;}
    .banner-text h6{font-size: 22px;line-height: 34px;}

    .ind-news,.ind-zazhi{padding: 50px 0;}
    .ship .shipimg{height: 220px;}
    .ship p{height: 62px;line-height: 62px;}
    .zheren ul li{margin-top: 6px;}

}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .dayhint ul{width: 87% !important;}
    
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .qikan .swiper-container{padding: 0 16px;}
    .dayhint ul{width: 85% !important;}
    
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .dayhint{display: none;}
    .Container-wrapper{margin-top: 60px;}
    .banner-pic .banner-pc{display: none;}
    .banner-pic .banner-mb{display: block;}
    .banner-text{top: 30%;}
    .banner-text h5{font-size: 35px;}
    .banner-text h6{font-size: 22px;line-height: 30px;}

    .ind-news, .ind-zazhi{padding: 30px 0;}
    .newimg{width: 100%;padding-right: 0;}
    .newimg1{height: auto;}
    .newhot{width: 100%;padding-top: 10px;}
    .ind-zheren{width: 100%;margin-bottom: 20px;}
    .ind-ship{width: 50%;margin: 0 4% 0 0;}
    .ind-qikan{width: 46%;}
    .ship .shipimg{height: 240px;}
    .ship p{line-height: 66px;height: 66px;}
    
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    
    .banner-text h5{font-size: 30px;line-height: 34px;padding-bottom: 10px;}
    .banner-text h6{font-size: 15px;line-height: 20px;margin-top: 10px;}
    .about-text h5{font-size: 20px;padding: 5px 0;line-height: 20px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
    .banner .swiper-pagination-bullet{width: 20px;}
    .banner .swiper-pagination-bullet-active{width: 30px;}

    
    .newhot ul li{padding: 0 40px 4px 73px;}
    .newhot .newtime{width: 65px;height: 50px;font-size: 22px;line-height: 24px;}
    .newhot ul li h6{font-size: 14px;line-height: 26px;height: 26px;}
    .newhot ul li::after{width: 24px;height: 24px;background-size: 100%;}

    .ind-tit h6{font-size: 22px;}
    .zheren{margin-top: 10px;}
    .ind-ship{width: 100%;margin: 0;}
    .ship{margin-top: 20px;}
    .ship .shipimg{height: auto;}
    .ship p{height: 50px;line-height: 50px;}
    .ind-qikan{width: 100%;margin-top: 20px;}
    .qikan{margin-top: 30px;}
    
}




.container{margin: 0 auto;}
h2{color: #fff; float: left; width: 100%; font-size: 24px; font-weight: 400; text-align: center; padding: 50px 0 40px; position: relative; z-index: 50;}
h2 span{position: relative; padding-bottom: 10px;}
h2 span:after{content: ""; width: 50%; height: 3px; background-color: #fff; position: absolute; left: 25%; bottom: 0;}
.cool_img{width: 100%; vertical-align: middle;}
.full-length{width: 100%; float: left;}
.cool_li{float: left; width:18%; margin: 10px 1%; list-style: none;}
h3{font-size: 20px; margin: 5px 0 10px;}
.cool_p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px;}
.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #4d92d9; transition: 0.4s;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;}
/*= Reset CSS End
================= *

/* effect-3 css */
.port-3{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid #FC6; perspective: 500px;}
.port-3 img{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}

.port-3.effect-1 .text-desc{
	z-index: 1; padding: 45px 20px 20px; opacity: 1;
	
	transition: 0.5s; 
	-webkit-transition: 0.5s; 
	-moz-transition: 0.5s; 
	
	transform: rotateX(80deg); 
	-webkit-transform: rotateX(80deg); 
	-moz-transform: rotateX(80deg); 
	
	transform-origin: center top 0; 
	-webkit-transform-origin: center top 0; 
	-moz-transform-origin: center top 0; 
}
.port-3.effect-1:hover .text-desc{
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
}
.port-3.effect-1:hover img{
	opacity: 0;
	
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.port-3.effect-2 .text-desc{
	z-index: 1; top: auto;bottom: 0;padding: 45px 20px 20px;
	
	transition: 0.5s; 
	-webkit-transition: 0.5s; 
	-moz-transition: 0.5s; 
	
	transform: rotateX(80deg); 
	-webkit-transform: rotateX(80deg); 
	-moz-transform: rotateX(80deg); 
	
	transform-origin: center bottom 0;
	-webkit-transform-origin: center bottom 0;
	-moz-transform-origin: center bottom 0;
}
.port-3.effect-2:hover .text-desc{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
}
.port-3.effect-2:hover img{
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
}

.port-3.effect-3 .text-desc{
	z-index: 1; padding: 45px 20px 20px;
	
	transition: 0.5s; 
	-webkit-transition: 0.5s; 
	-moz-transition: 0.5s; 
	
	transform: rotateX(80deg); 
	-webkit-transform: rotateX(80deg); 
	-moz-transform: rotateX(80deg); 
	
	transform-origin: center top 0;
	-webkit-transform-origin: center top 0;
	-moz-transform-origin: center top 0;
}
.port-3.effect-3:hover .text-desc{
	opacity: 1;
	
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
}
.port-3.effect-3:hover img{
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
}
/* effect-3 css end */
/* effect-6 css */
.port-6{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid #FC6; overflow: visible;}

.port-6.effect-1{z-index: 8;}
.port-6.effect-1 img{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;	
}
.port-6.effect-1:hover img{
	position: relative; z-index: 9;
	
	transform: scale(0.3) translateY(110%);
	-webkit-transform: scale(0.3) translateY(110%);
	-moz-transform: scale(0.3) translateY(110%);
}
.port-6.effect-1 .text-desc{
	opacity: 0; padding: 10px 20px;
	
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.port-6.effect-1:hover .text-desc{
	opacity: 1;
	
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}

.port-6.effect-2{z-index: 7;}
.port-6.effect-2 img{
	z-index: 1;
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
}
.port-6.effect-2:hover img{
	position: relative; z-index: 9;
	
	transform: scale(0.3) translateX(110%);
	-webkit-transform: scale(0.3) translateX(110%);
	-moz-transform: scale(0.3) translateX(110%);
}
.port-6.effect-2 .text-desc{
	opacity: 0; padding: 40px 75px 20px 5px;
	
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
}
.port-6.effect-2:hover .text-desc{
	opacity: 1;
	
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}

.port-6.effect-3 img{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.port-6.effect-3:hover img{
	position: relative; z-index: 9;
	
	transform: scale(0.3) translateY(-110%);
	-webkit-transform: scale(0.3) translateY(-110%);
	-moz-transform: scale(0.3) translateY(-110%);
}
.port-6.effect-3 .text-desc{
	opacity: 0; padding: 115px 20px 10px;
	
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.port-6.effect-3:hover .text-desc{
	opacity: 1;
	
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
/* effect-6 css end */