@charset "utf-8";
@font-face {
  font-family: "D-DIN";
  src: url('../fonts/D-DIN.eot');
  /* IE9 */
  src: url('../fonts/D-DIN.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/D-DIN.woff') format('woff'), url('../fonts/D-DIN.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/D-DIN.svg#D-DIN') format('svg');
  /* iOS 4.1- */
}
@font-face {
  font-family: "D-DINExp";
  src: url('../fonts/D-DINExp.eot');
  /* IE9 */
  src: url('../fonts/D-DINExp.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/D-DINExp.woff') format('woff'), url('../fonts/D-DINExp.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/D-DINExp.svg#D-DINExp') format('svg');
  /* iOS 4.1- */
}
body{
	 overflow-x:hidden !important;  background:#fff;  line-height:1.1;
	 font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue','Helvetica','Arial',sans-serif;
}
body.pagebody{
	background:#f4f7fe;
}
.bodybg{
	background:#f5f6fa;
}
*{
	outline:none; box-sizing:border-box; letter-spacing:1px;
}
.TXTovehid {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clear{
	clear:both;
}
.of_hid{
	overflow:hidden;
}
a:hover{
	color:#18469d;
}

.w1500{
	width:1580px; padding:0; margin:0 auto;
}
@media all and (min-width:320px) and (max-width:1730px){
    .w1500{
    	width:1580px; padding:0; margin:0 auto;
    } 
}
.w1200{
	width:1380px; margin:0 auto;
}
.mt30{
	margin-top:30px;
}
.mb30{
	margin-bottom:30px;
}
.mt60{
	margin-top:60px;
}
.mb60{
	margin-bottom:60px;
}
.mt100{
	margin-top:100px;
}
.mb100{
	margin-bottom:100px;
}
.fwb{
	font-weight:bold;
}
.tac{
	text-align:center;
}
b,strong{
	font-weight:bold;
}

img.block100{
	display:block; width:100%;
}

.transition04{
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}
.transition0401{
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.clearboth{
	clear:both;
}
.textcenter{
	text-align:center;
}


#main{
	position:relative; z-index:211112;
}
.menu_body{
	display:none;
}
.imgcom{
	width:100%; overflow:hidden; position:relative;
}
.imgcom img{
	position:absolute; height:100%; min-width:100%; left:50%; transform:translateX(-50%); top:0px;
}




.header_bg{
	width:100%; height:8px; margin-top:6px;
	background:url(../images/header_bg.jpg) repeat-x; background-size:auto 100%;
}

.header{
	width:100%; height:auto;  position:fixed;
	top:0px; left:0px; z-index:111111111;
}
#noneheader{
	height:100px; width:100%;
}
.header .inheader{
	margin:0 auto; height:100px;	position:relative;
}
.header .inheader .logo{
	float:left; height: 100%; display: flex;  flex-direction: column; justify-content: center;
}
.header .inheader .logo .logo_in{
	display: flex;  flex-direction: row; justify-content: space-between;
}
.header .inheader .logo img{
	height:61px;
}
.header .inheader .logo .logo_in .text{	
	padding-left:20px; margin-left:20px; border-left:2px solid #b3b3b3; color:#b2b2b2;
	display: flex;  flex-direction: column; justify-content: space-between; height: 86%; transform: translateY(7%);
	display:none;
}
.header .inheader .logo .logo_in .text .t{
	font-size:24px;  font-weight:bold;
}
.header .inheader .logo .logo_in .text .b{
	font-size:16px; 
}


.header .inheader .menu{
	margin:0 auto; float:right;
}
.header .inheader .menu > li{
	width:auto; text-align:center; box-sizing:border-box; float:left;
	height:100px; line-height:100px;
}
.header .inheader .menu > li:first-child{
	margin-left:0px;
}


.header .inheader .menu li > a{
	color:#333; font-size:18px;  text-align:center; overflow: hidden; display: block;
}
.header .inheader .menu li > a span{
	display:block; padding:0 40px; position: relative; transition: all .5s ease;
}
/*
.header .inheader .menu li > a span::after{
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #18469d;
    transition: all .5s ease;
}
.header .inheader .menu li:hover > a span {
    transform: translateY(-100%);
    transition: all .5s ease;
}
*/


.header .inheader .menu > li:after{
	position:absolute; width:100%; height:3px; background:#18469d; bottom:0px; left:0%; content:" ";
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	display:none;
}
.header .inheader .menu > li.active:after,
.header .inheader .menu > li:hover:after{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}

