﻿@charset "utf-8";

/*font-awesome 字体*/
@import url("font-awesome.4.7.0.css");
/*font-awesome 字体*/

/*glyphicons_font 字体*/
@import url("glyphicons_font.css");
/*glyphicons_font 字体*/

/*bootstrap*/
@import url("bootstrap.4.3.1.css");
/*@import url("bootstrap-grid.4.3.1.css");*/
/*bootstrap*/

/*owl 滑块*/
@import url("owl.carousel.2.3.4.css");
@import url("owl.theme.2.3.4.css");
/*owl 滑块*/

/*swiper 滑块*/
@import url("swiper.4.5.css");
/*swiper 滑块*/

/*animation 动画*/
@import url("animate.3.7.0.css");
/*animation 动画*/

/*mobile nav*/
@import url("codehim-dropdown.css");
/*mobile nav*/

/*图片放大镜*/
@import url("magnific-popup.css");
/*图片放大镜*/

/*重置样式*/
@import url("reset.css");
/*重置样式*/

@import url("./gaode_main.css");/*高德地图*/

/*public*/
	/*map地图*/
		.map {
			height: 500px;
			width: 100%;
			margin: 0 auto;
			z-index:9;
			border:1px solid var(--c);
		}
		.map img {
			width:auto !important;
			max-width:initial;
		}
		.map b {
			color:#d44924;
			font-size:15px;
		}
		.map .BMap_center {
			/*width: 312px !important;*/
		}
		.map .iw_poi_content {
			color:#333;
			font-size:12px;
		}
	/*map地图*/

	/*列表页菜单*/
		.nav_list {
			text-align: var(--center);
			padding: var(--pb15);
			margin: var(--mb30);
			border-bottom:1px solid var(--e);
		}
		.nav_list .h2 {
			color: var(--3);
			font-size: 48px;
			margin: var(--mb30);
		}
		.nav_list .ol {margin: var(--m0);}
		.nav_list .ol li {margin: 0 15px;}
		.nav_list .ol li a {
			color: var(--6);
			font-size: var(--18);
			transition: all 0.5s ease-in-out;
		}
		.nav_list .ol .li a,
		.nav_list .ol li:hover a {color: var(--3);}
	/*列表页菜单*/

	/*面包屑导航*/
		.crumbs_nav {
			position: relative;
			background: var(--bg_ef);
			border-bottom:1px solid var(--d);
		}
		.crumbs_nav .crumbs_nav_main {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			margin: var(--m0);
			padding: var(--p0);
			background: transparent;
		}
		.crumbs_nav_main .ol, .crumbs_nav_main .ul {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
			margin: var(--m_0);
			padding: var(--p0);
		}
		.crumbs_nav_main .crumbs_h2 {
			width: 110px;
			cursor: pointer;
			margin: var(--m0);
		}
		.crumbs_nav_main .crumbs_h2 .fa {
			color: var(--3);
			font-size: var(--14);
		}
		.crumbs_nav_main .crumbs_h2 span {
			color: var(--3);
			font-size: var(--14);
			text-transform: uppercase;
			margin-left: 10px;
		}
		.crumbs_nav_main .m_ol {
		    position: absolute;
			top: 35px;
			background: var(--f);
			border: 1px solid var(--color);
		}
		.crumbs_nav_main .m_ol li {border-bottom: 1px solid var(--color);}
		.crumbs_nav_main .m_ol li:last-child {border-bottom: none;}
		.crumbs_nav_main .m_ol li a,
		.crumbs_nav_main .ol li a {
			color: var(--3);
			font-size: var(--14);
			display: block;
			padding: 5px 20px;
			background: transparent;
			transition: all 0.5s ease-in-out;
		}
		.crumbs_nav_main .m_ol .active a, .crumbs_nav_main .m_ol li a:hover,
		.crumbs_nav_main .ol .active a, .crumbs_nav_main .ol li:hover a {
			color: var(--f);
			background: var(--color);
		}
		.crumbs_nav_main .ul li {
			color: var(--3);
			font-size: var(--14);
			font-weight: 600;
			font-family:"FontAwesome";
		}
		.crumbs_nav_main .ul li + li::before {
			content:"\f105";
			color: var(--3);
			font-size: var(--14);
			padding:0 5px;
		}
		.crumbs_nav_main .ul li a {
			color: var(--3);
			font-size: var(--14);
			font-weight: 500;
			transition: all 0.5s ease-in-out;
		}
		.crumbs_nav_main .ul li:hover a {color: var(--6);}
	/*面包屑导航*/


	/*分页*/
		.nav_pagination {
			display: flex;
			flex-flow: wrap;
			align-items: flex-start;
			justify-content: center;
			margin: 30px auto 10px;
		}
		.nav_pagination .pagination {
			display: flex;
			flex-flow: wrap;
			align-items: center;
			justify-content: center;
			margin:var(--m0);
		}
		.nav_pagination .pagination .prev a i,
		.nav_pagination .pagination .next a i {color:var(--c);font-size:var(--16);}
		.nav_pagination .pagination .prev:hover a i,
		.nav_pagination .pagination .next:hover a i {color:var(--f);}
		.nav_pagination .pagination li a {
			color:var(--f);
			font-size:var(--16);
			padding: 3px 10px;
		    display: block;
		    margin: 3px 3px;
			border-radius: 2px;
			background: #b3b3b3;
			border :1px solid #b3b3b3;
			transition: all 0.5s ease-in-out;
		}
		.nav_pagination .pagination .active a,
		.nav_pagination .pagination li:hover a {
			color:var(--f);
			border-color: var(--color);
			background: var(--color);
		}
	/*分页*/

	/*详情页 分页*/
		.prev_next {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			padding: var(--pt20);
			border-top: 1px solid var(--c);
		}
		.prev_next .ul {
			margin: var(--m_0);
		}
		.prev_next .ul li a {
			color: var(--6);
			font-size:var(--14);
			transition: all 0.5s ease-in-out;
		}
		.prev_next .ul li a:hover {
			color: var(--color);
			border-color: var(--color);
		}
		.prev_next .list_a {
			display: block;
			color: #6c6c6c;
			font-size:var(--14);
			padding: 5px 10px;
			border-radius: 5px;			
			background: #cbc7c7;
			transition: all 0.5s ease-in-out;
		}
		.prev_next .list_a:hover {
			color: var(--f);
			background: var(--color);
		}
	/*详情页 分页*/

	/*内页广告大图*/
		.banner_figure {position: relative;margin: var(--m0);}
		.banner_figure img {width: var(--100);}
		.banner_figure .figcaption_text {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			text-align: var(--center);
			background: rgba(0, 0, 0, 0); 
			display: none;
			align-items: center;
			justify-content: center;
			transition: all 0.5s ease-in-out;
		}
		.banner_figure .figcaption_text h3 {
			font-size: 40px;
			line-height: 40px;
			color: var(--f);
			margin: var(--m0);
		}
		.banner_figure .figcaption_text p {
			font-size: var(--22);
			color: var(--f);
			text-transform: capitalize;
			margin: var(--mt20);
		}
	/*内页广告大图*/
	
	.index_product_main .swiper-button-next,
	.index_product_main .swiper-button-prev,
	.index_honor_main .swiper-button-next,
	.index_honor_main .swiper-button-prev {
		position:absolute;
		top: auto;
		bottom: 150px;
		width: 44px;
		height: 85px;
		line-height: 30px;
		margin:var(--m0);
		z-index:10;
		cursor:pointer;
		background-size:44px 85px;
		background-position:center;
		background-repeat:no-repeat;
	}
	.index_product_main .swiper-button-next .fa,
	.index_product_main .swiper-button-prev .fa, 
	.index_honor_main .swiper-button-next .fa,
	.index_honor_main .swiper-button-prev .fa {
		display: none;
		color: var(--3);
		font-size: var(--30);
	}
	.index_product_main .pagination_next_prev,
	.index_honor_main .pagination_next_prev {
		position:relative;
		text-align:var(--center);
	}
	.index_product_main .swiper-button-next,
	.index_honor_main .swiper-button-next {
		background-image:url('../images/next.png');
		right:-60px;
		left:auto;
	}
	.index_product_main .swiper-button-prev,
	.index_honor_main .swiper-button-prev {
		background-image:url('../images/prev.png');
		left:-60px;
		right:auto;
	}
	.index_product_main .swiper-button-next.swiper-button-disabled,
	.index_product_main .swiper-button-prev.swiper-button-disabled,
	.index_honor_main .swiper-button-next.swiper-button-disabled,
	.index_honor_main .swiper-button-prev.swiper-button-disabled {
		opacity:0.4;
		cursor:auto;
		pointer-events:none;
	}
	.index_product_main .swiper-pagination,
	.index_honor_main .swiper-pagination {
		position:relative;
		display:none;
		margin:var(--mt20);
	}
	.index_product_main .swiper-pagination-bullet,
	.index_honor_main .swiper-pagination-bullet {
		width:10px;
		height:10px;
		margin:0 5px;
	}
	.index_product_main .swiper-pagination-bullet,
	.index_honor_main .swiper-pagination-bullet {
		background:var(--color);
		opacity:.5;
	}
	.index_product_main .swiper-pagination-bullet-active,
	.index_honor_main .swiper-pagination-bullet-active {
		background:var(--color);
		opacity:1;
	}

	.text_img {
		display: block;
		width: auto;
		max-width: 100%;
		margin: var(--m0);
	}
	.index_title {text-align: var(--center);}
	.index_title h2 {
		color: var(--3);
		font-size: var(--30);
		line-height: 30px;
		margin: var(--mb5);
	}
	.index_title span {
		color: var(--6);
		font-size: var(--20);
		font-weight: 100;
		text-transform: uppercase;
	}
	.mt150 {margin-top: 150px;}
