@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; box-sizing:border-box;
	 font-family:"Noto Sans SC",'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:0;
}
.TXTovehid {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clear{
	clear:both;
}
.of_hid{
	overflow:hidden;
}
a:hover{
	color:var(--com-color);
}

.w1400{
	width:1400px; padding:0; margin:0 auto;
}
.w1200{
	width:1500px; 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%;
}
:root {
	font-size: 16px;
    --com-color: #1e50e6;
	--com-color-b: #244f9f;
	--com-color-bb: #3e3938;
	--com-color-bbb: #888889;
	--border-radius: 22px;
	--box-shadow: 0px 2px 17px 16px rgba(0, 0, 0, 0.04);
	--scale-105:scale(1.1);
}


.transition04{
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.transition0401{
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.transition_new01{
	transition: all 1.2s cubic-bezier(.5,0,.1,1);
	-webkit-transition: all 1.2s cubic-bezier(.5,0,.1,1);
	-moz-transition: all 1.2s cubic-bezier(.5,0,.1,1);
	-o-transition: all 1.2s cubic-bezier(.5,0,.1,1);
}
.transition_new02{
	transition: all 0.5s cubic-bezier(.5,0,.1,1);
	-webkit-transition: all 0.5s cubic-bezier(.5,0,.1,1);
	-moz-transition: all 0.5s cubic-bezier(.5,0,.1,1);
	-o-transition: all 0.5s cubic-bezier(.5,0,.1,1);
}
.clearboth{
	clear:both;
}
.textcenter{
	text-align:center;
}


#main{
	position:fixed; top:0px; left:0px;	z-index:211112; width:100%;
}
.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;  top:0px; left:0px; z-index:111111111;	position:relative;
}
#noneheader{
	height:100px; width:100%; height:0px !important;
}
.header .inheader{
	margin:0 auto; height:100px; width:1400px;
}
.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:60px;
}
.header .inheader .logo img:first-child{
	display:none;
}
.header .inheader .logo img:last-child{
	display:block;
}
.header.header_index .inheader .logo img:first-child{
	display:none;
}
.header.header_index .inheader .logo img:last-child{
	display:block;
}
.header.boxshadow .inheader .logo img:first-child,
.header:hover .inheader .logo img:first-child{
	display:block;
}
.header.boxshadow .inheader .logo img:last-child,
.header:hover .inheader .logo img:last-child{
	display:none;
}

.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; position:relative; display: inline-block;
}
.header .inheader .menu li > a:hover{
	color:var(--com-color);	
}
.header .inheader .menu li > a span{
	display:block; padding:0 30px;
}

.header .inheader .menu > li > a:after{
	position:absolute; width:calc(100% - (25px * 2)); height:3px; background: #fff; bottom:0px; left:25px; 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;
}
.header .inheader .menu > li.active > a:after,
.header .inheader .menu > li:hover > a: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,
.header .inheader .menu li:hover > a{
	color:var(--com-color);
}
.header.boxshadow .inheader .menu li.active > a{
	color:var(--com-color);
}

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




.menu li .icon_nav_item{
	display:none;
}
.header .menu > li .subnav,
.header .menu > li .pro_subnav{
	width: 100%;
	position: absolute;
	left: 0%;
	top: 100%;
	padding: 16px 0;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-30px);
	transition: all .3s;
	text-align:left;
	display:flex;
}
.header .menu > li .subnav::after,
.header .menu > li .pro_subnav::after{
	background: rgba(255,255,255,0.8); width:400%; height:100%; left:-100%; top:0px; position:absolute; content:" "; z-index:1; border-top: 1px solid #e6e6e6;
}
.header .menu > li .subnav li{
	line-height:1.125; text-align:center; position:relative; display:block; margin:0; z-index:2;
}
.header .menu > li .subnav li a{
	font-size:16px; color:#666; padding:0 20px;
}
.header .menu > li .subnav li a:hover,
.header .menu > li .subnav li a.active{
	color:var(--com-color);
}
@media all and (min-width:769px){
	.header .menu > li:hover .subnav,.header .menu > li:hover .pro_subnav{
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		transition: all .3s;
	}
	.websubnav{
		display:none !important;
	}
}


.header.yanse{
	background:rgba(255,255,255,0);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.header.yanse.boxshadow,.header.yanse:hover{
	background:#fff; 
	box-shadow: 0px 8px 46px 0px rgba(52, 52, 52, 0.15);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}



.header_search{
	padding-left:30px; display:flex; flex-direction:column; justify-content:center; float:right; height:100%;  position:relative;
}
.header_search_in{
	display:flex; flex-direction:column; justify-content:center;
}
.header_search_in div{
	display:flex; justify-content:center;
}
.header_search_in span img{
	height:16px;
}
.header .header_search_in span img:first-child{
	display:none;
}
.header .header_search_in span img:last-child{
	display:block;
}
.header.header_index .header_search_in span img:first-child{
	display:none;
}
.header.header_index .header_search_in span img:last-child{
	display:block;
}
.header.boxshadow .header_search_in span img:first-child,
.header:hover .header_search_in span img:first-child{
	display:block;
}
.header.boxshadow .header_search_in span img:last-child,
.header:hover .header_search_in span img:last-child{
	display:none;
}

.header .header_search .search_subnav{
	width: 100%;  position: fixed; left: 0%; top: 100%; visibility: hidden; opacity: 0; transform: translateY(-30px); transition: all .3s; text-align:left; display:flex;
}
.header .header_search .search_subnav::after{
	background:rgba(255,255,255,0.8); width:400%; height:100%; left:-100%; top:0px; position:absolute; content:" "; z-index:1;  border-top: 1px solid #e6e6e6;
}
.header .header_search:hover .search_subnav{
	visibility: visible; opacity: 1; transform: translateY(0); transition: all .3s;
}
.header .header_search .search_subnav{
	padding:20px 0;
}
.header .header_search .search_subnav form{
	width:100%; border:0px;  border-bottom:1px solid #e6e6e6; line-height:2; position:relative; z-index:2;
	display:flex; justify-content:space-between;
}
.header .header_search .search_subnav form .keywords{
	width:calc(100% - 16px); font-size:18px; color:#666; line-height:2; background:none; border:0px;
}
.header .header_search .search_subnav form .submit{
	width:16px; background:url(../images/search_w.png) no-repeat center center;
	background-size:100% auto; cursor:pointer;
	border:0px;
}

.header_lang{
	margin-left:20px; display:flex; flex-direction:column; justify-content:center; float:right; height:100%;  position:relative;
}
.header_lang_in{
	display:flex; flex-direction:column; justify-content:center;
}
.header_lang_in div{
	display:flex;
}
.header_lang_in span{
	font-size:18px; color:#666;
}
.header_lang_in img{
	display:block; height:7px; margin-left:4px; margin-top: 8px;
}

.header .header_lang .lang_subnav{
	width: 100%; border-top:1px solid #e6e6e6;  background:rgba(255,255,255,0.8); position:absolute; top:100%;
	visibility: hidden; opacity: 0; transform: translateY(-30px); transition: all .3s;
}
.header .header_lang:hover .lang_subnav{
	visibility: visible; opacity: 1; transform: translateY(0); transition: all .3s;
}
.header .header_lang .lang_subnav a{
	display:block; font-size:16px;  color:#666; padding:20px 0; text-align:center;
}
.header .header_lang .lang_subnav a:hover{
	color:var(--com-color);
}
.web_search_lang{
	display:none;
}


.index_banner{
	position:relative; margin-top:100px; overflow: visible !important; z-index:11;
}
.index_banner .index_banner_swiper{
	overflow: visible !important;
}
.index_banner img.bannerimg,.index_banner video{
	display:block; width:100%;
}
.index_banner .swiper-slide{
	position:relative; z-index:1;
}
.index_banner .swiper-slide.swiper-slide-active{
	z-index:2;
}
.index_banner .swiper-button-next,.index_banner .swiper-button-prev{
	width:27px; height:46px; position:absolute; overflow:hidden; top:50%; transform:translateY(-50%); margin-top: 0 !important;
	display:none !important;
}
.index_banner .swiper-button-next::after,.index_banner .swiper-button-prev::after{
	color:#fff; font-size:0; display:none;
}
.index_banner .swiper-button-next{
	right:calc((100% - 1500px) / 2); background:url(../images/banner_right.png)no-repeat; background-size: 100% 100%;
}
.index_banner .swiper-button-prev{
	left:calc((100% - 1500px) / 2); background:url(../images/banner_left.png)no-repeat; background-size: 100% 100%;
}
.swiper_pagination_index{
	position:absolute; width:100%; bottom:30px !important; padding:0; text-align:center !important;
}
.swiper_pagination_index .swiper-pagination-bullet{
	width:16px; height:16px; margin:0 7px !important; border-radius:1000px; opacity:1;
	background:url(../images/pointer_01.png) no-repeat; background-size:cover;
}
.swiper_pagination_index .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity:1; background:url(../images/pointer_02.png) no-repeat; background-size:cover;
}