.header .inheader .menu li.active > a{
	color:#18469d !important; 
}

.header .inheader .menu li:marker{
	display:none;
}




.menu li .icon_nav_item{
	display:none;
}
.header .menu > li .subnav{
	background: rgba(255,255,255,0.9);
	position: absolute;
	left: calc(0px - ((100vw - 1580px) / 2));
	top: 100%;
	padding: 0px 0;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-30px);
	transition: all .3s;
	text-align:left;
	border-top:1px solid #eee;
	width:100vw;
}
@media all and (min-width:320px) and (max-width:1730px){
    .header .menu > li .subnav{
    	left: calc(0px - ((100vw - 1580px) / 2));
    }
}
.header .menu > li .subnav .w1500{
    height: 38.2vh;
    display: flex; justify-content: center; flex-direction: column;
}
.header .menu > li .subnav .subnav_in{
	display: flex;
	justify-content: space-between;
}
.header .menu > li .subnav .subnav_left{
    width: calc(100% - 650px - 100px);
}
.header .menu > li .subnav .subnav_left .subnav_typename{
    font-weight: bold; font-size: 30px; color: #18469d; line-height: 32px; margin-bottom: 30px;
}
.header .menu > li .subnav .subnav_left ul{
    display: flex; flex-wrap: wrap;
}
.header .menu > li .subnav .subnav_left ul li{
    transition: all .3s ease;
}
.header .menu > li .subnav .subnav_left ul li.active ,
.header .menu > li .subnav .subnav_left ul li:hover{
    border-color:#18469d; transition: all .3s ease; transform: translateX(6px);
}
.header .menu > li .subnav .subnav_right{
    width: 650px;
}
.header .menu > li .subnav .subnav_right img{
    width: 100%; display: block;
}
.header .menu > li .subnav ul{
}
.header .menu > li .subnav li{
	line-height:44px; text-align:center; width:auto; position:relative; display:block; width:auto; border:1px solid #e6e6e6; border-radius: 8px;  padding: 0 30px; margin-right: 30px; margin-bottom: 20px;
}
.header .menu > li .subnav li:first-child{
	margin-left:0px;
}
.header .menu > li .subnav li:last-child{
	margin-right:0px;
}
.header .menu > li .subnav li a{
	font-size:16px; color:#666;
}
.header .menu > li .subnav li a:hover,
.header .menu > li .subnav li a.active{
	color:#18469d;
}
@media all and (min-width:769px){
	.header .menu > li:hover .subnav{
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
}


.header.yanse{
	background:rgba(255,255,255,1);
}
.header.yanse.boxshadow{
	box-shadow: 0px 8px 46px 0px rgba(52, 52, 52, 0.15);
}

.header.yanse .inheader .menu li > a{
	color:#666;
}
.header.yanse .inheader .menu li > a:hover{
	color:#18469d;
}
.header.yanse .inheader .menu li li > a{
	color:#666;
}
.header.yanse .inheader .menu li.active > a,
.header.yanse .inheader .menu li:hover > a{
	color:#18469d !important;
}
.header.yanse .inheader .menu > li.active:after,
.header.yanse .inheader .menu > li:hover:after{
	background:#18469d;
}

.header_search{
	float:right; position:relative; margin-left:35px; cursor:pointer;
}
.header_search .header_search_in{
	display:flex; flex-direction:column; justify-content:center; height:100px;
}
.header_search .header_search_in img{
	display:inline-block; height:16px;
}
.search_show{
	position:absolute; top:100%; right:0px;
}
.search_show form{
	border: 2px solid #18469d; width:350px; padding:15px; background:#fff; display:flex; justify-content:space-around; font-size:14px;
}
.search_show form input{
	width:calc(100% - 40px); color:#333; border:0px; border-bottom:1px solid #18469d; background:none;  height:30px; line-height:30px;
}
.search_show form button{
	width:50px;  color:#18469d; border:0px; background:none;  height:30px; line-height:30px; cursor:pointer; text-align:right;
}


.index_banner{
	position:relative;
}
.index_banner_swiper .swiper-slide img{
    display: block; width: 100%;
}
.index_banner_swiper_index .swiper-slide{
    height: calc(100vh - 100px); position: relative; overflow: hidden;
}
.index_banner_swiper_index .swiper-slide img{
	display:block; position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); min-width: 100%; width: auto;
}
.index_banner .swiper-button-next,.index_banner .swiper-button-prev{
	display:none;
}
.index_banner .swiper-button-next::after,.index_banner .swiper-button-prev::after{
	color:#fff; font-size:42px;
}
.index_banner .swiper-button-next{
	right:40px;
}
.index_banner .swiper-button-prev{
	left:40px;
}
.swiper_pagination_index{
	position:absolute; width:100%; bottom:20px; text-align:center;
}
.swiper_pagination_index .swiper-pagination-bullet{
	width:16px; height:16px; margin:0 8px; background:#fff; border-radius:100px; opacity:1;
}
.swiper_pagination_index .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#18469d;
}

