@charset "utf-8";
/* CSS Document */

body {padding:0; margin: 0; font-size: 12px; font-family:"Microsoft Yahei"; background: #fcf5eb!important;}
ul,ol{list-style:none; padding: 0; margin: 0;}
.clear{clear:both;}
a{text-decoration:none;}
.container{width:1200px; margin: 0 auto;}
img{max-width:100%;}
/*导航end*/
.owl-dots {
    text-align: center;
    padding-top: 30px;
}
.owl-dots .owl-dot span {
    width: 12px;
    height: 6px;
    border-radius: 50px;
    background: #c51e15;
    display: inline-block;
    opacity: .3;
    margin: 0 5px;
}
.owl-dots .owl-dot.active span {
    opacity: 0.8;
    width: 30px;
}
#owl0 .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none;
}
.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible;
}
.mt40{margin-top:30px;}

/*浮动导航*/
#header {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 999;
    top: 0em;
	transition-duration: 0.5s;
	height: 4rem;
}
.fixed{ box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);
    -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);
    -o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04); z-index: 999999; width:100%; position: fixed; top: 0;
	background-color: rgba(252, 245, 235, .95)!important;
}
.xiazai{ border-radius: 25PX; position: relative;}
.xiazai a{padding:10px 40px; color: #000; background:#25d366; border-radius: 30px;}
.navbar-brand img{height:36px; }
.ban{position:relative;}
.ban .bk img{width:100%; border-radius: 40px;}
.ban .txt{position:absolute; display: flex; flex-wrap: wrap; width:100%; height: 100%; left: 0; top: 0;}
.ban .txt .t-l{width:50%; padding:10%;}
.ban .txt .t-l .t1{font-size: 72px; color: #FFF; line-height: 1.2;}
.ban .txt .t-l .t2{font-size: 20px; color: #FFF; }
.ban .txt .t-l .xz a{padding: 12px 40px; color: #FFF; background: #25d366; border-radius: 30px; font-size: 20px;}
.ban .txt .t-r{width:50%; padding:5%;}
.ban .txt .t-r img{max-width:100%;}
.ban .txt .t-r .b1-1{margin-top: -35px;}
.ban .txt .t-r .b2{ text-align: right; padding-right: 10%;}
.ban .txt .t-r .b3 img{width:75%;}
.ban .txt .t-r .b4 img{width:70%;}
.ban .txt .t-r .b4-1{margin-top: -35px;}
.tips{font-size:13px; color: #5E5E5E; text-align: right; margin: 10px 0;}

.gongneng{padding:20px 0; display: flex; flex-wrap: wrap;}
.gnbox{width:calc(20% - 22px); margin:10px; border: 1px solid #F2F2F2; padding:30px 20px; background: #FFF; border-radius: 15px; transition:0.5s ease all; cursor: pointer;}
.gnbox:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);}
.gnbox .tb {
    background-color: #25d366;
    border-radius: 50%;
    height: 32px;
    margin-bottom: 24px;
    position: relative;
	text-align: center;
    width: 32px;
	color: #FFF;
	padding-top: 2px;
}
.gnbox .tit{font-size:24px;}
.gnbox .jt{padding-left:0; transition:0.5s ease all;}
.gnbox:hover.gnbox .jt{padding-left:10px;}

.pic-1{padding:20px 0;}
.pic-1 img{max-width:100%;}

.i-txt{padding:20px 10%; font-size: 48px; color: #000; text-align: center;}
.smtxt{padding:30px 0; display: flex; flex-wrap: wrap;}
.smtxt .sm-box{width:50%; }
.smtxt .sm-box .text{padding:20% 10%;}
.smtxt .sm-box .text .tit{font-size:56px;}
.smtxt .sm-box .text .ftit{ color: #1C1E21; font-size: 20px;}
.smtxt .sm-box .pic{text-align:center; position:relative;}
.smtxt .sm-box .pic .fd-pic{text-align:center; width:100%; position: absolute; height: 100%; top: 12%; left: 0; z-index: 9;}
.smtxt .sm-box .bjtext{padding:20% 10%;}
.smtxt .sm-box .bjtext .tit{font-size:56px; color: #FFF;}
.smtxt .sm-box .bjtext .tit span{color: #25d366;}
.smtxt .sm-box .bjtext .ftit{ color: #fff; font-size: 20px;}

.black-bj{ background:#111b21;}
.weichi{background:#E6FFDA; border-radius: 0 0 50px 50px; padding:30px 0;}
.wclist{padding:20px 0;}
.wctitle{padding:30px 0; text-align: center; font-size: 48px;}
.wclist .wcbox{ background:#FFF; border-radius: 10px; padding:20px; height: 380px;  border-radius: 20px;}
.wclist .wcbox .tb{}
.wclist .wcbox .tit{ font-size: 32px; line-height: 1.5;}
.wclist .wcbox .ftit{}

.bj{background: #111B21; padding:30px 0;}

.footer{background:#111b21; padding:10px 0;}
.footer .f-logo{ display: flex; flex-wrap: wrap; justify-content: space-between; padding:30px 0;}
.footer .f-logo .f-l{width:25%;}
.footer .f-logo .f-r{width:25%;}
.footer .f-logo .f-r a{padding:12px 40px; background: #25d366; border-radius: 30px; color: #000;}
.footer .f-copyright{ border-top:1px solid #666; text-align: center; padding-top:20px; color: #FFF;}

.mb-0 {
    margin-bottom: 0
}
.mb-1 {
    margin-bottom: .25rem
}
.mb-2 {
    margin-bottom: .5rem
}
.mb-3 {
    margin-bottom: 1rem
}
.mb-4 {
    margin-bottom: 1.5rem
}
.mb-5 {
    margin-bottom: 3rem
}
.pc{display:block;}
.mob{display:none;}


@media (max-width:767px) {
	.container{width:100%;}
	.ban .bk img{width:100%; border-radius: 10px;}
	.ban .txt .t-l{width:60%; padding:5% 2%;}
.ban .txt .t-l .t1{font-size: 20px;}
.ban .txt .t-l .t2{font-size: 16px;}
.ban .txt .t-l .xz a{padding: 12px 40px; color: #FFF; background: #25d366; border-radius: 30px; font-size: 20px;}
	.ban .txt .t-r{width:40%; padding:2%;}
	.mb-4{margin-bottom: 10px;}
	.mb-5{margin-bottom: 12px;}
	.gnbox{width: calc(100% - 18px); height: auto; margin: 8px;}
	.fixed{ box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);
    -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);
    -o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04); z-index: 999999; width:100%; position: fixed; top: 0;
	background-color: rgba(252, 245, 235, .8)!important;}
	.pc{display:none;}
.mob{display:block;}
	.i-txt{padding:20px 2%; font-size: 28px; color: #000; text-align: center;}
	.smtxt .sm-box{width:100%;}
	.smtxt .sm-box .text{padding:10% 2%;}
	.smtxt .sm-box .text .tit {
    font-size: 42px;}
	.smtxt .sm-box .text .ftit {
    color: #1C1E21;
    font-size: 20px;
}
	.smtxt .sm-box .bjtext {
    padding: 10% 2%;}
	.smtxt .sm-box .bjtext .tit {
    font-size:42px;}
	.wclist .wcbox{heigth:400px!important;}
	.footer .f-logo .f-l{width:50%;}
	.footer .f-logo .f-r{width:50%;}
	
}