.index_title{
	text-align:center;
}
.index_title .index_title_t{
	font-size:40px; font-weight:bold;
}
.index_title .index_title_t span{
	display:inline-block;
	background-image: -moz-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-ms-background-clip: text;
	color: transparent;
}
.index_title .index_title_b{
	font-size:18px; color:#999; line-height:1.666; margin: 0 auto; width:80%;
}
.index_title .index_title_c{
	font-size:24px; color:#333; text-align:center;
}


.index_01{
	padding:100px 0 30px;
}
.index_01_top{
	position:relative; margin-top:30px;
}
.index_01_top .swiper-button-prev01,
.index_01_top .swiper-button-next01{
	position:absolute; top:50%; transform:translateY(-50%); width:8px; height:16px; display:block; z-index:12; cursor:pointer;
}
.index_01_top .swiper-button-prev01{
	background:url(../images/swiper_btn01_h.png)no-repeat; background-size: 100% 100%; left:0;
}
.index_01_top .swiper-button-prev01.swiper-button-disabled{
	background:url(../images/swiper_btn01.png)no-repeat; background-size: 100% 100%;
}
.index_01_top .swiper-button-next01{
	background:url(../images/swiper_btn02_h.png)no-repeat; background-size: 100% 100%; right:0; left:unset;
}
.index_01_top .swiper-button-next01.swiper-button-disabled{
	background:url(../images/swiper_btn02.png)no-repeat; background-size: 100% 100%;
}
.index_01_top .mySwiper1{
	width:calc(100% - 150px - 150px); margin:0 auto; position:relative; padding:0 30px;
}
.index_01_top .mySwiper1::before{
	position:absolute; z-index:11; width:30px; height:100%; left:0px; top:0px; background:#fff; content:"";
}
.index_01_top .mySwiper1::after{
	position:absolute; z-index:11; width:30px; height:100%; right:0px; top:0px; background:#fff; content:"";
}
.index_01_top .mySwiper1 .swiper-slide{
	width:auto;
}
.index_01_top .mySwiper1 .swiper-slide a{
	display:inline-block; font-size:16px; color:#666; border:1px solid #ccc; border-radius:1000px; margin-right:21px; padding:7px 29px;
}
.index_01_top .mySwiper1 .swiper-slide:last-child a{
	margin-right:0px;
}
.index_01_top .mySwiper1 .swiper-slide.swiper-slide-thumb-active a{
	color:#fff; border:1px solid transparent; background:url(../images/pro_tab_bg.jpg) repeat-x; background-size:auto 100%; 
}

.index_01_bottom{
	position:relative;
}
.index_01_bottom .swiper-button-prev02,
.index_01_bottom .swiper-button-next02{
	position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; display:block; z-index:12; cursor:pointer;
}
.index_01_bottom .swiper-button-prev02{
	background:url(../images/swiper_bbtn01_h.png)no-repeat; background-size: 100% 100%; left:0;
}
.index_01_bottom .swiper-button-prev02.swiper-button-disabled{
	background:url(../images/swiper_bbtn01.png)no-repeat; background-size: 100% 100%;
}
.index_01_bottom .swiper-button-next02{
	background:url(../images/swiper_bbtn02_h.png)no-repeat; background-size: 100% 100%; right:0; left:unset;
}
.index_01_bottom .swiper-button-next02.swiper-button-disabled{
	background:url(../images/swiper_bbtn02.png)no-repeat; background-size: 100% 100%;
}