.index_banner_swiper .swiper-slide .w1500 .text_t{
	opacity:0; transform:translateX(-100px);
	transition: All 3s cubic-bezier(.175,.885,.32,1.275) 0.6s;
	-webkit-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 0.6s;
	-moz-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 0.6s;
	-o-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 0.6s;
}
.index_banner_swiper .swiper-slide.swiper-slide-active .w1500 .text_t{
	opacity:1; transform:translateX(0px);
	transition: All 3s cubic-bezier(.175,.885,.32,1.275) 0.6s;
	-webkit-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 0.6s;
	-moz-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 0.6s;
	-o-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 0.6s;
}
.index_banner_swiper .swiper-slide .w1500 .text_b{
	opacity:0; transform:translateX(-100px);
	transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-webkit-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-moz-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-o-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
}
.index_banner_swiper .swiper-slide.swiper-slide-active .w1500 .text_b{
	opacity:1; transform:translateX(0px);
	transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-webkit-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-moz-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-o-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
}
.index_banner_swiper .text{
	position:absolute; color:#fff; width:100%; height:100%; left:0px; top:0px; display:flex; justify-content:center; flex-direction:column;
}
.index_banner_swiper .text .text_t{
	font-size:48px; 
}
.index_banner_swiper .text .text_b{
	font-size:32px; margin-top:25px; width:55%; line-height:1.5;
}
.index_banner_swiper_index .swiper-slide .textimg{
    position: absolute; height: 33.33%; top: 50%; left: 0; transform:translateY(-50%); width: 100%;
}
.index_banner_swiper_index .swiper-slide img.textimg01{
	display:block; position: absolute; height:50%; top: 0; left: 50%;  transform: translateX(-150%); min-width: unset; width: auto; opacity:0;
	transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-webkit-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-moz-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-o-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
}
.index_banner_swiper_index .swiper-slide.swiper-slide-active img.textimg01{
    transform: translateX(-85%); opacity:1;
	transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-webkit-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-moz-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
	-o-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1s;
}
.index_banner_swiper_index .swiper-slide img.textimg02{
	display:block; position: absolute; height:50%; top: unset; bottom: 0; left: 50%;  transform: translateX(100%); min-width: unset; width: auto; opacity:0;
	transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1.5s;
	-webkit-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1.5s;
	-moz-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1.5s;
	-o-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1.5s;
}
.index_banner_swiper_index .swiper-slide.swiper-slide-active img.textimg02{
    transform: translateX(-85%); opacity:1;
	transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1.5s;
	-webkit-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1.5s;
	-moz-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1.5s;
	-o-transition: All 3s cubic-bezier(.175,.885,.32,1.275) 1.5s;
}

.index_title{
	position:relative;
}
.index_title .index_t{
	font-size:40px; color:#fff;
}
.index_title .index_b{
	font-size:24px; color:#fff; margin-top:14px; text-transform: uppercase; 
}
.index_title a.index_a{
	position:absolute; right:0px; bottom:0px; font-size:20px; color:#fff;
}
.color01{
	color:#333 !important;
}
.color02{
	color:#666 !important;
}

.index_01 .w1500{
    width: 100% !important;
}
.index_01_in{
	display:flex; overflow:hidden;
}
.index_01_left{
	width:46.875%; padding:250px 120px 250px 150px; padding-left: calc((100vw - 1580px) / 2); padding-left: 150px;
}
.index_01_c{
	font-size:18px; color:#333; line-height:1.77; margin:35px 0 60px;
}
.index_01_a a{
	width: 150px; height: 50px; line-height:50px; font-size:16px; color:#fff; text-align:center; background:#18469d; display:block;  border-radius: 10px;
}