/*public*/

/*header*/
	
	.btn-nav {
		border:none;
		display:block;
		padding: var(--p0);
		margin: var(--m_0);
		background:transparent;
		-webkit-transition:all .8s ease;
		-moz-transition:all .8s ease;
		-ms-transition:all .8s ease;
		-o-transition:all .8s ease;
		transition:all .8s ease;
		cursor:pointer;
		z-index:99999;
	}
	.btn-nav:focus {outline:0;}
	.icon-bar {
		display:block;
		margin: 5px 0;
		width: 30px;
		height: 3px;
		background: var(--3);
	}
	.btn-nav:hover .icon-bar {
		-webkit-transition:all 1s ease;
		-moz-transition:all 1s ease;
		-ms-transition:all 1s ease;
		-o-transition:all 1s ease;
		transition:all 1s ease;
		background-color: var(--6);;
	}
	.animated:hover .icon-bar,.animated:focus .icon-bar {background-color: var(--3);}
	.animated:focus {
		outline:0;
		cursor:pointer;
		z-index:9999;
	}
	.middle {margin:0 auto;}
	.icon-bar {
		-webkit-transition:all .7s ease;
		-moz-transition:all .7s ease;
		-ms-transition:all .7s ease;
		-o-transition:all .7s ease;
		transition:all .7s ease;
		z-index:999999;
	}
	.animated .icon-bar {
		z-index:999999;
		background-color: var(--3);
	}
	.animated .top {
		-webkit-transform:translateY(5px) rotateZ(40deg);
		-moz-transform:translateY(5px) rotateZ(40deg);
		-ms-transform:translateY(5px) rotateZ(40deg);
		-o-transform:translateY(5px) rotateZ(40deg);
		transform:translateY(5px) rotateZ(40deg);
	}
	.animated .bottom {
		-webkit-transform:translateY(-11px) rotateZ(-45deg);
		-moz-transform:translateY(-11px) rotateZ(-45deg);
		-ms-transform:translateY(-11px) rotateZ(-45deg);
		-o-transform:translateY(-11px) rotateZ(-45deg);
		transform:translateY(-11px) rotateZ(-45deg);
	}
	.animated .middle {width:0;}
	@keyframes showNav {
		from {
			top:-100%;
		}
		to {
			top:0;
		}
	}
	@-webkit-keyframes showNav {
		from {
			top:-100%;
		}
		to {
			top:0;
		}
	}
	@-moz-keyframes showNav {
		from {
			top:-100%;
		}
		to {
			top:0;
		}
	}
	@-o-keyframes showNav {
		from {
			top:-100%;
		}
		to {
			top:0;
		}
	}
	.showNav {
		-webkit-animation:showNav 1s ease forwards;
		-moz-animation:showNav 1s ease forwards;
		-o-animation:showNav 1s ease forwards;
		animation:showNav 1s ease forwards;
	}
	@keyframes hideNav {
		from {
			top:0;
		}
		to {
			top:-100%;
		}
	}
	@-webkit-keyframes hideNav {
		from {
			top:0;
		}
		to {
			top:-100%;
		}
	}
	@-moz-keyframes hideNav {
		from {
			top:0;
		}
		to {
			top:-100%;
		}
	}
	@-o-keyframes hideNav {
		from {
			top:0;
		}
		to {
			top:-100%;
		}
	}
	.hideNav {
		-webkit-animation:hideNav 1s ease forwards;
		-moz-animation:hideNav 1s ease forwards;
		-o-animation:hideNav 1s ease forwards;
		animation:hideNav 1s ease forwards;
	}
	.hidden {display:none;}
	.nav-content {
		position: fixed;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 9;
	    height: 450px;
	    padding: 50px 15px 15px;
	    background: var(--f);
	}
	.nav span {
		color: #333;
		font-size: 15px;
		padding: 3px 0 0 10px;
	}
	.cd-dropdown ul {
		position: absolute;
		top: 0px;
		width: 100%;
		text-align: center;
	}
	.cd-dropdown > span,
	.cd-dropdown ul li {
		box-shadow: 0 1px 1px rgba(0,0,0,0);
	}

	.cd-dropdown ul li {
		display: block;
		position: relative;
		width: 100% !important;
		top: 0px !important;
	}

	.cd-active.cd-dropdown > span {
		color: #666;
	}

	.cd-active.cd-dropdown ul li {
		pointer-events: auto;
	}

	.cd-active.cd-dropdown ul li span {
		-webkit-transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
		-ms-transition: all 0.2s linear 0s;
		-o-transition: all 0.2s linear 0s;
		transition: all 0.2s linear 0s;
	}

	.cd-active.cd-dropdown ul li span:hover {
		background: #333;
		color: #fff;
	}
	.cd-dropdown,
	.cd-select {
		position: relative;
		width: 35px;
		height: 25px;
		margin: 0px auto;
		display: block;
	}

	.cd-dropdown > span {
		color: #333;
		font-weight: 600;
		font-size: 13px;
		background: transparent;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.cd-dropdown > span:after {
		content: '\25BC';
		position: absolute;
		right: 0px;
		text-align: center;
		font-size: 12px;
	}

	.cd-dropdown.cd-active > span:after {
		content: '\25B2';
	}

	.cd-dropdown ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: block;
		position: relative;
	}

	.cd-dropdown ul li span {
		width: 100%;
		background: transparent;
		padding: 0px 5px;
		display: block;
		color: #333;
		cursor: pointer;
	}

	.cd-dropdown > span,
	.cd-dropdown ul li span {
		-webkit-backface-visibility: hidden;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.cd-dropdown > span span[class^="icon-"],
	.cd-dropdown > span span[class*=" icon-"]{
		padding: 0 30px 0 45px;
	}

	/* Select fallback styling */
	.cd-select {
		border: 1px solid #ddd;
	}



	.search {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.js .search {
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0 15px;
	}

	.js .search::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
	}
	.btn {margin-top: -5px;}
	.btn:focus {outline:0;box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25);}
	.btn--search-close {
		font-size: 20px;
		position: absolute;
		top: 1.25em;
		right: 1.25em;
		display: none;
	}
	.btn--search-close .fa {color: #fff;font-size: 20px;}

	.js .btn--search-close {
		display: block;
	}

	.search__form {
		margin: 0 0;
	}

	.search__input {
		font-family: inherit;
		font-size: 15px;
		color: #333;
	    display: inline-block;
	    box-sizing: border-box;
	    width: 100%;
	    padding: 5px;
	    border: 1px solid transparent;
	}

	.search__input::-webkit-input-placeholder {
		/* WebKit, Blink, Edge */
		color: #4a319e;
	}

	.search__input::-moz-placeholder {
		opacity: 1;
		/* Mozilla Firefox 19+ */
		color: #4a319e;
	}

	.search__input:-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #4a319e;
	}

	.search__input::-webkit-search-cancel-button,
	.search__input::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	.search__input::-ms-clear {
		display: none;
	}

	/************************/
	/* Transitions 			*/
	/************************/

	.js .main-wrap {
		position: relative;
		transition: transform 0.5s;
	}

	.js .main-wrap--move {
		transform: scale3d(0.7,0.7,1);
	}

	.js .main-wrap--move .btn--search {
		pointer-events: none;
		opacity: 0;
	}

	.js .search {
		pointer-events: none;
	}

	.js .search--open {
		pointer-events: auto;
	}

	.js .search::before {
		opacity: 0;
		transition: opacity 0.5s;
	}

	.js .search--open::before {
		opacity: 1;
	}

	/* Close button */
	.btn--search-close {
		opacity: 0;
		transition: opacity 0.5s;
	}

	.search--open .btn--search-close {opacity: 1;}

	/* Search form with input and description */

	.search__suggestion,
	.search__info {
		opacity: 0;
		color: #fff;
		font-size: 20px;
		z-index: 1;
    	position: relative;
		transform: translate3d(0, 50px, 0);
		transition: opacity 0.4s, transform 0.4s;
	}

	.search--open .search__suggestion,
	.search--open .search__info {
		opacity: 0;
		transform: translate3d(0, 0, 0);
	}

	.search--open .search__suggestion:first-child {
		transition-delay: 0.15s;
	}

	.search--open .search__suggestion:nth-child(2) {
		transition-delay: 0.2s;
	}

	.js .search__input {
		transform: scale3d(0,1,1);
		transform-origin: 0% 50%;
		transition: transform 0.3s;
	}

	.js .search--open .search__input {
		transform: scale3d(1,1,1);
		transition-duration: 0.5s;
	}


	.header {
		z-index:999;
		-webkit-animation:1s ease-out backwards;
		-moz-animation:1s ease-out backwards;
		-ms-animation:1s ease-out backwards;
		animation:1s ease-out backwards;
		-webkit-animation-name:fadeinT;
		-moz-animation-name:fadeinT;
		-ms-animation-name:fadeinT;
		animation-name:fadeinT;
	}
	@-webkit-keyframes fadeinT{
	    0%{opacity:0;-webkit-transform:translateY(-100px);}
	    100%{opacity:1;-webkit-transform:translateY(0);}
	}
	@-moz-keyframes fadeinT{
	    0%{opacity:0;-moz-transform:translateY(-100px);}
	    100%{opacity:1;-moz-transform:translateY(0);}
	}
	@-ms-keyframes fadeinT{
	    0%{opacity:0;-ms-transform:translateY(-100px);}
	    100%{opacity:1;-ms-transform:translateY(0);}
	}
	@keyframes fadeinT{
	    0%{opacity:0;transform:translateY(-100px);}
	    100%{opacity:1;transform:translateY(0);}
	}
	.top_nav {
		position: fixed;
		left: 0;
		right: 0;
		z-index:999;
		box-shadow:0px 3px 6px 3px rgba(0,0,0,0.0);
		-webkit-animation-duration:1s;
		animation-duration:1s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		-webkit-animation-name:fadeInDown;
		animation-name:fadeInDown;
	}
	@-webkit-keyframes fadeInDown {
		0% {
			opacity:0;
			-webkit-transform:translate3d(0,-100%,0);
			transform:translate3d(0,-100%,0);
		}
		100% {
			opacity:1;
			-webkit-transform:none;
			transform:none;
		}
	}
	@keyframes fadeInDown {
		0% {
			opacity:0;
			-webkit-transform:translate3d(0,-100%,0);
			transform:translate3d(0,-100%,0);
		}
		100% {
			opacity:1;
			-webkit-transform:none;
			transform:none;
		}
	}
	.header .container {padding: var(--p0);}
	.header .header_text {
		padding: var(--ptb5);
		background: var(--color);
	}
	.header .header_text .a {
		color: var(--f);
		font-size: var(--12);
	}
	.header .header_text .select_input .btn_text {
		color: var(--f);
		font-size: var(--12);
	}
	.header .header_text .a .fa,
	.header .header_text .select_input .btn_text .fa {margin-right: 5px;}
	.header .logo_text {
		padding: var(--pt20);
		background: var(--f);
	}
	.header .logo_text .h5 {
		color: var(--6);
		font-size: var(--16);
		margin: var(--m_0);
	}
	.header .logo_text .h5 p{ margin-bottom:0;}
	.header .logo_text .h5 .fa {margin-right: 5px;}
	.header .logo_text .h5 small {
		color: var(--color);
		font-size: var(--22);
		font-weight: 600;
	}
	.header .logo_text .h5 img {display: block;}
	.header .nav_bar {
		padding: var(--p0);
		background: var(--color);
		border-top: 5px solid rgba(255, 255, 255, 0.5);
	}
	.navbar_header {
		display: flex;
	    flex-wrap: nowrap;
	    align-items: center;
	    justify-content: center;
	}
	.main_menu .navbar_ul {
	    display: flex;
		flex-wrap: nowrap;
		align-items: center;
    	justify-content: space-between;
    	margin: var(--m0);
	}
	.main_menu .navbar_ul .nav_item {
		position: relative;
	}
	.main_menu .navbar_ul .nav_item .nav_link {
		position:relative;
		display: block;
		color: var(--f);
		font-size: var(--16);
		line-height:20px;
		padding: 15px 20px;
		transition: all 0.5s ease-in-out;
	}
	.main_menu .navbar_ul .nav_item:hover .nav_link,
	.main_menu .navbar_ul .active .nav_link {color: var(--f);background: var(--color2);}
	
	.main_menu .navbar_ul .nav_item .dropdown_menu {
		position: absolute;
		left: 0;
	    right: 0;
	    top: 50px;
	    bottom: auto;
	    width: 100%;
	    z-index: 1000;
	    display: none;
	    min-width: 100%;
	    text-align: center;
	    background: var(--f);
	    border: none;
	    border-radius: 2px;
	    box-shadow: 0 6px 12px rgba(0,0,0,0);
	    background-clip: padding-box;
	    -webkit-animation:fadeInUpMenu 0.4s;
		-moz-animation:fadeInUpMenu 0.4s;
		-ms-animation:fadeInUpMenu 0.4s;
		-o-animation:fadeInUpMenu 0.4s;
		animation:fadeInUpMenu 0.4s;
	}
	@-webkit-keyframes fadeInUpMenu {
		0% {
			opacity:0;
			-webkit-transform:translateY(10px);
		}
		100% {
			opacity:1;
			-webkit-transform:translateY(0);
		}
	}
	@keyframes fadeInUpMenu {
		0% {
			opacity:0;
			transform:translateY(10px);
		}
		100% {
			opacity:1;
			transform:translateY(0);
		}
	}
	.main_menu .navbar_ul .nav_item:hover .dropdown_menu {display:block;}
	.main_menu .navbar_ul .nav_item .dropdown_menu .dropdown_item {
		display: block;
		font-size: var(--12);
		color: var(--3);
		padding: 10px 3px;
		line-height: 15px;
		font-weight:400;
		border-top:1px solid var(--color);
		transition: all 0.5s ease-in-out 0s;
	}
	.main_menu .navbar_ul .nav_item .dropdown_menu .dropdown_item:hover,
	.main_menu .navbar_ul .nav_item .dropdown_menu .active {
		color: var(--color);    
		transition: all 0.5s ease-in-out 0s;
	}
	.main_menu .navbar_ul .nav_item .dropdown_menu .dropdown_item:focus {background:var(--color);}