.index_01_bottom .mySwiper2{
	width:100%; margin:0 auto; position:relative; padding:0 60px 30px;
}
.index_01_bottom .mySwiper2::before{
	position:absolute; z-index:11; width:60px; height:100%; left:0px; top:0px; background:#fff; content:"";
}
.index_01_bottom .mySwiper2::after{
	position:absolute; z-index:11; width:60px; height:100%; right:0px; top:0px; background:#fff; content:"";
}
.index_01_bottom .mySwiper2 .swiper-slide{
	display:flex; flex-wrap:wrap;
}
.index_01_bottom .mySwiper2 .swiper-slide .prolist{
	width:calc(25% - 30px); margin:0 15px;  border-radius: 20px; overflow:hidden;  margin-top:30px; display:block;
}
.index_01_bottom .mySwiper2 .swiper-slide .prolist:hover{
	box-shadow: 0px 3px 13px 0px rgba(37, 37, 37, 0.2);
}
.index_01_bottom .mySwiper2 .swiper-slide .prolist .imgdiv{
	padding:38.6% 0; width:100%; overflow:hidden; position:relative;
}
.index_01_bottom .mySwiper2 .swiper-slide .prolist .imgdiv img{
	position:absolute; max-width:85%; max-height:85%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index_01_bottom .mySwiper2 .swiper-slide .prolist:hover .imgdiv img{
	transform:translateX(-50%) translateY(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index_01_bottom .mySwiper2 .swiper-slide .prolist .textdiv{
	font-size:18px; width:calc(100% - (20px * 2)); margin:0 auto 20px; text-align:center; color:#545454; font-size:18px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.index_01_bottom .mySwiper2 .swiper-slide .prolist:hover .textdiv{
	color:var(--com-color); font-weight:bold;
}




.index_02{
	background:url(../images/index02_bg.png) #fff no-repeat; background-size:cover; padding:100px 0; background: none !important; position: relative;
	overflow: hidden;
}
.index02_b{
	font-size:18px; color:#999; line-height:1.77; margin:15px auto 70px; text-align:center;
}
.index02_c{
	padding:0 170px; display:flex; justify-content:space-between;
}
.index02_c .text{
	text-align:center;
}
.index02_c .text .t span{
	display:inline-block; font-size:72px; font-weight:bold;
	background-image: -moz-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-ms-background-clip: text;
	color: transparent;
}
.index02_c .text .t sup{
	display:inline-block; font-size:30px; margin-left: 5px;
	background-image: -moz-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-ms-background-clip: text;
	color: transparent;
}
.index02_c .text .b{
	font-size:16px; color:#999; margin-top:10px;
}
.index02_a{
	text-align:center; margin-top:200px;
}
.index02_a a,.index02_a .a{
	display:inline-block; font-size:16px; color:#fff; background:url(../images/index02_a_bg.jpg) repeat-x; background-size:auto 100%; padding:15px 60px; border-radius:1000px; border: 0; cursor:pointer;
}

.index_02_new .index_title,.index_02_new .w1400{
    position: relative; z-index: 222;
}
.index_02_new video{
    position: absolute; top: 50%; left: 0; transform: translateY(-50%); min-height: 100%; width: 100%; z-index: 1;
}
.index_02_new .index_title .index_title_t span,
.index_02_new .index_title .index_title_b,
.index_02_new .index02_c .text .t span,
.index_02_new .index02_c .text .t sup,
.index_02_new  .index02_c .text .b{
    color: #fff !important;
    background: none !important;
}
.index_02_new  .index02_a a{
    color: var(--com-color); background: #fff;
}





.index_03{
	padding:100px 0;
}
.index_03_con{
	display:flex; flex-wrap:wrap;
}
.caselist{
	width:calc(25% - ((40px * 3) / 4)); margin-left:40px; margin-top:30px; border-radius: 20px;
}
.caselist:nth-child(4n+1){
	margin-left:0;
}
.caselist .imgdiv{
	padding:46.875% 0; width:100%; overflow:hidden; position:relative;
	border-top-left-radius: 20px; border-top-right-radius: 20px;
}
.caselist .imgdiv img{
	position:absolute; min-width:100%; height:100%; top:0; left:50%; transform:translateX(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.caselist:hover .imgdiv img{
	transform:translateX(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.caselist .textdiv{
	border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding:20px;
}
.caselist .textdiv .t{
	font-size:24px; color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.caselist .textdiv .b{
	font-size:16px; color:#999; line-height:1.5; margin-top:10px;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.caselist:hover .textdiv{
	box-shadow: 0px 3px 13px 0px rgba(37, 37, 37, 0.2);
}
.caselist:hover .textdiv .t{
	color:var(--com-color);
}
.index_03 .index02_a,.index_04 .index02_a{
	margin-top:40px;
}
.index_03 .index02_a a,.index_04 .index02_a a{
	color:var(--com-color); background:#fff; border:1px solid var(--com-color);
}
.index_03 .index02_a a:hover,.index_04 .index02_a a:hover{
	color:#fff; background:url(../images/index02_a_bg.jpg) repeat-x; background-size:auto 100%; border:1px solid transparent;
}



.index_04{
	padding:100px 0; background:url(../images/index_04_bg.png) #f3f8ff no-repeat; background-size:cover;
}
.index_04_con{
	display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px;
}
.index_04_left{
	width:calc(50% - 15px);
}
.index_04_right{
	width:calc(50% - 15px);
}
.index_04_left a{
	display:block; width:100%;
}
.index_04_left a .imgdiv{
	padding:22.058% 0; width:100%; overflow:hidden; position:relative;
	border-top-left-radius: 20px; border-top-right-radius: 20px;
}
.index_04_left a .imgdiv img{
	position:absolute; min-width:100%; height:100%; top:0; left:50%; transform:translateX(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index_04_left a:hover .imgdiv img{
	transform:translateX(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index_04_left a .textdiv{
	border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background:#fff;  padding:40px 30px;
}
.index_04_left a .textdiv .t{
	display:flex; justify-content:space-between;
}
.index_04_left a .textdiv .t .tl{
	font-size:24px; color:#061f39; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:calc(100% - 100px);
}
.index_04_left a .textdiv .t .tr{
	font-size:14px; color:#b2b2b2; width:100px; text-align:right; display: flex; justify-content: end;  flex-direction: column;
}
.index_04_left a .textdiv .b{
	font-size:16px; color:#666; line-height:1.625; margin:25px 0 50px;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.index_04_left a .textdiv .a{
	font-size:14px; color:#999;
}
.index_04_left a:hover .textdiv{
	box-shadow: 0px 2px 10px 0px rgba(36, 36, 36, 0.31);
}
.index_04_left a:hover .textdiv .t .tl{
	color:var(--com-color);
}
.index_04_left a:hover .textdiv .a{
	color:var(--com-color);
}
.index04_newsli{
	display:flex; justify-content:space-between; margin-top:18px; padding:10px; background:#fff;
}
.index04_newsli:first-child{
	margin-top:0;
}
.index04_newsli .img{
	width:150px; overflow:hidden;
}
.index04_newsli .imgdiv{
	padding:50% 0; width:100%; overflow:hidden; position:relative;
}
.index04_newsli .imgdiv img{
	position:absolute; min-width:100%; height:100%; top:0; left:50%; transform:translateX(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index04_newsli:hover .imgdiv img{
	transform:translateX(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index04_newsli .textdiv{
	width:calc(100% - 150px - 22px); display:flex; justify-content:center; flex-direction:column;
}
.index04_newsli .textdiv  .t{
	display:flex; justify-content:space-between;
}
.index04_newsli .textdiv  .t .tl{
	font-size:20px; color:#061f39; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:calc(100% - 100px);
}
.index04_newsli .textdiv  .t .tr{
	font-size:14px; color:#b2b2b2; width:100px; text-align:right; display: flex; justify-content: end;  flex-direction: column;
}
.index04_newsli .textdiv .b{
	font-size:16px; color:#666; line-height:1.625; margin:10px 0;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.index04_newsli .textdiv .a{
	font-size:14px; color:#999;
}
.index04_newsli:hover .textdiv .t .tl{
	color:var(--com-color);
}
.index04_newsli:hover .textdiv .a{
	color:var(--com-color);
}

.footer{
	background:#212121;
}
.footer_top_in{
	padding:100px 0 50px; color:#fff; display:flex; justify-content:space-between; flex-wrap:wrap;
}
.footer_top_in a{
	color:#fff;
}
.footer_top_left .t{
	font-size:18px;
}
.footer_top_left .b{
	font-size:24px; font-weight:bold; margin:15px 0 10px;
}
.footer_top_left .cli{
	font-size:16px; margin-top:20px; line-height:20px;
}
.footer_top_left .cli img{
	display:inline-block; height:20px; margin-right:20px; transform: translateY(4px);
}
.footer_top_left .d{
	width:110px;
}
.footer_top_left .d img{
	display:block; width:100%; margin:35px 0 10px;
}
.footer_top_left .d .dt{
	font-size:14px; text-align:center;
}
.footer_top_right{
	display:flex;
}
.footer_top_rightli{
	margin-left:100px;
}
.footer_top_rightli a{
	display:block;
}
.footer_top_rightli .at{
	font-size:18px; margin-bottom:30px;
}
.footer_top_rightli .ab{
	font-size:16px; color:#999; margin-top:20px;
}
.footer_top_rightli:first-child{
	margin-left:0px;
}
.footer_bottom{
	padding:15px 0; border-top:1px solid rgba(255,255,255,0.2); font-size:14px; color:rgba(255,255,255,0.5);
}
.footer_bottom_in{
	display:flex;
}
.footer_bottom_in div span{
	margin:0 15px 0 70px; display:inline-block;
}
.footer_bottom_in div span img{
	display:inline-block; height:18px; margin-right:8px; transform: translateY(3px);
}
.footer_bottom a{
	color:rgba(255,255,255,0.5);
}


.sidebar_div{
	position:fixed; z-index:111; top:50%; transform:translateY(-50%); right:0;
}
.sidebar_li{
	margin-top:10px; position:relative; display:block; 
}
.sidebar_li .showimg{
	width:110px; left:-120px; top:50%; transform:translateY(-50%); position:absolute; box-shadow: 0px 5px 20px 0px rgba(38, 32, 45, 0.3); display:none;
}
.sidebar_li .imgdiv{
	width:60px; height:60px; border-radius:10px; overflow:hidden; background:#fff; box-shadow: 0px 5px 20px 0px rgba(38, 32, 45, 0.3);
}
.sidebar_li .imgdiv img{
	display:block; width:100%;
}
.sidebar_li .imgdiv.weixin{
	background:url(../images/sidebar_bg01.jpg) repeat-x; background-size:auto 100%;
}
.sidebar_li .imgdiv.tel_new,
.sidebar_li .imgdiv.message_new{
	background:url(../images/sidebar_bg01.jpg) repeat-x; background-size:auto 100%;
}
.sidebar_li .imgdiv.totop{
	background:url(../images/sidebar_bg02.jpg) repeat-x; background-size:auto 100%;
}
.to_show_tel_div{
    position: absolute; top: 0; left: -215px; height: 100%; font-size: 24px; color: var(--com-color); border-radius: 10px; display: none;
    background: #fff; box-shadow: 0px 3px 13px 0px rgba(37, 37, 37, 0.2); padding: 0 20px;
}
.to_show_tel_div span{
    display: flex; justify-content: center; flex-direction: column; height: 100%;
}


.message_div{
	position:fixed; width:100%; height:100%; top:0; left:0; z-index:1111111;
}
.message_div01{
	display:none;
}
.message_div02{
	display:none;
}
.mes_bg{
	position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.2);
}
.mes_con{
	border-radius: 20px; width:1200px; position:absolute; left:50%; top:50%;  transform:translateX(-50%) translateY(-50%);  background:#fff;  
	box-shadow: 0px 5px 20px 0px rgba(38, 32, 45, 0.3); padding:80px; padding-top:50px;
}
.mes_con .index_title_t span{
	font-size:0.9em;
}
.mt50{
	margin-top:50px;
}
.mt25{
	margin-top:25px;
}
.mes_con .index02_a{
	width:100%;
}
.mes_con .to_close{
	width:36px; height:36px; position:absolute; right:-40px; top:-40px; cursor:pointer;
}
.mes_con .to_close img{
	display:block; width:100%;
}
.mes_waili{
	width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;
}
.new_input_li{
	width:calc(50% - (110px / 2)); font-size:16px; display:flex;
}
.new_input_li.new_input_li_100{
	width:100% !important;
}
.new_input_li .nil_text{
	width:90px; text-align:left; color:#666; line-height:46px;
}
.new_input_li .nil_text span{
	display:inline-block; color:#ff0000; margin-right:5px;
}
.new_input_li .nil_input{
	width:calc(100% - 90px); display:flex;
}
.new_input_li .nil_input .input01{
	width:100%; height:46px; line-height:46px; border:1px solid #e6e6e6; border-radius: 4px; background:none; padding:0 15px; color:#333; font-size:16px;
}
.new_input_li .nil_input .input02{
	width:40%;
}
.new_input_li .nil_input .input03{
	height: 130px; line-height: 1.5; padding: 10px 15px; resize: unset;
}
.new_input_li .nil_input .img01{
	display:block; width:33.5%; height:46px; margin-left:20px; margin-right:15px;
}
.new_input_li .nil_input a{
	display:flex; justify-content:center; flex-direction:column;
}
.new_input_li .nil_input .img02{
	display:block; width:16px;
}
.message_div02 .mes_con{
	padding-left:210px ; padding-right:210px;
}
.message_div02  .new_input_li {
	width: calc(50% - (50px / 2));
}
.message_div02  .new_input_li .nil_input .input02 {
	width: calc(100% - 39% - 20px - 15px - 16px);
}
.message_div02  .new_input_li .nil_input .img01 {
	width: 39%;
}
.message_div02  .new_input_li select{
	background:#eff9ff !important;
}
.message_div02  .new_input_li select option{
	width:100%;
}





.index_banner_swiper .swiper-slide .textdiv{
	position:absolute; width:100%; height:100%; top:0; left:0; display:flex; justify-content:center; flex-direction:column; display: none !important;
}
.index_banner_swiper .swiper-slide .textdiv .tdt{
	text-align:center; font-weight:bold; font-size:48px; color:#171717;
}


.page_local{
	margin-top:22px; font-size:16px; color:#808080;
}
.page_local_con a:last-child {
	color: var(--com-color);
}

.pro_bigdiv{
	margin:75px auto 100px;
}
.pro_bigdiv_con{
	display:flex; justify-content:space-between; flex-wrap:wrap;
}
.pro_bigdiv_left{
	width:18.33%;
}
.pro_bigdiv_left .pbl_con{
    background: #f7f7f7; border-radius: 10px; margin-top:0 !important;
}
.pro_bigdiv_left .pbl_conall .page_div_left_list_top{
	display:inline-block; width:100%; padding:12px 22px; border-radius: 0 !important; background:none; margin-top:20px; font-size:20px; font-weight: bold; text-align: center; display: flex; justify-content: space-between;
}
.pro_bigdiv_left .pbl_conall .page_div_left_list_top a{
    display: inline-block; color:#808080 ;
}
.pro_bigdiv_left .pbl_conall .page_div_left_list_top span i{
    font-size: 0.7em; color: #808080; transform: translateY(-2px); display: inline-block;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;  
}
.pro_bigdiv_left .pbl_conall .page_div_left_list_top:first-child{
    margin-top: 0;
}
.pro_bigdiv_left .pbl_conall.active .page_div_left_list_top{
	background:url(../images/pbl_bg.jpg) repeat-x; background-size:auto 100%; color:#fff;
}
.pro_bigdiv_left .pbl_conall.active .page_div_left_list_top a{
	color:#fff;
}
.pro_bigdiv_left .pbl_conall.active .page_div_left_list_top span i{
    color: #fff; transform: translateY(-2px) rotate(90deg);
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.pro_bigdiv_right{
	width:calc(100% - 18.33% - 40px);
}
.pbr_con{
	display:flex; flex-wrap:wrap;
}
.pbr_con .prolist{
	width:calc(33.33% - 40px); margin-left:40px;  margin-top:40px;  border-radius: 0 !important; overflow:hidden; display:block; background: #fff;
}
.pbr_con .prolist:nth-child(3n+1){
	margin-left:0px;
}
.pbr_con .prolist:nth-child(-n+3){
	margin-top:0px;
}
.pbr_con .prolist:hover{
	box-shadow: 0px 3px 13px 0px rgba(37, 37, 37, 0.2);
}
.pbr_con .prolist .imgdiv{
	padding:38.6% 0; width:100%; overflow:hidden; position:relative;
}
.pbr_con .prolist .imgdiv img{
	position:absolute; max-width:85%; max-height:85%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.pbr_con .prolist:hover .imgdiv img{
	transform:translateX(-50%) translateY(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.pbr_con .prolist .textdiv{
	font-size:18px; width:calc(100% - (20px * 2)); margin:0 auto 40px; text-align:center; color:#545454; font-size:18px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.pbr_con .prolist:hover .textdiv{
	color:var(--com-color); font-weight:bold;
}

#pages {
	text-align: center;
	margin: 50px 0 0;
}
#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:var(--com-color); color:#fff; border-color:var(--com-color);
}



.pro_show_01{
	background:url(../images/pro_show_bg.jpg) no-repeat; background-size:cover; padding:80px 0 140px;
}
.pro_show_01_con{
	display:flex; justify-content:space-between; flex-wrap:wrap;   flex-direction: row-reverse;
}
.pro_show_01_left{
	width:calc(100% - 46.42% - 30px); padding-top:60px;
}
.pro_show_01_right{
	width:46.42%;
}

.pro_show_01_left .index_title {
	text-align: left;
}
.pro_show_01_left .index_title_t span,
.pro_show_02 .index_title_t span{
	font-size:0.65em; padding-bottom:30px;
}
.pro_show_01_a.index02_a{
	text-align:left; margin-top:90px;
}
.pro_show_01_a.index02_a a {
	font-size: 24px; padding: 12px 72px;border-radius: 1000px;
}
.ps01pli{
	display:flex; margin-top:20px; font-size:18px; color:#666; line-height:1.66;
}
.ps01pli span{
	display:block; width:14px; height:14px; background:var(--com-color); margin-right:15px; transform: translateY(10px);
}

.pro_show_01_right{
	border-radius: 20px; background:#fff; overflow:hidden; box-shadow: 0px 3px 20px 0px rgba(37, 37, 37, 0.2);
}
.pro_show_01_right .pro_swiper{
	width:100%;
}
.pro_show_01_right .pro_swiper .swiper-slide .imgdiv{
	padding:38.6% 0; width:100%; overflow:hidden; position:relative;
}
.pro_show_01_right .pro_swiper .swiper-slide .imgdiv img{
	position:absolute; max-width:85%; max-height:85%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.pro_show_01_right .pro_swiper .swiper-slide:hover .imgdiv img{
	transform:translateX(-50%) translateY(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.swiper_pagination_pro{
	position:static !important; width:100%; margin-bottom:20px; text-align:center !important;
}
.swiper_pagination_pro .swiper-pagination-bullet{
	width:16px; height:16px; margin:0 7px !important; border-radius:1000px; opacity:1;
	background:url(../images/pointer_01.png) no-repeat; background-size:cover;
}
.swiper_pagination_pro .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity:1; background:url(../images/pointer_02.png) no-repeat; background-size:cover;
}

.pro_show_02{
	padding:80px 0 100px; background:#f7f7f7;
}
.pro_show_02 .ps02_video video{
	width:100%; display:block;
}

.pro_show_03_con{
	display:flex; justify-content:space-between; flex-wrap:wrap; padding:100px 0 80px;
}
.pro_show_03_left{
	width:34.92%; display:flex; justify-content:center; flex-direction:column;
}
.pro_show_03_left img{
	display:block; width:100%;
}
.pro_show_03_right{
	width:54.28%;
}
.ps03r_con{
	width:100%; padding:48px 70px 58px; background:url(../images/pro_show_bg02.jpg) repeat-x; background-size:auto 100%; border-radius: 20px; overflow:hidden;
}
.ps03r_li{
	display:flex; justify-content:space-between; font-size:18px; color:#fff;
}
.ps03r_li .ps03r_lit{
	width:235px; padding-left:20px !important;
}
.ps03r_li .ps03r_lib{
	width:calc(100% - 235px);
}
.ps03r_li .ps03r_lit,.ps03r_li .ps03r_lib .ps03r_libsli{
	border-bottom:1px solid rgba(255,255,255,0.4); padding:20px 0;
}

.pro_show_4{
	padding-bottom:100px;
}
.pro_show_04_title{
	font-size:20px; color:#0083ce; font-weight:bold; padding-bottom:20px; border-bottom:1px solid var(--com-color);
	background-image: -moz-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(90,129,247) 0%, rgb(65,109,240) 50%, rgb(30,80,230) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-ms-background-clip: text;
	color: transparent;
}
.ps04li{
	display:flex; padding:20px 40px; border:1px solid #e6e6e6; margin-top:30px; justify-content:space-between; font-size:16px;
}
.ps04li .ps04li_t{
	width:39%; text-align:left; color:#666;
}
.ps04li .ps04li_b{
	width:calc(100% - 39% - 100px); text-align:left; color:#999;
}
.ps04li .ps04li_c{
	width:100px; text-align:right; color:var(--com-color);
}
.ps04li .ps04li_c img{
	display:inline-block; margin-left:10px; height:16px; transform:translateY(2px);
}



.pro_down_search{
	width:40%; margin:20px auto;
}
.pro_down_search form{
	width:100%; border:0px;  border:0; position:relative; z-index:2; display:flex; justify-content:space-between; height:56px; line-height:56px; background:#f1f1f1; border-radius: 6px; padding:0 12px;
}
.pro_down_search form .keywords{
	width:calc(100% - 38px); font-size:16px; color:#666; background:none; border:0px;
}
.pro_down_search form .submit{
	width:38px; background:url(../images/search_b.png) no-repeat center center;
	background-size:16px auto; cursor:pointer; border:0px;
}
.pro_down_incon{
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.pro_down_incon .ps04li{
	padding:20px; margin-top:20px; width:calc(50% - 20px);
}
.pro_down_incon .ps04li:hover{
	background:var(--com-color); border-color:var(--com-color);
}
.pro_down_incon .ps04li .ps04li_t{
	width:65%;
}
.pro_down_incon .ps04li .ps04li_b{
	width:calc(100% - 65% - 100px);
}
.pro_down_incon .ps04li .ps04li_c{
	width:100px;
}
.pro_down_incon .ps04li .ps04li_c img:first-child{
	display:inline-block;
}
.pro_down_incon .ps04li .ps04li_c img:last-child{
	display:none;
}
.pro_down_incon .ps04li:hover .ps04li_c img:first-child{
	display:none;
}
.pro_down_incon .ps04li:hover .ps04li_c img:last-child{
	display:inline-block;
}
.pro_down_incon .ps04li:hover .ps04li_t,.pro_down_incon .ps04li:hover .ps04li_b,.pro_down_incon .ps04li:hover .ps04li_c{
	color:#fff;
}


.us03_div{
	padding:80px 0 100px;
}
.us03_div .index_title_b{
	margin:20px auto 35px;
}
.us03_div_in {
	display: block;
}
.us03_div_newli {
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.us03_div_left {
	width: 28%;
	display: flex;
	flex-direction: column;
}
.us03_div_right {
	width: calc(100% - 28% - 40px); border-left:1px solid #ccc; padding-left:42px;
}
.us03_div_right_sli{
	padding:20px 0; border-bottom:1px solid #f2f2f2;
}
.us03_div_right_sli .ttitle{
	color:#1c1718; font-size:30px; font-weight:bold; position:relative; display: none;
}
.us03_div_right_sli .ttitle::before{
	background:url(../images/us03_point.png) no-repeat; width:26px; height:26px; left:-56px; top:8px; position:absolute; content:" "; z-index:1;  background-size:100% 100%;
}
.us03_div_right_sli .ttitle span{
	color:#0083ce;
}
.us03_div_right_sli .tbtitle{
	color:#333; font-size:24px; margin-top:20px;  display: none;
}
.us03_div_right_sli .bcon{
	color:#666; font-size:16px; margin-top:0px !important; line-height:1.75;
}


.us03_div_left_in > a{
	padding:20px 30px; padding-left:0px; text-align:right; position:relative; display:block;
}
.us03_div_left_in > a > img{
	width:13px; right:-13px; position:absolute; top:50%; transform:translateY(-50%); display:none;
}
.us03_div_left_in > a .t{
	font-size:32px; color:#999;
}
.us03_div_left_in > a .b{
	font-size:20px; color:var(--com-color); margin-top:15px;
}
.us03_div_left_in > a.on{
	background:#0083ce;
}
.us03_div_left_in > a.on .t,.us03_div_left_in > a.on .b{
	color:#fff;
}
.us03_div_left_in > a.on > img{
	display:block;
}
.矩形_26_拷贝 {
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 20px 0px rgba(38, 32, 45, 0.3);
  position: absolute;
  left: 260px;
  top: 684px;
  width: 1400px;
  height: 500px;
  z-index: 100;
}



.us06_list{
	border-radius: 20px; box-shadow: 0px 4px 20px 0px rgba(38, 32, 45, 0.3); overflow:hidden; display:flex; flex-wrap:wrap; margin-top:40px;
}
.us06_list:first-child{
    margin-top: 0 !important;
}
div.us06_list:nth-of-type(2n+2),
a.us06_list:nth-of-type(2n+2){
	flex-direction:row-reverse;
}
.us06_list .imgdiv{
	width:46.43%; position: relative;
}
.us06_list .imgdiv .us06_swiper{
    width: 100%;
}
.us06_list .imgdiv .swiper_pagination_us06{
    position: absolute !important; margin-bottom: 0 !important; width: 100%; bottom: 15px; left: 0;
}
.us06_list .textdiv{
	width:calc(100% - 46.43%); padding:0 40px; padding-bottom:0; display: flex; justify-content: center; flex-direction: column;
}
.us06_list .imgdiv .img{
	padding:28.125% 0; width:100%; overflow:hidden; position:relative;
}
.us06_list .imgdiv img{
	position:absolute; min-width:100%; height:100%; top:0; left:50%; transform:translateX(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.us06_list:hover .imgdiv img{
	transform:translateX(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.us06_list .textdiv .t{
	font-size:24px; color:#333; font-weight:bold;
}
.us06_list .textdiv .b{
	font-size:16px; color:#808080; line-height:1.625; margin:25px 0 45px;
}
.us06_list .textdiv .c .cli{
	display:flex; margin-top:15px;
}
.us06_list .textdiv .c .cli:first-child{
	margin-top:0;
}
.us06_list .textdiv .c .cli img{
	display:block; height:16px; margin-right:12px; transform:translateY(2px);
}
.us06_list .textdiv .c .cli span{
	font-size:16px; color:#4c4c4c;
}
.us06_list .textdiv .a{
    text-align: right; font-size: 14px; color: var(--com-color); margin-top: 30px;
}


.us01_div_in{
	display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:60px;
}
.us01_div_video{
    margin-top: 60px;
}
.us01_div_left{
	width:42.85%; position:relative; display: flex; justify-content: center; flex-direction: column;
}
.us01_div_left::after{
	background:#e9dfd7; width:100%; height:100%; right:-10px; bottom:-10px; position:absolute; content:" "; z-index:1;  border-radius:20px; display: none;
}
.us01_div_left .img{
	border-radius:20px; overflow:hidden; position:relative; z-index:2;
}
.us01_div_left .img img,
.us01_div_left .img video{
	display:block; width:100%;
}
.us01_div_right{
	width:calc(100% - 42.85% - 60px);
}
.us01_div_right .index_title{
	text-align:left; margin-top:30px;
}
.us01_div_right .index01_b{
	font-size:28px; color:#262626; margin:32px 0 26px;
}
.us01_div_right .index01_c{
	font-size:16px; color:#666; line-height:1.75;
}






.color_bg{
	background:#f7f7f7; overflow:hidden;
}
.us02_div .index_title_c{
	margin:20px auto 30px;
}
.us02_div_in{
	display:flex;
}
.us02_list{
	width:calc(19.55% - ((30px * 3) / 4)); height:350px; position:relative; margin-left:30px; overflow:hidden;
}
.us02_list:first-child{
	margin-left:0px;
}
.us02_list .text{
	position:absolute; width:100%; height:100%; top:0; left:0; z-index:2; background:#fff; text-align:center; display:flex; justify-content:center; flex-direction:column;
	transition: All 0.8s;
	-webkit-transition: All 0.8s;
	-moz-transition: All 0.8s;
	-o-transition: All 0.8s;
}
.us02_list .text .icon img{
	display:inline-block; height:80px;
}
.us02_list .text .t{
	font-size:30px; color:#1a1a1a; margin:47px 0 52px;
}
.us02_list .text .line{
	width:60px; height:2px; background:#0083ce; margin:0 auto;
}
.us02_list .text .b{
	font-size:18px; color:#fff; line-height:1.77; margin-top:30px; display:none;
}
.us02_list .img{
	position:absolute; width:100%; height:100%; top:0; left:0; z-index:1;
}
.us02_list .img img{
	position:absolute; min-width:100%; height:100%; top:0; left:50%; transform:translateX(-50%);
}
.us02_list.active{
	width:calc((100% - (19.55% * 3)) - ((30px * 3) / 4));
}
.us02_list.active .text{
	background:rgba(30,80,230,0.85); padding:0 50px; justify-content:start; text-align:left;
	transition: All 0.8s;
	-webkit-transition: All 0.8s;
	-moz-transition: All 0.8s;
	-o-transition: All 0.8s;
}
.us02_list.active .text .icon img{
	display:none;
}
.us02_list.active .text .t{
	margin-bottom:20px; color:#fff;
}
.us02_list.active .text .line{
	background:#fff; margin: 0;
}
.us02_list.active .text .b{
	display:block;
}


.us04_div_in{
	display:flex; flex-wrap:wrap;
}
.us04_list{
	width:calc(25% - ((30px * 3) / 4)); margin-left:30px; margin-top:30px;
}
.us04_list:nth-child(4n+1){
	margin-left:0px;
}
.us04_list .imgdiv{
	padding:54.54% 0; width:100%; overflow:hidden; position:relative; box-shadow: 0px 3px 13px 0px rgba(37, 37, 37, 0.2);
}
.us04_list .imgdiv img{
	position:absolute; max-width:95%; max-height:95%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.us04_list:hover .imgdiv img{
	transform:translateX(-50%) translateY(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.us04_list .textdiv .t{
	text-align:center; font-size:16px; color:#333; margin-top:15px; line-height: 1.5;
}


.us05_list{
	position:relative; margin-top:50px; border-radius: 20px; box-shadow: 0px 3px 13px 0px rgba(37, 37, 37, 0.2); display:flex; padding:50px 45px;
}
.us05_list:first-child{
    margin-top: 0 !important;
}
.us05_list .text{
	width:58.58%;
}
.us05_list .text .t{
	font-size:30px; color:var(--com-color);
}
.us05_list .text .b{
	font-size:16px; color:#666; line-height:1.625;
}
.us05_list .text .b b,.us05_list .text .b strong{
	font-size:1.25em; font-weight:bold; color:#212121;
}
.us05_list .img{
	position:absolute; right:0px; top:0px; width:calc(100% - 58.58%); height:100%;
}
.us05_list .img img{
	position:absolute; max-width:80%; max-height:80%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
}
.us05_list:nth-child(2n+2){
	flex-direction:row-reverse;
}
.us05_list:nth-child(2n+2) .img{
	left:0px; top:0px;
}


.case_div_in{
	display:flex; flex-wrap:wrap;
}
.caseshow_t{
	font-size:30px; color:var(--com-color); font-weight:bold;
}
.caseshow_b{
	font-size:18px; color:#4c4c4c; line-height:2; margin-top:15px;
}
.caseshow_b img{
	max-width:100% !important; height:auto !important;
}
.caseshow_c{
	border-top:1px solid #f2f2f2; padding-top:30px; margin-top:30px; display:flex; justify-content:space-between;
}
.caseshow_c a{
	width:calc(50% - 20px); display:block; font-size:18px; color:#4c4c4c;
}
.caseshow_c a:hover{
	color:var(--com-color);
}
.caseshow_c a:nth-child(2){
	text-align:right;
}


.news_div_in{
	display:flex; flex-wrap:wrap;
}

.newslist{
	width:calc(33.33% - ((30px * 2) / 3)); margin-left:30px; margin-top:30px;
}
.newslist:nth-child(3n+1){
	margin-left:0;
}
.newslist .imgdiv{
	padding:35.76% 0; width:100%; overflow:hidden; position:relative;
	border-top-left-radius: 20px; border-top-right-radius: 20px;
}
.newslist .imgdiv img{
	position:absolute; min-width:100%; height:100%; top:0; left:50%; transform:translateX(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.newslist:hover .imgdiv img{
	transform:translateX(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.newslist .textdiv{
	border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding:30px 25px 40px; background:#fff;
}
.newslist .textdiv .date{
	font-size:15px; opacity:0.5; color:#3a444a;
}
.newslist .textdiv .t{
	font-size:30px; font-weight:bold; color:#1a1a1a; margin:15px 0 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.newslist .textdiv .b{
	font-size:16px; color:#666; line-height:1.625;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.newslist .textdiv .a{
	font-size:14px; color:var(--com-color); margin-top:35px;
}
.newslist:hover .textdiv .t,.newslist:hover .textdiv .b{
	color:var(--com-color);
}






.newsshow_div_in{
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.newsshow_left{
	width:calc(100% - 26.42% - 55px);
}
.newsshow_right{
	width:26.42%;
}
.newsshow_left .t{
	font-size:24px; color:var(--com-color); font-weight:bold;
}
.newsshow_left .date{
	font-size:14px; color:#b2b2b2; margin:20px 0;
}
.newsshow_left .line{
	width:100%; height:1px; background:var(--com-color); margin-bottom:25px;
}
.newsshow_left .b{
	font-size:18px; color:#666; line-height:1.875; margin-top:15px;
}
.newsshow_left .b img{
	max-width:100% !important; height:auto !important;
}
.newsshow_left .c{
	border-top:1px solid var(--com-color); padding-top:25px; margin-top:90px;
}
.newsshow_left .c a{
	width:100%; display:block; font-size:18px; color:#4c4c4c;
}
.newsshow_left .c a:hover{
	color:var(--com-color);
}
.newsshow_left .c a:nth-child(2){
	margin-top:15px;
}

.newsshow_right .bigt{
	font-size:30px; color:var(--com-color); margin-bottom:30px;
}
.newsshow_right .nr_li{
	display:block; padding:25px 0 40px; border-top:1px solid #e6e6e6;
}
.newsshow_right .nr_li .t{
	font-size:18px; color:#333; font-weight:bold; line-height:1.555;
}
.newsshow_right .nr_li .date{
	font-size:14px; color:#b2b2b2; margin-top:30px;
}
.newsshow_right .nr_li:hover .t{
	color:var(--com-color);
}


.contact_con03 .mes_waili{
	margin-top:30px;
}
.contact_con03 .new_input_li .nil_text{
	display:none;
}
.contact_con03 .new_input_li .nil_input {
	width: 100%;
}
.contact_con03 .new_input_li {
	width: calc(50% - (40px / 2));
}
.contact_con03 .new_input_li .nil_input .input01 {
	border-radius: 8px;
}
.contact_con03 .new_input_li .nil_input .input03 {
	height: 150px;
}
.contact_con03 .index02_a {
	width:100%; margin-top: 50px;
}

.contact_con01_con{
	display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px 0 70px;
}
.contact_con01_left{
	width:calc(100% - 57.14% - 60px); display:flex; justify-content:center; flex-direction:column;
}
.contact_con01_left .cclin{
	display:flex; flex-wrap:wrap;
}
.contact_con01_left .cclin .cclin_li{
	width:50%;
}
.contact_con01_left .cclin .cclin_li .t{
	font-size:18px; color:#666;
}
.contact_con01_left .cclin .cclin_li .b{
	font-size:16px; color:#1a1a1a; margin-top:20px;
}
.contact_con01_left .cclin .cclin_li:last-child{
	width:100%; margin-top:55px;
}
.contact_con01_right{
	width:57.14%;
}
.contact_con01_right .map{
	width:100%; height:380px;
}

.contact_con02{
	margin-bottom:100px;
}
.contact_con02_t{
	font-size:30px; color:#fff; font-weight:bold; background:var(--com-color); padding:15px 0; text-align:center;
}
.contact_con02_b{
	border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;
}
.contact_con02_b .ccb_li{
	display:flex; justify-content:space-between; position:relative;
}
.contact_con02_b .ccb_li .tli{
	font-size:24px; color:#333; padding:18px 0; text-align:center; background:#f7f7f7; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;
}
.contact_con02_b .ccb_li .t01{
	width:28.57%;
}
.contact_con02_b .ccb_li .t03{
	width:24.28%;
}
.contact_con02_b .ccb_li .t02{
	width:calc(100% - 28.57% - 24.28%); height:100%; position:absolute; top:0px; left:28.57%;
}

.contact_con02_b .ccb_li.ccb_li01 .tli{
	font-size:18px; color:#999; background:#fff;
}

.recruit_con01{
	display:flex; justify-content:center; margin:30px 0 40px;
}
.recruit_con01 select{
	width:230px; height:60px; line-height:60px; border:1px solid var(--com-color); font-size:20px; color:#222; background:#fff; padding:0 20px; margin:0 15px;
}

.recruit_02_list{
	border:1px solid #e6e6e6; margin-top:30px;
}
.recruit_02_list_t{
	display:flex; flex-wrap:wrap; justify-content:space-between; padding-right:40px; padding-left:60px;
}
.recruit_02_list_t .t{ 
	font-size:18px; line-height:40px; padding:35px 0; color:#333; 
}
.recruit_02_list_t .t:nth-child(1){
	width:calc(25% - (40px + 60px + 40px) / 3);
}
.recruit_02_list_t .t:nth-child(2){
	width:calc(40% - (40px + 60px + 40px) / 3);
}
.recruit_02_list_t .t:nth-child(3){
	width:calc(35% - (40px + 60px + 40px) / 3);
}
.recruit_02_list_t .icon{
	width:40px; 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:40px; padding-left:60px; 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:#999; line-height:1.875; margin:15px 0 30px;
}
.recruit_02_list_b .a a{
	width: 160px; height: 50px; line-height:50px; font-size:18px; color:#fff; text-align:center; background:var(--com-color); display:block;
}
.no_result{
	font-size:18px; line-height:2; text-align:center; margin-top:30px; display:none;
}

.message_div03{
	display:none;
}
.message_div03 .index_title_t span{
	font-size:0.75em; color:#000;
}
.message_div03 .new_input_li .nil_input .file_div{
	height:120px; display:flex; justify-content:center; flex-direction:column; text-align:center;
}
.message_div03 .new_input_li .nil_input .file_div .file_div_b{
	font-size:16px; color:#b2b2b2;
}
.message_div03 .new_input_li .nil_input .file_div .file_div_t{
	width:200px; margin:0 auto; position: relative;
}
.message_div03 .new_input_li .nil_input .file_div .file_div_t span{
	display:block; width:200px; height:48px; line-height:48px; text-align:center; font-size:18px; color:#0083ce; border:1px solid #0083ce; border-radius: 8px;
}
.message_div03 .new_input_li .nil_input .file_div .file_div_t input{
	position:absolute; z-index:2; width: 100%;  height: 100%; top: 0; left: 0; cursor:pointer; opacity:0;
}




.us_swiper{
    width: 100%;
}
.us_swiper .swiper-slide .imgdiv{
	padding:28.125% 0; width:100%; overflow:hidden; position:relative; border-radius: 10px; overflow: hidden;
}
.us_swiper .swiper-slide .imgdiv img{
	position:absolute; width:100%; min-height:100%; top:50%; left:0; transform:translateY(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.us_swiper .swiper-slide:hover .imgdiv img{
	transform:translateY(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.swiper_pagination_us{
    margin-top: 20px; margin-bottom: 50px;
}


.us02_swiper .swiper-slide{
    position: relative;
}
.us02_swiper .swiper-slide .img{
	padding:32.28% 0; width:100%; overflow:hidden; position:relative; overflow: hidden;
}
.us02_swiper .swiper-slide .img img{
	position:absolute; min-width:100%; height:100%; top:0; left:50%; transform:translateX(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.us02_swiper .swiper-slide:hover .img img{
	transform:translateX(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.us02_swiper .swiper-slide .text{
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: end; z-index: 2; flex-direction: column;
    background:url(../images/us02_list_bg.png) repeat-x; background-size: auto 100%; 
}
.us02_swiper .swiper-slide .text .text_in{
    padding: 0 30px 15px; color: #fff;
}
.us02_swiper .swiper-slide .text .text_in .t{
    font-size: 30px;
}
.us02_swiper .swiper-slide .text .text_in .line{
    width: 60px; height: 2px; background: #fff; margin: 20px 0 12px;
}
.us02_swiper .swiper-slide .text .text_in .b{
    font-size: 18px; line-height: 1.66;
}
.us02_swiper .swiper-scrollbar {
	opacity: 1 !important;
	position: static !important;
	width: 100% !important;
	height: 6px !important;
	background: #fff !important;
	margin-top: 20px;
}
.us02_swiper .swiper-scrollbar .swiper-scrollbar-drag {
	background: var(--com-color) !important;
}


.newslist_new{
    display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #ccc;  margin-top: 60px; padding-bottom: 60px;
}
.newslist_new:first-child{
    margin-top: 0 !important;
}
.newslist_new .imgdiv{
    width: 30%;
}
.newslist_new .imgdiv .img{
	padding:35.76% 0; width:100%; overflow:hidden; position:relative;
	border-radius: 20px;
}
.newslist_new .imgdiv .img img{
	position:absolute; min-width:100%; height:100%; top:0; left:50%; transform:translateX(-50%);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.newslist_new:hover .imgdiv .img img{
	transform:translateX(-50%) scale(1.1);
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.newslist_new .textdiv{
	width: calc(100% - 30% - 50px);
}

.newslist_new .textdiv .t{
	font-size:18px; font-weight:bold; color:#1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.newslist_new .textdiv .date{
	font-size:15px; color:#3a444a; margin:20px 0 30px;
}
.newslist_new .textdiv .b{
	font-size:16px; color:#666; line-height:1.625;
	-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.newslist_new .textdiv{
    text-align: left;
}
.newslist_new .textdiv .a{
	font-size:14px; color:var(--com-color); margin-top:40px; text-align: right;
}

.new_page_all{
    display:flex; flex-wrap: wrap; justify-content: space-between;
}
.new_page_class{
    width: 260px;
}
.new_page_con{
    width:calc(100% - 260px - 60px);
}
.new_page_title{
    font-size: 24px; color: #fff; font-weight: bold; background: var(--com-color); padding: 20px 0 20px 25px;
}
.new_page_li a{
    display: block; border-bottom: 1px solid #ccc; padding: 15px 0 15px 25px; font-size: 18px; color: #333;
}
.new_page_li.active a{
    color: var(--com-color);
}


.mySwiper002{
    width:100%; padding-top: 30px !important;
}
.mySwiper002 .swiper-slide .img{
    display: block; width: 64.3%; margin: 0 auto;
}
.mySwiper002 .swiper-slide .img .imgin{
    width: 100%; position: relative; overflow: hidden; padding: 31.11% 0;  /*box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.18);*/
}
.mySwiper002 .swiper-slide .img .imgin img{
	position:absolute; max-width:80%; max-height:80%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
}
.mySwiper002 .swiper-slide .text{
    font-size: 16px; color: #0f0f0f; text-align: center; margin-top: 15px;
}
.us0402_newcon_com{
    position: relative;
}
.us0402_newcon_com .mySwiper001{
    width: calc(100% - (50px * 2) - (15px * 2)); margin: 40px auto 0;
}
.us0402_newcon_com .mySwiper001 .swiper-slide{
    padding: 0 15px;
}
.us0402_newcon_com .mySwiper001 .swiper-slide .img{
    width: 100%; position: relative; overflow: hidden;  padding: 31.11% 0; border: 1px solid #f2f2f2; padding: 26.66% 0;
}
.us0402_newcon_com .mySwiper001 .swiper-slide.swiper-slide-thumb-active .img{
    border: 1px solid var(--com-color);
}
.us0402_newcon_com .mySwiper001 .swiper-slide .img img{
	position:absolute; max-width:80%; max-height:80%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
}
.us0402_newcon_com .swiper-button-prev, 
.us0402_newcon_com .swiper-button-next{
    width: 50px !important; height: 50px !important; background: #848484 !important; margin: 0 !important; top: 50%;  transform: translateY(-50%); border-radius: 1000px;
}
.us0402_newcon_com .swiper-button-prev::after, 
.us0402_newcon_com .swiper-button-next::after{
    font-size: 24px; color: #fff;
}

.pro_show_05_con{
    font-size: 16px; color: #333; line-height: 1.75;
}
.pro_show_05_con table{
    margin: 0 auto;
}
.pro_show_05_con img{
    max-width: 100% !important; height: auto !important;
}
.pbl_con_child{
    background: #fff; display: none;
}
.pbl_con_child .pcc_li a {
	border-bottom: 1px solid #f7f7f7;
	line-height: 1.75;
	font-size: 18px;
	color: #333;
	width: 100%;
	display: block;
	padding: 5px 22px;
	text-align: left;
}
.pbl_con_child .pcc_li a.active{
    color: var(--com-color);
}