@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:'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: #00479d;
	--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:66px;
}
.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:#fff; font-size:16px; text-align:center; position:relative; display: inline-block;
}
.header .inheader .menu li > a span{
	display:block; padding:0 25px;
}

.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{
	color:#fff;
}
.header.boxshadow .inheader .menu li.active > a{
	color:#fff;
}

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




.menu li .icon_nav_item{
	display:none;
}
.header .menu > li .subnav{
	background: rgba(255,255,255,0.98);
	position: absolute;
	left: 0;
	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;
}

.header .menu > li .subnav .w1400{
    padding: 60px 0;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% - 42.35% - 130px);
}
.header .menu > li .subnav .subnav_left .subnav_typename{
    font-weight: bold; font-size: 30px; color: var(--com-color); 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; text-align:left; margin-right:45px; line-height:2;
}
.header .menu > li .subnav .subnav_left ul li:last-child{
	margin-right:0px;
}
.header .menu > li .subnav .subnav_left ul li.active ,
.header .menu > li .subnav .subnav_left ul li:hover{
    border-color:var(--com-color); transition: all .3s ease; transform: translateX(0px);
}
.header .menu > li .subnav .subnav_right{
    width: 42.35%;
}
.header .menu > li .subnav .subnav_right img{
    width: 100%; display: block;
}
.header .menu > li .subnav ul{
}
.header .menu > li .subnav li a{
	font-size:16px; color:#4c4c4c !important;
}
.header .menu > li .subnav li a img{
    height: 10px; margin-right: 5px;
}
.header .menu > li .subnav li a img:nth-child(1){
    display: none;
}
.header .menu > li .subnav li a img:nth-child(2){
    display: inline-block;
}
.header .menu > li .subnav li:hover a,
.header .menu > li .subnav li.active a,
.header .menu > li .subnav li a:hover,
.header .menu > li .subnav li a.active{
	color:var(--com-color) !important;
}
.header .menu > li .subnav li:hover a img:nth-child(1),
.header .menu > li .subnav li.active a img:nth-child(1),
.header .menu > li .subnav li a:hover img:nth-child(1),
.header .menu > li .subnav li a.active img:nth-child(1){
	display: inline-block;
}
.header .menu > li .subnav li:hover a img:nth-child(2),
.header .menu > li .subnav li.active a img:nth-child(2),
.header .menu > li .subnav li a:hover img:nth-child(2),
.header .menu > li .subnav li a.active img:nth-child(2){
	display: none;
}
@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,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: var(--com-color); 
	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:35px; 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:20px;
}
.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%; border-top:1px solid #fafafa; 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: #fff; width:400%; height:100%; left:-100%; top:0px; position:absolute; content:" "; z-index:1;
}
.header .header_search:hover .search_subnav{
	visibility: visible; opacity: 1; transform: translateY(0); transition: all .3s;
}
.header .header_search .search_subnav{
	padding:30px 0;
}
.header .header_search .search_subnav form{
	width:100%; border:0px;  border-bottom:1px solid #d7d7d7; line-height:2; position:relative; z-index:2;
	display:flex; justify-content:space-between;
}
.header .header_search .search_subnav form .keywords{
	width:calc(100% - 20px); font-size:20px; color:#cecece; line-height:2; background:none; border:0px;
}
.header .header_search .search_subnav form .submit{
	width:20px; background:url(../images/search.png) no-repeat center center;
	background-size:100% auto; cursor:pointer;
	border:0px;
}




.index_banner{
	position:relative; margin-top:calc(100px + 30px); 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:20px !important; padding:0; text-align:center !important;
}
.swiper_pagination_index .swiper-pagination-bullet{
	width:18px; height:18px; margin:0 8px !important; background:var(--com-color); border-radius:1000px; opacity:0.2;
}
.swiper_pagination_index .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity:1;
}

.header_top{
	width:100%; background:#fff; overflow:hidden;
}
.header_top_in{
	display:flex; font-size:16px; color:#666; line-height:30px; display:flex; justify-content:space-between;
}
.header_top_in a{
	color:#666;
}
.header_top_in .header_top_in_r{
	display:flex;
}
.header_top_in .header_top_in_r .htir_li{
	margin-left:35px;
}
.header_top_in .header_top_in_r .htir_li:first-child{
	margin-left:0;
}
.header_top_in .header_top_in_r img{
	display:inline-block; height:20px; margin-right:8px; transform:translateY(4px);
}



.index_00{
	padding:20px 0;color:#373737; font-size:18px; line-height:40px;
}
.index_00_con{
	display:flex; justify-content:space-between;
}
.index_00_left{
	
}
.index_00_left a{
	color:#373737; margin-left:35px;
}
.index_00_left a:hover{
	color:var(--com-color);
}
.index_00_right{
	width:20%;
}
.index_00_right form{
	display:flex; width:100%; height:40px; border:1px solid #ccc; border-radius:10px;
}
.index_00_right form .keywords{
	width:calc(100% - 22px - (12px * 2)); background:none; border:0px; padding:0 15px;
}
.index_00_right form .submit{
	width:22px; height:100%; background:url(../images/search.png) no-repeat center center;
	background-size:100% auto; cursor:pointer;
	border:0px; margin:0 12px;
}

.index_01{
	background:url(../images/index01_bg.png) center center no-repeat; background-size:cover; padding:100px 0; position:relative;
}
.index01_left{
	width:43.75%; position:absolute; left:0px; top:0px; height:100%;
}
.index01_left .img{
	width:100%; padding:35.7% 0; overflow:hidden; position:absolute; top: 50%; transform: translateY(-50%);
}
.index01_left .img img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.index01_left:hover .img img{
	transform:translateX(-50%) scale(1.1);
	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;	
}
.index_01_con{
	width:54.5%; margin-left:calc(100% - 54.5%); color:#000;padding:115px 0;
}
.index_01_con .index_01_t{
	font-size:50px; font-weight:bold;
}
.index_01_con .index_01_b{
	font-size:36px; margin:24px 0;
}
.index_01_con .index_01_c{
	font-size:18px; line-height:2;
}




.index_02{
	background:url(../images/index02_bg.png) center center no-repeat; background-size:cover; padding:60px 0 70px; position:relative;
}
.index_title{
	text-align:center;
}
.index_title .index_title_t{
	font-size:36px; color:#fff; font-weight:bold;
}
.index_title .index_title_img img{
	display:inline-block; height:24px; margin:20px 0;
}
.index_title .index_title_b{
	font-size:18px; color:#fff;
}
.index_title .index_title_b.index_title_b_black{
	color:#666;
}
.index_02_tab{
	margin:40px 0 30px;  display:flex; justify-content:center; flex-wrap:wrap;
}
.index_02_tab a{
	display:block; margin:0 35px; border-bottom: 2px solid transparent; font-size:24px; color:#fff; padding-bottom:12px;
}
.index_02_tab a.active{
	color:#fcfa65; border-color:#fcfa65;
}
.index_02_li{
	background:#fff; padding:45px 55px; display:none;
}
.index_02_li.index_02_li_02{
	padding-left:65px; padding-right:65px;
}
.index_02_li.index_02_li_03{
	padding-left:150px; padding-right:150px;
}
.index_02_li.index_02_li_05{
	padding:25px 30px;
}
.index_02_li.active{
	display:block;
}

.index_02_li .i02l01_r_t{
	font-size:24px; color:var(--com-color);
}
.index_02_li .i02l01_r_t span{
	display:inline-block; width:24px; height:24px; background:var(--com-color); margin-right:12px; transform: translateY(4px);
}
.index_02_li .i02l01_r_a{
	text-align:center;
} 
.index_02_li .i02l01_r_a a{
	font-size:18px; color:#fff; padding:14px 55px; border-radius:1000px; background:#f3880a; display:inline-block;
}
.index_02_li .mtb20{
	margin:20px 0 30px;
}
.index_02_li .index02_com_a a{
	line-height:2; color:#666; font-size:18px;
}
.index_02_li .index02_com_a a:hover{
	color:var(--com-color); font-weight:bold;
}