/*header*/

/*slider*/
	.slider_img_list {padding: var(--p0);margin: var(--m0);width: var(--100);}
	.slider_img_list .swiper-button-next, .slider_img_list .swiper-button-prev {
		position: absolute;
		top: 50%;
    	bottom: auto;
		width: auto;
		height: auto;
		margin: 0 auto;
		z-index: 10;
		opacity: 0;
		cursor: pointer;
		background-size: 85px 65px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.slider_img_list:hover .swiper-button-next, 
	.slider_img_list:hover .swiper-button-prev {opacity: 1;}
	.slider_img_list .pagination_next_prev {
		font-size: 50px;
    	color: var(--color);
		text-align: var(--text_center);
	}
	.slider_img_list .swiper-button-next {
		right: 50px;
		left: auto;
		background-image: none;
		transition: 0.5s ease-in-out;
	}
	.slider_img_list .swiper-button-prev {
		left: 50px;
		right: auto;
		background-image: none;
		transition: 0.5s ease-in-out;
	}
	.slider_img_list .swiper-button-next.swiper-button-disabled, 
	.slider_img_list .swiper-button-prev.swiper-button-disabled {opacity: 0}
	.slider_img_list:hover .swiper-button-next.swiper-button-disabled, 
	.slider_img_list:hover .swiper-button-prev.swiper-button-disabled {
		opacity: 0.4;
		cursor: auto;
		pointer-events: none;
	}
	.slider_img_list .swiper-pagination {position: absolute;top: auto;bottom: 20px;left: 0;right: 0;}
	.slider_img_list .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 5px;}
	.slider_img_list .swiper-pagination-bullet {background: var(--color);opacity: .5;}
	.slider_img_list .swiper-pagination-bullet-active {background: var(--color);opacity: 1;}
	
	
