/* 茅鈧∶р€澛β犅访ヂ悸� */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}

/*棣栭〉浜у搧*/
.h-pro01{
  width: 1200px;
  height: auto;
  overflow: hidden;
  margin:0 auto;
  margin-top:30px;
}
.h-pro01 ul{
  width:100%;
}
.h-pro01 ul li{
	float: left;
	margin-right: 18px;
	margin-bottom: 25px;
	width: 310px;
	height: 290px;
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.h-pro01 ul li:hover{
  border:1px solid #009b4d;
}
.h-pro01 ul li .tu{
  margin-top:11px;
  margin-left:11px;
  width: 290px;
  height: 235px;
  overflow: hidden;
}
.h-pro01 ul li .tu img{
  width: 290px;
  height: 230px;
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro01 ul li:hover .tu img{
  -webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;
}
.h-pro01 ul li a h3{
margin: 0  auto;
	margin-top:5px;
	display: block;
	width: 290px;
	height: 32px;
	font-size:16px;
	color: #333;
	text-align: center;
	line-height: 32px;
	background-color: #e8e8e8;
}
.h-pro01 ul li:hover a h3{
  color: #fff;
  	background-color: #009b4d;
}
.h-pro01 ul li .dianhu{
  margin-top:10px;
  width: auto;
  height: auto;
  text-align:center;
}
.h-pro01 ul li .dianhu p{
  width: 100%;
  height: 22px;
  font-size: 14px;
  color: #333;
}
.h-pro01 ul li .dianhu span{
  width: 100%;
  font-size: 16px;
  color: #666666;
  text-align:center;
}
.h-pro01 ul li:hover .dianhu span{
  width: 100%;
  font-size: 16px;
  color: #333;
}


/* 氓陇麓茅茠篓 */
header {background-color: #009b4c;}
.header {height: 30px;}
.header div {font-size: 12px;color: #fff;}
.header div p {font-size: 12px;color: #fff;margin: 0;}
.header div a {font-size: 12px;color: #fff;}
.wel,.k1 {
    color: #6d6d6d;
    line-height: 30px;
    font-size: 13px;
    padding-top: 5px;
}

.k1 a {
    color: #6d6d6d;
}

.k1 a:hover {
    color: #0262b8;
}

.wel h1 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    display: inline;
}
.header-con {height: 104px;}

.header-box {display: flex;align-items: flex-end;}

.header-tel h2 {text-align: end;font-size: 14px;color: #888;}
.header-tel p {font-size: 30px;color: #009b4c;font-family: Arial;font-weight: bold;margin: 0;margin-top: 10px;}

.header-code {width: 69px;height: 69px;margin-left: 15px;}
.header-code img {width: 100%;height: 100%;}

.header-nav {border-top: 1px solid #ededed;}
.ny-weizhi{padding:10px 0px;/*width: 100%;*/height: auto;border:1px solid #DFDEDE;}
.ny-weizhi .ny-r-t{margin:0 auto;width: 1200px;font-size: 15px;color: #333;}

/* 氓炉录猫藛陋忙聽聫 */
.nav1 {}
.nav-li {position: relative;z-index: 999;position: relative;}
.nav-li+.nav-li::before {content: "";display: block;width: 1px;height: 11px;background-color: #cecece;position: absolute;left: -51px;top: 50%;transform: translateY(-50%);}
.nav-li .nav-a {display: block;font-size: 15px;color: #222;line-height: 46px;border-top: 3px solid transparent;border-bottom: 3px solid transparent;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 50%;top: 52px;background-color: #fff;z-index: 999;width: 150px;transform: translateX(-50%);}
.nav-ul li {width: 100%;}
.nav-ul li:hover{background:#009b4c;}
.nav-ul li:hover a{color:#fff;}
.nav-ul li a {width: 100%;height: 38px;line-height: 38px;text-align: center;display: block;color: #222;}

.nav-li:hover .nav-a {color: #009b4c;font-weight: bold;border-bottom-color: #009b4c;}
.nav-ul li a:hover {}

/* 莽茠颅茅鈥斅β惻撁绰� */
.s1 {box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}

.s1-box {height: 61px;}

.s1a {padding-left: 40px;line-height: 33px;background-image: url(../images/s1a.png);background-position: left center;font-size: 15px;color: #000;background-repeat: no-repeat;}
.s1a a {font-size: 15px;color: #000;}
.s1a a+a {margin-left: 5px;}

.s1b {width: 254px;height: 30px;border: 1px solid #aaa;border-radius: 15px;}

.s1b-input {height: 100%;padding-left: 20px;width: 210px;}
.s1b-btn {width: 30px;height: 100%;background-image: url(../images/s1b-ss.png);background-repeat: no-repeat;background-position: left center;}

/* 盲潞搂氓鈥溌伱ぢ嘎ヂ科� */
.s2 {padding-top: 10px;padding-bottom: 10px;}

.s2a {text-align: center;}
.s2a h2 {font-size: 30px;font-weight: bold;color: #2c2c2c;}
.s2a h2 span {color: #009b4c;}

.s2a div {display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.s2a div p {font-size: 14px;color: #a0a0a0;text-transform: uppercase;}
.s2a div span {display: block;width: 33px;height: 1px;background-color: #a0a0a0;margin: 0 8px;}

.s2b {flex-wrap: wrap;margin-top: 38px;}

.s2b li {
    width: 24%;
    height: 497px;
    overflow: hidden;
    position: relative;
    }
.s2b li:nth-child(n+5) {margin-top: 49px;}

.s2b li .s2b-img{
    overflow:hidden;
    display:block;
}
.s2b li img{
    transition-duration:.6s;
}
.s2b li img:hover{
    transition-duration:.6s;
    transform:scale(1.2);
}


.s2b-img {display: block;width: 100%;height: 399px;overflow: hidden;border-top:2px solid #009b4c;border-left:2px solid #009b4c;border-right:2px solid #009b4c;}
.s2b-img img {/* min-width: 100%; *//* min-height: 155%; */width:100%;}

.s2b-con {display: flex;position: absolute;left: 0;bottom: 0;right: 0;height: -17px;background-color: #fff;border-bottom:2px solid #009b4c;border-left:2px solid #009b4c;border-right:2px solid #009b4c;align-items: center;justify-content: center;flex-direction: column;}
.s2b-con h2 {font-size: 16px;color:#009b4c;}
.s2b-con p {font-size: 13px;color:#009b4c;width: 285px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;}
.s2b-con span {display: none;width: 71px;text-align: center;line-height: 21px;border-radius: 10px;background-color: #fff;font-size: 12px;color: #009b4c;margin-top: -30px;}

.s2b li:hover .s2b-con {height: 114px;background-color: #009b4c;}
.s2b li:hover .s2b-con h2 {color: #fff;}
.s2b li:hover .s2b-con p {color: #fff;}
.s2b li:hover .s2b-con span {display: block;}

/* 氓鈥β趁ぢ号矫λ嗏€樏ぢ宦� */
.s3 {/*background-image: url(../images/s3.jpg);*/background-repeat: no-repeat;background-position: top center;}
.s3-box {padding-top:10px;}

.s3a {text-align: center;}
.s3a h2 {font-size: 26px;color: #fff;font-weight: bold;}
.s3a h2 span {font-size: 28px;color: #009b4c;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;}
.s3a p {font-size: 14px;color: #fff;text-transform: uppercase;margin-top: 20px;}

.s3b {margin-top:-20px;}

.s3b-con {width: 570px;}

.s3b-img {margin-top:70px;width: 601px;}
.s3b-img img {width: 100%;}

.s3b-con h3 {line-height: 50px;padding-left: 62px;background-image: url(../images/s3b-con.png);background-repeat: no-repeat;background-position: left center;font-weight: bold;color: #fff;font-size: 40px;text-transform: uppercase;letter-spacing: 10px;}

.s3b-con h2 {font-size: 28px;color: #fff;margin-top: 19px;}

.s3b-con div {margin-top: 60px;}
.s3b-con div p {font-size: 15px;color: #252525;line-height: 33px;}

.s3b-con a {display: block;width: 129px;line-height: 37px;border: 1px solid #009b4c;color: #009b4c;text-align: center;border-radius: 20px;font-size: 15px;margin-top: 50px;}

.s3c {margin-top: 50px;}
.s3c li {width: 25%;display: flex;align-items: center;justify-content: center;height: 116px;border: 1px solid #c9c9c9;}

.s3c-img {position: relative;}
.s3c-img img+img {display: none;}

.s3c-con {margin-left: 15px;}
.s3c-con h3 {font-size: 18px;color: #2a2a2a;}
.s3c-con p {font-size: 12px;color: #2b2b2b;margin-top: 10px;text-transform: uppercase;}

.s3c li:hover {background-color: #009b4c;border-color: #009b4c;}
.s3c li:hover .s3c-img img {display: none;}
.s3c li:hover .s3c-img img+img {display: block;}
.s3c li:hover .s3c-con h3 {color: #fff;}
.s3c li:hover .s3c-con p {color: #fff;}

.hengtu{width:1920px;margin-left:-960px;left:50%;position:relative;margin-top:20px;}
/* 盲录藴氓艩驴 氓鹿驴氓鈥樑� */
.s4-5 {height: 1530px;background-image: url(../images/s4-5.jpg);background-repeat: no-repeat;}

/* 盲录藴氓艩驴 */
.s4 {padding-top: 47px;}

.s4a {background-image: url(../images/s4a.png);background-repeat: no-repeat;background-position: 323px top;padding-top: 10px;margin: 0 auto;padding-bottom: 33px;}
.s4a p {font-size: 18px;color: #009b4c;text-transform: uppercase;padding-left: 435px;}
.s4a p span {font-size: 66px;}
.s4a h2 {font-size: 28px;padding-left: 5px;color: #fff;margin-top: -27px;}
.s4a h2 span {margin-left: -340px;display: inline-block;font-size: 35px;color: #1d1714;font-weight: bold;width: 315px;}
.s4a h3 {font-size: 20px;color: #009b4c;margin-top: -21px;padding-left: 205px;}
.s4a h3 span {font-size: 18px;color: #009b4c;text-transform: uppercase;}

.s4b {margin-top: 25px;}
.s4b-item {position: relative;}
.s4b-item img {position: absolute;top: 0;}

.s4b-num {font-size: 35px;color: #fff;width: 82px;line-height: 83px;background-image: url(../images/s4b-num.png);background-repeat: no-repeat;text-align: center;}
.s4b-fname {width: 425px;padding-top: 30px;margin-left: 10px;}
.s4b-fname h3 {font-size: 20px;color: #2d2d2d;font-weight: bold;}
.s4b-fname h4 {font-size: 15px;color: #9d9d9d;text-transform: uppercase;line-height: 18px;margin-top: 10px;}

.s4b-title {padding-left: 35px;padding-top: 20px;}
.s4b-title p {padding-left: 25px;line-height: 35px;font-size: 15px;color: #2d2d2d;background-image: url(../images/s4b-title.png);background-repeat: no-repeat;background-position: left 11px;}

.s4b-con0 {padding-left: 650px;padding-top: 35px;}
.s4b-item0 img {left: 0;}

.s4b-item1 img {right: 0;}
.s4b-item1 {margin-top: 70px;}
.s4b-con1 {padding-top: 180px;}

/* 氓鹿驴氓鈥樑� */
.s5 {margin-top: 65px;}

.s5a {width: 381px;}
.s5a img {width: 100%;}

.s5b {width: 730px;padding-top: 105px;}

.s5b h2 {font-size: 36px;color: #fff;font-weight: bold;letter-spacing: 5px;}
.s5b h2 span {color: #f6fe78;font-size: 48px;}
.s5b h3 {font-size: 17px;color: #fff;line-height: 46px;padding-top: 3px;width: 100%;background-image: url(../images/s5b.png);text-align: center;background-repeat: no-repeat;margin-top: 20px;letter-spacing: 1.5px;}

.s5b div {display: flex;align-items: center;margin-top: 10px;}
.s5b div p {font-size: 30px;color: #fff;margin-left: 5px;letter-spacing: 2px;font-family: "Times New Roman";}
.s5b div a {display: block;width: 109px;text-align: center;line-height: 29px;background-color: #fff;border-radius: 4px;font-size: 16px;color: #222;font-weight: bold;margin-left: 30px;}

/* 氓鸥潞氓艙掳氓卤鈥⒚ぢ� */
.s6 {padding-top: 40px;padding-bottom: 45px;}

.s6a {text-align: center;}
.s6a h2 {font-size: 30px;font-weight: bold;color: #2c2c2c;}
.s6a h2 span {color: #009b4c;}
.parBd{
    margin-top:50px;
    position:relative;
}
.slideGroup .sNext{
    position: absolute;
    left: -50px;
    top: 60px;
    display: block;
    width: 31px;
    height: 81px;
    background: url(../images/le.png) center no-repeat;
    z-index: 99999;
}

.slideGroup .sPrev{
    position: absolute;
    right: -50px;
    top: 60px;
    display: block;
    width: 31px;
    height: 81px;
    background: url(../images/re.png) center no-repeat;
    z-index: 99999;
}
/**
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 5, 2018
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top,.2s -webkit-transform;
    transition: .2s top,.2s -webkit-transform;
    -o-transition: .2s transform,.2s top;
    transition: .2s transform,.2s top;
    transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left,.2s -webkit-transform;
    transition: .2s left,.2s -webkit-transform;
    -o-transition: .2s transform,.2s left;
    transition: .2s transform,.2s left;
    transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}
.index03 {padding:30px 0 20px;overflow:hidden;}
.index03 .list {color:#fff;}
.index03 .title {text-align: center;}
.index03 .t1 {color:#222;font-size:22px;}
.index03 .t1 span {color:#00ad50;}
.index03 .t2 {margin-top:10px;}
.index03 .content {margin-top:15px;}
.index03 .slide {position:relative;}
.index03 .slide .img {position:relative;}
.index03 .slide .img img {position:relative;z-index:4;width:100%;transition:1s all;}
.index03 .slide .imgafter {content:'';background:#00ad50;position:absolute;top:50%;left:0;right:0;bottom:0%;}
.index03 .slide:nth-child(2n) .txtbox {background:#019e49;}
.index03 .slide:nth-child(2n) .imgafter {background:#019e49; }
.index03 .txtbox {color:#fff;background:#00ad50;padding:0 15px 25px;;cursor: pointer;text-align: center;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.index03 .txtbox .c1 {font-size:15px;font-weight:bold;padding-top:20px;white-space: nowrap;}
.index03 .txtbox i {background:#fff;transition:all 0.5s;display:block;margin:0 auto;height:1px;width:30px;margin:5px auto;}
.index03 .txtbox .c2 {margin-top:10px;line-height: 22px;height:66px;}

.s6a div {display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.s6a div p {font-size: 14px;color: #a0a0a0;text-transform: uppercase;}
.s6a div span {display: block;width: 33px;height: 1px;background-color: #a0a0a0;margin: 0 8px;}

.s6b {margin-top: 33px;}
.s6b li {width: 287px;}
.s6b-img {display: block;width: 100%;height: 197px;border: 1px solid #bfbfbf;padding: 5px;}
.s6b-img div {width: 100%;height: 100%;overflow: hidden;}
.s6b-img div img {min-width: 100%;min-height: 100%;}

.s6b-name {display: block;width: 100%;text-align: center;font-size: 15px;color: #000;margin-top: 13px;}

.s6b li:hover .s6b-name {color: #009b4c;}

/* 忙鈥撀懊┾€斅幻ぢ嘎ヂ科� */
.s7 {background-color: #f4f4f4;}
.s7-box {padding-top: 45px;padding-bottom: 35px;}

.s7a {text-align: center;}
.s7a h2 {font-size: 30px;font-weight: bold;color: #2c2c2c;}
.s7a h2 span {color: #009b4c;}

.s7a div {display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.s7a div p {font-size: 14px;color: #a0a0a0;text-transform: uppercase;}
.s7a div span {display: block;width: 33px;height: 1px;background-color: #a0a0a0;margin: 0 8px;}

.s7b {margin-top: 50px;}
.s7b-btn {width: 362px;}
.s7b-btn ul li {width: 362px;height: 174px;background-color: #fff;padding-left: 28px;padding-right: 24px;}
.s7b-btn ul li+li {margin-top: 1px;}

.s7b-btn-box {display: flex;align-items: center;}

.s7b-btn-img {width: 75px;position: relative;}
.s7b-btn-img img+img {display: none;position: relative;left: 0;}

.s7b-btn-name h3 {font-size: 20px;color: #303030;}
.s7b-btn-name p {font-size: 15px;color: #1d1d1d;text-transform: uppercase;margin-top: 10px;}

.s7b-btn-num {font-size: 70px;color: #d6d6d6;}

.s7b-btn ul li:hover {background-color: #009b4c;}

.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-img img {display: none;}
.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-img img+img {display: block;}

.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-name h3 {color: #fff;}
.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-name p {color: #fff;}
.s7b-btn ul li:hover .s7b-btn-num {color: #ddede3;}

.s7b-con {width: 805px;}

.s7b-tj {width: 805px;height: 168px;}

.s7b-tj-con {width: 465px;height: 100%;padding-top: 19px;border-bottom: 1px solid #dadada;}

.s7b-tj-img {width: 325px;height: 100%;overflow: hidden;}
.s7b-tj-img a img {min-width: 100%;min-height: 100%;}

.s7b-tj-box {width: 100%;}
.s7b-tj-name {width: 333px;padding-right: 54px;border-right: 1px solid #d6d6d6;}
.s7b-tj-name a {line-height: 34px;font-size: 17px;color: #009b4c;display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.s7b-tj-time {text-align: end;}
.s7b-tj-time h3 {font-size: 18px;color: #555;}
.s7b-tj-time p {font-size: 12px;color: #555;margin-top: 5px;}

.s7b-tj-summary {margin-top: 20px;}
.s7b-tj-summary p {font-size: 13px;color: #555;line-height: 23px;}

.s7b-item {margin-top: 22px;width: 805px;}
.s7b-item-box {width: 100%;}

.s7b-item-name {width: 285px;}
.s7b-item-name a {font-size: 17px;color: #2e2d2d;display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 34px;}

.s7b-item-time {width: 177px;text-align: end;height: 34px;border-left: 1px solid #d6d6d6;}
.s7b-item-time h3 {font-size: 18px;color: #555;}
.s7b-item-time p {font-size: 12px;color: #555;margin-top: 5px;}

.s7b-item-summary {width: 100%0;margin-top: 24px;}
.s7b-item-summary p {font-size: 13px;color: #555;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.s7b-more {margin-top: 30px;width: 468px;border-bottom: 1px solid #dadada;}
.s7b-more a {display: block;width: 159px;text-align: center;line-height: 38px;background-color: #009b4c;font-size: 14px;color: #fff;}

.s7b-list {width: 50%;    float: left;}
.s7b-list div {float: left;width: 367px;border-bottom: 1px solid #dadada;padding-top: 34px;padding-bottom: 14px;}
.s7b-list div a {display: inline-block;width: 260px;padding-left: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;color: #343434;position: relative;}
.s7b-list div a::before {content: "";display: block;width: 15px;height: 1px;background-color: #343434;position: absolute;left: 3px;top: 50%;transform: translateY(-50%);}
.s7b-list div p {font-size: 15px;color: #878787;}
.s7b-list div:nth-child(2n) {float: right;}

.s7b-list div a:hover {color: #009b4c;}
.s7b-list div a:hover::before {background-color: #009b4c;}

/* 氓聫鈥姑ζ掆€γ┾€溌久ε铰� */
.s8 {font-size: 16px;color: #000;padding-top: 35px;padding-bottom: 30px;padding-left: 31px;background-image: url(../images/s8.png);background-repeat: no-repeat;background-position: left center;}
.s8 a {font-size: 16px;color: #000;}

/* 氓潞鈥⒚┢捖� */
footer {background-color: #009b4c;}
.footer {padding-top: 30px;padding-bottom: 28px;}

.footer-name {font-size: 16px;color: #fff;font-weight: bold;padding-left: 18px;position: relative;}
.footer-name::before {content: "";display: block;width: 4px;height: 14px;background-color: #fff;border-radius: 1px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.footer-tel {width: 295px;}
.footer-tel-con {margin-top: 23px;}

.footer-tel-img {width: 49px;height: 49px;}
.footer-tel-img img {width: 100%;height: 100%;}

.footer-tel-fname {margin-left: 10px;padding: 8px 0;}
.footer-tel-fname h3 {font-size: 16px;color: #fff;}
.footer-tel-fname p {font-size: 12px;color: #fff;text-transform: uppercase;margin: 0;margin-top: 5px;}

.footer-tel-num {margin-top: 10px;}
.footer-tel-num p {font-size: 24px;color: #fff;font-weight: bold;margin: 0;}

.footer-inquiry {display: block;width: 170px;line-height: 34px;padding-left: 33px;background-color: #fff;border-radius: 5px;margin-top: 22px;font-size: 16px;color: #222;background-image: url(../images/footer-inquiry.png);background-repeat: no-repeat;background-position: 112px center;}

.footer-inquiry:hover {color: #222;}

.footer-nav {width: 425px;}
.footer-nav ul {width: 330px;}
.footer-nav ul li {width: 110px;margin-top: 27px;}
.footer-nav ul li a {font-size: 13px;color: #fff;}
.footer-nav ul li a:hover {color: #d7d7d7;}

.footer-telfs-con {margin-top: 24px;}
.footer-telfs-con p {font-size: 14px;color: #fff;line-height: 15px;margin: 0;margin-top: 15px;}

.footer-code-con {margin-top: 28px;}

.footer-code-img {width: 102px;}
.footer-code-img img {width: 100%;}

.footer-code-title {margin-left: 15px;padding-top: 10px;}
.footer-code-title p {line-height: 17px;margin: 0;font-size: 13px;color: #fff;}

/* 茅隆碌猫鈥炁� */
.footer-bottom {text-align: center;background-image: url(../images/footer-bottom.jpg);background-repeat: no-repeat;background-size: 100% 100%;font-size: 12px;color: #fff;line-height: 20px;padding: 15px 0;}
.footer-bottom a {font-size: 12px;color: #fff;line-height: 20px;}




