.extra-slider,
.extra-slider .wrapper {position: relative;height: 100%;}
.extra-slider .wrapper {overflow: hidden;}
.extra-slider ul {display: block;list-style: none;position: relative;}
.extra-slider li {display: block;list-style: none;position: absolute;top: 0; left: 0;}
.extra-slider li.extra-slider-active {visibility: inherit !important; opacity: 1 !important;}
.extra-slider li.extra-slider-first {position: relative;visibility: inherit !important; opacity: 1 !important;}
.extra-slider {margin:0 auto;width: 100%;max-width: 1920px;}
.extra-slider .pagination_wrap {position:absolute;left:0;top:0;width:100%;height:100%;}
.extra-slider .pagination_wrap .container {position:relative;}
.extra-slider .pagination {margin: 0 0 0 0;position: absolute;left: 3px;bottom:50px;z-index: 50;width: 100%;font-size: 0;text-align: center;}
.extra-slider .pagination a {display: inline-block;margin: 0 5px;text-indent: -9999px;white-space: nowrap;position: relative;height:33px;width: 33px;background-color: transparent;border: 1px solid transparent;border-radius:50%;}
.extra-slider .pagination a:after {border-radius:50%;top: 50%;width: 8px;height: 8px;background-color: #fff;content: "";display: block;position: absolute;left: 50%;margin-left: -4px;margin-top: -4px;}
.extra-slider .pagination a.extra-slider-link-active,
.extra-slider .pagination a:hover {border-color: #fff;}
.extra-slider ul {margin: auto;max-width: 100%;height: 100%;cursor:inherit !important;}
.extra-slider li {width: 100%;height: 100%;}
.extra-slider li.item1 {background-image:url('/skin/default/img/main/main_visual01.jpg');-webkit-background-size: cover;background-size:cover ;background-repeat: no-repeat;background-position: center center;height: 100%}
.extra-slider li.item2 {background-image:url('/skin/default/img/main/main_visual02.jpg');-webkit-background-size: cover;background-size:cover ;background-repeat: no-repeat;background-position: center center;height: 100%}
.extra-slider li.item3 {background-image:url('/skin/default/img/main/main_visual03.jpg');-webkit-background-size: cover;background-size:cover ;background-repeat: no-repeat;background-position: center center;height: 100%}
.extra-slider li.item4 {background-image:url('/skin/default/img/main/main_visual04.jpg');-webkit-background-size: cover;background-size:cover ;background-repeat: no-repeat;background-position: center center;height: 100%}
.extra-slider li img {max-width: 100%;height: auto;}
.extra-slider .slider_text {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 10;}
.extra-slider .slider_text h2 {transform: matrix(1, 0, 0, 1, 0, -20);opacity:0;filter: alpha(opacity=0);-moz-opacity:0;font-size: 72px;color: #fff;font-weight: 600;margin-bottom: 20px;display: inline-block;letter-spacing: -0.5px;line-height: 1.2;}
.extra-slider .slider_text .st1 {transform: matrix(1, 0, 0, 1, 0, -20);opacity:0;filter: alpha(opacity=0);-moz-opacity:0;font-size: 24px;color: #fff;font-weight: 200;letter-spacing: -1px;}
.main_visual {overflow:hidden;height: 960px;}
.main_visual .arrow a {text-decoration: none;display: block;width: 90px;height: 70px;margin: -35px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;cursor: pointer;border: 1px solid #fff;font-size: 0;opacity:0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
.main_visual .arrow a:hover {opacity:1;filter: alpha(opacity=100);-moz-opacity:1;}
.main_visual .arrow a:before {display: inline-block;content: "";width: 16px;height: 32px;-webkit-background-size: 16px auto;background-size: 16px auto;position: absolute;left: 50%;margin-top: -16px;top: 50%;background-repeat: no-repeat;background-position: center center;margin-left: -18px;}
.main_visual .arrow a.prev {left: 50px;}
.main_visual .arrow a.next {right: 50px;text-align: right;}
.main_visual .arrow a.prev:before {background-image: url('/skin/default/img/main/ico_slider_prev.png');background-repeat: no-repeat;background-position: center center;margin-left: -18px;}
.main_visual .arrow a.next:before {background-image: url('/skin/default/img/main/ico_slider_next.png');background-repeat: no-repeat;background-position: center center;margin-left: 5px;}

.biz {position: relative;padding: 50px 0 120px 0;}
.biz .item {overflow:hidden;height: 550px;position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
.biz .item.item1 {background-image: url('/skin/default/img/main/biz_img1.jpg');}
.biz .item.item2 {background-image: url('/skin/default/img/main/biz_img2.jpg');}
.biz .item.item3 {background-image: url('/skin/default/img/main/biz_img3.jpg');}
.section_title {font-size: 44px;font-weight: 700;color: #000;font-family: 'Roboto';text-align: center;margin-bottom: 15px;line-height: 1;}
.section_stitle {font-size: 20px;font-weight: 300;color: #000;margin-bottom: 40px;text-align: center;}
.application .section_title {color: #fff;}
.application .section_stitle {color: #fff;}
.biz .item .text {background-color: #020203;padding: 20px 15px;text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;}
.biz .item .text .i1 {font-size: 20px;font-weight: 400;color: #fff;}
.biz .item .text .i2 {font-size: 15px;font-weight: 400;color: #fff;font-family: 'Roboto Condensed';}

.map_area {height: 740px;}
.map_area .map {width:100%;height:740px;}
.map_area {position: relative;}
.map_info {position: absolute;left: 0;top: 85px;width: 100%;z-index: 1;}
.map_info .box {background-color: #be0404;padding: 55px 60px;position: absolute;}
.map_info .box .tit {font-size: 30px;font-family: 'Roboto';font-weight: 700;color: #fff;margin-bottom: 10px;}
.map_info .box .stit {font-size: 24px;font-weight: 400;margin-bottom: 25px;color: #fff;}
.map_info .box .addr_wrap.first {padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #fff;}
.map_info .box .addr_wrap .ad {font-size: 18px;color: #fff;font-weight: 700;font-family: 'Roboto Condensed';margin-bottom: 5px;}
.map_info .box .addr_wrap p {font-size: 15px;color: #ffffff;font-weight: 300;}
.map_info .box .addr_wrap p .marker {padding-left: 24px;display: inline-block;position: relative;}
.map_info .box .addr_wrap p .marker:before {width: 14px;height: 18px;background-image: url('/skin/default/img/main/ico_marker.png');background-repeat: no-repeat;-webkit-background-size: 14px auto;background-size: 14px auto;content: "";display: block;position: absolute;left: 0;top: 5px;}
.addr_btn {margin-top: 30px;}
.addr_btn a {text-align: center;width: 170px;height: 60px;line-height: 60px;color: #fff;display: inline-block;border: 2px solid #fff;font-family: 'Roboto Condensed';}

.product_wrap {background-position: center center;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-image: url("/skin/default/img/main/product_bg.jpg");padding:60px 0 60px 0;}	
.product_list {display: block;margin-right: -9px;margin-left: -9px;}
.product_list li {width: 20%;float: left;position: relative;min-height: 1px; padding-left: 9px; padding-right: 9px;display: block;margin-bottom: 18px;}
.product_list:before {display: table;content: "";}
.product_list:after {display: table;content: "";clear: both;}
.product_item {position: relative;}
.product_hover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(208, 24, 25, 0.93);display: none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.product_hover .product_txt {text-align: center;font-size: 20px;font-weight: 700;color: #fff;font-family: 'Roboto Condensed';}
.product:hover .product_hover{display: block;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.more_btn {margin-top: 30px;text-align: center;}
.more_btn a {display: inline-block;border:2px solid #acacac;text-align: center;font-size: 16px;color: #acacac;width: 170px;height: 60px;line-height: 60px;font-weight: 700;font-family: 'Roboto Condensed';}

.application {background-position: center center;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-image: url("/skin/default/img/main/application_bg.jpg");padding:60px 0 110px 0;position: relative;}
.application .img_wrap {position: relative;}
.application .big_img {position: relative;}

.application .thumb_tab{ position: absolute; left: 50%; margin-left: -529px; bottom: 0px; width: 1058px;}
.application .thumb_tab ul li{ float: left; width: 14.28571%; position: relative; height: 85px;padding-top: 0;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.application .thumb_tab ul li .thumb{margin: 0 9px; position: relative; height: 85px;}
.application .thumb_tab ul li .thumb .img{position: absolute; left: 0px; bottom: 0px; height:85px; width: 100%; overflow: hidden;}
.application .thumb_tab ul li .thumb .img img{ width: 100%; position: absolute; bottom: 0px; left: 0px;}
.application .thumb_tab ul li.on .thumb .img {padding-top: 275px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.application_slide {position: relative;display: none;}
.application .pagination_wrap .container {position:relative;}
.application .pagination_wrap {text-align: center;margin: 0;position: absolute;left: 0;bottom:50px;z-index: 50;width: 100%;font-size: 0;display: none;}
.application .dotsCont {display: inline-block;margin: 0;border-radius: 0;position: relative;}
.application .dotsCont .owl-dot {cursor: pointer;display: inline-block;margin: 0 5px;text-indent: -9999px;white-space: nowrap;position: relative;width: 13px;height: 13px;border: 2px solid#fff;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;border-radius:50%;}
.application .dotsCont .owl-dot.active {background-color: #fff;}

@media (max-width: 1430px) {
	.extra-slider .slider_text h2 {font-size: 46px;}
	.extra-slider .slider_text .st1 {font-size: 18px;}
	.map_info .box {padding: 30px;}
	.section_title {font-size: 40px;}
	.main_visual {height: 750px;}
}
@media (max-width: 1199px) {
	.main_visual .arrow a.prev {left: 0;}
	.main_visual .arrow a.next {right: 0;}
	.img_wrap {display: none;}
	.application_slide {display: block;}
	.application .pagination_wrap  {display: block;}
}
@media (max-width: 991px) {
	.main_visual {height: 550px;}
	.map_area {height: 550px;}
	.biz .item {height: 450px;}
	.extra-slider .slider_text h2 {font-size: 30px;line-height: 1.3;}
	.extra-slider .slider_text .st1 {font-size: 15px;}
	.section_title {font-size: 30px;margin-bottom: 10px;}
	.section_stitle {font-size: 18px;margin-bottom: 20px;}
	.biz {padding-bottom: 60px;}
	.biz .item .text .i1 {font-size: 15px;}
	.biz .item .text .i2 {font-size: 13px;}
	.map_area {height: auto;}
	.map_area .map {height: 250px;}
	.map_info {position: static;left: auto;top: auto;}
	.map_info .row1 {margin: 0;}
	.map_info .row1:before {display: table;content: "";}
	.map_info .row1:after {display: table;content: "";clear: both;}
	.map_info .box {position: relative;}
	.map_info .col-md-5 {padding: 0;}
	.addr_allwrap:before {display: table;content: "";}
	.addr_allwrap:after {display: table;content: "";clear:both;}
	.addr_allwrap .addr_wrap {float:left; width: 50%;}
	.addr_allwrap .addr_wrap.first {padding-right: 30px;}
	.map_info .box .addr_wrap.first {border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
	.map_info .container {padding: 0;width: 100%;}
	.map_info .box .tit {font-size: 20px;}
	.map_info .box .stit {font-size: 18px;margin-bottom: 15px;}
	.addr_btn a {width: 140px;height: 48px;line-height: 48px;font-size: 13px;}
	.more_btn a {width: 140px;height: 48px;line-height: 48px;font-size: 13px;}
	.addr_btn {margin-top: 25px;}
	.banner-carousel .arrow {width: 30px;height: 30px;margin-top: -15px;}
	.banner-carousel .arrow:before {width: 30px;height: 30px;-webkit-background-size: 30px auto;background-size: 30px auto;}
	.main_visual .arrow a {width: 45px;height: 45px;}
	.main_visual .arrow a.prev:before {-webkit-background-size: 8px auto;background-size: 8px auto;margin-left: -9px;}
	.main_visual .arrow a.next:before {-webkit-background-size: 8px auto;background-size: 8px auto;margin-left: -4px;}
	.application .pagination_wrap {bottom: 25px;}
	.product_hover .product_txt {font-size: 15px;line-height: 1.3;}
}
@media (max-width: 767px) {
	.main_visual {height: 350px !important;}
	.biz .item.item1, .biz .item.item2, .biz .item.item3 {max-width: 398px;margin: 0 auto;}
	.text_area {padding: 0 15px;}
	.extra-slider .slider_text h2 {font-size: 20px;margin-bottom: 15px;}
	.extra-slider .slider_text .st1 {font-size: 15px;line-height: 1.7;word-break:keep-all;}
	.biz {padding: 60px 0;}
	.section_title {font-size: 25px;margin-bottom: 0;}
	.section_stitle {font-size: 15px;margin-bottom: 10px;}
	.map_info .box {padding: 15px;}
	.addr_allwrap .addr_wrap {width: 100%;}
	.map_info .box .addr_wrap.first {margin-bottom: 20px;}
	.addr_allwrap .addr_wrap.first {padding-right: 0;}
	.addr_btn a {width: 100px;height: 45px;line-height: 45px;font-size: 12px;}
	.main_visual .arrow a {width: 30px;height: 30px;margin-top: -15px;}
	.extra-slider .slider_text {padding: 0 45px;}
	.extra-slider .pagination {bottom: 10px;}
	.extra-slider .pagination a {width: 16px;height: 16px;}
	.extra-slider .pagination a:after {width: 4px;height: 4px;margin-left: -2px;margin-top: -2px;}
	.application {padding: 60px 0 80px 0;}
	.map_info .box .tit,
	.map_info .box .addr_wrap .ad {font-size: 17px;}
	.map_info .box .stit {font-size: 15px;}
	.map_info .box .addr_wrap p {font-size: 13px;}
	.addr_btn {margin-top: 0;}
	.addr_btn a {height: 35px;line-height: 35px;}
	.biz .item {height: 350px;}
	.biz .item .text {padding: 10px 15px;}
	.product_list li {width: 50%;}
	.product_list {margin-bottom: 0;}
}