/*slider*/

/*index_about*/
	.index_about {margin: var(--mtb30);}
	.index_about_main {
		position: relative;
		overflow: hidden;
		padding: var(--p0);
	}
	.index_about_main .text {margin: var(--mt30);}
	.index_about_main .text .row {
		margin: var(--m0);
		background: var(--e);
	}
	.index_about_main .text .h5 {
		color: var(--f);
		font-size: var(--24);
		margin: var(--m0);
		padding: 10px 20px;
		background: var(--color);
	}
	.index_about_main .text .p {
		color: var(--3);
		font-size: var(--14);
		text-indent: 30px;
		margin: var(--mt20);
	}
	.index_about_main .text .link .fa {margin-left: 10px;}
	.index_about_main .text .link {
		float: right;
	    color: var(--3);
	    font-size: var(--14);
	    font-weight: 500;
	    letter-spacing: 1px;
	    overflow: hidden;
	    padding: 5px 25px;
	    margin: 10px 0 20px 0;
	    border: 1px solid var(--c);
	    border-radius: 100px;
	    background-color: transparent;
	    transition: 0.5s ease-in-out;
	}
	.index_about_main .text .link:hover {color: var(--f);border-color: var(--color);}
	.index_about_main .text .link::before {background: var(--color);}
	.index_about_main .text .ul {
		text-align: var(--center);
		margin: var(--mtb20);
		padding: var(--pt20);
		border-top: 1px solid var(--d);
	}
	.index_about_main .text .ul li {margin: 0 10px;}
	.index_about_main .text .ul li a span {
		display: block;
		color: var(--3);
		font-size: var(--14);
		margin-top: 5px;
	}
	.index_about_main .text .list_img {
		padding: var(--p0);
		margin: var(--mb20);
	}