.index_02_li_01 .index_02_li_in{
	display:flex; justify-content:space-between; flex-wrap:wrap;
}
.index_02_li_01 .index_02_li_in .i02l01_l{
	width:30.5%; overflow:hidden;
}
.index_02_li_01 .index_02_li_in .i02l01_l img{
	display:block; width:100%;
}
.index_02_li_01 .index_02_li_in .i02l01_l:hover img{
	transform:scale(1.1);
}
.index_02_li_01 .index_02_li_in .i02l01_r{
	width:66.6%;
}
.index_02_li_01 .index_02_li_in .i02l01_r .i02l01_r_li{
	display:flex; flex-wrap:wrap;
} 
.index_02_li_01 .index_02_li_in .i02l01_r .i02l01_r_li a{
	width:33.33%; 
}

.index_02_li_02 .index_02_li_in{
	display:flex; justify-content:space-between; flex-wrap:wrap;
}
.i02l02_01{
	width:33.33%;  display:flex; flex-wrap:wrap;
}
.i02l02_01 a{
	width:50%;
}
.i02l02_02,.i02l02_03{
	width:33.33%;
}
.i02l02_02{
	display:flex; flex-wrap:wrap; justify-content:space-between; align-items: flex-start;  align-content: flex-start;
}
.i02l02_02 a{
	width:calc(50% - 15px); border:1px solid #666; display:block;
}
.i02l02_02 a .img{
	overflow:hidden; width:100%; padding:40.65% 0; background:#fff; position:relative;
}
.i02l02_02 a .img img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.i02l02_02 a:hover .img img{
	transform:translateX(-50%) scale(1.1);
	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;
}
.i02l02_02 a .text{
	text-align:center; height:48px; line-height:48px; background:var(--com-color); font-size:18px; color:#fff;
}
.i02l02_03{
	padding-left:30px;
}
.i02l02_03 .i02l02_03_in{
	width:100%; border:1px solid #666; display:flex;
}
.i02l02_03 .i02l02_03_in .i02l02_03_l{
	width:52%; border-right:1px solid #666; overflow:hidden; background:#eeeeef;
}
.i02l02_03 .i02l02_03_in .i02l02_03_l .img{
	overflow:hidden; width:100%; padding:50.93% 0; background:#fff; position:relative;
}
.i02l02_03 .i02l02_03_in .i02l02_03_l img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;
}
.i02l02_03 .i02l02_03_in .i02l02_03_l:hover img{
	transform:translateX(-50%) scale(1.1);
	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;
}
.i02l02_03 .i02l02_03_in .i02l02_03_r{
	width:48%; display:flex; justify-content:space-between; flex-direction:column;
}
.i02l02_03 .i02l02_03_in .i02l02_03_r a{
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
	padding-left:30px; height:100%; display: flex;  flex-direction: column;  justify-content: center; line-height: unset;
}

.index_02_li_03 .i02l03_01{
	display:flex; justify-content:space-between;
}
.index_02_li_03 .i02l03_01 .i02l03_01_l{
	width:57.27%; display:flex; flex-wrap:wrap;
}
.index_02_li_03 .i02l03_01 .i02l03_01_l a{
	width:33.33%;
}
.index_02_li_03 .i02l03_01 .i02l03_01_r{
	width:calc(100% - 57.27%);
}
.index_02_li_03 .i02l03_01 .i02l03_01_r a{
	width:calc(50% - 35px);
}
.index_02_li_03 .i02l03_01 .i02l03_01_r a .img{
	padding: 31.56% 0;
}
.index_02_li_03 .i02l03_01 .i02l03_01_r a .text{
	height:40px; line-height:40px;
}
.index_02_li_03 .i02l03_03{
	text-align:center; font-size:18px; color:#ff0000; font-weight:bold;
}
.i02l03_02 {
	display:flex; justify-content:center;
}
.i02l03_02 .i02l03_02_li{
	text-align:center; margin:0 52px;
}
.i02l03_02 .i02l03_02_li img{
	display:inline-block; height:44px; margin:20px 0 4px;
}
.i02l03_02 .i02l03_02_li .text{
	font-size:16px; color:var(--com-color);
}

.index_02_li_04 .i02l04_01{
	display:flex; flex-wrap:wrap;
}
.index_02_li_04 .i02l04_01 a{
	text-align:center; width:20%;
}
.index_02_li_04 .i02l04_02{
	display:flex; flex-wrap:wrap; width:100%;
}
.index_02_li_04 .i02l04_02 a{
	width:calc(12.5% - (18px * 7) / 8); margin-left:18px;
}
.index_02_li_04 .i02l04_02 a:first-child{
	margin-left:0px;
}
.index_02_li_04 .i02l04_02 a .img{
	padding: 44.25% 0;
}
.index_02_li_04 .i02l04_02 a .text{
	height:34px; line-height:34px; 
}
.index_02_li_04 .i02l04_02 a .text span{
	font-size:0.833em;
}

.index_02_li_05 .index_02_li_in{
	display:flex; flex-wrap:wrap; justify-content:space-between; 
}
.index_02_li_05 .i02l05_01{
	width:22.6%; 
}
.index_02_li_05 .i02l05_01 img{
	display:block; width:100%;
}
.index_02_li_05 .i02l05_02{
	width:calc(100% - 22.6% - 20px);  justify-content: start;
}
.index_02_li_05 .i02l05_02 a{
	width:calc(11.1% - (15px * 8) / 9); margin-left:15px; margin-top:20px; border-color:#c9c9ca;
}
.index_02_li_05 .i02l05_02 a:nth-child(9n+1){
	margin-left:0px;
}
.index_02_li_05 .i02l05_02 a:nth-child(-n+9){
	margin-top:0px;
}
.index_02_li_05 .i02l05_02 a .img{
	padding: 40.3% 0;
}
.index_02_li_05 .i02l05_02 a .text{
	height:30px; line-height:30px; 
}
.index_02_li_05 .i02l05_02 a .text span{
	font-size:0.888em;
}


.index_03{
	padding:60px 0;
}
.index_03_tab{
	display:flex; flex-wrap:wrap;
}
.index_03_tab a{
	width:calc(16.66% - (28px * 5) / 6); margin-left:28px; border:1px solid #c9c9ca; text-align:center; padding:15px 0 4px;
}
.index_03_tab a:first-child{
	margin-left:0px;
}
.index_03_tab a .t{
	color:#4c4c4c; font-size:16px;
}
.index_03_tab a .line{
	width:61.55%; margin:10px auto 5px; height:1px; background:#ccc;
}
.index_03_tab a .b{
	color:#999; font-size:12px; line-height:1.25; text-transform: uppercase; 
}
.index_03_tab a.active{
	border-color:var(--com-color); background:var(--com-color);
}
.index_03_tab a.active .line{
	background:#fff;
}
.index_03_tab a.active .t,.index_03_tab a.active .b{
	color:#fff;
}
.index_03_li{
	display:none; margin-top:30px; position:relative;
}
.index_03_li.active{
	display:block;
}
.index_03_li .index_03_li_in a{
	position:relative;
}

.index_03_li_in{
	display:flex; flex-wrap:wrap;
}
.index_03_li .index_03_li_in a .img{
	overflow:hidden; width:100%; padding:8.95% 0; position:relative; z-index:1;
}
.index_03_li .index_03_li_in a .img img{
	position:absolute; width:100%; min-height:100.5%; top:50%; left:0; transform:translateY(-50%);
	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;
}
.index_03_li .index_03_li_in a:hover .img img{
	transform:translateY(-50%) scale(1.1);
	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;
}
.index_03_li .index_03_li_in a .text{
	position:absolute; background:rgba(0,71,157,0.7); font-size:18px; color:#fff; z-index:2; width:100%; height:100%; top:0px; left:0px; display:flex; justify-content:center; flex-direction:column; text-align:center;
}
.index_03_li_style01 .index_03_li_in a:nth-child(8n+2) .text,
.index_03_li_style01 .index_03_li_in a:nth-child(8n+4) .text,
.index_03_li_style01 .index_03_li_in a:nth-child(8n+5) .text,
.index_03_li_style01 .index_03_li_in a:nth-child(8n+7) .text{
	background:rgba(157,70,0,0.7);
}
.index_03_li_style02 .index_03_li_in a:nth-child(6n+2) .text,
.index_03_li_style02 .index_03_li_in a:nth-child(6n+4) .text,
.index_03_li_style02 .index_03_li_in a:nth-child(6n+6) .text{
	background:rgba(157,70,0,0.7);
}

