@import url('https://hwcdn.gkk.cn/Public/static/css/fonts.css');
 * {font-family: '思源黑体-medium' !important;}
*{
    margin: 0;
    padding: 0;
}
ul{
    margin: 0;
}
ul>li{
    list-style: none;
}
a{
    color: #333333;
}
a.active{
    color: #3DA9DF;
}
a:hover,
a:active{
    text-decoration: none;
}
h1, .h1, h2, .h2, h3, .h3{
    margin: 0;
}
.area-padding {
    padding: 70px 0px 80px;
}
.about-area {
    background-color: rgb(243,243,243);
}
img {
    max-width: 100%;
    height: auto;
}
.mt-20{
    margin-top: 20px;
}
.mb-20{
    margin-bottom: 20px;
}
.main-btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid transparent;
    padding: 0 32px;
    font-size: 16px;
    line-height: 46px;
    color: #3DA9DF;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    position: relative;
    text-transform: uppercase;
    outline: none;
}
.rounded-buttons .rounded-three {
    overflow: hidden;
    line-height: 52px;
    background-color: #3DA9DF;
    background-size: 200% auto;
    color: #fff;
    border: 0;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -ms-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
}

/* 更多详情 */
.more-detail a{display: inline-block;width: 190px;height: 44px;line-height: 44px;border: 1px solid #ddd;margin-top: 28px;font-size: 18px;text-align: center;color: #444;}
.more-detail a:hover{background-color: #3DA9DF;color: #fff;}
.back-to-top {position: fixed;display: none;background: #3EC1D5;color: #fff;padding: 6px 12px 9px 12px;font-size: 16px;border-radius: 2px;right: 15px;bottom: 20px;transition: background 0.5s;}
.back-to-top:focus {background: #3EC1D5;color: #fff;outline: none;}
.back-to-top:hover {background: #3cd6ed;color: #fff;}

/*  HEADER  */
.header {position: fixed;width: 100%;height: 80px;top: 0;border-bottom: 1px solid #ebebeb;z-index: 99;background-color: white;}
.header .menu {width: 1200px;margin: 0 auto;}
.header .logo{display: inline-block;}
.header .logo img{padding: 20px 0;height: 80px;}
.header .tags li{padding-left: 22px;float: left;height: 80px;line-height: 80px;}
.header .tags li:hover a,
.c-nav li:hover a{color: #3DA9DF;}
.header .tags li:hover .sec-nav a{color: #e0e0e0;}
.header .tags li:hover img,
.header .tags li:hover .sec-nav{display: block;}
.header .tags li a {font-size: 16px;position: relative;}
.header .tags li img {display: none;position: absolute;left: 0;right: 0;bottom: -15px;margin: auto;}
.header .tags li .sec-nav {position: absolute;top: 80px;left: 0;color: #e0e0e0;line-height: 60px;width: 100%;background: rgba(0,0,0,0.72);display: none;}
.header .sec-nav p {width: 1200px;margin: 0 auto;font-size: 16px;text-align: right}
/*  END HEADER */

/* SWIPER */
.swiper-container {margin-top: 80px;}
.swiper-button-prev{background-image: url("/img/venubox/prev.gif");}
.swiper-button-next{background-image: url("/img/venubox/next.gif");}
.swiper-banner .swiper-container .swiper-slide img{width: 100%;}
.bottom-img{background-image: url("/img/slider/banner-bottom.png");}
.banner-text{position: absolute;top: 30%;left: 50%;font-size: 44px;font-weight: 700;color: #fff;line-height: 55px;transform: translateX(-50%);}


@media (max-width: 768px) {
    .area-padding{padding: 20px 0 30px;}
    h1{font-size: 25px}
    .mkdes{margin: 15px 0 20px!important;}
}

/* define bootstrap 5 columns */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-1-5 {width: 50%;float: left;}
@media (min-width: 768px) {  .col-sm-1-5 {width: 20%;float: left;}  }
@media (min-width: 992px) {  .col-md-1-5 {width: 20%;float: left;}  }
@media (min-width: 1200px) {  .col-lg-1-5 {width: 20%;float: left;}  }

/* 联系我们表单 */
.contact-us-form{padding: 80px 0;background-color: rgb(72,69,69);}
.contact-us-form .c-title{color: white;line-height: 1;margin-bottom: 45px;text-align: center;font-weight: normal;}
.contact-us-form label{color: #fff;font-size: 15px;line-height: 50px;}
.contact-us-form input{height: 50px;line-height: 50px;padding: 0;padding-left: 16px;border-radius: 4px;border: 1px solid rgba(255,255,255,0.2);background-color: #fff;font-size: 20px;}
.contact-us-form .form-btn{font-size: 24px;height: 60px;line-height: 60px;border-radius: 4px;color: #fff;text-align: center;background: #ff404f;border: 0;margin-top: 20px}
@media (max-width: 1200px) {
    .contact-us-form label {line-height: 22px}
    .contact-us-form{padding: 40px 0}
}

/*loading*/
.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;width:100%;height:100%;_padding:0 20px 0 0;background:#f6f4f5;display:none;}
.showbox{position:fixed;top:0;left:50%;z-index:9999;opacity:0;filter:alpha(opacity=0);margin-left:-80px;}