/*index_about*/

/*index_product*/
	.index_product {
		margin: var(--mtb30);
		background:url(../images/index_product_bg.jpg) repeat;
	}
	.index_product_main {
		position: relative;
		overflow: hidden;
		padding: var(--ptb30);
	}
	.index_product_main .index_product_tab {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 30px auto 50px;
	}
	.index_product_main .index_product_tab .product_tab_nav {padding: var(--p0);}
	.index_product_main .index_product_tab .product_tab_nav .ul {
		position: relative;
		display: block;
		width: 250px;
		margin: var(--m_0);
		padding: var(--ptb20);
		background: var(--f);
		box-shadow: 15px 3px 20px 5px rgba(0, 0, 0, 0.15);
	}
	.index_product_main .index_product_tab .product_tab_nav .ul li a {
		position: relative;
		display: block;
		height: 40px;
    	line-height: 40px;
		font-size: var(--14);
		color: var(--3);
		padding: 0 20px;
		border-bottom: 1px dashed var(--d);
	}
	.index_product_main .index_product_tab .product_tab_nav .ul .active,
	.index_product_main .index_product_tab .product_tab_nav .ul li:hover a {
		color: var(--f);
		background: #1f2387;
		border-color: transparent;
	}
	.index_product_main .index_product_tab .product_tab_nav .ul .active::before,
	.index_product_main .index_product_tab .product_tab_nav .ul li:hover a::before {
	    content: url('../images/product_tab_nav_li_bg.png');
	    position: absolute;
	    left: 0;
	}
	.index_product_main .index_product_tab .tab_content {padding: var(--p0);}
	.index_product_main .index_product_tab .a {
		position: relative;
		display: block;
		text-align: var(--center);
	}
	.index_product_main .index_product_tab .a .text {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: var(--center);
		padding: var(--p10);
		background: rgba(0, 0, 0, 0.5);
	}
	.index_product_main .a small {
		color: var(--f);
		font-size: var(--14);
		line-height: 20px;
		overflow: hidden;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: var(--t2);
	    text-overflow: ellipsis;
	    word-break: break-all;
	}
	.index_product_main .p50 {padding: 0 60px;}
	.index_product_main .index_product_list {
		position: relative;
		margin:var(--mtb30);
	}
	.index_product_main .index_product_list .swiper-button-next {right: -70px;}
	.index_product_main .index_product_list .swiper-button-prev {left: -70px;}
	.index_product_main .swiper-button-next, 
	.index_product_main .swiper-button-prev {}
	.index_product_main .index_product_list a {display: block;text-align: var(--center);}
	.index_product_main .index_product_list small {
		color: var(--3);
		font-size: var(--14);
		line-height: 20px;
		transition: all 0.5s ease-in-out;
	}
	.index_product_main .index_product_list a:hover small {color: var(--color);}
/*index_product*/