.index_01_mid{
	width:15.625%; display:flex; flex-direction:column; justify-content:center; background:#f6f8fb;
}
.index_01_midli{
	margin-top:130px; text-align:center;
}
.index_01_midli .t{
	color:#e41d2c;
}
.index_01_midli .t b{
	font-size:40px;
}
.index_01_midli .t span{
	font-size:16px; margin-left:2px;
}
.index_01_midli .b{
	font-size:18px; margin-top:15px; color:#808080;
}

.index_01_right{
	width:37.5%; display:flex; flex-direction:column;
}
.index_01_rightli{
	width:100%; height:50%; position:relative; overflow:hidden;
}
.index_01_rightli img{
	position:absolute; display:block; height:100%; top:0px; left:50%; transform:translateX(-50%); min-width:100%;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
}
.index_01_rightli:hover img{
	-webkit-transform:translateX(-50%) scale3d(1.1,1.1,1);
	transform:translateX(-50%) scale3d(1.1,1.1,1);
}


.index_02{
	background:url(../images/index02_bg.jpg) center center no-repeat; background-size:cover; overflow:hidden;
}
.index_02_in{
	position:relative;
}
.index_02_swiper{
	overflow:hidden; position:relative;
}
.index_02_swiper .swiper-slide .img{
	padding:34.1% 0; border:4px solid #fff; border-radius:10px; overflow:hidden; position:relative;
}
.index_02_swiper .swiper-slide .img img{
	position:absolute; display:block; height:100%; top:0px; left:50%; transform:translateX(-50%); min-width:100%;
}
.index_02_swiper .swiper-slide .t{
	font-size:20px; margin-top:20px; color:#fff; text-align:center;
}
.swiper_pagination_index_02{
	position:absolute; width:100% !important; bottom:-60px !important; text-align:center;
}
.swiper_pagination_index_02 .swiper-pagination-bullet{
	width:16px; height:16px; margin:0 8px; background:#fff; border-radius:100px; opacity:0.5;
}
.swiper_pagination_index_02 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity:1;
}


