/*banner*/
.swiper-banner{position: relative; overflow: hidden;}
.swiper-banner .swiper-slide{text-align: center; overflow: hidden; width: 100%; height: 100%;}
.swiper-banner .swiper-slide img{width: 100%;max-width: 100%;}

.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev {
	position: absolute;
	top: 50%;
	width:calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-banner .swiper-button-next:after,.swiper-banner .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;background: none;width: 100%;height: 100%;color: #fff;
}
.swiper-banner .swiper-button-prev,.swiper-banner .swiper-rtl .swiper-button-next {left: 10px;right: auto;}
.swiper-banner .swiper-button-prev:after,.swiper-banner .swiper-rtl .swiper-button-next:after {content: 'prev'}
.swiper-banner .swiper-button-next:after,.swiper-banner .swiper-rtl .swiper-button-prev:after {content: 'next'}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-rtl .swiper-button-prev {right: 10px;left: auto;}

.swiper-banner .swiper-pagination-bullet{background: #fff;opacity: 0.4;width: 9px;height: 9px;}
.swiper-banner .swiper-pagination-bullet-active{opacity: 1;}

.index_banner{ position: relative;}
.index_banner .banner_text{position: absolute;bottom: 50%;width:100%;left:10%;transition: all 0.5s;-webkit-transform: translate(0%, 50%);-moz-transform: translate(0%, 50%);-ms-transform: translate(0%, 50%);-o-transform: translate(0%, 50%);transform: tanslate(0%, 50%); text-align: left; max-width: 860px;}
.banner_text .title{ font-size: 30px; color: #fff; line-height: 50px;}
.banner_text p{ color: #fff; font-size: 15px; margin: 20px 0;}

@media only screen and (max-width:1200px) {
	.index_banner .banner_text{width:80%;}
	.banner_text .title{ font-size: 20px; line-height: 30px;}
	.banner_text p{font-size: 13px; margin: 10px 0;}
}

@media only screen and (max-width:768px) {
	.banner_text{display: none;}
	.banner_text .title{ font-size:13px; line-height: 24px;}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px;}
	.swiper-banner .swiper-pagination{display: none;}
}

.swiper-banner .swiper-pagination-bullet {
	width:18px;
	height:18px;
	background-color:#333;
	margin: 0 7px;
	opacity: 1;
	color: transparent;
	border-radius:50%;
	border:2px solid  #fff;
  }
  .swiper-banner .swiper-pagination-bullet-active {
	opacity: 1;
	text-align: center;
	background-color: #c71c24;
  }
 
  .swiper-banner .swiper-pagination-bullet-active .wrapper_con {
	display: block;
  }
  .swiper-banner .swiper-pagination {
	font-size: 0;
  }

  
  @media only screen and (max-width:768px) {
	.swiper-banner .swiper-container-horizontal > .swiper-pagination-bullets,
	.swiper-banner .swiper-pagination-custom,
	.swiper-banner .swiper-pagination-fraction {
	bottom: 8vh;
  }}
  
  .swiper-banner .wrapper_con {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
	display: none;
  }
  .swiper-banner .wrapper_con.left{left: 50%;}
  
  .swiper-banner .rightcircle , .swiper-banner .leftcircle {
	
  }
  @keyframes circleProgressLoad_right {
	0% {
	  width: 0;
	}
	50%,
	100% {
	  width: 100%;
	}
  }
  @keyframes circleProgressLoad_left {
	0%,
	50% {
	  width: 0;
	}
	100% {
	  width: 100%;
	}
  }

.tp-mask-wrap{z-index:99999;bottom:0;display: block;overflow: hidden;position: absolute;left: 50%;bottom: 20px;opacity: 0.8;margin-left: -15px;}
.slider-scroll-button {position: relative;width: 30px;height: 40px;border-radius: 100%;display:inline-block;z-index: 5; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; line-height: 13px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-weight: 400; font-size: 8px; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;}
.slider-scroll-button:before{
	content:'';position:absolute;top:50%;left:49%;width:24px;height:36px;border:2px solid #fff;border-radius:30px;transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0);
}
.slider-scroll-button:after{
	content:'';width:2px;height:10px;border-radius:30px;background: #fff; position:absolute;top:15px;left:49%;transform:translate3d(-50%, 0, 0);-webkit-transform:translate3d(-50%, 0, 0);
	-webkit-animation-name:sliderScrollButton;
	animation-name:sliderScrollButton;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
/* Slider Scroll Button Animation */
@-webkit-keyframes sliderScrollButton {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, 10px, 0);
		transform: translate3d(-50%, 10px, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 10px, 0);
		transform: translate3d(-50%, 10px, 0);
	}
}
@keyframes sliderScrollButton {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, 10px, 0);
		transform: translate3d(-50%, 10px, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 10px, 0);
		transform: translate3d(-50%, 10px, 0);
	}
}
@media only screen and (max-width: 768px) {
	.tp-mask-wrap{display:none;}
}