/*index_case*/
	.index_case {margin: var(--mtb30);}
	.index_case_main {
		position: relative;
		overflow: hidden;
		padding: var(--p0);
	}
	.index_case_main .index_case_list_1 {padding: 0;}
	.index_case_main .index_case_list .a img {width: 100%;}
	.index_case_main .index_case_list .a .figcaption_text {
		position: absolute;
		top: auto;
		bottom: 50px;
		left: 0;
		padding: var(--p15);
	    background: rgba(0, 0, 0, 0.5);
	    transition: all 0.5s ease-in-out;
	}
	.index_case_main .index_case_list .a .figcaption_text h3 {
		color: var(--f);
		font-size: var(--14);
		line-height: 20px;
		margin: var(--mb5);
	}
	.index_case_main .index_case_list .a .figcaption_text span {
		color: var(--f);
		font-size: var(--14);
		line-height: 20px;
	}
	.index_case_list .swiper-button-next, .index_case_list .swiper-button-prev {
		position: absolute;
		top: 40%;
    	bottom: auto;
		width: auto;
		height: auto;
		margin: 0 auto;
		z-index: 10;
		opacity: 0;
		cursor: pointer;
		background-size: 85px 65px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.index_case_list:hover .swiper-button-next, 
	.index_case_list:hover .swiper-button-prev {opacity: 1;}
	.index_case_list .pagination_next_prev {
		font-size: 50px;
    	color: var(--color);
		text-align: var(--text_center);
	}
	.index_case_list .swiper-button-next {
		right: 30px;
		left: auto;
		background-image: none;
		transition: 0.5s ease-in-out;
	}
	.index_case_list .swiper-button-prev {
		left: 30px;
		right: auto;
		background-image: none;
		transition: 0.5s ease-in-out;
	}
	.index_case_list .swiper-button-next.swiper-button-disabled, 
	.index_case_list .swiper-button-prev.swiper-button-disabled {opacity: 0}
	.index_case_list:hover .swiper-button-next.swiper-button-disabled, 
	.index_case_list:hover .swiper-button-prev.swiper-button-disabled {
		opacity: 0.4;
		cursor: auto;
		pointer-events: none;
	}
	.index_case_list .swiper-pagination {position: absolute;top: auto;bottom: 20px;left: auto;right: 10px;}
	.index_case_list .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 5px;}
	.index_case_list .swiper-pagination-bullet {background: var(--f);opacity: 1;}
	.index_case_list .swiper-pagination-bullet-active {background: var(--color);opacity: 1;}
	.index_case_main .text {margin: var(--mt50);}
	.index_case_main .index_case_list_2 {padding: 0 0px 0 10px;}
	.index_case_main .index_case_list_2 .row {margin: var(--m0);}
	.index_case_main .index_case_list_2 .a_text {
		padding: 0 15px 30px;
	}
	.index_case_main .index_case_list_2 .list_img .img_text {
		position: absolute;
		top: auto;
		bottom: 0;
		/*bottom: -50px;*/
		left: 0;
		right: 0;
		text-align: var(--center);
		padding: var(--p10);
	    background: rgba(0, 0, 0, 0.5);
	    transition: all 0.5s ease-in-out;
	}
	/*.index_case_main .index_case_list_2 .list_img:hover .img_text {bottom: 0;}*/
	.index_case_main .index_case_list_2 span {
		color: var(--f);
		font-size: var(--14);
		line-height: 20px;
	    display: block;
	    overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.index_case_main .link .fa {margin-left: 10px;}
	.index_case_main .link {
	    color: var(--6);
	    font-size: var(--14);
	    font-weight: 500;
	    letter-spacing: 1px;
	    overflow: hidden;
	    padding: 10px 50px;
	    margin: 20px auto 0;
	    border: 1px solid var(--c);
	    border-radius: 0px;
	    background-color: transparent;
	    transition: 0.5s ease-in-out;
	}
	.index_case_main .link:hover {color: var(--f);border-color: var(--color);}
	.index_case_main .link::before {background: var(--color);}
/*index_case*/

/*index_honor*/
	.index_honor {
		margin: var(--mtb30);
		padding: 30px 15px;
		background: var(--bg_f5);
	}
	.index_honor_main {
		position: relative;
		overflow: hidden;    
		padding: var(--p0);
	}
	.index_honor_main .p50 {padding: 0 60px;}
	.index_honor_main .index_honor_list {
		position: relative;
		margin:var(--mtb30);
	}
/*index_honor*/

/*index_news*/
	.index_news {margin: var(--mtb30);}
	.index_news_main {
		position: relative;
		overflow: hidden;
		padding: var(--p0);
	}
	.index_news_main .news_ul {margin: var(--mtb30);}
	.index_news_main .news_ul li a {
		color: var(--6);
		font-size: var(--16);
		padding: 10px 20px;
		margin: 0 10px;
		background: transparent; 
		border: 1px solid var(--c);   
		transition: all 0.5s ease-in-out;
	}
	.index_news_main .news_ul li:hover a {color: var(--f);background: #202287;}
	.index_news_main .figure_img .list_img {padding: var(--p0);}
	.index_news_main .figure_img .figcaption_text {padding: 0 20px;}
	.index_news_main .figure_img .figcaption_text h3 {
		margin: var(--mb20);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.index_news_main .figure_img .figcaption_text h3 a {
		color: var(--color);
		font-size: var(--20);
		transition: all 0.5s ease-in-out;
	}
	.index_news_main .figure_img:hover .figcaption_text h3 a {color: var(--3);}
	.index_news_main .figure_img .figcaption_text span {
		color: var(--6);
		font-size: var(--12);
	}
	.index_news_main .figure_img .figcaption_text p {
		color: var(--6);
		font-size: var(--14);
		line-height: 20px;
		text-indent: 30px;
		margin: var(--mtb20);
		overflow: hidden;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: var(--t3);
	    text-overflow: ellipsis;
	    word-break: break-all;
	}
	.index_news_main .figure_img .figcaption_text .link .fa {margin-left: 10px;}
	.index_news_main .figure_img .figcaption_text .link {
		float: right;
	    color: var(--6);
	    font-size: var(--13);
	    font-weight: 500;
	    letter-spacing: 1px;
	    overflow: hidden;
	    padding: 5px 25px;
	    margin: 20px 0 0px 0;
	    border: 1px solid var(--c);
	    border-radius: 100px;
	    background-color: transparent;
	    transition: 0.5s ease-in-out;
	}
	.index_news_main .figure_img .figcaption_text .link:hover {color: var(--f);border-color: var(--color);}
	.index_news_main .figure_img .figcaption_text .link::before {background: var(--color);}
	.index_news_main .ul {margin: var(--m0);}
	.index_news_main .ul li {
		position: relative;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		margin: 0 0 20px 0;
	}
	.index_news_main .ul li:last-child {margin: var(--m_0);}
	.index_news_main .ul li a::before {
		content: "▪";
		position:absolute;
		left: 0;
	}
	.index_news_main .ul li a {
		position: relative;
		color: var(--3);
		font-size: var(--16);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 280px;
		padding-left: 15px;
		transition: all 0.5s ease-in-out;
	}
	.index_news_main .ul li:hover a {color: var(--color);}
	.index_news_main .ul li span {
		color: var(--6);
		font-size: var(--12);
	}
/*index_news*/

/*footer*/
	.footer {
		margin: var(--mt30);
		padding: var(--p0);
	}
	.footer_main {overflow: hidden;}
	.footer_main .footer_nav {
		background: var(--color);
		padding: var(--ptb10);
	}
	.footer_main .footer_nav .ol {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin: var(--m0);
		padding: var(--p0);
	}
	.footer_main .footer_nav .ol li{margin: 0 15px 0;}
	.footer_main .footer_nav .ol li a {
		color: var(--f);
		font-size: var(--14);
	}
	.footer_main .footer_text {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: var(--ptb20);
	}
	.footer_main .footer_text .text_p {
		color: var(--3);
		font-size: var(--12);
		white-space: pre-line;
		margin: var(--m0);
	}
	.footer_main .footer_text .p {
		color: var(--3);
		font-size: var(--12);
		margin: var(--m0);
	}
	.footer_main .footer_text .p a {
		color: var(--3);
		font-size: var(--12);
		transition: all 0.5s ease-in-out;
	}
	.footer_main .footer_text .p a:hover {color: var(--color);}
	.footer_main .footer_text .p span {margin-left: 20px;}
/*footer*/

/*about*/
	.about {margin: var(--mtb30);}
	.about_main {
		padding: var(--p0);
		overflow: hidden;
	}
	.about_main .p {
		color: var(--6);
		font-size: var(--14);
		text-indent: 30px;
		margin: var(--mb20);
	}
/*about*/

/*product*/
	.product {margin: var(--mtb30);}
	.product_main {
		overflow: hidden;
		padding: var(--p0);
	}
	.product_main .product_list {margin-top: 20px;}
	.product_main .product_list .figure_img {
		position: relative;
		/*margin: var(--mb30);*/
	}
	.product_main .product_list .figure_img .list_img {
		position: relative;
		display: block;
		overflow: hidden;
		padding: var(--p5);
		background: var(--e);
	}
	.product_main .product_list .figure_img .figcaption_text {
		text-align: var(--center);
		padding: var(--p5);
		background: var(--e);
	}
	.product_main .product_list .figure_img .figcaption_text h3 {
		margin: var(--mb10);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.product_main .product_list .figure_img .figcaption_text h3 a {
		color: var(--3);
		font-size: var(--16);
		line-height: 20px;
		transition: all 0.5s ease-in-out;
	}
	.product_main .product_list .figure_img:hover .figcaption_text h3 a {color: var(--color);}
/*product*/

/*product_detail*/
	.product_detail {margin: var(--mtb30);}
	.product_detail_main {
		padding: var(--p0);
		margin: var(--mt50);
		overflow: hidden;
	}
	.product_detail_main .right_text .h5 {
		color: var(--3);
		font-size: var(--16);
		font-weight: 600;
		margin: var(--mb20);
		padding: var(--p10);
		background: var(--bg_f5);
		border-top: 2px solid var(--color);
	}
	.product_detail_main .right_text .p {
		color: var(--6);
		font-size: var(--12);
		white-space: pre-line;
		margin: var(--m0);
	}
	.product_detail_main .text {margin: var(--mt30);}
	.product_detail_main .text .h6 {
		margin: var(--mb20);
		background: var(--bg_f5);
	}
	.product_detail_main .text .h6 span {
		display: block;
		color: var(--f);
		font-size: var(--16);
		text-align: var(--center);
		width: 100px;
		padding: var(--p10);
		background: var(--color);
	}
	.product_detail_main .prev_next {margin: var(--mt20);}
	.product_detail_main .product_detail_list_img img {width: 100%;}
	.product_detail_main .product_detail_list_img .pagination_next_prev .fa {
		font-size: 30px;
		line-height: 30px;
    	color: var(--f);
	}
	.product_detail_main .product_detail_list_img .swiper-button-next {
		left: auto;
    	right: 0;
	}
	.product_detail_main .product_detail_list_img .swiper-button-prev {
		left: auto;
    	right: 40px;
	}
	.product_detail_main .product_detail_list_img .swiper-button-next,
	.product_detail_main .product_detail_list_img .swiper-button-prev {
		position: absolute;
		top: auto;
    	bottom: 0;
		width: 40px;
	    height: 40px;
	    line-height: 50px;
	    text-align: center;
		margin: var(--m0);
		z-index: 10;
		opacity: 0;
		cursor: pointer;
		background: var(--color);
		background-image: none;
		transition: 0.5s ease-in-out;
	}
	.product_detail_main .product_detail_list_img .swiper-button-next:hover,
	.product_detail_main .product_detail_list_img .swiper-button-prev:hover {
		background: #cfcfcf;
		transition: 0.5s ease-in-out;
	}
	.product_detail_main .product_detail_list_img .swiper-button-next,
	.product_detail_main .product_detail_list_img .swiper-button-prev {opacity: 1;}
	
	#showbox {position: relative;z-index: 9;height:365px !important;}
	#showbox img{height:365px !important;}
	#showbox span { 
		width: 200px !important;
    	height: 200px !important;
		background:url(../images/whitebg.png) repeat;
	}
	#showsum { left:25px; margin-top:10px;}
	#showsum>p{margin-top: 3px;position: static !important;}
	#showsum span { border:1px solid #ddd;width: 88px !important; height: 58px !important;}
	#showsum span.sel { border:1px solid #f60;    width: 88px !important; height: 58px !important;}
	.showpage { width:550px; position:relative;}
	.showpage a { 
		display:block; 
		width:15px; 
		height:58px;
		border:1px solid #ddd; 
		line-height:58px; 
		background:#eee; 
		text-align:center; 
		font-size:18px; 
		position:absolute; 
		left:0; 
		top:-90px; 
		text-decoration:none; 
		color:#999;
		transition: 0.5s ease-in-out;
	}
	.showpage a#shownext { left:auto; right:0;}
	.showpage a:hover { background:#ccc; color:#777;}
	.showpage #shownext p {margin: var(--m0);}
/*product_detail*/

/*case*/
	.case {margin: var(--mtb30);}
	.case_main {
		overflow: hidden;
		padding: var(--p0);
	}
	.case_main .figure_img {margin: var(--mb30);}
	.case_main .figure_img .row {margin: var(--m0);}
	.case_main .figure_img .list_img {padding: var(--p0);}
	.case_main .figure_img .figcaption_text {padding: var(--p0);background: var(--e);}
	.case_main .figure_img .figcaption_text .text {padding: 0 20px;}
	.case_main .figure_img .figcaption_text h3 {
		margin: var(--mb15);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.case_main .figure_img .figcaption_text h3 a {
		color: var(--3);
		font-size: var(--16);
		font-weight: 600;
		transition: all 0.5s ease-in-out;
	}
	.case_main .figure_img:hover .figcaption_text h3 a {color: var(--color);}
	.case_main .figure_img .figcaption_text p {
		color: var(--3);
		font-size: var(--14);
		margin: var(--m0);
		overflow: hidden;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: var(--t2);
	    text-overflow: ellipsis;
	    word-break: break-all;
	}
	.case_main .figure_img .figcaption_text .a {
		position:relative;
		display: block;
		color: var(--f);
		font-size: var(--14);
		width: 100px;
		height: 35px;
		line-height: 35px;
		text-align: var(--center);
		margin: 50px 0 0 0;
		background: var(--color);
		transform:perspective(1px) translateZ(0);
	}
	.case_main .figure_img:hover .figcaption_text .a {color: var(--3);}
	.case_main .figure_img .figcaption_text .a::before {
		content:"";
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:-1;
		background:var(--f);
		transform:scaleX(0);
		transform-origin:0 50%;
		transition:transform .5s ease-out
	}
	.case_main .figure_img:hover .figcaption_text .a::before {
		transform:scaleX(1);
		transition-timing-function:cubic-bezier(.52,1.64,.37,.66)
	}
/*case*/

/*service*/
	.service {margin: var(--mtb30);}
	.service_main {
		padding: var(--p0);
		overflow: hidden;
	}
	.service_main .h6 {margin: var(--m0);}
	.service_main .h6 span {
		color: var(--3);
		font-size: var(--20);
		padding-left: 20px;
	}
	.service_main .service_img_2 {margin: 50px 0 20px;}
	.service_main .text .span {
		color: var(--3);
		font-size: 40px;
		font-weight: 600;
		line-height: 40px;
	}
	.service_main .text .p {
		color: var(--3);
		font-size: var(--16);
		white-space: pre-line;
		margin: var(--mtb30);
	}
	.service_main .text .p span {font-size: var(--20);}
/*service*/

/*news*/
	.news {margin: var(--mtb30);}
	.news_main {
		padding: var(--p0);
		overflow: hidden;
	}
	.news_main .news_list {margin: var(--mt30);}
	.news_main .news_list .figure_img {
		position: relative;
		margin: var(--mb50);
		padding: var(--pb50);
		border-bottom: 1px solid var(--d);
	}
	.news_main .news_list .figure_img .row {margin: var(--m0);}
	.news_main .news_list .figure_img .figcaption_text .time {
		position: relative;
		padding: var(--p0);
	}
	.news_main .news_list .figure_img .figcaption_text .time small {
		color: var(--6);
		font-size: var(--30);
		font-weight: 100;
		line-height: 30px;
	}
	.news_main .news_list .figure_img .figcaption_text .time a {
		display: block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		color: var(--9);
		text-align: var(--center);
		margin-top: 30px;
		border: 1px solid var(--d);
		transition: 0.5s ease-in-out;
	}
	.news_main .news_list .figure_img:hover .figcaption_text .time a {
		margin-left: 50px;
		color: var(--color);
		border-color: var(--color);
	}
	.news_main .news_list .figure_img .figcaption_text .list_img {
		position: relative;
		display: block;
		overflow: hidden;
		padding: var(--p0);
	}
	.news_main .news_list .figure_img .figcaption_text .text {padding: 20px 100px;}
	.news_main .news_list .figure_img .figcaption_text h3 {
		margin: var(--mb10);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news_main .news_list .figure_img .figcaption_text h3 a {
		color: var(--3);
		font-size: var(--16);
		transition: 0.5s ease-in-out;
	}
	.news_main .news_list .figure_img:hover .figcaption_text h3 a {color: var(--color);}
	.news_main .news_list .figure_img .figcaption_text p {
		color: var(--9);
		font-size: var(--13);
		line-height: 20px;
		margin: var(--m0);
		overflow: hidden;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: var(--t2);
	    text-overflow: ellipsis;
	    word-break: break-all;
	}

/*news*/

/*news_detail*/
	.news_detail {margin: var(--mtb30);}
	.news_detail_main {
		padding: var(--p0);
		overflow: hidden;
	}
	.news_detail_main .title_text {margin: var(--mb40);}
	.news_detail_main .title_text .h2 {
		font-size: var(--30);
		color: var(--3);
		font-weight: 500;
		text-align: var(--center);
		margin: var(--mb20);
	}
	.news_detail_main .title_text .ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
    	justify-content: center;
    	width: 70%;
    	padding: var(--p5);
		margin: var(--m0);
		background: var(--e);
	}
	.news_detail_main .title_text .ul li {
		color: var(--3);
		font-size: var(--13);
		margin: 0 10px;
	}
	.news_detail_main .p {
		color: var(--3);
		font-size: var(--14);
		margin: var(--mtb30);
	}
/*news_detail*/

/*recruit*/
	.recruit {margin: var(--mtb30);}
	.recruit_main {
		padding: var(--p0);
		margin: var(--mt50);
		overflow: hidden;
	}
/*recruit*/

/*contact*/
	.contact {margin: var(--mtb30);}
	.contact_main {
		padding: var(--p0);
		overflow: hidden;
	}
	.contact_main .text .row {margin: var(--m0);}
	.contact_main .text .contact_h2 {
		color: var(--3);
		font-size: 40px;
		line-height: 40px;
		text-align: var(--center);
		margin: var(--mtb50);
	}
	.contact_main .text .contact_text {padding: var(--p0);}
	.contact_main .text .contact_text .h2 {
		color: var(--3);
		font-size: var(--30);
		margin: var(--mb20);
	}
	.contact_main .text .contact_text .p {
		width: 400px;
		color: var(--9);
		font-size: var(--18);
		white-space: pre-line;
		padding: 10px 20px;
		margin-bottom: 15px;
		border: 1px solid var(--d);
	}
	.contact_main .text .contact_text .span {
		color: var(--9);
		font-size: var(--25);
		font-weight: 600;
		width: 400px;
		display: block;
		margin: 40px 0 0px;
	}
	.contact_main .text .contact_text .text_img {margin-top: 30px;}
	.contact_main .text .contact_map {padding: var(--p0);}
/*contact*/



