/* CSS Document */
@font-face {
    font-family: 'myfont01';
    src: url(../font/helvetica-w01-bold.woff2) format('truetype');
}
@font-face {
    font-family: 'myfont02';
    src: url(../font/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('truetype');
}
@font-face {
    font-family: 'myfont03';
    src: url(../font/WixMadeforTextVF_W_Wght.woff2) format('truetype');
}

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both}
.flex{ display: flex;}
ol,ul{ list-style:none; padding: 0; margin: 0;}
a{ color: #333333;}
a:hover{ color: #30432d;}
body{background: #d8faa3; font-family: 'myfont02'; color: #30432d;}
/*---------header  style----------*/
header{background: #d8faa3; position: fixed; top: 0; left: 0; right: 0; z-index: 99; padding: 20px 0;}
.header-box{ line-height: 2; flex-wrap: nowrap; align-items: center; justify-content: space-between;}
.logo a{ font-size: 20px; color: #30432d;}
.logo a:hover{ color: #30432d;}
.nav{ cursor: pointer;}
.nav-box{ position: absolute; top: 0; bottom: 0; right: 0; background: #fff; height: 100vh;
     padding:0 50px 40px; display: none;}
.colse,.colse svg{ width: 40px; height: 40px;}
.colse{ margin: 40px 0; cursor: pointer;}
.colse:hover {
    background: #D7FAA2;
    border: 0px solid #D7FAA2;
    border-radius: 0px;
    transform: rotate(180deg);
}
.colse {
    -st-extends: StylableButton;
    transition: all 0.2s ease, visibility 0s;
    padding-right: 0px;
    border-radius: 300px;
    background: rgba(255, 255, 255, 0);
}
.colse-box{ justify-content: end;}
.nav-con ul li{ text-align: right; border-bottom: 1px solid rgba(47,67,45,0.5); margin: 20px 0; width: 250px;}
.nav-con ul li a{ text-decoration: none; font-size: 20px; font-weight: bolder;}
.tan{ height: 100vh; position: absolute; top:0;left: 0;right: 0; bottom: 0; z-index: 9; display: none; background: rgba(0,0,0,0);}
.nav-box{ z-index: 10;}
/* ---------main  style---------- */
.main{ width: 1200px; margin: 0 auto; padding-top: 100px;}
.card-box{ background: #fff; padding: 20px; margin: 10px 0;}
.card-con{ flex-wrap: nowrap; justify-content: space-between; }
.wixui-box .wixui-bg{ background: #ff5700; border-radius: 50%; width: 230px; height: 230px;}
.wixui-tit,.card-tit{ font-size: 40px; font-weight: bolder;}
.wixui-content{ font-family: 'myfont01'; flex-wrap: wrap; justify-content: space-between; font-size: 18px; line-height: 2.5;}
.wixui-tit2{width: 25%;}
.wixui-con2{ width: 22%; color: #8B0000;}
/*.wixui-con2{ text-align: right;}*/
.wixui-con{ margin-left: 20px;}
.card-content{ padding: 0 20px; overflow: hidden;}
.card-content p{ font-family: 'myfont01'; font-size: 18px; line-height: 1.5;}
.card-pic-tit{ text-align: center;}
.card-pic-tit a{ line-height: 2; color: #8B0000; font-size: 30px; font-weight: bolder; text-decoration:none;}
.card-pic{ margin-right: 15px;}
/* ----------footer  style---------- */
footer{ background: #edeae5; padding: 30px 0;}
.footer-logo a{ color: #2f442d; font-size: 33px;}
.footer-con{ flex-wrap: nowrap; justify-content: space-between;}
.footer-msg{font-family: 'myfont01';}
.msg-tit{ font-size: 20px;}
.msg-box{ margin: 30px 0;}
.msg-text{ margin-top: 20px;}
.msg-text input{ width: 100%; background: none; border: none; border-bottom: 1px solid #7a8477; outline: none;}
.agree{ margin: 20px 0;}
.msg-btn{ width: 100%; line-height: 40px; background: #30432d; color: #d7faa1; border: 0; border-radius: 25px; font-weight: bolder;}
.link-box .link-icon{ margin: 0 15px;}
.link-box .link-icon,.link-icon svg{ width: 25px; height: 25px;}
/* users style */
.usertitle-box{ /*font-family: 'myfont02';*/ justify-content: space-between; align-items: center;}
.user-name{ font-size:50px; font-weight: bolder; color: #2f442d;}
.users-box{ padding: 10px; margin-bottom: 100px; }
.user-box{ border: 1px solid #000; padding: 15px; background: #fff;}
.sort-box{ font-size: 35px; font-weight: bolder; color: #2f442d; justify-content: right;height: 50px;line-height: 50px;}
.sort{ border-radius: 50px; color: #d8faa2; background: #2f442d; font-size: 22px; margin: 0 15px; padding: 0 30px;}
.user-face{ width: 125px; height: 125px; background: #ff5700; border-radius: 50%;}
.user-facebox{ align-items: center;}
.user-info{ margin-left: 50px;}
.user-title{font-size: 50px; font-weight: bolder;}
/*.nests-info .wixui-tit2{ width: 20%;}*/
/* banner style */
.banner{ padding-top: 80px; position: relative;}
.banner-desc{ background: #fff; width: 48%; position: absolute; top: 80px; left: 20px; padding: 25px;}
.banner-tit{ font-size: 90px; color: #2f442d;}
.banner-desc p{ font-size: 18px; font-family: 'myfont01';}
.i-main{ max-width: 1200px; margin: 0 auto;}
.more-btn{ text-align: center; margin: 15px auto;}
.more-btn a{ font-size: 14px; line-height: 35px;  padding: 10px 40px; text-decoration: none; background: #2f442d; color: #d8faa3; font-family: 'myfont01';}
.i-main .users-box{ margin-bottom: 0;}
/* about project style */
.about-box{ flex-wrap: nowrap; justify-content: space-between;}
.project-box{ background: #30432d; padding: 30px; text-align: center;}
/*.project-box,.project-box2,.project-box3{width: 32%;}*/
.project-box2{padding-left:20px;}
.project-title{ font-size: 56px;color: #d8faa3;}
.line{ height: 1px; width: 85%; margin: 0 auto; background: #d8faa3;}
.project-tit{ line-height: 2;;}
.project-tit a{ color: #8B0000; font-size: 20px; text-decoration: none;}
.project-con{ margin-bottom: 35px;}
.project-con p{ line-height: 30px; font-size: 18px; font-family: 'myfont01';}
/* nest page mockup style */
.nest-box{ justify-content: space-between;}
.nest-left{ width: 65%;}
.nest-right{ width: 30%;}
.nest-tit{ font-size: 90px; color: #30432d;}
.model-tit{ width: 90%; margin: 0 auto; text-align: center; font-family: 'myfont01'; font-size: 22px; color: #30432d; background: #fff; padding: 20px;}
.nest-titbox{ background: #fff; padding:0 20px 10px;}
.nest-tab{  font-family: 'myfont01'; font-size: 20px;}
.nest-title,.nest-con{ width: 30%;}
.nest-con{ color: #8B0000; text-align: right; }
/* feedback style */
.feedbook-con{ margin: 20px 0; background: #fff; padding: 20px;font-family: 'myfont01';}
.feedbook-face img{ border-radius: 50%;}
.feedbook-name{font-style: italic; font-size: 20px;}
.feedbook-tit{ justify-content: left;}
.feedbook-title{ margin-left: 10px;}
.feedbook-content{ padding: 20px 0 0; position: relative;}
.feedbook-pic img{width: auto; height: 105px; margin-right: 10px;}
.feedbook-pic{ width: 70%;}
.feedbook-iconbox{ position: absolute; right: 20px; bottom: -10px;}
.icon01,.icon01 svg{ width: 34px; height: 44px;}
.icon02,.icon02 svg{ width: 46px; height: 44px;}
.icon01{ margin-right: 15px;}
.reply-con{ background: #fff; padding: 20px; width: 90%; margin-bottom: 10px;}
.reply-box{ flex-wrap: wrap; justify-content: right;}
.model-pic,.model-banner{ margin: 10px auto;}
.detail-info-box{ background: #fff; padding: 20px;}
.detail-info-tit{ font-size: 28px;}
.detail-info{ font-family: 'myfont01'; padding: 0 15px; font-size: 16px; flex-wrap: wrap;}
.detail-title{ text-align: left; width: 40%;}
.detail-con{ text-align: right; width: 58%; color: #8B0000;}
.model-banner .carousel-caption{ display: none; min-height: 40px; text-align: left; color: #2f442d; padding: 3px 0 3px; left: 0; right: 0; bottom: 0; background: rgba(216,250,163,0.5);}
.model-banner .carousel-caption h3,.model-banner .carousel-caption p{ font-family: 'myfont01'; padding:0 5px 0; font-size: 14px; margin-bottom: 0;}
.model-banner:hover .carousel-caption{display: block;}
/* background */
.title{ font-size: 90px; text-align: center;}
.why{font-size: 33px; text-align: center;}
.why-con{ font-family: 'myfont01'; margin-bottom: 30px;}
.why-con p{ font-size: 18px; line-height: 1.3;}
.bg-con{ flex-wrap: nowrap; justify-content: space-between;}
.bg-con-left{ width: 45%;}
.bg-con-right{ width: 50%;}
.bg-con-tit{ font-size: 50px; text-align: center; margin: 30px auto;}
.bg-content{ }
.bg-con-nr{font-family: 'myfont01'; font-size: 18px;}
.bg-con-nr ul li{ line-height: 25px; padding-left: 15px; background: url(../images/dot.jpg) no-repeat left 10px;}
.intro-tit,.how-tit{ font-size: 50px; text-align: center; margin: 30px auto;}
.intro-box{ background: url(../images/pic14.jpg) no-repeat top center; background-size: contain; padding: 30px 0;}
.intro-con{width: 1200px; margin: 0 auto;color: #000; justify-content: right;}
.intro-con-box{ background: rgba(255,255,255,0.3); border-radius: 45px; padding: 30px; width: 40%;}
.intro-con-tit{ font-size: 45px; text-align: center;}
.intro-con-nr {font-family: 'myfont01';font-size: 18px;}
.intro-con-nr ul{ padding-left: 20px;}
.intro-con-nr ul li.yiji{ list-style: disc;}
li.erji{ list-style: circle;}
.how-con{ height: 100%; flex-wrap: wrap; align-content: center;}
.how-title{ font-size: 20px;}
.how-content,.how-link{ font-family: 'myfont01';}
.how-content{ margin: 10px 0;}
.join-box{ background: #30432d; padding: 50px 0; position: relative;}
.join-btn{ text-align: center; }
.join-btn a{transition: all .2s ease, visibility 0s; padding: 0 50px; display: inline-block; line-height: 42px; height: 42px; font-size: 14px; font-family: 'myfont01'; color: #30432d;background: #D7FAA2; text-decoration: none;}
.join-btn a:hover{ background: #30432d; border: 1px solid #D7FAA2;color: #D7FAA2;}
.join-desc{ font-size: 12px; color: #D7FAA2; font-family: 'myfont01'; position: absolute; right: 5px; bottom: 5px;}
/* birds style */
.bird-main{ margin-top: 100px; background:#30432d; padding: 80px 0;}
.bird-banner{  width: 1200px; margin: 0 auto; flex-wrap: nowrap; justify-content: space-between;}
.bird-banner-l{font-size: 56px; color:#D7FAA2 ;}
.bird-more a{transition: all .2s ease, visibility 0s;}
.bird-banner-l{width: 50%;}
.bird-banner-r{ width: 38%;}
.bird-banner-r p{ color:#D7FAA2;font-family: 'myfont01';}
.bird-line{ width: 65px; height: 1px;background:#D7FAA2; margin-bottom: 20px;}
.bird-more a{ color: #D7FAA2; font-size: 14px;font-family: 'myfont01'; text-decoration: none;}
.bird-more a:hover{ padding-left: 5px;}
.birds-desc{font-family: 'myfont01';}
.birds-con{ width: 910px; margin: 60px auto;}
.birds-tit{ font-size: 56px; margin-bottom: 25px;}
.birds-box-con{ width: 25%; position: relative;}
.birds-warp{ background: rgba(255,255,255,0.8); padding: 40px 0; margin-bottom: 45px;}
.birds-box{width: 1200px; margin: 0 auto;}
.birds-box-con{ padding: 0 20px 30px;}
.bird-title-box{ width: 250px; padding: 15px; background: #D7FAA2; position: absolute; bottom: 0; right: 0;}
.bird-title{ font-size: 17px;}
.bird-desc{font-family: 'myfont01';}
.birbs-bg{ background: rgba(255, 255, 255, 0.8); padding: 30px 0;}
.kind-box{ background:#D7FAA2; justify-content: space-between; margin: 30px 0 60px;}
.kind-l{ width: 65%; padding-left: 40px;}
.kind-r{ width: 33%;}
.kind-tit{ font-size: 45px; margin-top: 20px;}
.kind-desc{ font-size: 26px;}
.kind-con{font-family: 'myfont01'; margin: 20px 0;}
.kind-con p{ background: url(../images/dot.jpg) no-repeat left center; padding-left: 10px;}
.kind-pic{ margin-bottom: 50px; justify-content: space-between;}
.kind-pic-tit{ margin-bottom: 15px;}
.kind-picbox{ width: 32%; text-align: center; font-family: 'myfont01'; font-size: 18px; font-style: italic;}
.kind-img{ margin: 15px 3px 0;}
.padding0.kind-l{ padding-left: 0;}