.index_03_li.index_03_li_01 .index_03_li_in a{
	width:calc(25% - (20px * 3) / 4); margin-left:20px; margin-top:10px;
}
.index_03_li.index_03_li_02 .index_03_li_in a,
.index_03_li.index_03_li_03 .index_03_li_in a,
.index_03_li.index_03_li_04 .index_03_li_in a{
	width:calc(25% - (2px * 3) / 4); margin-left:2px; margin-top:2px;
}
.index_03_li.index_03_li_style01 .index_03_li_in a:nth-child(4n+1){
	margin-left:0px;
}
.index_03_li.index_03_li_style01 .index_03_li_in a:nth-child(-n+4){
	margin-top:0px;
}
.index_03_li.index_03_li_05 .index_03_li_in a,
.index_03_li.index_03_li_06 .index_03_li_in a{
	width:calc(33.33% - (2px * 2) / 3); margin-left:2px; margin-top:2px;
}
.index_03_li.index_03_li_style02 .index_03_li_in a:nth-child(3n+1){
	margin-left:0px;
}
.index_03_li.index_03_li_style02 .index_03_li_in a:nth-child(-n+3){
	margin-top:0px;
}
.index_03_li.index_03_li_02 .index_03_li_in a .text span,
.index_03_li.index_03_li_03 .index_03_li_in a .text span,
.index_03_li.index_03_li_04 .index_03_li_in a .text span,
.index_03_li.index_03_li_05 .index_03_li_in a .text span,
.index_03_li.index_03_li_06 .index_03_li_in a .text span{
	font-size:1.66em;
}
.index_03_li.index_03_li_02 .index_03_li_in a .img{
	padding:28.51% 0;
}
.index_03_li.index_03_li_03 .index_03_li_in a .img{
	padding:15.66% 0;
}
.index_03_li.index_03_li_04 .index_03_li_in a .img{
	padding:18.48% 0;
}
.index_03_li.index_03_li_05 .index_03_li_in a .img,
.index_03_li.index_03_li_06 .index_03_li_in a .img{
	padding:15.98% 0;
}

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


.index_04{
	background:none;
}
.index_04 .index_title .index_title_t {
	color: #050505;
}
.index_04 .index_title .index_title_b {
	color: #666;
}

.index_04_top{
	padding:0 150px; display:flex; justify-content:space-between; margin:30px auto;
}
.index_04_list{
	text-align:center;
}
.index_04_list .img img{
	display:inline-block; height:90px;
}
.index_04_list .t{
	font-size:30px; color:#1a1a1a; margin:15px auto 10px;
}
.index_04_list .b{
	font-size:14px; color:#b2b2b2;
}

.index_04_bottom{
	display:flex; flex-wrap:wrap;
}
.index_04_blist{
	width:calc(33.33% - (50px * 2) / 3); margin-left:50px; margin-top:22px;
}
.index_04_blist:nth-child(n+4){
	width:calc(25% - (28px * 3) / 4); margin-left:28px; margin-top:22px;
}
.index_04_blist:nth-child(1),
.index_04_blist:nth-child(4){
	margin-left:0px !important;
}
.index_04_blist .img{
	overflow:hidden; width:100%; padding:28.88% 0; position:relative; z-index:1;
}
.index_04_blist:nth-child(n+4)  .img{
	padding:33.33% 0;
}
.index_04_blist .img img{
	position:absolute; min-width:100%; height:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;
}
.index_04_blist:hover .img img{
	transform:translateX(-50%) scale(1.1);
	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;
}
.index_04_blist .t{
	font-size:24px; margin:15px auto 10px;  color:var(--com-color-b); text-align:center;
}
.index_04_blist .b{
	font-size:16px; line-height:1.25;  color:#666; text-align:center;
}



.index_05{
	background:none;
}
.index_05_tab{
	display:flex;
}
.index_05_tab a{
	width:25%; line-height:60px; text-align:center; background:#e6e6e6; font-size:24px; color:#181818;
}
.index_05_tab a.active{
	background:var(--com-color-b); color:#fff; font-weight:bold;
}
.index_05_list{
	display:none; margin-top:2px;
}
.index_05_list.active{
	display:block;
}
.index_05_li_top .img{
	overflow:hidden; width:100%; padding:17.85% 0; position:relative; z-index:1;
}
.index_05_li_top .img img{
	position:absolute; min-width:100%; height:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;
}
.index_05_li_top:hover .img img{
	transform:translateX(-50%) scale(1.05);
	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;
}
.index_05_li_bottom{
	padding:22px 35px 22px 60px; display:flex; justify-content:space-between; background:url(../images/index05_list_img.png) center center no-repeat; background-size:cover; position:relative; overflow:hidden;
}
.index_05_li_bottom::before{
	width:10px; height:100%; background:#feb433; content:""; left:0; top:0; z-index:2; position:absolute;
}
.index_05_li_bottom .text{
	width:50.6%; display:flex; justify-content:center; flex-direction:column;
}
.index_05_li_bottom .text .t{
	font-size:24px;  color:#feb433; font-weight:bold;
}
.index_05_li_bottom .text .b{
	font-size:15px; line-height:1.46;  color:#fff; margin-top:8px;
}
.index_05_li_bottom .img{
	width:41.7%; display:flex; justify-content:space-between;
}
.index_05_li_bottom .img .imglist{
	width:calc(50% - (20px * 1) / 2); border:2px solid #fff;
}
.index_05_li_bottom .img .imglist .imglist_in{
	overflow:hidden; width:100%; padding:22.87% 0; position:relative; z-index:1;
}
.index_05_li_bottom .img .imglist .imglist_in img{
	position:absolute; min-width:100%; height:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;
}
.index_05_li_bottom .img .imglist:hover .imglist_in img{
	transform:translateX(-50%) scale(1.1);
	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;
}

