*{ padding: 0; margin: 0;}
html,body { position: relative; height: 100%;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: normal; font-family:"Microsoft YaHei", Arial;}
ul,li,ol { list-style:none; } 
a{ color: #333; text-decoration:none; display: block;}
a:hover{ cursor: pointer;}
img ,span{ border:0; display: block;}
input:focus,textarea:focus{ outline:none;}
dl{margin: 0;padding: 0;border: 0;}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.width_1600{ width:1600px; margin:0 auto; display:table; height:100%;}
.width_1600>div{ display: table-cell; vertical-align: middle;}
.flex_space{ display: flex; justify-content: space-between; flex-wrap: wrap;}

:root{
	--main_color:#003894;      /* 主色 */
	--main_color_rgb:0,56,148;  /* rgba */
}

.mySwiper{ width: 100%; height: 100%;}
.mySwiper .p_fslide{ height: 100%!important;}
.mySwiper .mySwiper-pagination{ right:20px;}
.mySwiper .mySwiper-pagination .swiper-pagination-bullet{ background: #fff; width:4px; height:4px; margin:10px 0 !important; opacity:1; border:2px solid var(--main_color);}
.mySwiper .mySwiper-pagination .swiper-pagination-bullet-active{ width:12px; height:12px; left: -4px; position: relative;}

#mould86084{ width:100%; position:fixed; top:0; left:0; background:rgba(255,255,255,1); z-index:99; transition:1s; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.navbars41{ height:80px;}
.navbars41 .logo{ float:left; width: 240px; height: 100%; display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 .logo a img{ width:100%;}
.navbars41 ul{ float:right; display: table; height:100%;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a{ margin:0 24px; font-size:16px; position:relative; top:-2px;}
.navbars41 li a:hover{ color: var(--main_color);}
.navbars41 li.active a{ color: var(--main_color);}
.navbars41 li a:after{ content:""; width:0; height:2px; border-radius:2px; background: var(--main_color); position:absolute; left:0; bottom:-10px; visibility: hidden; transition:1s;}
.navbars41 li:hover a:after{ width:100%; visibility: visible;}
.navbars41 li.active a:after{ width:100%; visibility: visible;}
.navbars41 li:last-child a{border-right: 1px rgba(0,0,0,0.2) solid;padding-right:32px;font-size:24px;}
.navbars41 li:last-child a:after{background: #fff;}
.btngsearch{ float:right; width:24px; height:28px; background:url(/images/search.png) no-repeat; background-size:100%; margin:26px 0 0 0;margin-right: 0.4rem;}
#searchBox{ position:fixed; top:80px; left:0; width:100%; background:rgba(0,0,0,0.3); z-index:9;}
#searchBox div{ width:1200px; padding:30px 0; position:relative; margin:0 auto;}
#searchBox input{
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
    font-size: 16px;
    transition:.5s;
    box-shadow:none;
    border: 2px solid var(--main_color);
    padding: 0 20px;
    box-sizing:border-box;
    margin-bottom:0;
}
#searchBox a{ background:var(--main_color) url(/images/search1.png) no-repeat center; background-size: 36px; width:80px; height:60px; display:block; position:absolute; right:0; top:30px;}


.inner-swiper .swiper-slide{ position:relative;}
.inner-swiper .swiper-slide img{ width:100%; height:100vh; min-height:100%; transition:1s linear 2s; transform:scale(1.1,1.1);}
.inner-swiper .swiper-slide .txt{ width:100%; position:absolute; top:52%; left:50%; transform: translate(-50%, -50%); color:#fff; text-align:Center;}
.inner-swiper .swiper-slide .txt h2{ font-size:78px; line-height:78px; font-weight:bold;}
.inner-swiper .swiper-slide .txt h3{ font-size:46px; line-height:46px; margin-top:36px;}
.inner-swiper .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:3s linear; transform:scale(1,1);}
/*.banner1 .swiper-container .swiper-pagination .swiper-pagination-bullet{ width:30px; height:6px; opacity:1; border-radius:3px; background: rgba(255,255,255,.4); position: relative;}
.banner1 .swiper-pagination-bullet:before{ content: ""; position: absolute; top: 0; left: 0; background: #fff; width: 0; height: 6px; z-index: 1; transition: 0s; border-radius:3px;}
.banner1 .swiper-pagination-bullet-active:before{ width: 100%; transition: all 6s ease; border-radius:3px;}*/
.inner-swiper .scroll{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 36px; z-index: 3;}
.inner-swiper .scroll img{ animation: scroll_ 2s linear infinite;}
@keyframes scroll_{
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0px);
	}
}

/*---------------*/

.about_a{ color:#fff; position:relative;}
.about_cont{ width:60%;}
.about_cont h2{ font-size:48px; line-height:48px; font-weight:bold;}
.about_cont h3{ font-size:24px; line-height:36px; border-bottom:2px solid rgba(255,255,255,0.6); padding:30px 0; margin-bottom:36px;}
.about_cont p{ line-height:30px;}
.about_cont a{ color:#fff; border:1px solid rgba(255,255,255,0.6); box-sizing:border-box; border-radius:22px; line-height:44px; padding:0 36px; display:inline-block; margin-top:36px; transition:.5s;}
.about_cont a:hover{ border:1px solid #fff; background:#fff; color:var(--main_color);}
.about_icon{ position:absolute; left:0; bottom:0; width:100%; border-top-left-radius:30px; border-top-right-radius:30px; overflow:hidden;}
.about_icon li{ margin-right:2px; background:#fff; width:calc((100% - 10px) / 6); padding:30px 0; cursor: pointer;}
.about_icon li:last-child{ margin-right:0;}
.about_icon li.about_img span{ width:52px; height:52px; background:url(/images/about_ico1.png) no-repeat; margin:0 auto;}
.about_icon li.about_img:nth-child(2) span{ background:url(/images/about_ico2.png) no-repeat;}
.about_icon li.about_img:nth-child(3) span{ background:url(/images/about_ico3.png) no-repeat;}
.about_icon li.about_img:hover{ background: #013385;}
.about_icon li.about_img:hover:nth-child(1) span{ background:url(/images/about_ico11.png) no-repeat;}
.about_icon li.about_img:hover:nth-child(2) span{ background:url(/images/about_ico12.png) no-repeat;}
.about_icon li.about_img:hover:nth-child(3) span{ background:url(/images/about_ico13.png) no-repeat;}
.about_icon li.about_img p{ text-align:center; color:#333; margin-top:12px;}
.about_icon li.about_img:hover p{ color:#fff;}
.about_icon li.about_txt{ }
.about_icon li.about_txt div{ text-align:center;}
.about_icon li.about_txt span{ font-size:54px; line-height:54px; font-weight:bold; font-family:arial; color:var(--main_color); display:inline-block;}
.about_icon li.about_txt em{ color:var(--main_color); font-style: inherit; margin-left:6px;}
.about_icon li.about_txt p{ text-align:center; color:#333; margin-top:10px;}

.videos{ display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:100; width:640px;}
.videos:after{ content:""; width:100vw; height:100vh; background:rgba(0,0,0,0.72); position:fixed; top:50%; left:50%;transform:translate(-50%,-50%); z-index:-1;}
.vclose{ position:absolute; right:1%; top:1%; border-radius:100%; cursor: pointer;}

/*---------------*/

.product_a li{ width:33.3%; height:33.33vh; position:relative;}
.product_a li a{ position:relative; overflow:hidden; height: 100%;width: 100%;}

.product_a li a:after{ content:""; width:100%; height:50%; background: linear-gradient(rgba(255,255,255,0), rgba(var(--main_color_rgb),.8)); position:absolute; left:0; bottom:0; z-index:0;}
.product_a li a img{ transition:.8s;margin: 0 auto;height:auto;display: block; height: 100%;width: 100%;}
.product_a li a:hover img{ transform:scale(1.08);}
.product_a li p{ font-size:30px; font-weight:bold; position:absolute; left:30px; bottom:30px; z-index:2; color:#fff;}

/*---------------*/

.lunbo-swiper{ width:1600px; margin:0 auto; overflow: hidden; padding:0 48px; box-sizing:border-box;}
.lunbo-swiper .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.6);
  z-index:1;
}
.lunbo-swiper .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(0.9); z-index:2;}
.lunbo-swiper .swiper-pagination-bullet{ width:24px; height:4px; border-radius:4px; background: var(--main_color); opacity:1;}
.lunbo-swiper .swiper-pagination-bullet-active{ width:10px; height:10px; border-radius:50%; background:none; border:2px solid var(--main_color); top:5px; position:relative;}

/*---------------*/
.title_a{ text-align:center; color:#fff; padding-top:80px;}
.title_a h2{ font-size:40px; line-height:40px; position:relative; padding-bottom:24px; margin-bottom:24px;}
.title_a h2:after{ content:""; width:48px; height:3px; border-radius:3px; background:#fff; position:absolute; left:50%; bottom:0; transform: translateX(-50%);}
.title_a p{ font-size:20px; line-height:20px;}
.title_b{ color:#333;}
.title_b h2:after{ background:#333;}
.partner_a div img{ margin:0 auto; width:100%;}

/*--------------- */

.news_a div.flex_space{ margin-top:48px;}
.news_a .box_left{ width:calc(75% - 18px);}
.news_a .box_left li{ width:calc((100% - 18px)/2); float:right;}
.news_a .box_left li:first-child{ float:left;}
.news_a .box_left li:nth-child(n+3){ margin-top:10px;}
.news_a .box_left li .img{ width:100%; height:340px; overflow:hidden;}
.news_a .box_left li .img img{ width:100%; height:100%; transition:1s;}
.news_a .box_left li:hover .img img{ transform:scale(1.08);}

.news_a .box_left li .txt{ padding:24px 30px; box-sizing:border-box; background:rgba(255,255,255,0.1); color:#fff; position:relative; z-index:1;}
.news_a .box_left li .txt:after{ content:""; width:100%; height:1px; background:#fff; position:absolute; top:0; left:0; z-index:-1; transition:.6s;}
.news_a .box_left li .txt h2{ font-size:20px; line-height:23px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:.4s;}
.news_a .box_left li .txt p{ line-height:24px; margin:10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a .box_left li:hover .txt:after{ height:100%;}
.news_a .box_left li:hover .txt{ color:#333;}
.news_a .box_left li:hover .txt h2{ color:var(--main_color);}

.news_a .box_right{ width:25%; position:relative; overflow:hidden;}
.news_a .box_right a{ height:100%;}
.news_a .box_right img{ width:100%; height:100%; transition:1s;}
.news_a .box_right:hover img{ transform:scale(1.08);}
.news_a .box_right p{ position:absolute; top:24px; left:24px; font-size:20px; font-weight:bold; color:#fff;}

/*--------------- */

.foot_a{ }
.foot_nav ul{ width:64%;}
.foot_nav ul li{ width:15%;}
.foot_nav ul li h4{ font-size:20px; font-weight: bold; position:relative; padding-bottom:15px; margin-bottom:12px;}
.foot_nav ul li h4:after{ content:""; width:24px; height:2px; border-radius:2px; background: var(--main_color); position:absolute; left:0; bottom:0;}

.foot_nav ul li h5{ line-height:36px;}
.foot_nav ul li h5 a:hover{ color:var(--main_color);}

.foot_nav .foot_lx{ width:24%;}
.foot_nav .foot_lx span{ font-size:22px;}
.foot_nav .foot_lx h2{ font-size:48px; font-weight:bold; color: var(--main_color); font-family:arial; margin:10px 0 12px 0;}
.foot_nav .foot_lx p{ line-height:30px;}

.foot_nav .foot_lx .icon_a{ display: flex; margin-top: 48px;}
.foot_nav .foot_lx .icon_a li{ position:relative; margin-right:20px; cursor: pointer;}
.foot_nav .foot_lx .icon_a li span{ width:58px; height:58px; border-radius:50%; border:1px solid var(--main_color); background-image:url(/images/icon_1.png);}
.foot_nav .foot_lx .icon_a li:nth-child(2) span{ background:url(/images/icon_2.png) no-repeat;}
.foot_nav .foot_lx .icon_a li:nth-child(3) span{ background:url(/images/icon_3.png) no-repeat;}
.foot_nav .foot_lx .icon_a li:hover span{ background-position:0 -62px; background-color: var(--main_color);}
.foot_nav .foot_lx .icon_a li img{ display:none; width: 128px; height: 128px; border-radius: 4px; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.foot_nav .foot_lx .icon_a li:hover img{ display:block;}
.foot_nav .foot_lx .icon_a li:hover:after,.foot_nav .foot_lx .icon_a li:hover:before{ display:block;}
.foot_nav .foot_lx .icon_a li:after{
	content:"";
    width:0; 
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:12px solid #fff;
    position:absolute;
    top:72px; 
    left:50%; 
    transform:translateX(-50%);
    z-index:1;
  display:none;
}
.foot_nav .foot_lx .icon_a li:before{
	content:"";
    width:0; 
    height:0;
    border-left:13px solid transparent;
    border-right:13px solid transparent;
    border-bottom:15px solid rgba(0,0,0,0.05);
    position:absolute;
    top:70px;
    left:50%; 
    transform:translateX(-50%);
    z-index:0;
  display:none;
}

.foot_copy{ line-height:64px; border-top:1px solid #ccc; margin-top:48px; position: absolute; bottom: 0; width: 1600px;}
.foot_copy a{ display:inline-block;}
.foot_copy a:hover{ color:var(--main_color);}

@media (max-width: 1680px){
  .width_1600{ width:94%;}
  .title_a{ padding-top:120px;}
  .title_a h2{ padding-bottom: 15px; margin-bottom: 10px;}
  .lunbo-swiper{ transform: scale(0.9);}
  .partner_img{ width:82%; margin:0 auto;}
  .news_a div.flex_space{ margin-top: 20px;}
  .news_a .box_left li .txt{ padding: 23px 30px;}
  .news_a .box_left li .img{ height:336px;}
}

@media (max-width: 1440px){
  .inner-swiper .swiper-slide .txt h2{ font-size: 64px; line-height: 64px;}
  .inner-swiper .swiper-slide .txt h3{ font-size: 36px; line-height: 36px; margin-top:24px;}
  
  .about_cont h2{ font-size: 40px; line-height: 40px;}
  .about_cont h3{ font-size: 20px; line-height: 30px; padding: 24px 0; margin-bottom:24px;}
  .about_cont a{ margin-top:24px;}
  
  .news_a .title_a{ display:none;}
  .news_a div.flex_space{ margin-top: 64px;}
  .lunbo-swiper{ width:1440px;}
}

@media (max-width: 1366px){
  .lunbo-swiper{ width:1366px;}
  
}