/*index*/
.main_title{margin-bottom:40px;text-align:center;position: relative;z-index: 5;}
.main_title .s_title{margin: 0;margin-bottom: 13px;font-size: 13px;color: #333333;line-height: 100%;text-transform: uppercase;}
.main_title em{color:#333333;font-size:40px;text-transform:uppercase;line-height:100%;margin:0;position:relative;z-index: 2;display: block;font-family:cursive;margin-bottom: 15px;}
.main_title .text{color:#808080;font-size:14px;line-height:24px;max-height:48px;overflow:hidden;max-width:60%;margin: auto;}
.main_title .line{display: inline-block;position: relative;margin-bottom: 25px;background:url(../images/icon.png) no-repeat;width:54px;height:2px;background-position: -277px -407px;}
.main_title .bg{display: block;position: absolute;left: 0;top: 0;text-align: center;width: 100%;font-size: 160px;line-height: 0.75;font-family: 'BarlowCondensed';opacity: 0.06;text-transform: uppercase;
	word-break: break-word;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #28303e;
    -webkit-text-fill-color: transparent;
    transition: all .3s ease-in-out;
}

@media (min-width: 1200px){
	.main_title .bg {-webkit-text-stroke-width: 1.5px;}
}

.main_title .title-icon-circle{display: inline-block;position: absolute;width: 50px;height: 50px;top:-10px;left:50%;border-radius: 50%;z-index: -2;background:#333333;animation:title-icon-circle 3s infinite;-webkit-animation:title-icon-circle 3s infinite;opacity: 0.05;}

@-webkit-keyframes title-icon-circle {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
30% {
-webkit-transform:translate3d(5px, 15px, 0);
transform:translate3d(5px, 15px, 0)
}
50% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
}
@keyframes title-icon-circle {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
30% {
-webkit-transform:translate3d(5px, 15px, 0);
transform:translate3d(5px, 15px, 0)
}
50% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
}
@keyframes move{
	0%{left:0;opacity:0}
	5%{opacity:.0}
	48%{opacity:.2}
	80%{opacity:.0}
	100%{left:82%}
}
@keyframes spin_right {
	100% {
	transform: rotateZ(360deg); } 
}
@keyframes spin_left {
	100% {
	transform: rotateZ(-360deg); } 
}

.main_more{position:relative;display:inline-block;margin-top:25px;transition:all .5s;z-index:3;height:50px;line-height:50px;font-size: 13px;padding-left:20px;padding-right:20px;text-transform: uppercase;color: #fff;overflow: hidden;font-weight:700;background: #c71c24;}
.main_more:hover{color: #fff;text-decoration: none;}
.main_more:before{content:'';position: absolute;border-radius:0;opacity:0;display: block;transition:all .5s;left: 0;top: 0;z-index: -1;width: 0;height: 100%;background: #fff;display: none;}
.main_more:hover:before{width: 100%;opacity: 0.05;}
.main_more:after{font-style: normal;transition:0.5s all;display: inline-block;content: '';width: 8px;height: 12px;background: url(../images/icon.png) no-repeat;background-position: -89px -58px;margin-top: -2px;vertical-align: middle;margin-left: 8px;}
.main_more:hover:after{animation: scroll_right_anim 1.5s infinite;opacity: 1;}

.circle_more{display: inline-block;position: relative;z-index: 2;transition:all .5s;font-size: 13px;line-height: 20px;color: #333333;text-transform: uppercase;font-family: 'Exo Bold';padding-right: 18px;}
.circle_more:before{content:'';width: 54px;height: 54px;position: absolute;z-index: -1;display: inline-block;border-radius: 50%;top: 50%;right: 0;transition:all .5s;border: 1px solid #333333;opacity: 0.2;transform: translate(0, -50%);}
.circle_more:hover:before{opacity: 0.4;width:36px;height: 36px;}
.circle_more:after{content:'';display: inline-block;width: 13px;height: 10px;background: url(../images/icon.png) no-repeat;background-position: -45px -60px;transition:all .5s;margin-left: 5px;vertical-align: middle;margin-top: -2px;}
.circle_more:hover:after{animation: scroll_right_anim 1.5s infinite;}

input.main_more{box-shadow: none;}

.attachment_line_top{top:-1px;background:url(../images/wave01.png) no-repeat center center;height:26px;width: 100%;position: absolute;left:0;z-index: 999}
.attachment_line_bottom{bottom:-1px;background:url(../images/wave.png) no-repeat center center;height: 26px;width: 100%;position: absolute;left:0;z-index: 5;}

.light_box{position: relative; display:inline-block;}
.light_box::after {
	content: "";
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	background: rgba(0,0,0,0.2);
	
}
.light_box::before{content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background:rgba(0,0,0,0.05) url(../images/icon_link01.png) no-repeat center center;
    z-index: 1;}
.light_box::after {
	border-left: 1px solid rgba(255,255,255,.5);
	border-right: 1px solid rgba(255,255,255,.5);
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0)
}
.light_box::before{
	border-bottom: 1px solid rgba(255,255,255,.5);
    border-top: 1px solid rgba(255,255,255,.5);
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
}
.light_box:hover::before,
.light_box:hover::after,
.left-pro ul li:hover .light_box::before,
.left-pro ul li:hover .light_box::after{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.post-image-mask{position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -19px;text-align: center;font-size: 0;}
.post-image-mask span, .post-image-mask:after, .post-image-mask:before{
	display: inline-block;margin-right: 7px;width: 8px;height: 8px;border-radius: 50%;background-color: #FFF;vertical-align: middle;opacity: 0;
    transition: opacity .2s ease;
    -webkit-animation: wd-fadeOutRight .3s ease;
    animation: wd-fadeOutRight .3s ease;
}
.post-image-mask:before{content:'';
	transition-delay: .15s;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}
.post-image-mask:after{content:'';margin-right: 0;}
.news_content .news_right .list li:hover .post-image-mask span, .news_content .news_right .list li:hover .post-image-mask:after, .news_content .news_right .list li:hover .post-image-mask:before,
.fact_column .slider .li:hover .post-image-mask span, .fact_column .slider .li:hover .post-image-mask:after, .fact_column .slider .li:hover .post-image-mask:before,
.relpro_case .slider .li:hover .post-image-mask span, .relpro_case .slider .li:hover .post-image-mask:after, .relpro_case .slider .li:hover .post-image-mask:before,
.news li:hover .post-image-mask span, .news li:hover .post-image-mask:after, .news li:hover .post-image-mask:before{
	opacity: 1;-webkit-animation: wd-fadeInLeft .3s ease;
    animation: wd-fadeInLeft .3s ease;
}
.news_content .news_right .list li:hover .post-image-mask:before,
.fact_column .slider .li:hover .post-image-mask:before,
.relpro_case .slider .li:hover .post-image-mask:before,
.news li:hover .post-image-mask:before{
	transition-delay: .2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.news_content .news_right .list li:hover .post-image-mask span,
.fact_column .slider .li:hover .post-image-mask span,
.relpro_case .slider .li:hover .post-image-mask span,
.news li:hover .post-image-mask span{
	transition-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
@-webkit-keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}@keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}
@-webkit-keyframes wd-fadeOutLeft{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}}@keyframes wd-fadeOutLeft{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}}
@-webkit-keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}}

@media only screen and (max-width: 1260px) {
	.main_title .bg{font-size: 90px;}
}
@media only screen and (max-width: 992px) {
	.main_title .text{max-width:80%;}
	.main_title .title_bg{font-size:80px;line-height: 80px;}
	.attachment_line_bottom{height: 50px;background-position: center bottom;;}
	.attachment_line_top{height: 70px;background-position: center bottom;;}
}


.page_date{margin-top: 10px;color: #c71c24;text-transform: uppercase;font-size: 13px;line-height: 20px;display: inline-block;}
.page_date:before{content:'';background: url(../images/icon.png) no-repeat;background-position: 0 -57px;display: inline-block;width: 14px;height: 14px;margin-right: 8px;margin-top: -2px;vertical-align: middle;}

.page_more{ font-size:14px;color:#c71c24;display: inline-block;line-height: 20px;position: relative;z-index: 2;margin-top: 15px;transition:all .5s;text-transform: uppercase;font-weight:700;}
.page_more:hover{color:#c71c24;opacity: 1;}
.page_more:after{position: relative;display: inline-block;margin-left: 8px;transition:all .5s;background: url(../images/icon.png) no-repeat;width:8px;height: 12px;background-position: -101px -58px;vertical-align: middle;margin-top: -2px;content:'';}
.page_more:hover:after {animation: scroll_right_anim 1.5s infinite;opacity: 1;}

@-webkit-keyframes spin{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes scroll_right_anim {
0% {
transform: translateX(-3px); }
50% {
transform: translateX(3px); }
100% {
transform: translateX(-3px); } }

.wrap_more{display:flex;align-items: center;margin-top:30px;}
.wrap_more .circle_more{margin-top:0;}
.wrap_more:hover .circle_more i{animation: scroll_right_anim 1.5s infinite;}
.wrap_more:hover .circle_more:after{left:-15px;top:-15px;right:-15px;bottom:-15px;opacity: 0;filter: alpha(opacity=0);}
.wrap_more .wrap_more_icon{padding-left:15px;color:#333333;font-size:13px;font-family:'Oxygen';text-transform:uppercase;transition:all .5s;}
.wrap_more:hover .wrap_more_icon{text-decoration:none;padding-left:20px;}

@media only screen and (max-width: 768px) {
	.circle_more:after{top:-10px;right:-10px;bottom:-10px;left:-10px;}
	.wrap_more{margin-top:20px;}
	.circle_more{font-size: 13px;padding-right: 10px;}
	.circle_more:before{width: 36px;height: 36px;}
	.wrap_more .wrap_more_icon{padding-left:10px;font-size: 13px;}
	.page_date em{font-size: 28px;}
	.page_date p{margin-bottom: 3px;}
	.page_date_box{font-size: 28px;}
	.page_more{padding-top: 0;padding-bottom: 0;font-size: 13px;}
}

.cat_content{padding-top: 30px;padding-bottom: 50px;position: relative;z-index: 2;}
.cat_content:before{content:'';background: #f7f7f7;position: absolute;left: 0;bottom: 0;width: 100%;height: 70%;display: block;z-index: -1;}
.cat_content .cat_main_column{width: 36%;position: relative;z-index: 2;padding:40px 0;padding-right: 40px; float:left}
.cat_content .cat_main_column .cat_main_bg{position: absolute;z-index: -1;width: 384px;height: 100%;background: url(../img/bg_cat.png) no-repeat right center;display: block;}
.cat_content .cat_main_list{list-style: none;}
@media only screen and (max-width: 1380px){.cat_content .cat_main_list{ padding-top:0px}}
.cat_content .cat_main_list li{margin-bottom: 60px;margin-left:135px;display: flex;align-items: center;position: relative;z-index: 9;}
.cat_content .cat_main_list li .icon{display: inline-flex;min-width: 80px;max-width:80px;height: 94px;background: #c71c24;align-items: center;justify-content: center;clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);}
.cat_content .cat_main_list li .icon img{transition:all .5s;}
.cat_content .cat_main_list li:hover .icon img{
	-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
.cat_content .cat_main_list li .title{font-size: 18px;line-height: 120%;color: #333333;margin-left: 18px;font-family: "BarlowCondensed";}
.cat_content .cat_main_list li .title:hover{text-decoration: none;color: #c71c24;}

.cat_content .cat_main_list li:first-child, .cat_content .cat_main_list li:last-child, .cat_content .cat_main_list li:nth-last-child(2){
	margin-bottom: 0;
}
.cat_content .cat_main_list li:nth-child(2){margin-left: 255px;margin-bottom: 50px;}
.cat_content .cat_main_list li:nth-child(3){margin-left: 319px;}
.cat_content .cat_main_list li:nth-child(4){margin-left: 319px;}
.cat_content .cat_main_list li:nth-child(5){margin-left: 240px;margin-top: 60px;}
.cat_content .cat_main_list li:nth-child(6){margin-left: 55px;}

.cat_content .cat_main_title{position: absolute;left: 10px;height: 100%;top: 0;display: flex;align-items: center;max-width: 40%;padding-top:10%;}
.cat_content .cat_main_title .main_title{margin: 0;;}
.cat_content .cat_main_title .more{display: inline-block;margin-top: 25px;color: #c71c24;line-height: 110%;text-transform: uppercase;font-size: 16px;font-family: cursive;text-decoration: none;background-color: unset;}
.cat_content .cat_main_title .more:after{transition:all .5s;display: inline-block;margin-left: 8px;margin-top: -5px;vertical-align:middle;background: url(../img/icon.png) no-repeat;width: 10px;height: 18px;background-position: -59px -55px;content:'';}
.cat_content .cat_main_title .more:hover:after{animation: scroll_right_anim 1.5s infinite;}

.cat_content #cat_position{width:60%;text-align: right;margin-top:16%;position: relative; float:right}
.largeimage{position: relative;z-index: 1000;width: 100%;}

#cat_position .info-icon{cursor: pointer;z-index: 1001;text-align: center;}
#cat_position .info-icon span{display: inline-flex;width: 40px;height: 40px;align-items: center;justify-content: center;background: #c71c24;border-radius: 50%;position: relative;z-index: 2;box-shadow: 0 5px 30px 1px rgba(175,32,39,0.3);margin-top: 8px;}
#cat_position .info-icon span:before{content:'';z-index: -1;position: absolute;border-radius: 50%;background: #c71c24;left: -6px;top: -6px;right: -6px;bottom: -6px;opacity: 0.2;}
#cat_position .info-icon i{display: inline-block;width: 20px;height: 20px;background: url(../img/icon.png) no-repeat;background-position: -119px -53px;}
#cat_position .info-icon em{display: block;background: rgba(199,28,36,0.8);padding: 5px;font-size:16px;line-height: 24px;color: #fff;text-shadow: 0 1px 5px rgba(0,0,0,0.5);}

#cat_position .info-icon1{position: absolute;top:14%;left:26%; }
#cat_position .info-icon2{position: absolute;bottom:32%;right:14%; }
#cat_position .info-icon3{position: absolute;bottom:17%;right:22%; }
#cat_position .info-icon4{position: absolute;top:32%;right:26%; }
#cat_position .info-icon5{position: absolute;top:36%;left:41%; }
#cat_position .info-icon6{position: absolute;bottom:32%;left:38%; }
#cat_position .info-icon7{position: absolute;top: 15%;right:3.5%;}

.popover {
  position: absolute;
  z-index: 1010;
  opacity: 0;
  padding:0;
  display: none;
  text-align: left;
  background-color: #ffffff;
  padding: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  width:280px; border-bottom: 3px solid #c71c24;text-align: center;
}
.popover .title{display: block;margin-top: 10px;margin-bottom: 10px;font-size:16px;line-height: 24px;font-weight: 700;overflow: hidden;}
.popover .title:hover{color: #c71c24;text-decoration: none;}
.popover .text{font-size: 13px;line-height: 20px;height: 40px;color: #808080;overflow: hidden;}
.popover .more{display: inline-block;margin-top: 10px;height: 30px;line-height: 20px;background: #c71c24;color: #fff;text-transform: uppercase;font-size: 13px;padding-left: 15px;padding-right: 15px;text-decoration: none;}
.popover .more:after{content:'';display: inline-block;margin-left: 8px;margin-top: -2px;background: url(../img/icon.png) no-repeat;vertical-align: middle;width: 8px;height: 12px;background-position: -89px -58px;transition:all .5s;}
.popover .more:hover:after{animation: scroll_right_anim 1.5s infinite;}

#pop1{right: 44%;top: -35%;}
#pop2{right: 12%;top: 10%;}
#pop3{right: 22%;top: 21%;}
#pop4{right: 20.5%;top: -13%;}
#pop5{right: 41.5%;top: -9%;}
#pop6{right: 41.5%;top: 10%;}
#pop7{right: 3.5%;top: -34%;}

.popover.top {margin-top: -10px;}
.popover.right {  margin-left: 10px;}
.popover.bottom {  margin-top: 10px;}
.popover.left {  margin-left: -10px;}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow { border-width: 11px;}
.popover .arrow:after { border-width: 10px;  content: "";}
.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #eee;
  border-top-color: rgba(0, 0, 0, 0.15);
  border-bottom-width: 0;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #c71c24;
  border-bottom-width: 0;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #eee;
  border-right-color: rgba(0, 0, 0, 0.15);
  border-left-width: 0;
}
.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999eee;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-top-width: 0;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #eee;
  border-left-color: rgba(0, 0, 0, 0.15);
  border-right-width: 0;
}
.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}
.animated {
  -webkit-animation-duration: 0.6s;
     -moz-animation-duration: 0.6s;
       -o-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes cardInTop {
  0% {
    -webkit-transform-origin: 50% 100% 0px;
      -webkit-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
  }
  100% {
    -webkit-transform-origin: 50% 100% 0px;
      -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
@-moz-keyframes cardInTop {
  0% {
    -moz-transform-origin: 50% 100% 0px;
      -moz-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
  }
  100% {
    -moz-transform-origin: 50% 100% 0px;
      -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
@-o-keyframes cardInTop {
  0% {
    -o-transform-origin: 50% 100% 0px;
      -o-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
  }
  100% {
    -o-transform-origin: 50% 100% 0px;
      -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
@keyframes cardInTop {
  0% {
    transform-origin: 50% 100% 0px;
      transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
  }
  100%
  {
    transform-origin: 50% 100% 0px;
      transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
.cardInTop {
  -webkit-animation-name: cardInTop;
  -moz-animation-name: cardInTop;
  -o-animation-name: cardInTop;
  animation-name: cardInTop;
}
@-webkit-keyframes cardInBottom {
  0% {
    -webkit-transform-origin: 50% 0% 0px;
      -webkit-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
  }
  100% {
    -webkit-transform-origin: 50% 0% 0px;
      -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
@-moz-keyframes cardInBottom {
  0% {
    -moz-transform-origin: 50% 0% 0px;
      -moz-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
  }
  100% {
    -moz-transform-origin: 50% 0% 0px;
      -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
@-o-keyframes cardInBottom {
  0% {
    -o-transform-origin: 50% 0% 0px;
      -o-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
  }
  100% {
    -o-transform-origin: 50% 0% 0px;
      -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
@keyframes cardInBottom {
  0% {
    transform-origin: 50% 0% 0px;
      transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
  }
  100%
  {
    transform-origin: 50% 0% 0px;
      transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
.cardInBottom {
  -webkit-animation-name: cardInBottom;
  -moz-animation-name: cardInBottom;
  -o-animation-name: cardInBottom;
  animation-name: cardInBottom;
}
@-webkit-keyframes cardInLeft {
  0% {
    -webkit-transform-origin: 100% 50% 0px;
      -webkit-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 100% 50% 0px;
      -webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
}
@-moz-keyframes cardInLeft {
  0% {
    -moz-transform-origin: 100% 50% 0px;
      -moz-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
  }
  100% {
    -moz-transform-origin: 100% 50% 0px;
      -moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
}
@-o-keyframes cardInLeft {
  0% {
    -o-transform-origin: 100% 50% 0px;
      -o-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
  }
  100% {
    -o-transform-origin: 100% 50% 0px;
      -o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
}
@keyframes cardInLeft {
  0% {
    transform-origin: 100% 50% 0px;
      transform: perspective(500px) rotateX(-90deg) scale(0, 0);
  }
  100%
  {
    transform-origin: 100% 50% 0px;
      transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
.cardInLeft {
  -webkit-animation-name: cardInLeft;
  -moz-animation-name: cardInLeft;
  -o-animation-name: cardInLeft;
  animation-name: cardInLeft;
}
@-webkit-keyframes cardInRight {
  0% {
    -webkit-transform-origin: 0% 50% 0px;
      -webkit-transform: perspective(500px) rotateY(90deg) scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 0% 50% 0px;
      -webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
}
@-moz-keyframes cardInRight {
  0% {
    -moz-transform-origin: 0% 50% 0px;
      -moz-transform: perspective(500px) rotateY(90deg) scale(0, 0);
  }
  100% {
    -moz-transform-origin: 0% 50% 0px;
      -moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
}
@-o-keyframes cardInRight {
  0% {
    -o-transform-origin: 0% 50% 0px;
      -o-transform: perspective(500px) rotateY(90deg) scale(0, 0);
  }
  100% {
    -o-transform-origin: 0% 50% 0px;
      -o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
}
@keyframes cardInRight {
  0% {
    transform-origin: 0% 50% 0px;
      transform: perspective(500px) rotateX(90deg) scale(0, 0);
  }
  100%
  {
    transform-origin: 0% 50% 0px;
      transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
.cardInRight {
  -webkit-animation-name: cardInRight;
  -moz-animation-name: cardInRight;
  -o-animation-name: cardInRight;
  animation-name: cardInRight;
}
@-webkit-keyframes cardOutTop {
  0% {
    -webkit-transform-origin: 50% 100% 0px;
      -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -webkit-transform-origin: 50% 100% 0px;
      -webkit-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
      opacity: 0;
  }
}
@-moz-keyframes cardOutTop {
  0% {
    -moz-transform-origin: 50% 100% 0px;
      -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -moz-transform-origin: 50% 100% 0px;
      -moz-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
      opacity: 0;
  }
}
@-o-keyframes cardOutTop {
  0% {
    -o-transform-origin: 50% 100% 0px;
      -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -o-transform-origin: 50% 100% 0px;
      -o-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
      opacity: 0;
  }
}
@keyframes cardOutTop {
  0% {
    transform-origin: 50% 100% 0px;
      transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100%
  {
    transform-origin: 50% 100% 0px;
      transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
      opacity: 0;
  }
}
.cardOutTop {
  -webkit-animation-name: cardOutTop;
  -moz-animation-name: cardOutTop;
  -o-animation-name: cardOutTop;
  animation-name: cardOutTop;
}
@-webkit-keyframes cardOutBottom {
  0% {
    -webkit-transform-origin: 50% 0% 0px;
      -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -webkit-transform-origin: 50% 0% 0px;
      -webkit-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
      opacity: 0;
  }
}
@-moz-keyframes cardOutBottom {
  0% {
    -moz-transform-origin: 50% 0% 0px;
      -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -moz-transform-origin: 50% 0% 0px;
      -moz-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
      opacity: 0;
  }
}
@-o-keyframes cardOutBottom {
  0% {
    -o-transform-origin: 50% 0% 0px;
      -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -o-transform-origin: 50% 0% 0px;
      -o-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
      opacity: 0;
  }
}
@keyframes cardOutBottom {
  0% {
    transform-origin: 50% 0% 0px;
      transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100%
  {
    transform-origin: 50% 0% 0px;
      transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
      opacity: 0;
  }
}
.cardOutBottom {
  -webkit-animation-name: cardOutBottom;
  -moz-animation-name: cardOutBottom;
  -o-animation-name: cardOutBottom;
  animation-name: cardOutBottom;
}
@-webkit-keyframes cardOutLeft {
  0% {
    -webkit-transform-origin: 100% 50% 0px;
      -webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -webkit-transform-origin: 100% 50% 0px;
      -webkit-transform: perspective(500px) rotateY(90deg) scale(0, 0);
      opacity: 0;
  }
}
@-moz-keyframes cardOutLeft {
  0% {
    -moz-transform-origin: 100% 50% 0px;
      -moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -moz-transform-origin: 100% 50% 0px;
      -moz-transform: perspective(500px) rotateY(90deg) scale(0, 0);
      opacity: 0;
  }
}
@-o-keyframes cardOutLeft {
  0% {
    -o-transform-origin: 100% 50% 0px;
      -o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -o-transform-origin: 100% 50% 0px;
      -o-transform: perspective(500px) rotateY(90deg) scale(0, 0);
      opacity: 0;
  }
}
@keyframes cardOutLeft {
  0% {
    transform-origin: 100% 50% 0px;
      transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100%
  {
    transform-origin: 100% 50% 0px;
      transform: perspective(500px) rotateX(90deg) scale(0, 0);
      opacity: 0;
  }
}
.cardOutLeft {
  -webkit-animation-name: cardOutLeft;
  -moz-animation-name: cardOutLeft;
  -o-animation-name: cardOutLeft;
  animation-name: cardOutLeft;
}
@-webkit-keyframes cardOutRight {
  0% {
    -webkit-transform-origin: 0% 50% 0px;
      -webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0% 50% 0px;
      -webkit-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
      opacity: 0;
  }
}
@-moz-keyframes cardOutRight {
  0% {
    -moz-transform-origin: 0% 50% 0px;
      -moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -moz-transform-origin: 0% 50% 0px;
      -moz-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
      opacity: 0;
  }
}
@-o-keyframes cardOutRight {
  0% {
    -o-transform-origin: 0% 50% 0px;
      -o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
      opacity: 1;
  }
  100% {
    -o-transform-origin: 0% 50% 0px;
      -o-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
      opacity: 0;
  }
}
@keyframes cardOutRight {
  0% {
    transform-origin: 0% 50% 0px;
      transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
  100%
  {
    transform-origin: 0% 50% 0px;
      transform: perspective(500px) rotateX(-90deg) scale(0, 0);
      opacity: 0;
  }
}
.cardOutRight {
  -webkit-animation-name: cardOutRight;
  -moz-animation-name: cardOutRight;
  -o-animation-name: cardOutRight;
  animation-name: cardOutRight;
}

@media (max-width: 1500px) {
	#cat_position .info-icon em{font-size: 16px;max-width: 240px;}
	#cat_position .info-icon span{margin-top: 3px;width: 32px;height: 32px;}
	#cat_position .info-icon6{left: 33%;bottom: 30%;}
	#cat_position .info-icon1{top: 6%;}
	#pop1{right:46.5%;top: -43%;}
	#pop2{right: 8.5%;top: 4%;}
	#pop3{right: 19%;top: 15%;}
	#pop4{right: 17%;top: -17%;}
	#pop5{right: 37.5%;top: -13%;}
	#pop6{right: 42.5%;top: 6%;}
	#pop7{right: 5.5%;top: -39%;}
}
@media only screen and (max-width:1400px ) {
	.cat_content .cat_main_column{width: 30%;}
	.cat_content .cat_main_list li{margin-left: 55px;}
	.cat_content .cat_main_column .cat_main_bg{width: 68%;}
	.cat_content .cat_main_title .more{font-size: 20px;}
	.main_title em{font-size: 40px;}
	.cat_content .cat_main_list li:nth-child(2){margin-left: 150px;}
	.cat_content .cat_main_list li:nth-child(3){margin-left: 209px;}
	.cat_content .cat_main_list li:nth-child(4){margin-left: 209px;}
	.cat_content .cat_main_list li:nth-child(5){margin-left: 140px;}
	.cat_content .cat_main_list li:nth-child(6){margin-left: 34px;}
	.cat_content .cat_main_list li .title{margin-left: 10px;font-size: 21px;}
	.cat_content #cat_position{width: 70%;}
	#pop2{right: 8%;top: -1%;}
	#pop3{top: 9%;}
	#pop5{right: 36%;top: -18%;}
	#pop7{right: 15px;}
}
@media only screen and (max-width:1200px ) {
	.cat_content{display: block;padding-bottom: 50px;padding-top: 50px;}
	.cat_content .cat_main_column{width: 100%;padding: 0;background-color: #fff;}
	.cat_content .cat_main_column .cat_main_bg{display: none;}
	.cat_content .cat_main_title{position: relative;left: auto;height: auto;width: 100%;padding-top: 0;text-align: center;max-width: 100%;justify-content: center;}
	.cat_content .cat_main_list{padding-top: 30px;}
	.cat_content .cat_main_list li{margin: 0 0 20px 0 !important;display: block;text-align:center;}
	.cat_content .cat_main_list li .title{display: block;margin-left: 0;margin-top: 15px;}
	.cat_content #cat_position{width: 100%;}
}


.mobile_cat{padding: 40px 0;background: #f7f7f7;;}
.mobile_cat .list{list-style:none;}
.mobile_cat .list li{padding:5px;text-align: center;}
.mobile_cat .list li .column{border-radius: 0;padding:10px 5px;background: #fff;border-top: 30px solid #f7f7f7;}
.mobile_cat .list li .icon{width: 60px;height: 70px;display: inline-flex;background: #c71c24;align-items: center;justify-content: center;clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);margin-top: -35px;}
.mobile_cat .list li .icon i{display: inline-block;background-size: 42px;width: 42px;height: 42px;background-position: 0 0;}
.mobile_cat .list li .title{font-size: 14px;margin-top: 10px;display: block;line-height: 20px;height: 48px;;font-weight: 600;text-transform: capitalize;}

@media only screen and (max-width:992px ) {
	.mobile_cat{display: block !important;}
}


.pro_content{padding-top: 80px;padding-bottom: 80px;overflow: hidden;}
.pro_content .swiper{padding-bottom: 70px;overflow: inherit;}
.pro_content .swiper-slide{padding: 0 20px;opacity: 0.5;}
.pro_content .swiper-slide.swiper-slide-visible{opacity: 1;}
.pro_content .swiper-slide .image{border: 5px solid #f7f7f7;display: block;transition:all .5s;padding: 5px;}
.pro_content .swiper-slide:hover .image{border-color: #e5e5e5;}
.pro_content .swiper-slide .column{position: relative;}
.pro_content .swiper-slide .wrap{margin-left: 20px;position: relative;z-index: 2;margin-top: -50px;background: #f7f7f7;max-width: 50%;padding: 25px;}
.pro_content .swiper-slide .title{display: block;font-size: 16px;line-height: 24px;height: 72px;font-weight: 700;color: #333333;margin-bottom: 10px;overflow: hidden;}
.pro_content .swiper-slide .title:hover{text-decoration: none;color: #c71c24;}
.pro_content .swiper-slide .text{font-size: 13px;line-height: 24px;overflow: hidden;height: 48px;color: #808080;}
.pro_content .swiper-slide .icon{display: inline-flex;position: absolute;width: 60px;height: 70px;background: #c71c24;align-items: center;justify-content: center;top: 15px;right: 8%;z-index: 2;transition:all .5s;clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);}
.pro_content .swiper-slide .icon i{display: inline-block;background:url(../img/icon.png) no-repeat;width: 10px;height: 18px;background-position: -43px -55px;transition:all .5s;}
.pro_content .swiper-slide:hover .icon{right: 5%;}
.pro_content .swiper-slide:hover .icon i{animation: scroll_right_anim 1.5s infinite;}

.pro_content .swiper-button-next{right: -5px;width: 50px;height: 50px;background: #000;border-radius: 50%;opacity: 0;}
.pro_content:hover .swiper-button-next{opacity: 1;}
.pro_content .swiper-button-next:after{background-position: -216px -32px;}
.pro_content .swiper-button-prev{left: -5px;width: 50px;height: 50px;background: #000;border-radius: 50%;opacity: 0;}
.pro_content:hover .swiper-button-prev{opacity: 1;}
.pro_content .swiper-button-prev:after{background-position: -192px -32px;}

@media only screen and (max-width:992px ) {
	.pro_content .swiper-slide{padding: 0 10px;}
}
@media only screen and (max-width:768px ) {
	.pro_content{padding-top: 40px;padding-bottom: 40px;}
	.pro_content .swiper{padding-bottom: 50px;}
	.pro_content .swiper-slide{padding: 0 5px;}
	.pro_content .swiper-slide .wrap{margin-left:10px;max-width: 94%;padding: 15px;padding-right: 50px;margin-top: -30px;}
	.pro_content .swiper-slide .icon{width: 40px;height: 50px;right: 10px;;}
	.pro_content .swiper-slide .title{height: auto;max-height: 72px;font-size: 14px;}
	.pro_content .swiper-slide .text{height: auto;max-height: 48px;}
  .main_title{margin-bottom:20px;max-width:100%;min-height: inherit;padding-top: 0;}
	.main_title .s_title{font-size: 13px;margin-bottom: 10px;}
	.main_title em{
    color: #333333;
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 100%;
    margin: 0;
    position: relative;
    z-index: 2;
    display: block;
    font-family: "BarlowCondensed";
  }
	.main_title em:after{display: none;}
	.main_title .text{max-width:100%;font-size: 13px;line-height: 20px;max-height: 40px;margin-top: 15px;}
	.main_title .line{margin-bottom: 10px;}
	.main_title .title_bg{display: none;}
	.main_title .bg{display: none;}
	.main_more{margin-top:20px;font-size: 13px;height: 40px;line-height:40px;border-width: 1px;padding-left: 20px;padding-right: 20px;font-weight:700;}
	.main_more i{width: 32px;height: 32px;}
	.main_more a,.main_more input, .main_more button{font-size: 13px;height: 40px;line-height: 40px;}
  .cat_content #cat_position {display: none;}
  .cat_content .cat_main_list li:nth-child(2) {margin-left: 0px;}
  .cat_content .cat_main_list li .title {font-size: 16px;}
  .cat_content .cat_main_list {background-color: #fff;
}
}	


.about_top{position: relative;padding-top: 70px;}
.about_top .about_top_bg{position: absolute;background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.about_top .about_top_bg .ovrly{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;background: #000000;opacity: 0.6;;}
.about_top:before{content:'';background: url(../img/icon_single.png) no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 3;;}
.about_top .column{position: relative;z-index: 5;padding-top: 55px;padding-bottom: 70px;display: flex;align-items: center;}
.about_top .column:before{content:'';position: absolute;z-index: -1;background: rgba(255,255,255,0.1);top: 0;bottom: 0;left: -60px;right: -60px;display: block;backdrop-filter: blur(1px);}
.about_top .column .main_title{text-align: left;margin: 0;width: 70%;padding-right: 5%;}
.about_top .column .main_title em{color: #fff;}
.about_top .column .main_title .text{max-width: 100%;color: #fff;line-height: 28px;max-height: inherit;}
.about_top .about_iso{width: 30%;text-align: right;list-style: none;}
.about_top .about_iso img{display: inline-block;margin: 0 10px;}

@media only screen and (max-width:1260px ) {
	.about_top .column{display: block;}
	.about_top .column .main_title{padding-right: 0;margin-bottom: 30px;text-align: center;width: 100%;}
	.about_top .about_iso{width: 100%;text-align: center;}
}
@media only screen and (max-width:992px ) {
	.about_top{display: none;}
}