@charset "utf-8"; 
footer {margin-top: 0;}

.table {display: table;}
header #menu .cate1>li:nth-child(2)>a {border-bottom: 2px solid #068944; padding-bottom: 4px;}
.section-title {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}
.section-title h4 {
    font-size: 1.625em;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px;
}
.section-title p {
    color: #666;
    margin-bottom: 10px;
}

.business-wrap .slider1 {}
.business-wrap .slider1 li {width: 100%; height: 393px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.business-wrap .slider1 li h4 {margin-top: 7px; margin-bottom: 10px; font-weight: 500}
.business-wrap .slider1 li:nth-child(1) {background-image: url(/assets/img/business/slider1-img1.jpg)}
.business-wrap .slider1 li:nth-child(2) {background-image: url(/assets/img/business/slider1-img2.jpg)}
.business-wrap .slider1 li:nth-child(3) {background-image: url(/assets/img/business/slider1-img3.jpg)}
.business-wrap .slider1 li:nth-child(4) {background-image: url(/assets/img/business/slider1-img4.jpg)}
.business-wrap .slider1 li:nth-child(5) {background-image: url(/assets/img/business/slider1-img5.jpg)}
.business-wrap .slider1 li:nth-child(1) .icon {width: 47px; margin: 0 auto}
.business-wrap .slider1 li:nth-child(2) .icon, 
.business-wrap .slider1 li:nth-child(3) .icon,
.business-wrap .slider1 li:nth-child(4) .icon,
.business-wrap .slider1 li:nth-child(5) .icon {height: 54px; margin: 0 auto}
.business-wrap .table {width: 100%; height: 100%; display: table}
.business-wrap .bx-wrapper {float:left;}
.business-wrap .bx-wrapper .bx-controls .bx-controls-direction a {margin-top: -20px;}
.business-wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left:calc(50% - 560px)}
.business-wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {right:0; left:calc(50% + 560px)}
.business-wrap .bx-wrapper div.bx-pager {width: 100%; bottom:50px; color:rgba(255, 255, 255, .6)}
.business-wrap .bx-wrapper .bx-pager-item {margin-right: 15px;}
.business-wrap .bx-wrapper .bx-pager-item:last-child {margin-right: 0;}
.business-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .business-wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .business-wrap .bx-wrapper .bx-pager.bx-default-pager a:focus {width: 30px; height: 7px}

.law {
    padding: 100px 0;
}
.law ul {
    width: 100%;
    float: left;
}
.law ul li {
    width: 48%;
    background-color: #fff;
    box-shadow: 0 0 0 1px #ddd;
    padding: 60px 0;
    text-align: center;
}
.law ul li img {
    height: 73px;
}
.law ul li h5 {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 13px;
}
.law ul li p {
    color: #666;
    margin: 0 auto;
}

.slider2 {}
.slider2 li {}
.slider2 li .right {height: 600px;background-size: cover;background-position: center center;background-repeat: no-repeat;text-align: center;}
.slider2 li:nth-child(1) .right {background-image: url(/assets/img/business/slider2-img1.jpg); width: 50%;} 
.slider2 li:nth-child(2) .right {background-image: url(/assets/img/business/slider2-img2.jpg);width: 50%;} 
.slider2 li:nth-child(3) .right {background-image: url(/assets/img/business/slider2-img3.jpg); width: 50%;} 
.slider2 li .right img {
    height: 73px;
    margin: 0 auto;
}
.slider2 li .right h5 {
    font-size: 1.25em;
    color: #fff;
    font-weight: 600;
    margin-top: 14px;
    line-height: 1em;
}
.slider2 li .right p {
    color: #ddd;
    font-size: 0.875em;
    margin-top: 3px;
}
.slider2 li .left {
    width: 50%;
    height: 600px;
    text-align: center;
}
.slider2 li .left h4 {
    font-size: 1.625em;
}
.slider2 li .left .bar {
    width: 35px;
    height: 1px;
    background-color: #333;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 78px;
}
.slider2 li .left h5 {
    font-size: 1.25em;
    color: #333;
    font-weight: 600;
}
.slider2 li .left p {
    color: #666;
    margin-top: 13px;
}

