@charset "utf-8";
/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of rem @include font_size(fz); */
.index_kv_body { position: relative; z-index: 100; }
.index_kv_body .swiper-container .swiper-slide{position: relative;width:100%;}
.index_kv_body .swiper-container .swiper-slide img, .index_kv_body .swiper-container .swiper-slide video { display: block; width: 100%;}
.index_kv_body .swiper-container .swiper-slide .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.4); }
.index_kv_body .swiper-container .swiper-slide .txt_con { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }
.index_kv_body .swiper-container .swiper-slide .txt_con h3 { font-size: 5.8rem; font-weight:700;}
.index_kv_body .swiper-container .swiper-slide .txt_con p { letter-spacing: 2px; font-size: 1.8rem; line-height: 2.8rem; margin: 1.5rem 0; font-weight: 700; }
.index_kv_body .swiper-container .swiper-pagination{bottom: 10px;left: 0;width: 100%;position: absolute;text-align:center; z-index: 10;}
.index_kv_body .swiper-container .swiper-pagination span { opacity: 1; background-color: #fff; border-radius: 0; width: 1rem; height: 1rem;display: inline-block;margin:0 4px;}
.index_kv_body .swiper-container .swiper-pagination span.swiper-pagination-bullet-active { background-color: #1090d6; }
.index_kv_body .swiper-container .swiper-pagination span.swiper-active-switch { background-color: #1090d6; }
.index_kv_body ul.slides li{position: relative;}
.index_kv_body ul.slides li img, .index_kv_body ul.slides li video { display: block; width: 100%;}
.index_kv_body ul.slides li .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.4); }
.index_kv_body ul.slides li .txt_con { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }
.index_kv_body ul.slides li .txt_con h3 { font-size: 5.8rem; font-weight:700;}
.index_kv_body ul.slides li .txt_con p { letter-spacing: 2px; font-size: 1.8rem; line-height: 2.8rem; margin: 1.5rem 0; font-weight: 700; }
.index_kv_body .flex-control-nav{bottom: 10px;left: 0;width: 100%;position: absolute;text-align:center; z-index: 10;}
.index_kv_body .flex-control-nav li{margin:0;}
.index_kv_body .flex-control-nav li a{ opacity: 1; background-color: #fff; border-radius: 0; width: 1rem; height: 1rem;display: inline-block;margin:0 4px;}
.index_kv_body .flex-control-nav li a.flex-active { background-color: #1090d6; }

.index_products_body { background-color: #f0f2f1; padding: 4rem 0; }
.index_products_body .list_box { background-color: #fff; min-height: 670px; padding-bottom: 20px; margin-bottom: 20px; }
.index_products_body .list_box:hover .img_out .mask { opacity: 1; }
.index_products_body .list_box .img_out { position: relative; z-index: 100; overflow: hidden; }
.index_products_body .list_box .img_out img { display: block; width: 100%; transform: scale(1.05); transition: all ease .3s; }
.index_products_body .list_box .img_out:hover img{transform: scale(1);}
.index_products_body .list_box .img_out .mask { box-sizing: border-box; background: rgba(0, 58, 143, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; /* opacity:0; */ transition: opacity ease .3s; }
.index_products_body .list_box .img_out .mask .txt { position: absolute; top: 50%; transform: translatey(-50%); left: 0; right: 0; }
.index_products_body .list_box .img_out .mask .txt i { display: block; width: 120px; height: 90px; margin: 0 auto 10px; }
.index_products_body .list_box .img_out .mask .txt i.ico_1 { background: url(/uploads/image/i/pro_ico_1.png) center no-repeat; background-size: cover; }
.index_products_body .list_box .img_out .mask .txt i.ico_2 { background: url(/uploads/image/i/pro_ico_2.png) center no-repeat; background-size: cover; }
.index_products_body .list_box .img_out .mask .txt i.ico_3 { background: url(/uploads/image/i/pro_ico_3.png) center no-repeat; background-size: cover; }
.index_products_body .list_box .img_out .mask .txt p { font-size: 2.8rem; letter-spacing: 1px; color: #fff; font-weight: 700; }
.index_products_body .list_box ul { margin: 25px 5px 25px 15px; }
.index_products_body .list_box ul li { margin-bottom: 8px; }
.index_products_body .list_box ul li i, .index_products_body .list_box ul li a { vertical-align: top; display: inline-block; }
.index_products_body .list_box ul li i { color: #1090d6; margin-right: 8px; font-size: 1.4rem; padding-top: 4px; }
.index_products_body .list_box ul li a { color: #333; font-weight: 700; width: calc(100% - 20px); }
.index_products_body .list_box ul li a span{line-height:20px;display:inline-block;}
.index_products_body .list_box ul li a:hover { color: #1090d6; text-decoration: none; }
.index_products_body .list_box ul li a.more { color: #1090d6; }

.index_story_body {  padding: 4rem 0; }
.index_story_body .story_con { position: relative; z-index: 10; overflow: hidden; }
.index_story_body .story_con:hover img { transform: scale(1); }
.index_story_body .story_con:hover .mask { opacity: 1; }
.index_story_body .story_con a { display: block; text-decoration: none; }
.index_story_body .story_con img { display: block; width: 100%; transition: transform ease .5s; transform: scale(1.1); max-width: 590px; }
.index_story_body .story_con .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0, 58, 143, 0.6); opacity: 0; transition: opacity ease 1s; }
.index_story_body .story_con .txt { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 25px 35px; z-index: 2; }
.index_story_body .story_con .txt span { display: inline-block; background-color: #1090d6; color: #fff; font-size: 1.5rem; padding: 5px 10px; }
.index_story_body .story_con .txt h3, .index_story_body .story_con .txt p { color: #f0f2f1; }
.index_story_body .story_con .txt h3 { font-size: 3.2rem; margin-top: 10px; font-weight: 700; }
.index_story_body .story_con .txt p { margin-top: 5px; font-size: 1.8rem; font-weight: 700; }

#story_masonry{position:relative;min-height:730px;}
#story_masonry li{display:inline-block;position: absolute; transition: all ease-out .5s;}
#story_masonry li:nth-child(2){right:0;top:0;}
#story_masonry li:nth-child(3){bottom:0;right:0;}
#story_masonry li:nth-child(4){bottom:0;left:0;}

.index_news_body { background-color: #fff;padding:4rem 0; }
.index_news_body .focus_news { margin-bottom: 20px; }
.index_news_body .focus_news .img_out { position: relative; overflow: hidden; z-index: 10; height:230px;}
.index_news_body .focus_news .img_out:hover img { transform: scale(1); }
.index_news_body .focus_news .img_out img { display: block; width: 100%; transition: transform ease .5s; transform: scale(1.1); }
.index_news_body .focus_news h3 { font-size: 2rem; line-height: 2.8rem; font-weight: 700; margin: 1rem 0; }
.index_news_body .focus_news h3 a { color: #000; text-decoration: none; }
.index_news_body .focus_news h3 a:hover { color: #1090d6; }
.index_news_body .focus_news h6 { font-size: 1.5rem; color: #999; }
.index_news_body .news_list ul { border-top: 1px solid #1090d6; }
.index_news_body .news_list ul li { border-bottom: 1px solid #1090d6; padding: 14px 0; }
.index_news_body .news_list ul li h3 { margin-bottom: 5px; }
.index_news_body .news_list ul li h3 a { color: #333; font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; }
.index_news_body .news_list ul li h3 a:hover { text-decoration: none; color: #1090d6; }
.index_news_body .news_list ul li h6 { font-size: 1.5rem; color: #999; }
.index_news_body .news_list a.more { display: inline-block; margin-top: 15px; color: #1090d6; font-weight: 700; }
.index_news_body .news_list a.more i { margin-left: 5px; }
.index_news_body .news_list a.more:hover { text-decoration: none; font-weight: 700; }

.index_recruit_body { overflow: hidden; position: relative; z-index: 10; }
.index_recruit_body .bg { display: block; width: 100%; }
.index_recruit_body .txt_con { position: absolute; text-align: center; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; }
.index_recruit_body .txt_con h6 { font-size: 1.8rem; font-weight: 700; }
.index_recruit_body .txt_con h3 { font-size: 4.8rem; font-weight: 700; margin: 20px 0 30px; }

.mobile_kv{position: relative;width:100%;}
.mobile_kv .swiper-container,.mobile_kv .swiper-container .swiper-wrapper,.mobile_kv .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:100%;}
.mobile_kv .swiper-slide{background-repeat:no-repeat;background-position: center;background-size:cover;}
.mobile_kv .swiper-container .swiper-slide{position: relative}
.mobile_kv .swiper-container .swiper-slide video { display: block;height:100%;}
.mobile_kv .swiper-container .swiper-slide .txt_con { position: absolute; z-index: 10; top: 50%;transform: translate(0, -50%); color: #fff; }
.mobile_kv .swiper-container .swiper-slide .txt_con .container{padding:0 30px;}
.mobile_kv .swiper-container .swiper-slide .txt_con h3 { font-size: 2.9rem; font-weight:700;}
.mobile_kv .swiper-container .swiper-slide .txt_con p { letter-spacing: 2px; font-size: 1.4rem; line-height: 2rem; margin: 1.5rem 0; font-weight: 700; }
.mobile_kv .swiper-container .swiper-pagination{bottom: 10px;left: 0;width: 100%;position: absolute;text-align:center; z-index: 10;}
.mobile_kv .swiper-container .swiper-pagination span { opacity: 1; background-color: #fff; border-radius: 0; width: 1rem; height: 1rem;display:inline-block;margin:0 4px }
.mobile_kv .swiper-container .swiper-pagination span.swiper-pagination-bullet-active { background-color: #1090d6; }
.mobile_kv .swiper-container .swiper-pagination span.swiper-active-switch  { background-color: #1090d6; }
.mobile_kv ul.slides{/*height:90vh;*/}
.mobile_kv ul.slides li{position: relative;width:100%;height:100%;background-repeat:no-repeat;background-position: center;background-size:100% 100%;}/*background-size:cover;*/
/*.mobile_kv ul.slides li img{display:none;}*/
.mobile_kv ul.slides li img{width:100%;display:block;}
.mobile_kv ul.slides li .txt_con { position: absolute; z-index: 10; top: 50%;transform: translate(0, -50%); color: #fff; }
.mobile_kv ul.slides li .txt_con .container{padding:0 30px;}
.mobile_kv ul.slides li .txt_con h3 { font-size: 2.9rem; font-weight:700;}
.mobile_kv ul.slides li .txt_con p { letter-spacing: 2px; font-size: 1.4rem; line-height: 2rem; margin: 1.5rem 0; font-weight: 700; }
.mobile_kv .flex-control-nav{bottom: 10px;left: 0;width: 100%;position: absolute;text-align:center; z-index: 10;}
.mobile_kv .flex-control-nav li{margin:0;}
.mobile_kv .flex-control-nav li a{ opacity: 1; background-color: #fff; border-radius: 0; width: 1rem; height: 1rem;display: inline-block;margin:0 4px;}
.mobile_kv .flex-control-nav li a.flex-active { background-color: #1090d6; }

.th_link{padding:4rem 0;}
.th_link a{display:block;box-shadow:0 0 10px rgba(0,0,0,.3);}
.th_link a img{display:block;width:100%;}

/* extra small devices, phones */ 
@media only screen and (max-width : 768px) {
	.mobile_kv{display:block;}
	.index_products_body .list_box ul li a span{font-size:75%!important;position: relative;top:-0.5em}
	.th_link a{margin:0 15px;}
	
}



.news_con_2019 .img_out{ position: relative; overflow: hidden; z-index: 10;overflow:hidden;}
.news_con_2019:hover .img_out img { transform: scale(1); width:100%;}
.news_con_2019 .img_out img { display: block; width: 100%; transition: transform ease .5s; transform: scale(1.1);height:100%; }
.news_con_2019 h6{color:#1090d6; font-size:15;margin:10px 0;font-weight: 700;}
.news_con_2019 h3{font-size:28px;line-height:38px;overflow:hidden;max-height:114px;}
.news_con_2019 h3 a{color:#222;font-weight: 700;text-decoration:none;}
.news_con_2019:hover h3 a{color:#1090d6;}
.news_right_2019 .news_con_2019{margin-bottom:15px;}
.news_right_2019 .news_con_2019 h3{font-size:18px;line-height:28px;height:56px;}
.news_right_2019 .news_con_2019 .img_out{height:170px;}

.news_body_2019 .btn_con{text-align:center;margin-top:40px;}
.news_body_2019 .page_btn{border-color:#1090d6;color:#1090d6;}
.news_body_2019 .page_btn:hover{color:#fff;}


.news_more_line{
	text-align:center;
	margin-top:10px;
}
.news_more_line .page_btn{
	background-color:#1090d6;
}