.index_03_con{
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.index_03_img{
	width:32%; border-radius: 10px; overflow: hidden;
}
.index_03_img img{
	display:block; width:100%;
}
.index_03_text{
	width:calc(100% - 32% - 30px); display:flex; flex-direction:column; justify-content:center;
}
.index_03_text a{
	display:flex; justify-content:space-between; overflow:hidden; border-top:1px solid #e6e6e6;
}
.index_03_text a:first-child{
	border:0px;
}
.index_03_text a .t{
	font-size:16px; color:#333; line-height:54px; width:calc(100% - 120px);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.index_03_text a .b{
	font-size:14px; color:#bfbfbf; line-height:54px;
}

.footer{
	position:relative; overflow:hidden;
}
.footer::after{
	background:#18469d; height:100%; width:50%; position:absolute; right:0px; top:0px; content:""; z-index:1;
}
.footer_in{
	display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:2;
}
.footer_img{
	display:flex; flex-direction:column; justify-content:center;
}
.footer_img img{
	display:block; height:61px;
}
.footer_text{
	width:68.11%; padding:30px 0 15px 70px; background:#18469d; display:flex; justify-content:space-between; position:relative; z-index:2;
}
.footer_text::after{
	height:880px; width:880px; left:-240px; top:-50px; content:""; z-index:1; 	background:#18469d; border-radius:1000px; position:absolute;
}
.footer_text_left{
	position:relative; z-index:3;
}
.footer_text_left_menu{
	display:flex;
}
.footer_text_left_menu a{
	font-size:16px; color:#fff; margin-left:65px;
}
.footer_text_left_menu a:first-child{
	margin-left:0px;
}
.footer_text_left_text{
	font-size:16px; color:#fff; line-height:1.75; margin-top:25px;
}
.footer_text_left_text span{
	display:inline-block; width:85px;
}
.footer_text_right{
	display:flex; flex-direction:column; justify-content:center; position:relative; z-index:3;
}
.footer_text_right .img img{
	display:block; height:94px;
}
.footer_text_right .t{
	font-size:14px; margin-top:10px; color:#fff; text-align:center;
}



.record{
	font-size:14px; color:#999; line-height:1.5; text-align:center; padding:15px 0; background:#fafafa;
}
.record span{
	margin:0 5px;
}
.record a{
	color:#999;
}



.page_local{
	margin:20px 0 65px; font-size:15px; color:#999;
}
.page_local a{
	color:#999;
}



.page_wai_in{
	display:flex; justify-content:space-between;
}
.page_tab{
	width:220px;
}
.page_tab_con{
	box-shadow: 0px 2px 10px 0px rgba(138, 138, 138, 0.3); background:#fff;
}
.page_tab_con .bigt{
	font-size:20px; color:#333; padding:20px 0; border-bottom:1px solid #e6e6e6; text-align:center;
}
.page_tab_con_b{
	padding:0 20px;
}
.page_tab_con_bli{
	border-bottom:1px solid #e6e6e6;
}
.page_tab_con_bli:last-child{
	border-bottom:0px;
}
.page_tab_con_bli_t{
	display:flex; justify-content:space-between; padding:18px 0; line-height:1.5;
}
.page_tab_con_bli_t a{
	color:#333; font-size:18px; width:calc(100% - 20px);
}
.page_tab_con_bli_t.w100 a{
	width:100% !important;
}
.page_tab_con_bli_t span{
	font-size:19px; color:#999; cursor:pointer;
}
.page_tab_con_bli_t span:first-child{
	display:inline-block;
}
.page_tab_con_bli_t span:last-child{
	display:none;
}
.page_tab_con_bli_b{
	padding:0px 0 10px; display:none; text-align:left;
}
.page_tab_con_bli_b a{
	display:inline-block;  line-height:32px; font-size:15px; color:#666;	border-bottom:1px solid #e6e6e6;
}
.page_tab_con_bli_b a:last-child{

}
.page_tab_con_bli_b a:hover,.page_tab_con_bli_b a.active{
	color:#18469d;
}
.page_tab_con_bli_b a:hover,.page_tab_con_bli_b a.active{
    border-color:#18469d;
}
.page_tab_con_bli.active .page_tab_con_bli_t{
	color:#18469d;
}
.page_tab_con_bli.active .page_tab_con_bli_t a,.page_tab_con_bli.active .page_tab_con_bli_t span{
	color:#18469d;
}
.page_tab_con_bli.active .page_tab_con_bli_t span:first-child{
	display:none;
}
.page_tab_con_bli.active .page_tab_con_bli_t span:last-child{
	display:inline-block;
}


.page_con{
	width:calc(100% - 220px - 40px);
}
.pro_bigt{
	font-size:30px; color:#333; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #e6e6e6;  text-align:center;
}
.pro_con{
	font-size:18px; color:#4c4c4c; line-height:2;
}
.pro_con img{
	max-width:100% !important; height:auto !important;
}


.us01_big{
	font-size:30px; color:#333;
}
.us01_b{
	font-size:18px; color:#666; line-height:2.4; margin:25px 0;
}
.us01_c{
	display:flex; justify-content:space-between;
}
.us01_c .index_01_midli{
	margin:0; width:33.33%;
}
.us01_d img{
	display:block; width:100%; margin-top:40px;
}


.us04_b_li{
	margin-top:30px; box-shadow: 0px 2px 10px 0px rgba(15, 15, 15, 0.3); padding:70px 0 35px 70px;
}
.us04_b_li:first-child{
	margin-top:40px;
}
.us04_b_li:nth-child(1){
	background:url(../images/us04_b_libg01.jpg) right top no-repeat; background-size:cover;
}
.us04_b_li:nth-child(2){
	background:url(../images/us04_b_libg02.jpg) right top no-repeat; background-size:cover;
}
.us04_b_li:nth-child(3){
	background:url(../images/us04_b_libg03.jpg) right top no-repeat; background-size:cover;
}
.us04_b_li .t{
	font-size:30px; color:#18469d;
}
.us04_b_li .b{
	font-size:20px; color:#333; line-height:1.5; margin-top:20px;
}

.us03_b{
	margin-top:40px; padding:120px 75px 30px ;background:url(../images/us03_bg.jpg) center center no-repeat; background-size:cover; 
}
.us03_b_swiper{
	overflow:hidden;
}
.us03_b_swiper .swiper-slide .img{
	width:100%; padding:58% 0; position:relative; overflow:hidden;
}
.us03_b_swiper .swiper-slide .img img{
	max-width:100%; max-height:100%;  border:8px solid #fff; bottom:0px; left:50%; transform:translateX(-50%); position:absolute;
}
.swiper_pagination_us03_b{
	width:100% !important; bottom:0 !important; text-align:center; position:static !important; margin-top:65px;
}
.swiper_pagination_us03_b .swiper-pagination-bullet{
	width:16px; height:16px; margin:0 8px; background:#18469d; border-radius:100px; opacity:0.5;
}
.swiper_pagination_us03_b .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity:1;
}


