.w{width:1200px;}
.region-section *{
    box-sizing: content-box;
}
.region-header .topbar {line-height: 33px;background-color: #f1f1f1;color: #666;font-size: 12px;}
.region-header .topbar a {color: #7c7c7c;}
.region-header .topbar ul {float: right;}
.region-header .topbar li {float: left;}
.region-header .topbar li.pipe {padding: 0 10px;color: #ddd;}
.region-header .logo {float: left;padding: 11px 0;}
.region-header .logo img {display: block;}
.region-header .text {float: left;border-left: 1px solid #ddd;font-size: 16px;padding: 0 0 0 30px;margin: 30px 0 30px 30px;}
.region-header .text strong {display: block;font-size: 30px;font-weight: normal;line-height: 1;margin-bottom: 5px;}
.region-header .text strong span {color: #3db748;padding: 0 5px;}
.region-header .tel {float: right;margin-top: 18px;text-align: center;font-sizE: 14px;color: #004366;
    line-height: 30px;}
.region-header .tel strong {display: block;font-weight: bold;font-size: 24px;line-height: 28px;}

.region-nav {background-color: #44b753;}
.region-nav ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.region-nav li {float: left;}
.region-nav li a {display: block;line-height: 50px;font-size: 16px;padding: 0 34px;color: #fff;}
.region-nav li a:hover,.region-nav li.active a {background: #004366 url(../image/toj.jpg) no-repeat center bottom;}

.region-sou {padding: 10px 0;background-color: #ebebeb;}
.region-sou .hot {float: left;padding: 3px 0;}
.region-sou .hot strong{color:#000;}
.region-sou .hot a {margin-right: 10px;}
.region-sou .hform {float: right;}
.region-sou .hform input {float: left;font-size: 14px;padding: 2px 10px;line-height: 20px;width: 140px;border: 1px solid #ddd;border-right: 0;background-color: transparent;border-bottom-left-radius: 15px;border-top-left-radius: 15px;}
.region-sou .hform button {padding: 0;float: left;cursor: pointer;outline: none;width: 26px;height: 26px;background: url(../image/sek2.png) no-repeat 0 center;border: 0;
    border: 1px solid #ddd;
    border-left: 0;
    border-radius: 0 15px 15px 0;}

.region-sou-inner {background-color: #F2F2F2;}
.region-sou-inner .region-sou {padding: 25px 0;background-color: transparent;}
.region-sou-inner .hot {padding: 5px 0;}
.region-sou-inner .hform {background-color: #fff;border-radius: 20px;overflow: hidden;padding-left: 15px;}
.region-sou-inner .hform input {width: 240px;background: none;padding-left: 0;border: 0;padding-top: 5px;padding-bottom: 5px;}
.region-sou-inner .hform button {background: url(../image/viskins-p1.png) no-repeat -258px -936px;width: 30px;height: 30px;border: 0;}


.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.region-section {padding: 70px 0;}
.region-section-title {margin-bottom: 40px;text-align: center;font-size: 0;}
.region-section-title span {display: inline-block;color: #3db748;font-size: 36px;line-height: 1;
    vertical-align: 2px;}
.region-section-title p {display: inline-block;font-size: 24px;line-height: 24px;text-align: left;margin: 0 0 0 5px;
    color: #44b753;
    font-size: 20px;}
.region-section-title p small {
    font-family: fantasy;display: block;font-size: 12px;line-height: 1;text-transform: uppercase;}


    /*  */
.region-product{
    padding: 60px 0;
}
.product-tit{
    font-size:36px;
    color: #37b446;
    text-align: center;
}

.product-bd .parHd{
    text-align: center;
    margin: 40px 0;
}
.product-bd .parHd li{
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 8px;
}
.product-bd .parHd li a{
    display: block;
    line-height: 34px;
    padding: 0 30px;
    color: #fff;
    font-size: 15px;
    background: url(../image/proli.png) no-repeat center;
    background-size: 100% 100%;
}
.product-bd .parHd li.on a{
    background-image: url(../image/prolih.png);
}

.product-bd .parBd li {
    width: 293px;
    float: left;
    margin-right: 9px;
    position: relative;
}
.product-bd .parBd li img{
    display: block;
    width: 100%;
}
.product-bd .parBd li .hov{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
    opacity: 0;
    transition: all .3s;
}
.product-bd .parBd li:hover .hov{
    opacity: 1;
}
.product-bd .parBd li .hov p{
    font-size:30px;
}
.product-bd .parBd li .hov span{
    font-size:16px;
    background: url(../image/proicon.png) no-repeat right center;
    padding-right: 25px;
    margin-top: 60px;
}
.product-bd .parBd li .hov::after{
    content: '';
    position: absolute;
    display: block;
    width: 90%;
    height: 90%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.product-bd .parBd .slideBox{
    position: relative;
}
.product-bd .parBd .slideBox .sBtn{
    position: absolute;
    top: 50%;
    margin-top: -32px;
    width: 31px;
    height: 63px; 
    text-align: center;
    line-height: 63px;
    background: #37b446;
    color: #fff;
    font-size: 25px;
    font-family: '宋体';
    font-weight: bold;
}
.product-bd .parBd .slideBox .sPrev{
    left: -50px;
}
.product-bd .parBd .slideBox .sNext{
    right: -50px;
}

.region-ms-in {padding-top: 76px;}
.region-ms-in dl {margin: 0;overflow: hidden;}
.region-ms-in dt {float: left;width: 600px;}
.region-ms-in dd {margin-left: 600px;padding: 45px 0 0 75px;}
.region-ms-in dd .tit {height: 94px;}
.region-ms-in dd .tit em {float: left;background: url(../image/ms_15.jpg) no-repeat;width: 62px;height: 52px;text-align: center;font-size: 30px;font-family: Arial;color: #37b446;font-weight: bold;padding-top: 10px;line-height: 1;font-style: normal;}
.region-ms-in dd .tit h4 {
    font-weight: bold;margin: 0 0 0 62px;font-size: 30px;line-height: 1;color: #3db748;}
.region-ms-in dd .tit p {margin: 5px 0 0 77px;font-size: 24px;font-weight: bold;color: #3db748;}
.region-ms-in dd .tit p span {color: #3db748;
    font-size: 12px;
    font-family: arial;
display: block;}
.region-ms-in dd .p {
    font-size: 14px;line-height: 24px;color:#484848;margin: 0;padding: 6px 0 6px 20px;background: url(../image/ms_18.png) no-repeat left 11px;}
.region-ms-in dd .p span {color: #3db748;}
.region-ms-in dl.r dt {float: right;
    margin-top: 14px;}
.region-ms-in dl.r dd {margin: 0 600px 0 0;padding-left: 0;padding-right: 75px;}



.region-qsz-in {padding-top: 50px;}
.region-qsz-in .hd {float: left;width: 600px;}
.region-qsz-in .hd li {float: left;width: 50%;}
.region-qsz-in .hd li a {display: block;text-align: center;
    padding: 18px 0;font-size: 18px;background-color: #fff;margin: 0 1px 1px 0;}
.region-qsz-in .hd li small {display: block;text-transform: uppercase;font-size: 14px;color: #b9b9b9;}
.region-qsz-in .hd li.on a {background-color: #3db748;color: #fff;}
.region-qsz-in .hd li.on small {color: #b0ddb3;}
.region-qsz-in .hd .tel {padding: 35px 0 0 245px;height: 91px;background: #FFFFFF url(../image/qsd.jpg) no-repeat 180px center;color: #666;}
.region-qsz-in .hd .tel strong {display: block;font-size: 36px;color: #3db748;line-height: 1;}
.region-qsz-in .bd {float: right;width: 600px;}


.region-news-in {width: 550px;}
.region-news-in .tit {margin-bottom: 20px;}
.region-news-in .tit span {display: inline-block;line-height: 34px;font-size: 18px;vertical-align: top;cursor: pointer;background-color: #999;padding: 0 15px;color: #fff;}
.region-news-in .tit span.on {background-color: #3db748;}
.region-news-in .tit .more {float: right;line-height: 34px;text-transform: uppercase;}
.region-news-in .tou {margin: 0;background-color: #004366;overflow: hidden;color: #fff;}
.region-news-in .tou dt {float: left;width: 285px;}
.region-news-in .tou dt img {display: block;width: 100%;height: auto;}
.region-news-in .tou dd {margin: 0 0 0 285px;padding: 17px;}
.region-news-in .tou dd h4 {margin: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.region-news-in .tou dd h4 a {color: #fff;}
.region-news-in .tou dd p {margin: 15px 0 0;line-height: 1.6;height: 88px;overflow: hidden;
    height: 76px;}
.region-news-in .l1 {margin-top: 20px;overflow: hidden;margin-left: -20px;}
.region-news-in .l1 li {border-bottom: 1px solid #d2d2d2;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-left: 20px;background: url(../image/dz_11.jpg) no-repeat 0 center;padding-left: 15px;color:#333;}
.region-news-in .l1 li span{
    display: block;
    float: right;
}
.region-news-in .l2 li {border-bottom: 1px solid #ddd;}

.region-news-in .l2 li a {display: block;padding: 13px 15px 13px 30px;background: url(../image/faq_ico1.gif) no-repeat 0 14px;}
.region-news-in .l2 li h4 {margin: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    color: #333;}
.region-news-in .l2 li p {margin: 5px 0 0;line-height: 2;color: #777;height: 56px;overflow: hidden;
    font-size: 14px;
    line-height: 24px;}



.region-dk-in {text-align: center;background: url(../image/dk_02.jpg) no-repeat center 0;height: 338px;color: #fff;}
.region-dk-in h4 {margin: 0;padding: 35px 0 20px;font-size: 24px;font-weight: normal;}
.region-dk-in h4 span {font-size: 36px;font-weight: bold;}
.region-dk-in p {width: 850px;margin: 0 auto;
    font-size: 16px;
    line-height: 30px;}
.region-dk-in .btn {display: block;width: 147px;background: #164d61;margin: 50px auto 0;font-size: 14px;color: #ffffff;text-align: center;line-height: 36px;}



.region-link-in {margin: 30px 0;}
.region-link-in dt {float: left;font-weight: bold;
    color: #44b753;}
.region-link-in dd {margin-left: 80px;}
.region-link-in dd a {display: inline-block;margin-left: 20px;}



.region-footer-nav {background-color: #44b753;line-height: 45px;overflow: hidden;}
.region-footer-nav a {color: #fff;font-size: 16px;float: left;margin-right: 50px;}
.region-footer-item {}
.region-footer-item .w {position: relative;padding: 50px 0;}
.region-footer-item dl {margin: 0 60px 0 0;float: left;}
.region-footer-item dt {background: no-repeat 0 center;line-height: 30px;padding-left: 25px;}
.region-footer-item dt.i1 {background-image: url(../image/db_06.jpg);}
.region-footer-item dt.i2 {background-image: url(../image/db_08.jpg);}
.region-footer-item dt.i3 {background-image: url(../image/db_10.jpg);}
.region-footer-item dt.i4 {background-image: url(../image/db_12.jpg);}
.region-footer-item dt.i5 {background-image: url(../image/db_14.jpg);}
.region-footer-item dd {margin: 10px 0 0;}
.region-footer-item .ewm {position: absolute;right: 0;top: -2px;width: 140px;}
.region-footer-item .ewm p {
    
    margin: 0;
    color: #333;
    text-align: center;
    font-size: 16px;
}
.region-footer-item .ewm img {display: block;width: 110px;height: 110px;margin: 10px auto 0;}
.region-footer-copy {padding: 20px 0;text-align: center;background-color: #ededed;}
.region-footer-copy span {padding: 0 10px;}