.business-wrap .slider2Wrap .bx-wrapper div.bx-pager {width: 50%; right:0}
.business-wrap .slider2Wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left:calc(50% + 30px);}
.business-wrap .slider2Wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {left:auto; right:30px;}

.participation {
    padding: 100px 0;
}
.participation ul {width: 100%; float: left}
.participation ul li {
    width: 33.333%;
    float: left;
    text-align: center;
}
.participation ul li img {
    height: 73px;
}
.participation ul li h5 {
    font-size: 1.25em;
    font-weight: 600;
    margin: 15px 0 10px 0;
    color: #333;
}
.participation ul li p {
    color: #666;
}




@media (max-width: 960px) {
    
    .back-logo {display: none}
    .business-wrap .slider1 li {height: 350px}
    .business-wrap .bx-wrapper div.bx-pager {bottom:20px}
    div.bx-wrapper div.bx-pager {width: 25px}
    div.bx-wrapper .bx-pager.bx-default-pager a {margin-top: 15px; width: 13px; height: 13px}
    .business-wrap .bx-wrapper .bx-controls .bx-controls-direction a {margin-top: -15px;}
    .business-wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left:5%}
    .business-wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {left:auto; right:5%}

    
    .law ul li:first-child {padding-bottom: 83px}
    .law ul li h5 {margin: 7px 0 8px 0}
    .law ul li p {width: 70%}
    
    .slider2 li:nth-child(1) .right,
    .slider2 li:nth-child(2) .right,
    .slider2 li:nth-child(3) .right,
    .slider2 li .left {height: 450px;}
    .slider2 li .left h5 {margin-bottom: 8px;}
    .slider2 li .left p {width: 80%; margin: 0 auto}
    .business-wrap .slider2Wrap .bx-wrapper div.bx-pager {left:auto;}
    .business-wrap .slider2Wrap .bx-wrapper .bx-controls .bx-controls-direction a {top:225px}
    
    .participation ul li p {width: 85%; margin: 0 auto}
    
    .business-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .business-wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .business-wrap .bx-wrapper .bx-pager.bx-default-pager a:focus {height: 13px;}  

    
    
    
}


@media (max-width: 680px) {
    
    html {overflow-x: hidden}
    .moView2 {display: none}
    
    .bx-wrapper {float: left}
    .slider1 li p {width: 68%; margin:0 auto} 
    .law {padding: 60px 0}
    .law ul li {width: 100%; padding: 40px 0;}
    .law ul li:first-child {padding-bottom: 40px; margin-bottom: 20px}
    .slider1 li:nth-of-type(1) p {width: 66%}
    .slider2 li:nth-child(1) .right,
    .slider2 li:nth-child(2) .right, 
    .slider2 li:nth-child(3) .right {width: 100%; height: 200px }
    .slider2 li:nth-child(1) .right img {width: 80px; height: auto;}
    .slider2 li .right img {width: 60px; height: auto; margin-top: -30px}
    .slider2 li .left {width: 100%; height: auto; padding: 30px 0 60px 0;}
    .slider2 li .left .bar {margin-top: 30px; margin-bottom: 30px}
    .business-wrap .slider2Wrap .bx-wrapper div.bx-pager {width:100%; top:170px; left:auto;}
    .business-wrap .slider2Wrap .bx-wrapper .bx-controls .bx-controls-direction a {top:100px}
    .business-wrap .slider2Wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left:5%}
    .business-wrap .slider2Wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {left:auto; right:5%}

    .participation {padding: 60px 0;}
    .participation ul li {width: 100%; margin-bottom: 60px}
    .participation ul li:last-child {margin-bottom: 0} 
    .business-wrap .slider1 li:nth-child(1) .icon,
    .business-wrap .slider1 li:nth-child(2) .icon, 
    .business-wrap .slider1 li:nth-child(3) .icon, 
    .business-wrap .slider1 li:nth-child(4) .icon, 
    .business-wrap .slider1 li:nth-child(5) .icon {margin-top: -36px}  
    
    .business-wrap .slider1 li:nth-child(1) {background-position: 45%}
    .business-wrap .slider1 li:nth-child(3) {background-position: 43%}
    .business-wrap .slider1 li:nth-child(5) {background-position: 66%}
    
}