.news_search form{
	width:380px; margin-bottom:60px;  border: 0; background:#fff; display:flex; justify-content:space-between;
}
.news_search form input{
	width:calc(100% - 50px); font-size:16px; height:50px; line-height:50px; padding-left:20px; color:#999; border:0px; background:fff;  
}
.news_search form button{
	width:50px; height:50px;   border:0px; background:url(../images/search.png) #fff center center no-repeat; background-size:16px 16px;   font-size:0px; text-indent:1000em; overflow:hidden;
}
.news_list{
	display:flex; background:#fff; padding:30px 20px 30px 40px; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:space-between;
}
.news_list:first-child{
	margin-top:0px;
}
.news_list .text{
	width:65.28%;
}
.news_list .text .t{
	font-size:24px; color:#333;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.news_list:hover .text .t{
	color:#18469d;
}
.news_list .text .b{
	font-size:16px; color:#999; margin:15px 0 20px;
}
.news_list .text .c{
	font-size:18px; height:64px; line-height:32px; color:#333;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;	
}
.news_list .img{
	width:30.47%;
}
.news_list .img_in{
	padding:29.5% 0; overflow:hidden; position:relative;
}
.news_list .img_in img{
	position:absolute; display:block; height:100%; top:0px; left:50%; transform:translateX(-50%); min-width:100%;
}

#pages{
	text-align:center; margin:60px 0 0; font-size:0px;
}
#pages li{
	display:inline-block;
}
#pages li a,#pages li span{
	width:36px; height:36px; line-height:34px; display:inline-block; text-align:center; border:1px solid #e6e6e6;
	font-size:18px; color:#808080;  margin:0 5px; background:#fff;
}
#pages li.active a,#pages li span.current{
	background:#18469d; color:#fff; border-color:#18469d;
}


.newsshow_b{
	font-size:18px; color:#999; border-bottom:1px solid #f2f2f2; padding:30px 0 20px; margin-bottom:30px;
}
.newsshow_btn{
	padding-top:30px; margin-top:60px; border-top:1px solid #f2f2f2;  display:flex; justify-content:space-between; flex-wrap:wrap;
}
.newsshow_btn a{
	display:block; width:40%; font-size:16px; color:#4c4c4c; height:20px; line-height:20px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.newsshow_btn a:hover{
	color:#18469d;
}
.newsshow_btn a:nth-child(2){
	text-align:right;
}


.contact_top{
	display:flex; flex-wrap:wrap;
}
.contact_top_li{
	width:28.5%; margin-left:calc((100% - (28.5% * 3)) / 2); margin-top:30px;
}
.contact_top_li:nth-child(3n+1){
	margin-left:0px;
}
.contact_top_li:nth-child(-n+3){
	margin-top:0px;
}
.contact_top_li .t{
	font-size:20px; color:#18469d;
}
.contact_top_li .b{
	font-size:16px; color:#333; line-height:1.5; margin-top:10px;
}
#wrap.my-map { 
	margin-top:60px; width: 100%; height: 500px; 
}