.index_06_title{
	position:relative; overflow:hidden; border-bottom:2px solid var(--com-color-b); height:140px;
}
.index_06_title .index06_title_img{
	position:absolute; left:0px; bottom:0px; height:100%;
}
.index_06_title .w1400{
	height:100%;
}
.index_06_title_in{
	color: var(--com-color-b); line-height:1.33; font-size:36px; font-weight:bold; padding-left:15%; height:100%;
	display:flex; justify-content:center; flex-direction:column;
}
.index_06_con_small{
	margin-bottom:30px; border-bottom:1px solid var(--com-color-b); color: var(--com-color-b); font-size:44px; display:flex; justify-content:space-between;
}
.index_06_con_small span{
	border-bottom:5px solid var(--com-color-b); display:inline-block; padding-bottom:10px;
}
.index_06_con_small a{
	color:#999; font-size:16px; font-weight:bold; display:flex; justify-content:center; flex-direction:column;
}
.index_06_con{
	background:none;
}
.index_06_con_in{
	display:flex; flex-wrap:wrap; 
}
.index_06_list{
	width:calc(25% - (28px * 3) / 4); margin-left:28px; display:block;
}
.index_06_list:nth-child(4n+1){
	margin-left:0px;
}
.index_06_list .img{
	overflow:hidden; width:100%; padding:36.36% 0; position:relative; z-index:1;
}
.index_06_list .img img{
	position:absolute; min-width:100%; height:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;
}
.index_06_list:hover .img img{
	transform:translateX(-50%) scale(1.1);
	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;
}
.index_06_list .text{
	padding:25px 25px 20px; background:#e6e6e6;
}
.index_06_list .text .t{
	font-size:18px;  color:#1a1a1a; line-height:1.33; height:calc(18px * 1.33 * 3);
	-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.index_06_list .text .b{
	font-size:16px;  color:#999; margin-top:20px;
}

.index_06_con_bottom{
	padding-top:0 !important; background:none;
}
.index_06_con_bottom_in{
	display:flex; flex-wrap:wrap;  border-radius: 20px; padding:30px 80px; background:#f2f2f2;
}
.index_06_con_bottom_list{
	width:calc(33.33% - (150px * 2) / 3); margin-left:150px; margin-top:15px; display:flex; justify-content:space-between;
}
.index_06_con_bottom_list:nth-child(3n+1){
	margin-left:0px;
}
.index_06_con_bottom_list:nth-child(-n+3){
	margin-top:0px;
}
.index_06_con_bottom_list .l{
	width:calc(100% - 16px - 20px); display:flex; justify-content:space-between;
}
.index_06_con_bottom_list .l img{
	display:block; width:14px; height:14px; margin-top: 4px;
}
.index_06_con_bottom_list .l span{
	width:calc(100% - 14px - 12px); font-size:16px; color:#333;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.index_06_con_bottom_list .r{
	width:16px;
}
.index_06_con_bottom_list .r img{
	display:block; width:100%; margin-top: 3px;
}
.index_06_con_bottom_list:hover .l span{
	color:var(--com-color-b);
}

.index_07_con{
	display:flex;
}
.index_07_con .index_06_con_small {
	width: 70%;
}
.index_07_text{
	width:51.78%;
}
.index_07_text .b{
	font-size:30px; color:#333;
}
.index_07_text .c{
	margin:20px 0 45px;
}
.index_07_text .d{
	margin-top:35px;
}
.index_07_text .c,.index_07_text .d{
	font-size:18px; line-height:2; color:#333;
}
.index_07_text .data{
	display:flex;
}
.index_07_text .data .datali{
	padding:18px 50px; border-left:2px solid #e62129; text-align:center;
}
.index_07_text .data .datali:first-child{
	border:0px; padding-left:0px;
}
.index_07_text .data .datali:last-child{
	padding-right:0px;
}
.index_07_text .data .datali .data_t{
	font-size:48px; color:#e62129; font-weight:bold;
}
.index_07_text .data .datali .data_t em{
	font-size:20px; margin-left:5px;
}
.index_07_text .data .datali .data_b{
	font-size:18px; color:#666; margin-top:10px;
}

.footer{
	background:var(--com-color-b);
}
.footer_01{
	padding:40px 0 20px; border-bottom:1px solid #fff; display:flex; justify-content:space-between; text-align:center;
}
.footer_01 .img img{
	display:block; height:63px;
}
.footer_01 .text{
	font-size:20px;
}
.footer_01 .text a{
	display:inline-block; border-radius:1000px;  color:#333; background:#fff; padding:10px 45px;
}
.footer_01 .text .b{
	color:#fff; opacity:0.5; margin-top:10px;
}

.footer_02{
	display:flex; justify-content:space-between; padding:40px 0;
}
.f_menu{
	display:flex;
}
.f_menu_li{
	margin-left:90px;
}
.f_menu_li:first-child{
	margin-left:0px;
}
.f_menu_li a{
	display:block;
}
.footer_02 .at{
	font-size:24px; color:#fff; margin-bottom:20px;
}
.footer_02 .ab{
	font-size:16px; color:#fff; margin-bottom:15px; opacity:0.5;
}
.f_code{
	display:flex; text-align:center;
}
.f_code img{
	display:block; width:111px; margin-bottom:15px;
}
.footer_03{
	text-align:center; font-size:14px; color:#fff; border-top:1px solid rgba(255,255,255,0.2); padding:18px 0; line-height:1.5;
}
.footer_03 a{
	color:#fff;
}

.page_banner{
	position:relative;
}
.page_banner .swiper-slide{
	position:relative; z-index:1;
}
.page_banner .swiper-slide .text{
	width:100%; position:absolute; top:20%; left:0; text-align:center; font-size:60px; color:#fff; font-weight:bold; z-index:2;
}
.page_banner .swiper-slide .text.black_color{
	color:#252525;
}
.page_banner .swiper-slide .banner_btm{
	width:100%; display:block; position:absolute; bottom:0px; left:0px; z-index:3; opacity:1;
}
.page_banner .swiper-slide .banner_line{
	width:100%; display:block; position:absolute; bottom:13%; left:0px; z-index:3; opacity:1;
}
.page_banner .page_menu{
	width:100%; display:block; position:absolute; bottom:13%; left:0px; z-index:4;
}
.page_menu_in{
	position:relative; display: flex;
}
.page_menu_in .page_menu_li{
	width:16.66%;
}
.page_menu_in .page_menu_li:nth-child(1){
	transform: translateY(-99%);
}
.page_menu_in .page_menu_li:nth-child(2){
	transform: translateY(-98%);
}
.page_menu_in .page_menu_li:nth-child(3){
	transform: translateY(-35%);
}
.page_menu_in .page_menu_li:nth-child(4){
	transform: translateY(-37%);
}
.page_menu_in .page_menu_li:nth-child(5){
	transform: translateY(-104%);
}
.page_menu_in .page_menu_li:nth-child(6){
	transform: translateY(-109%);
}
.page_menu_in .page_menu_li .t{
	font-size:18px; color:#fff; text-align:center;
}
.page_menu_in .page_menu_li .point{
	width:10px; height:10px; margin:50px auto 0; position:relative; background:#fff; border-radius:1000px;
}
.page_menu_in .page_menu_li .point::after{
	width:38px; height:38px; border:1px solid #fff; border-radius:1000px; position:absolute; content:""; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
	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;
}
.page_menu_in .page_menu_li:hover .point::after,
.page_menu_in .page_menu_li.active .point::after{
	width:62px; height:62px;
	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;
}


.mtb90{
	margin-top:90px; margin-bottom:90px;
}
.all_page_title .index_title_t{
	color:#050505;
}

.pro_con_01{
	margin-top:40px;
}
.pro_con_01_list_in{
	display:flex; flex-wrap:wrap; border:1px solid #ccc; border-bottom-width: 0;
}
.pro_con_01_list:hover .pro_con_01_list_in{
	border-bottom-width: 1px;
}
.pro_con_01_list:last-child .pro_con_01_list_in{
	border-bottom-width: 1px;
}
.pro_con_01_list_in .pc01ll{
	width:15%; text-align:center; display:flex; justify-content:center; flex-direction:column; font-size:18px; color:#333; background:#eeeeef; border-right:1px solid #ccc;
}
.pro_con_01_list_in .pc01lr{
	width:85%; display:flex; flex-wrap:wrap; padding:23px 0 23px 70px;
}
.pro_con_01_list_in .pc01lr a{
	display:block; width:20%; margin-top:15px; font-size:16px; color:#666;
}
.pro_con_01_list_in .pc01lr a div{
	padding-right:15px;
}
.pro_con_01_list_in .pc01lr a:hover{
	 color:var(--com-color);
}
.pro_con_01_list_in .pc01lr a:nth-child(-n+5){
	margin-top:0;
}
.pro_con_01_list_con{
	display:none; padding:20px 0 50px; flex-wrap:wrap;
}
.pro_con_01_list:hover .pro_con_01_list_con{
	display:flex;
}
.pc01lc_li{
	width:calc(33.33% - (40px * 2) / 3); margin-left:40px; margin-top:30px; border:1px solid #1c5c98;
}
.pc01lc_li:nth-child(3n+1){
	margin-left:0px;
}
.pc01lc_li .img{
	overflow:hidden; width:100%; padding:31.73% 0; position:relative; z-index:1; background:#eeeeef;
}
.pc01lc_li .img img{
	position:absolute; min-width:100%; height:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;
}
.pc01lc_li:hover .img img{
	transform:translateX(-50%) scale(1.1);
	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;
}
.pc01lc_li .text{
	font-size:24px;  color:#050505; line-height:1.5; padding:12px 0; border-top:1px solid #1c5c98; text-align:center;
}


.pro_con_06{
	display:flex; flex-wrap:wrap;
}
.pro_con_06 .pc01lc_li .img{
	background:#fff;
}
.pro_con_06 .pc01lc_li .img img{
	position:absolute; min-width:unset; height:auto; max-width:100%; max-height:100%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
	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_con_06 .pc01lc_li:hover .img img{
	transform:translateX(-50%) translateY(-50%) scale(1.1);
	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_con_02 .pro_con_02_bigli{
	margin-top:55px;
}
.pro_con_02 .pro_con_02_t span{
	font-size:20px; color:#fff; border-radius: 8px; background:var(--com-color); padding:20px 90px; display:inline-block;
}
.pro_con_02 .pro_con_02_con{
	border-radius: 8px; border:1px solid var(--com-color); display:flex; flex-wrap:wrap; margin-top:30px; padding:calc(35px - 5px) 0 35px 55px;
}
.pro_con_02 .pro_con_02_con a{
	font-size:16px; color:#4c4c4c; margin-top:5px; line-height:1.5; width:25%;
}
.pro_con_02 .pro_con_02_bigli:nth-child(1) .pro_con_02_con a{
	width:20%;
}
.pro_con_02 .pro_con_02_con a:hover{
	color:var(--com-color);
}


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

.pro_con_04{
	display:flex; flex-wrap:wrap;
}
.pro_con_04_li{
	width:calc(33.33% - (40px * 2) / 3); padding:55px 0; border:1px solid var(--com-color); font-size:24px; color:#050505; font-weight:bold; text-align:center;  margin-left:40px; margin-top:30px; display:flex; justify-content:center; flex-direction:column;
}
.pro_con_04_li:nth-child(3n+1){
	margin-left:0px;
}
.pro_con_04_li:hover{
	color:var(--com-color);
}



.service01_01{
	font-size:16px; color:#666; line-height:2; margin:35px 0;
}
.service_title{
	font-size:24px; color:#050505; display:flex;
}
.service_title b{
	display:inline-block; padding-bottom:12px; border-bottom:6px solid var(--com-color);
}

.service01_02_con{
	display:flex; flex-wrap:wrap;
}
.service01_02_list{
	width:calc(33.33% - (55px * 2) / 3); margin-left:55px; padding:30px; margin-top:30px; background:#fff; border-top:20px solid var(--com-color);
	box-shadow: 0px 4px 30px 0px rgba(46, 46, 46, 0.3);
}
.service01_02_list:first-child{
	margin-left:0px;
}
.service01_02_list .t{
	font-size:20px; color:#333; font-weight:bold;
}
.service01_02_list .b{
	margin-top:12px; font-size:16px; color:#666; line-height:1.5;
}
.service01_03{
	display:flex; justify-content: space-between; flex-wrap:wrap; margin-top:60px;
}
.service01_03_img,.service01_03_text{
	width:calc(50% - (40px * 1) / 2);
}
.service01_03_img img{
	display:block; width:100%;
}
.service01_03_text{
	display:flex; flex-direction:column; justify-content:center;
}
.service01_03_text_bli{
	display:flex; margin-top:25px;
}
.service01_03_text_bli:first-child{
	margin-top:30px;
}
.service01_03_text_bli img{
	display:inline-block; height:13px; margin-right:10px; transform:translateY(3px);
}
.service01_03_text_bli span{
	font-size:18px; color:#666;
}


.service02_02_con{
	display:flex; flex-wrap:wrap;
}
.service02_02_list{
	width:calc(25% - (65px * 3) / 4); margin-left:65px; margin-top:30px;
	box-shadow: 0px 4px 30px 0px rgba(46, 46, 46, 0.3);
}
.service02_02_list:first-child{
	margin-left:0px;
}
.service02_02_list .t{
	font-size:20px; color:#fff; font-weight:bold; text-align:center; background:var(--com-color); padding:20px 0;
}
.service02_02_list .b{
	text-align:center; background:#fff; padding:12px 40px;
}
.service02_02_list .b .bli{
	font-size:18px; color:#4c4c4c; border-bottom:1px solid var(--com-color); padding:20px 0;
}
.service02_02_list .b .bli:last-child{
	border-bottom:0px;
}

.service02_03{
	margin-top:60px;
}
.service02_03_con_liweb{
	display:none;
}
.service02_03_con_lipc{
	display:flex; flex-wrap:wrap; margin-top:45px; position:relative; 
}
.service02_03_con_lipc::before{
	width:100%; bottom:5px; left:0px; background:var(--com-color); height:2px; content:""; position:absolute; z-index:1;
}
.service02_03_con_lipc::after{
	width:22px; height:calc(22px * 0.7272); bottom:-2px; right:0px; background:url(../images/service02_03_icon.png) no-repeat; background-size:100% 100%; content:""; position:absolute; z-index:2;
}
.service02_03_con_li{
	width:calc(14.28% - (40px * 6) / 7); margin-left:40px;  position:relative; z-index:3;
}
.service02_03_con_li:first-child{
	margin-left:0px;
}
.service02_03_con_lipc:nth-child(2n+2){
	flex-direction:row-reverse;
}
.service02_03_con_lipc:nth-child(2n+2)::after{
	left:0px; transform: rotate(180deg);
}
.service02_03_con_lipc:nth-child(2n+2) .service02_03_con_li:first-child{
	margin-left:40px;
}
.service02_03_con_lipc:nth-child(2n+2) .service02_03_con_li:last-child{
	margin-left:0px;
}
.service02_03_con_li .t{
	border-radius: 10px; width:100%; font-size:18px; color:#fff; background:var(--com-color); padding:20px 0; text-align:center;
}
.service02_03_con_li .point{
	width:14px; height:14px; border-radius:1000px; background:#eeb70f; margin:16px auto 0;
}

.service_title span{
	font-size:18px; color:#4c4c4c; margin-left:10px; margin-top: 5px;
}
.service05_02_con{
	display:flex; flex-wrap:wrap;
}
.service05_02_list{
	width:calc(16.66% - (55px * 5) / 6); margin-left:55px; margin-top:30px; text-align:center;
}
.service05_02_list .img img{
	display:block; width:100%;
}
.service05_02_list:first-child{
	margin-left:0px;
}
.service05_02_list .t{
	font-size:18px; color:#4c4c4c; margin-top:15px;
}
.service05_03{
	margin-top:60px;
}
.service05_03_con .service01_01{
	margin-top:20px; margin-bottom:0px;
}
.service05_03_in{
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.service05_03_in .img{
	width:calc(50% - (20px * 1) / 2); margin-left:20px; margin-top:30px;
}
.service05_03_in .img:first-child{
	margin-left:0px;
}
.service05_03_in .img img{
	display:block; width:100%;
}


.service03_02{
	margin:60px 0;
}
.service03_01 .service01_03_text_bli {
	margin-top: 22px;
}
.service03_01  .service01_03_text_bli span {
	font-size: 16px;
}
.service03_02{
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.service03_02_list{
	width:calc(50% - (40px * 1) / 2); box-shadow: 0px 4px 30px 0px rgba(46, 46, 46, 0.3); background:#fff; padding:30px;
}
.service03_02_list .t{
	font-weight:bold; color:#333; font-size:20px; margin-bottom:18px;
}
.service03_02_list .b .bli{
	display:flex;
}
.service03_02_list .b .bli em{
	display:block; width:10px; height:10px; background:#ed960e; border-radius:1000px; margin-top: 8px;
}
.service03_02_list .b .bli span{
	font-size:16px; color:#666; margin-left:10px; width:calc(100% - 10px - 10px); line-height:1.5;
}
.service03_03{
	font-size:18px; color:#333; line-height:1.75;
}
.service03_03 img{
	max-width:100%; height:auto !important; display:inline-block;
}


.service04_01_con{
	margin-top:22px;
}
.service04_01_con img{
	display:block; width:100%;
}
.service04_02{
	display:flex; flex-wrap:wrap; box-shadow: 0px 4px 20px 0px rgba(46, 46, 46, 0.2); margin-top:60px; padding:40px; justify-content:space-between;
}
.service04_02_list{
	width:calc(50% - (40px * 1) / 2);  border-bottom:1px solid #999; margin-top:28px;
}
.service04_02_list:nth-child(-n+2){
	margin-top:0px;
}
.service04_02_list .t{
	font-size:18px; color:#999;
}
.service04_02_list .b{
	font-size:20px; color:#333; padding:20px 0;
}

.service06_01 .service01_03_text_b_con{
	font-size:16px; color:#666; line-height:1.75; margin-top:30px;
}
.service06_02{
	justify-content: start;
}
.service06_02 .service03_02_list {
	width: calc(33.33% - (40px * 2) / 3); margin-left:40px;
}
.service06_02 .service03_02_list:first-child{
	margin-left:0px;
}

.page_banner .swiper-slide .text .b{
	font-size:20px; margin-top:40px; font-weight:normal;
}
.us01_01_con{
	position:relative; margin-top:30px;
}
.us01_01_incon {
	width: 47.5%; padding:30px 0;
	margin-left: calc(100% - 47.5%);
}
.us01_01_incon .t span{
	font-size:30px; position:relative; color:#ef8641; font-weight:bold; display:inline-block; position:relative; border-bottom:1px solid #1a1a1a; padding-bottom:15px;
}
.us01_01_incon .t span::before{
	width:23.5%; height:6px; background:#1a1a1a; content:""; position:absolute; left:0px; bottom:-3px;
}
.us01_01_incon .b{
	color:#00a2e9; font-size:20px; font-weight:bold; margin:22px 0 11px;
}
.us01_01_incon .c{
	font-size:16px; color:#666; line-height:1.5;
}
.us01_01_left{
	width:50%; position:absolute; left:0px; top:0px; height:100%;
}
.us01_01_left .img{
	width:100%; height:100%; overflow:hidden; position:absolute; top: 0; left:0px;
}
.us01_01_left .img img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.us01_01_left:hover .img img{
	transform:translateX(-50%) scale(1.1);
	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;	
}


.us02_01_list{
	display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px;
}
.us02_01_list:nth-child(2n+2){
	flex-direction:row-reverse;
}
.us02_01_list .img{
	width:53.57%;
}
.us02_01_list .img .imgin{
	width:100%; padding:37.33% 0; overflow:hidden; position:relative;
}
.us02_01_list .img .imgin img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.us02_01_list .img:hover .imgin img{
	transform:translateX(-50%) scale(1.1);
	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;	
}
.us02_01_list .text{
	width:42.85%; display:flex; justify-content:center; flex-direction:column;
}

.us02_text_t{
	font-size:60px; color:#ef8641; font-weight:bold;
}
.us02_text_b{
	margin-top:20px;
}
.us02_text_b span{
	font-size:20px; color:#050505; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #050505; display:inline-block;
}
.us02_text_en{
	font-size:18px; color:#999;  padding:14px 0; line-height:1.44;
}
.us02_text_c{
	font-size:15px; color:#666; line-height:1.66;
}
.us02_text_cen{
	font-size:14px; color:#999; line-height:1.57; margin:25px 0 50px;
}
.us02_text_btm{
	display:flex; height:60px; line-height:60px; color:#fff;
}
.us02_text_btm em{
	font-size:36px; padding-left:18px; background:#ef8641;
}
.us02_text_btm img{
	height:100%; display:block;
}
.us02_text_btm span{
	font-size:26px; padding:0 30px; background:var(--com-color);
}
.us02_text_else{
	font-size:20px; color:var(--com-color);  font-weight:bold; margin-bottom:5px;
}
.us02_text_b span em{
	font-size:1.5em;
}
.us02_03_list:nth-child(2n+1){
	flex-direction:row-reverse;
}
.us02_03_list:nth-child(2n+2){
	flex-direction:row;
}
.us02_02_waicon{
	margin:90px 0;
}

.us02_02_con{
	background:var(--com-color); margin-top:60px; position:relative;
}
.us02_02_list{
	width:60%; margin-left:40%; padding:35px 0;
}
.us02_02_list .us02_text_b,
.us02_03_list .us02_text_b{
	margin-top:0px;
}
.us02_02_list .us02_text_b span{
	color:#fff; border-bottom:0px;
}
.us02_02_list .us02_text_en{
	color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff;
} 
.us02_02_list .us02_text_c {
	color: #fff; margin-top:25px;
}
.us02_02_list .us02_text_btm span {
	background: #fff; color:var(--com-color);
}
.us02_02_list .us02_text_b{
	margin-bottom:12px;
}
.us02_02_left{
	width:39.58%; position:absolute; left:0px; top:0px; height:100%;
}
.us02_02_left .img{
	width:100%; height:100%; overflow:hidden; position:absolute; top: 0; left:0px;
}
.us02_02_left .img img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.us02_02_left:hover .img img{
	transform:translateX(-50%) scale(1.1);
	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;	
}


.us04_01_con{
	display:flex; flex-wrap:wrap;
}
.us04_01_list {
	width: calc(20% - (35px * 4) / 5); margin-left:35px;  margin-top:35px;
}
.us04_01_list:nth-child(5n+1){
	margin-left:0px;
}
.us04_01_list .img{
	width:100%; padding:72.22% 0; overflow:hidden; position:relative; display:block; border:2px solid var(--com-color);
}
.us04_01_list .img img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.us04_01_list .img:hover img{
	transform:translateX(-50%) scale(1.1);
	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;	
}


.us05_01_con{
	display:flex; flex-wrap:wrap;
}
.us05_01_list {
	width: 14.28%;  margin-top:18px; border:1px solid #e6e6e6; border-left:0px;
}
.us05_01_list:nth-child(7n+1){
	border-left:1px solid #e6e6e6;
}
.us05_01_list .img{
	width:100%; padding:29.79% 0; overflow:hidden; position:relative; display:block;
}
.us05_01_list .img img{
	position:absolute; max-height:100%; max-width:100.5%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
	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;	
}
.us05_01_list .img:hover img{
	transform:translateX(-50%) translateY(-50%) scale(1.1);
	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;	
}

.us06_01_con{
	margin-top:30px;
}
.us06_01_list{
	border-top:1px solid #e6e6e6;
}
.us06_01_list_top{
	display:flex; flex-wrap:wrap; padding:20px 30px; justify-content:space-between; cursor:pointer;
}
.u61lt_l{
	font-size:24px; color:#333;
}
.u61lt_r{
	width:19px;
}
.u61lt_r img{
	width:100%;
}
.u61lt_r img:nth-child(1){
	display:block;
}
.u61lt_r img:nth-child(2){
	display:none;
}
.us06_01_list_bottom{
	font-size:16px; color:#666; line-height:1.75; padding:20px 30px; background:#eeeeef; margin-bottom:20px; display:none;
}
.us06_01_list.active .us06_01_list_bottom{
	display:block;
}
.us06_01_list.active .u61lt_r img:nth-child(1){
	display:none;
}
.us06_01_list.active .u61lt_r img:nth-child(2){
	display:block;
}


.us03_01_con{
	margin-top:30px; background:url(../images/us_03_bg.jpg) center center no-repeat; background-size:cover; padding:40px; display:flex; flex-wrap:wrap;
}
.us03_01_list{
	width:20%; border:1px solid #fff; position:relative; border-left:0; text-align:center; padding:100px 0;
} 
.us03_01_list:first-child{
	border-left:1px solid #fff;
}

.us03_01_list_in img{
	display:inline-block; height:61px;
}
.us03_01_list_in .text{
	font-size:30px; color:#fff; font-weight:bold; margin-top:20px;
}
.us03_01_list_out{
	position:absolute; width:100%; height:100%; top:0px; left:0px; display:flex; justify-content:center; text-align:center; flex-direction:column; background:rgba(255,255,255,0.8);
}
.us03_01_list_out .t{
	font-size:30px; color:var(--com-color); font-weight:bold;
}
.us03_01_list_out .b{
	font-size:18px; color:#333; margin-top:30px;
}

.us03_01_list_in{
	 opacity:1;
}
.us03_01_list:hover .us03_01_list_in{
	 opacity:0;
}
.us03_01_list_out{
	 opacity:0;
}
.us03_01_list:hover .us03_01_list_out{
	 opacity:1;
}

.tech_06_con{
	display:flex; flex-wrap:wrap;
}
.tech_06_list {
	width: calc(25% - (40px * 3) / 4); margin-left:40px;  margin-top:40px; display:block;
}
.tech_06_list:nth-child(4n+1){
	margin-left:0px;
}
.tech_06_list .img{
	width:100%; padding:61.875% 0; overflow:hidden; position:relative;
}
.tech_06_list .img img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.tech_06_list .img:hover img{
	transform:translateX(-50%) scale(1.1);
	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;	
}
.tech_06_list .text{
	font-size:16px; color:#333; margin-top:20px; text-align:center;
}



.news_page{
	margin:60px auto 0; text-align:center; font-size:14px;
}
.news_page li{
	display:inline-block;
}
.news_page li a,.news_page li span{
	width:40px; height:40px; line-height:40px; display:inline-block; text-align:center; border:1px solid #dfdfdf;
	font-size:14px; color:#333;  margin:0 4px; background:#fff;
}
.news_page li.active a,.news_page li span.current,.news_page li a:hover{
	background:var(--com-color); color:#fff; border-color:var(--com-color); 
}




.device_biglist{
	margin-top:60px;
}
.device_list_con{
	display:flex; flex-wrap:wrap;
}
.device_list {
	width: calc(33.33% - (40px * 2) / 3); margin-left:40px;  margin-top:30px; display:block; position:relative;
}
.device_list:nth-child(3n+1){
	margin-left:0px;
}
.device_list .img{
	width:100%; padding:45.45% 0; overflow:hidden; position:relative;
}
.device_list .img img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.device_list .img:hover img{
	transform:translateX(-50%) scale(1.1);
	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;	
}
.device_list .t{
	font-size:24px; width:100%; color:#050505; font-weight:bold; text-align:center; padding:18px 0; position:absolute; left:0px; bottom:0px; background:rgba(255,255,255,0.8);
}


.contact_01_con{
	display:flex; flex-wrap:wrap; background:#f0f1f1; margin:40px 0 50px;
}
.contact_01_con .img{
	width:35.7%; overflow:hidden; position:relative;
}
.contact_01_con .img img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.contact_01_con .img:hover img{
	transform:translateX(-50%) scale(1.1);
	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;	
}
.contact_01_con .text{
	width:calc(100% - 35.7%); padding:40px; padding-bottom:55px;
}
.contact_01_con .text .t{
	font-size:24px; color:#333;
}
.contact_01_con .text .b,.contact_01_con .text .c{
	font-size:16px; line-height:1.625;
}
.contact_01_con .text .b{
	color:#666; margin:12px 0;
}
.contact_01_con .text .c{
	color:#999;
}

.contact_02_con{
	display:flex; flex-wrap:wrap;
}
.contact_02_list {
	width: calc(25% - (45px * 3) / 4); text-align:center; padding:40px 0 25px; margin-left:45px;  background:#fff; box-shadow: 0px 4px 30px 0px rgba(46, 46, 46, 0.3); border-top:20px solid var(--com-color);
}
.contact_02_list:nth-child(4n+1){
	margin-left:0px;
}
.contact_02_list .img img{
	width:58px; display:inline-block;
}
.contact_02_list .t{
	font-size:20px; color:#333; font-weight:bold; margin:12px 0 10px;
}
.contact_02_list .b{
	font-size:16px; color:#666;
}

.contact_03_con{
	margin-top:60px;
}
.contact_03_con form{
	display:flex; flex-wrap:wrap;
}
.contact_03_con form .input_li {
	width: calc(33.33% - (40px * 2) / 3); margin-left:40px; margin-top:25px;
}
.contact_03_con form .input_li:nth-child(3n+1){
	margin-left:0px;
}
.contact_03_con form .input_li .t{
	font-size:18px; color:#050505;
}
.contact_03_con form .input_li .t span{
	color:#ff0000;
}
.contact_03_con form .input_li .input01{
	width:100%; margin-top:10px; padding:0 12px; background:#f0f1f1; line-height:40px; height:40px; border:0px; font-size:16px; color:#666;
}
.contact_03_con form .input_li.textarea_li{
	width:100%;
}
.contact_03_con form .input_li.textarea_li textarea{
	height:120px; line-height:1.5; padding:8px 12px; resize: unset;
}
.contact_03_con form  .submit_reset{
	display:flex; justify-content:end; margin-top:50px; width:100%;
}
.contact_03_con form  .submit_reset input{
	display:inline-block; padding:12px 0; border:1px solid #999; font-size:20px; color:#999; margin-left:28px; width:142px; background:none; cursor:pointer;
}
.contact_03_con form  .submit_reset input:first-child{
	margin-left:0px; color:#fff; background:var(--com-color); border-color:var(--com-color);
}


.techall_comtext{
	font-size:16px; color:#666; line-height:1.875;
}
.techall_list{
	margin-top:80px;
}
.techall_list:first-child{
	margin-top:0px;
}
.techall_01_01{
	display:flex; margin:30px 0;
}
.techall_01_01 .text{
	font-size:18px; color:#4c4c4c; width:34.28%; margin-left:12.15%; margin-right:5.5%; line-height:1.75; display:flex; justify-content:center; flex-direction:column;
}
.techall_01_01 .img{
	width:33.21%;
}
.techall_01_01 .img img{
	display:block; width:100%;
}

.techall_01_02 .bigt{
	font-size:24px; color:#1a1a1a; font-weight:bold;
}
.techall_01_02_con{
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.techall_01_02_bigli{
	width:calc(50% - 20px);
}
.techall_01_02_sli{
	width:100%; margin-top:40px; padding:40px; padding-bottom:35px; background:#d2cde6; border-radius: 20px;
}
.techall_01_02_sli .st{
	font-size:20px; color:#1a1a1a; font-weight:bold; text-indent:2em;
}
.techall_01_02_sli .sb{
	margin-top:10px;
}
.techall_01_02_bigli:nth-child(1) .techall_01_02_sli:nth-child(2){ background:#e3e6cd; }
.techall_01_02_bigli:nth-child(1) .techall_01_02_sli:nth-child(3){ background:#fff582; }
.techall_01_02_bigli:nth-child(1) .techall_01_02_sli:nth-child(4){ background:#fbd7a3; }
.techall_01_02_bigli:nth-child(1) .techall_01_02_sli:nth-child(5){ background:#ffbeba; }
.techall_01_02_bigli:nth-child(1) .techall_01_02_sli:nth-child(6){ background:#e2f2c6; }
.techall_01_02_bigli:nth-child(1) .techall_01_02_sli:nth-child(7){ background:#f5d3bc; }
.techall_01_02_bigli:nth-child(2) .techall_01_02_sli:nth-child(1){ background:#a0d9f6; margin-top:calc(40px + 30px); }
.techall_01_02_bigli:nth-child(2) .techall_01_02_sli:nth-child(2){ background:#fbd7a3; }
.techall_01_02_bigli:nth-child(2) .techall_01_02_sli:nth-child(3){ background:#8ae4f2; }
.techall_01_02_bigli:nth-child(2) .techall_01_02_sli:nth-child(4){ background:#eeeeef; }
.techall_01_02_bigli:nth-child(2) .techall_01_02_sli:nth-child(5){ background:#ecf6ad; }
.techall_01_02_bigli:nth-child(2) .techall_01_02_sli:nth-child(6){ background:#edd7cd; }
.techall_01_02_bigli:nth-child(2) .techall_01_02_sli:nth-child(7){ background:#d5eafa; }

.techall_02_01{
	display:flex; flex-wrap:wrap; justify-content:space-between; margin:20px auto;
}
.techall_02_01 .text,.techall_02_01 .img{
	width:calc(50% - 20px);
}
.techall_02_01 .img img{
	display:block; width:100%; 
}
.techall_02_01 .text{
	display:flex; justify-content:center; flex-direction:column;
}
.techall_02_02 b,.techall_02_02 strong{
	display:inline-block; color:#161616; font-size:1.125em;
}
.techall_02_03 img{
	display:block; width:100%; margin-top:30px;
}

.techall_03_01{
	display:flex; margin:30px 0;
}
.techall_03_01 .text{
	font-size:18px; color:#4c4c4c; width:34.28%; line-height:1.75; display:flex; justify-content:center; flex-direction:column;
}
.techall_03_01 .img{
	width:31.28%;  margin-left:13.92%; margin-right:5.5%;
}
.techall_03_01 .img img{
	display:block; width:100%;
}
.techall_comtext b,.techall_comtext strong{
	display:inline-block; color:#161616; font-size:1.125em;
}

.techall_04_con{
	display:flex; justify-content:space-between; flex-wrap:wrap;
}
.techall_04_list{
	width:calc(50% - 20px); padding:10px 0; margin-top:30px; display:flex; justify-content:space-between;  box-shadow: 0px 4px 20px 0px rgba(46, 46, 46, 0.2);
}
.techall_04_list:nth-child(-n+2){
	margin-top:0px;
}
.techall_04_list .text{
		width:calc(100% - 46px - (25px * 2)); display:flex; justify-content:center; flex-direction:column; line-height:1.4; height:80px; padding-left:65px;
}
.techall_04_list .text .t{
	font-size:18px; color:#999;
}
.techall_04_list .text .b{
	font-size:20px; color:#292929;
}
.techall_04_list .img{
	padding:0 25px; display:flex; justify-content:center; flex-direction:column; border-left:1px solid #ccc;
}
.techall_04_list .img img{
	display:block; width:46px; height:46px;
}

.news_top{
	display:flex;  box-shadow: 0px 4px 20px 0px rgba(46, 46, 46, 0.2); background:#fff;
}
.news_top .img{
	width:48.5%;
}
.news_top .img .imgin{
	width:100%; height:100%; overflow:hidden; position:relative;
}
.news_top .img .imgin img{
	position:absolute; height:100%; min-width:100.5%; top:0; left:50%; transform:translateX(-50%);
	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;	
}
.news_top:hover .img .imgin img{
	transform:translateX(-50%) scale(1.1);
	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;	
}
.news_top .text{
	width:51.5%; padding: 25px 35px;  line-height: 1.5;
}
.news_top .text .date{
	color: #333; font-size: 14px;  font-family: gilroy-bold;
}
.news_top .text .t{
	color: #333; font-size: 22px; margin:60px 0;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.news_top .text .b{
	color: #666; font-size: 16px;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.news_top .text .a {
	width: 172px; height: 46px; padding: 0px 8px 0px 20px; margin-top:60px;
	display: flex; justify-content: space-between; align-items: center;box-shadow: 0px 0px 15px rgba(0, 0, 0, .1); border-radius: 1000px;
}
.news_top .text .a p {
	font-size: 16px; color: #333; line-height: 46px;
}
.news_top .text .a i {
	width: 30px; height: 30px;
	background: var(--com-color); display: flex; justify-content: center; align-items: center; border-radius: 50%;
}
.news_top .text .a i::after {
	content: ""; border-left: 6px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;
}
.news_con{
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.news_list{
	width:calc(50% - 20px); margin-top:40px;  box-shadow: 0px 4px 20px 0px rgba(46, 46, 46, 0.2); background:#fff; padding:20px 30px; border-radius:10px;
}
.news_list .news_t{
	display:flex; justify-content:space-between; margin-bottom:30px;
}
.news_list .news_t .t{
	font-size:18px; width:calc(100% - 100px); color:#333;
}
.news_list .news_t .date{
	font-size:14px; font-family: gilroy-bold; width:100px; color:#999; text-align:right;
}
.news_list .news_b{
	display:flex; justify-content:space-between;
}
.news_list .news_b .b{
	font-size:14px; width:calc(100% - 100px); line-height:1.75; color:#888;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.news_list .news_b .a{
	font-size:14px; font-family: gilroy-bold; width:100px; color:#000; text-align:right; display:flex; justify-content:end; flex-direction:column;
}
.news_list:hover  .news_t .t{
	color:var(--com-color);
}
.news_list:hover  .news_b .a{
	text-decoration:underline;
}


.news_show_t{
	text-align:center;
}
.news_show_t .t{
	font-size:30px; color:#333;
}
.news_show_t .b{
	font-size:16px; color:#999; margin:20px 0 25px;
}
.news_show_b{
	font-size:16px; color:#666; line-height:1.75; padding:30px 0; border-top:1px dashed rgba(0,0,0,.15); border-bottom:1px dashed rgba(0,0,0,.15);
}
.news_show_b img{
	max-width:100% !important; height:auto !important; display:inline-block;
}
.news_show_c{
	display:flex; justify-content:space-between; padding-top:25px;
}
.news_show_c a{
	width:calc(50% - 20px); font-size:14px; color:#666;
}
.news_show_c a:nth-child(2){
	text-align:right;
}
.news_show_c a:hover{
	text-decoration:underline; color:var(--com-color);
}


.pro_page {
	position: relative;
	background: url(../images/goods_bg.png) center top no-repeat;
	background-size: 100% auto;
	padding-top: 100px;
	overflow: hidden;
}
.pro_show_top_in{
    display: flex; justify-content: space-between; align-items: flex-start;  align-content: flex-start;
}
.pro_show_l{
    width:45%; display: flex; justify-content: center; flex-direction: column;
}
.pro_show_l .pro_show_lt{
    font-size: 36px;  color: #333;
}
.pro_show_l .pro_show_lb{
    font-size: 16px;  color: #666; line-height: 3; margin-top: 30px;
}
.pro_show_l .pro_show_lb img{
    max-width: 100%;
}
.pro_show_r{
    width:50%; position: relative; background: #fff;
}
.pro_show_r_swiper{
    width: 100%;
}
/*
.pro_show_r_swiper .swiper-slide .img{
	width:100%; padding:40% 0; overflow:hidden;
}
.pro_show_r_swiper .swiper-slide .img img{
	position:absolute; width:100%;  left:0; top:50%; transform:translateY(-50%);
	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_show_r_swiper .swiper-slide:hover .img img{
	transform:translateY(-50%) scale(1.1);
	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_show_r_swiper .swiper-slide .img{
	width:100%; overflow:hidden;
}
.pro_show_r_swiper .swiper-slide .img img{
    width:100%;
	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_show_r_swiper .swiper-slide:hover .img img{
	transform:scale(1.05);
	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_show_r .swiper-button-prev,
.pro_show_r .swiper-button-next{
    background: rgba(0,0,0,0.5); width: 40px; height: 40px; border-radius: 1000px; margin-top: 0 !important;
}
.pro_show_r .swiper-button-prev::after,
.pro_show_r .swiper-button-next::after{
    font-size: 16px; color: #fff;
}

.pro_show_bottom .pro1200{
    width: 1200px; margin: 0px auto 0;
}
.pro_show_bottom_in {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	overflow: hidden;
}
.pro_show_bottom_in .pro_show_bt{
	color: #333;
	text-align: center;
	line-height: 60px;
	font-size: 22px;
	background: url(../images/goods_title_bg.jpg) #fafbfd center center no-repeat;
	background-size: 100% auto;
}
.pro_show_bottom_in .pro_show_bb {
	background: #fff; padding:30px 15px; font-size: 15px; line-height: 1.75; color: #666;
}
.pro_show_bottom_in .pro_show_bb img{
    max-width: 100% !important; height: auto !important;
}

.pro_con_01_new{
    display: flex; justify-content: space-between; flex-wrap: wrap;
}
.pro_con_01_new_left{
    width: 17.15%;
}
.pro_con_01_new_left_list .pc01nllt{
    display: flex; justify-content: space-between; padding: 16px 18px; padding-left: 28px; background: #eeeeef; border: 1px solid #cccccc; font-size: 18px; color: #333; cursor: pointer;
}
.pro_con_01_new_left_list .pc01nllt i{
    font-size: 0.9em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.pro_con_01_new_left_list.active .pc01nllt i{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.pro_con_01_new_left_list.active .pc01nllt{
    background: #00479d; border: 1px solid #00479d;  color: #fff;
}
.pro_con_01_new_left_list .pc01nllb{
    background: #f7f7f7; border: 1px solid #00479d; padding: 12px 18px;  padding-left: 28px; display: none;
}
.pro_con_01_new_left_list.active .pc01nllb{

}
.pro_con_01_new_left_list .pc01nllb a{
    display: block; font-size: 16px; color: #666; line-height: 1.875;
}
.pro_con_01_new_left_list .pc01nllb a:hover{
    color: #00479d;
}
.pro_con_01_new_right{
    width: 79.35%;
}
.pro_con_01_new_right_list{
    display: none; flex-wrap: wrap;
}
.pro_con_01_new_right_list.active{
    display: flex;
}
.pro_con_01_new_right_list .pc01lc_li .img {
	padding: 50% 0;
}
.pro_con_01_new_right_list .pc01lc_li:nth-child(-n+3) {
	margin-top: 0;
}
.pro_con_01_new_right_list .pc01lc_li .text{
    font-size: 18px; font-weight: bold;
}
.newform_out{
    background: #00479d; padding: 12px 15px;
}
.newform{
    display: flex; justify-content: space-between; background: #fff; border: 0; border-radius: 1000px; padding: 0 10px; width: 100%; height: 28px;
}
.newform .keywords{
    width: calc(100% - 18px); height: 28px; line-height: 28px; font-size: 15px; color: #666; border: 0; border-radius: 1000px;
}
.newform .submit{
	width:18px; background:url(../images/new_search.png) no-repeat center center;
	background-size:100% auto; cursor:pointer;
	border:0px; 
}