.message_con form{
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.input01_list{
	margin-left:20px; width:calc((100% - (20px * 1)) / 2); margin-top:35px;
}
.input01_list:nth-child(2n+1){
	margin-left:0px;
}
.input01_list:nth-child(-n+2){
	margin-top:0px;
}
.input01_list .t{
	font-size:16px; color:#666; margin-bottom:20px; text-align: left;
}
.input01_list .t span{
	color:#18469d; margin-right:10px;
}
.input01_list .input01{
	width:100%; height:60px; line-height:60px; padding:0 15px; border:1px solid #ccc; background:#fff; font-size:16px; color:#333;
}
.input01_list textarea.input01{
	height:200px; line-height:24px; padding:10px 15px; resize:none;
}
.message_con form .input01_list_100{
	width:100% !important;
}
.buttonsubmit {
	font-size: 18px; width: 180px;	height: 60px;	line-height: 60px;	 margin:50px auto 0;  border-radius: 10px;
	color: #fff; background: #18469d;	display: block; text-align: center; cursor: pointer;border: 0px;
}


.recruit_01_con{
	display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px auto 90px;
}
.recruit_01_left{
	width:51.45%; display:flex; flex-direction:column; justify-content:center; 
}
.recruit_01_left .t{
	font-size:18px; color:#4c4c4c; line-height:2;
}
.recruit_01_left .b{
	margin-top:25px; font-size:16px; padding:20px 60px; color:#fff;  background:#18469d; display:inline-block; border-radius: 10px;
}
.recruit_01_right{
	width:40.84%;
}
.recruit_01_right img{
	display:block; width:100%;
}


.recruit_02_list{
	border:1px solid #e6e6e6; margin-top:20px;
}
.recruit_02_list_t{
	display:flex; flex-wrap:wrap; justify-content:space-between; padding-right:30px;
}
.recruit_02_list_t .t{ 
	width:calc((100% - 24px - 30px) / 3); font-size:18px; line-height:28px; padding:15px 0; padding-left:30px; color:#333; 
}
.recruit_02_list_t .t:first-child{
    font-weight: bold;
}
.recruit_02_list_t .icon{
	width:24px; cursor:pointer; display:flex; flex-direction:column; justify-content:center; 
}
.recruit_02_list_t .icon img{
	width:100%;
}
.recruit_02_list_t .icon img:first-child{
	display:block; 
}
.recruit_02_list_t .icon img:last-child{
	display:none; 
}
.recruit_02_list.active .recruit_02_list_t .icon img:first-child{
	display:none; 
}
.recruit_02_list.active .recruit_02_list_t .icon img:last-child{
	display:block; 
}
.recruit_02_list_b{
	padding:30px; border-top:1px solid #e6e6e6; display:none;
}
.recruit_02_list_b .t{
	font-size:20px; color:#333;
}
.recruit_02_list_b .b{
	font-size:16px; color:#333; line-height:1.875; margin:15px 0 20px;
}
.recruit_02_list_b .a a{
	width: 160px; height: 50px; line-height:50px; font-size:18px; color:#fff; text-align:center; background:#18469d; display:block; border-radius: 10px;
}



.us02_c{
	position:relative;
}
.us02_c_swiper{
	width:calc(100% - (130px * 2)); margin:40px auto 0; overflow:hidden; position:relative;
}
.us02_c_swiper::after{
	height:2px; top:50%; left:0px; content:""; position:absolute; width:100%; background:#e5e5e5;
}
.us02_c .swiperbuttonprev,.us02_c .swiperbuttonnext{
	width:55px; height:55px; position:absolute; top:50%; transform:translateY(-50%); margin:0 !important; opacity: 1 !important;
}
.us02_c .swiperbuttonprev::after,.us02_c .swiperbuttonnext::after{
	display:none;
}
.us02_c .swiperbuttonprev{
	background:url(../images/swiperbutton01.png) no-repeat; background-size:100% 100%; left:0px;
}
.us02_c .swiperbuttonprev:hover{
	background:url(../images/swiperbutton01_h.png) no-repeat; background-size:100% 100%;
}
.us02_c .swiperbuttonnext{
	background:url(../images/swiperbutton02.png) no-repeat; background-size:100% 100%; right:0px;
}
.us02_c .swiperbuttonnext:hover{
	background:url(../images/swiperbutton02_h.png) no-repeat; background-size:100% 100%;
}
.us02_c_swiper .swiper-slide{
	position:relative; z-index:3;
}
.us02_c_swiper .swiper-slide .b{
	font-size:16px; color:#666; line-height:1.5;
}
.us02_c_swiper .swiper-slide .t{
	font-size:36px; margin:15px 0; color:#666; font-family:Impact; font-weight:bold;
}
.us02_c_swiper .swiper-slide:hover .t{
	color:#18469d;
}
.us02_c_swiper .swiper-slide .point{
	width:18px; height:18px; margin-left:28px; border:2px solid #e5e5e5; background:#fff; border-radius:1000px;
}

.c-overlay {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	z-index: 2500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.c-overlay.visible {
    visibility: visible;
    opacity: 1;
}

.header .inheader .menu > li > a{
    position: relative;
}
.header .inheader .menu > li > a::after {
	content: '';
	width: 0%;
	height: 4px;
	background: #18469d;
	position: absolute;
	left: 50%;
	bottom: 0px;
	transition: all 0.5s ease 0.5 ease 0.2s;
	-webkit-transition: all 0.5s ease 0.2s;
	-moz-transition: all 0.5s ease 0.2s;
	-ms-transition: all 0.5s ease 0.2s;
}
.header .inheader .menu > li:hover > a::after, 
.header .inheader .menu > li > a:hover::after {
	width: calc(100% - 1.6rem - 1.6rem);
	left: 1.6rem;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
}



.new_us01_in{
    display: flex; flex-wrap: wrap; justify-content: space-between;
}
.new_us01_left{
    width: 50%; display: flex; justify-content: center; flex-direction: column;
}
.new_us01_left .index_01_midli{
    display: flex;
}
.new_us01_left .index_01_midli:nth-child(1){
    justify-content: left;
}
.new_us01_left .index_01_midli:nth-child(2){
    justify-content: center;
}
.new_us01_left .index_01_midli:nth-child(3){
    justify-content: right;
}
.new_us01_right{
    width: 45.33%;
}
.new_us01_right .img{
    width: 100%; overflow: hidden;
}
.new_us01_right .img img{
	display: block; width: 100%;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
}
.new_us01_right:hover .img img{
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

.new_us02{
    background:url(../images/new_us02_bg.jpg) center center no-repeat; background-size:cover; overflow: hidden;
}
.new_us02 .us02_c{
    width: 100% !important; margin: 0 auto;
}

.new_us03 .us03_b{
    padding: 120px 180px 30px;
}

.us05_b img{
    display: block; width: 100%;
}

.new_us04 .us04_b{
    display: flex; flex-wrap: wrap; justify-content: space-between;
}
.new_us04_list{
    width: 33.33%; border-left: 1px solid #fff;
}
.new_us04_list:first-child{
    border: 0;
}
.new_us04_list_in{
    width: 100%; position: relative; overflow: hidden; padding: 40% 0;
}
.new_us04_list_in img{
    position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1;
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.new_us04_list_in:hover img{
    transform: scale(1.2);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.new_us04_list_in .text{
    position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; background: rgba(17, 80, 166,0);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.new_us04_list_in .text .text_in{
    position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; color: #fff;
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
	/*bottom: 50%; transform: translateY(50%);*/
	top:30%;
}
.new_us04_list_in:hover .text{
    /*background: rgba(17, 80, 166,0.8);*/
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.new_us04_list_in:hover .text .text_in{
    /*bottom: 50%; transform: translateY(50%);*/
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.new_us04_list_in .text .text_in .t{
    font-size: 30px;
}
.new_us04_list_in .text .text_in .b{
    font-size: 18px; line-height:1.55; margin-top: 0; height: 0; visibility: hidden; opacity: 0;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px; height: auto;
    
    margin-top: 30px; height: auto; visibility: unset; opacity: 1;
}
.new_us04_list_in:hover .text .text_in .b{
    margin-top: 30px; height: auto; visibility: unset; opacity: 1;
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}


.new_contact02{
    background: #f6f8fb; overflow: hidden;
}

.slide_tobottom .b{
    display: flex; justify-content: end; flex-direction: column;
}

.pro_con_imgdiv{
	display:flex; flex-wrap:wrap;
}
.pro_con_imgdiv_list{
	width:calc(33.33% - ((30px * 2) / 3)); margin-left:30px; margin-top:30px;
}
.pro_con_imgdiv_list:nth-child(3n+1){
	margin-left:0px;
}
.pro_con_imgdiv_list .img {
	padding:34% 0; overflow:hidden;	width:100%; position:relative;
}
.pro_con_imgdiv_list .img img{
	position:absolute; display:block; 
	height:100% !important; top:0px; left:50%; transform:translateX(-50%); max-width: unset !important;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
}
.pro_con_imgdiv_list:hover .img img{
	-webkit-transform:translateX(-50%) scale(1.1);
	transform:translateX(-50%) scale(1.1);
}
.pro_con_imgdiv_list .txttt{
	text-align:center; margin-top:15px; line-height:1.5; font-size:0.875em;
}

.pro_con_imgdiv_02 .pro_con_imgdiv_list{
	width:calc(25% - ((25px * 3) / 4)); margin-left:25px; margin-top:25px;
}
.pro_con_imgdiv_02 .pro_con_imgdiv_list .img {
	padding:28% 0; overflow:hidden;	width:100%; position:relative;
}
.pro_con_imgdiv_02 .pro_con_imgdiv_list:nth-child(3n+1){
	margin-left:25px;
}
.pro_con_imgdiv_02 .pro_con_imgdiv_list:nth-child(4n+1){
	margin-left:0px;
}