.container{  width: 100%;  font-size: 16px; color: #333;background-image: url(/images/project/cottage/cloth-d1.png); padding-bottom:50px; overflow: hidden;}
.nav{ display: block; width:100%; height:80px; background-image: url(/images/project/cottage/nav_bg.png); background-repeat: repeat-x; z-index:1000; position:fixed; top: 0;}
.nav ul{ display: block; width: 1000px;  margin: 0 auto;text-align: center; position: relative; padding-top: 3px;}
.nav ul li{ display: inline-block; margin-top: 10px; }
.nav ul li a{ display: block; text-align: center;  color: #333;font-weight: bold; width: 90px;}
.nav ul li a:before{content: ""; display:none; width: 25px; height: 25px; background-image: url(/images/project/cottage/nav_flower.png);float: left;}
.nav ul li:nth-child(8n) a:hover:before{ display:none; }
.nav ul li a:hover:before{display: block;}
.nav ul li:nth-child(8n) a:hover{color: #be143b;}
.nav_logo{ display: block; width: 73px; height: 33px; padding: 0; float: left; margin-top: 5px; }
.mainvisual{ display: block; width: 1000px; height: 449px; margin: 0 auto; margin-top: 60px;  }
.chapter_box{ display: block; width: 1000px; height:auto; margin: 0 auto;position:relative;}
.chapter_box h2{ display: block; width: 370px; height: 137px; background-image: url(/images/project/cottage/title01.jpg); margin-top: 50px; background-repeat: no-repeat;box-sizing: border-box; font-size:36px;padding:25px 0 0 160px;float: left;  }
.chapter_box h3{ display: block; font-size: 24px; color: #333; font-weight: bold;}
.chapter_box p{ font-size: 14px; color: #333;  line-height: 1.5em;}
.chapter01 i , .chapter04 i{ display: block; float: left; width: 500px; margin: 70px 0 0 20px;;font-size: 20px; line-height: 1.5em; }
.chapter01 .map{ clear: both; display: block;  width: 1000px; height:750px; background-image: url(/images/project/cottage/map.jpg); background-repeat: no-repeat;position: relative; } 
.chapter01 .map ul li.pin01 { display:inline-block; width: 286px; position: absolute; left: 40px; top: 150px;}
.chapter01 .map ul li.pin02 {  display:inline-block; width: 284px;position: absolute; left: 370px; top: 130px; }
.chapter01 .map ul li.pin03 {  display:inline-block; width: 286px;position: absolute; right:30px; top: 170px;  }
.chapter01 .map ul li a{ display: block;}
.chapter01 .map ul li a:hover h3 { color: #b9833a;}
.chapter01 .map ul li a:hover p{ color: #000;}
.chapter01 h3{ padding-left: 30px;}
.chapter01 p{ padding-left: 31px; }
.chapter02 {display: block; position: relative;}
.chapter_box .chapter02 h2{background-image: url(/images/project/cottage/title02.jpg); margin-left:40px; }
.chapter02_inner{ display: block; width: 100%; position: relative; background-image: url(/images/project/cottage/chapter02_bg_26.jpg); overflow: hidden; padding-bottom: 30px;}
.chapter02_inner ul{ clear: both; width:950px; margin:0 auto; overflow: hidden;}
.chapter02_inner ul li{ display: inline-block; float: left; margin: 40px 10px 0 30px;}
.chapter02_inner ul li:nth-child(3n){ margin-top: -30px;}
.chapter02_inner ul li h3{ display: block;width: 300px; padding-left: 110px; margin-top: -20px;}
.chapter02_inner ul li p{ display: block; padding-left: 110px; width: 300px; }
.chapter02_inner ul li a:hover h3 { color: #e85613;}
.chapter02_inner ul li a:hover p{ color: #000;}
.papper{display: block; width:200px; height: 136px; position: absolute; right:-50px; top:50px; z-index: 5;}

.chapter03 h2{background-image: url(/images/project/cottage/title03.jpg);}
.chapter03_inner01{ clear: both; display: block; width: 1000px;height: 570px; background-image: url(/images/project/cottage/chapter03_01.jpg);}
.chapter03_inner02{ clear: both; display: block; width: 1000px;height: 740px; background-image: url(/images/project/cottage/chapter03_02.jpg);}
.chapter03{position: relative;}
.chapter03 i{ display:inline-block; width: 30px; height:30px; line-height: 30px; text-align: center;border-radius: 50%; font-size: 11px; background-color: #885b32; color: #fff; float: left; margin-right: 10px;}
.chapter03 span{ display:inline-block; width: 200px; height: 1px; background-color: #885b32;float:left; margin-top: 16px;}
.chapter03 h3{display: block; width: 80px;float: left; color:#885b32;}
.chapter03 strong{ clear: both; display: block; width: 300px;padding-left: 42px; margin-top: 35px; font-weight: bold; font-size: 20px; color: #333;}
.chapter03 p{display: block; width: 280px; padding-left: 42px; }
.idea01{position: absolute; top: 200px; right: 60px;}
.idea02{position: absolute; top: 670px; left: 70px;}
.idea03{position: absolute; bottom: 210px; right: 160px;}
.idea04{position: absolute; bottom: 20px; left: 230px;}
.link01{ display: inline-block; width: 450px;  height:400px;position: relative; top:0px; left: 50px;}
.link02{ display:inline-block; width: 450px;  height:400px;position: absolute; top:350px; right:50px;}
.link03{ display:inline-block; width: 400px;  height:350px;position: absolute; top:750px; right:80px;}
.link04{ display:inline-block; width: 400px;  height:450px;position: absolute; top:850px; left:80px;}
.chapter03 a:hover strong { color:#885b32;}
.chapter03 a:hover p{ color: #000;}


.chapter04{ display: block; width: 100%; background-image: url(/images/project/cottage/992.png);padding: 20px 0; position: relative;margin-top: 50px;}
.chapter04_inner{ display:block; width:945px; background-color: #f7f2ec; margin: 0 auto; }
.chapter04 h2{background-image: url(/images/project/cottage/title04.jpg); margin-left: 20px;}
.chapter04 span{ display:block; width: 945px; height: 25px; margin: 0 auto; }
.chapter04 h3{display: block; width: 300px; position: absolute;  color: #f0397b; font-size: 30px;}
.thirty p , .seventy p, .perfect p{display: block; width: 300px; position: absolute; font-size: 16px;}
.pink01 h4 , .pink02 h4 , .pink03 h4 , .pink04 h4 , .pink05 h4 ,  .pink06 h4 , .pink07 h4{ display: block; padding-bottom: 5px; border-bottom: 2px solid #f0397b; font-size: 20px;color: #333;font-weight: bold; }
.chapter04 a:hover h4{ color: #f04281;}
.chapter04 a:hover p{ color: #000;}
.line_dot01{ display: block; width:690px;height: 18px; margin:  0 auto; position: relative;top:50px;left: 130px;}
.line_dot02{ display: block; width:690px;height: 18px; margin:  0 auto; position: relative;top:40px;left: 130px;}

.part01{display: block; height: 1350px; position: relative;  }
.thirty{ clear: both; display: block; width: 482px; height: 264px; background-image: url(/images/project/cottage/percent_112.jpg); background-repeat: no-repeat; margin: 0 auto; position: relative; }
.thirty h3{ top: 180px; left: 230px; }
.thirty p{ top: 220px; left: 230px;}
.pink01{ display:inline-block; width: 400px; height: 409px; background-image: url(/images/project/cottage/chapter05_item_122.jpg);  background-repeat: no-repeat; position: relative;left: 50px; top: 80px;}
.pink01 a{ display: block; width: 260px; height: 178px; background-image:url(/images/project/cottage/square2.gif); position: absolute; top: 180px;left: 280px; padding: 50px 18px; background-repeat: no-repeat; box-sizing: border-box;}
.pink02{ display:inline-block; width: 400px; height: 409px; background-image: url(/images/project/cottage/chapter05_item_125.jpg);  background-repeat: no-repeat; position: relative;left:-40px; top: 80px; background-position: right;}
.pink02 a{ display: block; width: 260px; height: 178px; background-image:url(/images/project/cottage/square1.gif); position: absolute; top:0px;left:-50px; padding:20px 18px; background-repeat: no-repeat; box-sizing: border-box;}
.pink03{ display:inline-block; width:800px; height: 358px; background-image: url(/images/project/cottage/chapter05_item_131.jpg);  background-repeat: no-repeat; position: relative;left: 100px; top: 120px; }
.pink03 a{display: block; width: 368px; height: 207px; background-image:url(/images/project/cottage/square4.gif); position: absolute; top:-20px; right:50px; padding:20px 18px; background-repeat: no-repeat; box-sizing: border-box;}

.part02{display: block; height: 1000px; position: relative;  }
.seventy{ display: block; width: 482px; height: 389px; background-image: url(/images/project/cottage/percent_124.jpg); background-repeat: no-repeat; margin: 0 auto; margin-top:  100px;position: relative; }
.seventy h3{ top: 290px; left: 230px; }
.seventy p{ top: 330px; left: 235px;}
.pink04{ display:inline-block; width:333px; height:262px; background-image: url(/images/project/cottage/chapter05_item_151.jpg);  background-repeat: no-repeat; position: relative;left: 70px; top:-50px; }
.pink04 a{display: block; width: 260px; height:178px; background-image:url(/images/project/cottage/square5.gif); position: absolute; top:-50px; left:250px; padding:20px 18px; background-repeat: no-repeat; box-sizing: border-box;}
.pink05{ display:inline-block; width:270px; height:439px; background-image: url(/images/project/cottage/chapter05_item_148.jpg);  background-repeat: no-repeat; position: relative;left: 280px; top: 110px; background-position: right; }
.pink05 a{display: block; width: 260px; height:178px; background-image:url(/images/project/cottage/square3.gif); position:absolute; top:270px; left:-280px; padding:50px 18px; background-repeat: no-repeat; box-sizing: border-box;}

.part03{display: block; height: 1150px; position: relative;  }
.perfect{ display: block; width: 482px; height: 373px; background-image: url(/images/project/cottage/percent_136.jpg); background-repeat: no-repeat; margin: 0 auto; margin-top:  100px;position: relative;}
.perfect h3{ top: 290px; left: 230px; }
.perfect p{ top: 330px; left: 235px;}
.pink06{ display:inline-block; width:383px; height:398px; background-image: url(/images/project/cottage/chapter05_item_170.jpg);  background-repeat: no-repeat; position: relative;left:480px; top:0px; background-position: right; }
.pink06 a{display: block; width: 260px; height:178px; background-image:url(/images/project/cottage/square1.gif); position: absolute; top:-30px; left:-270px; padding:10px 18px; background-repeat: no-repeat; box-sizing: border-box;}
.pink07{ display:inline-block; width:362px; height:471px; background-image: url(/images/project/cottage/chapter05_item_173.jpg);  background-repeat: no-repeat; position:relative;top:250px;left: -350px; }
.pink07 a{display: block; width: 260px; height:178px; background-image:url(/images/project/cottage/square2.gif); position:absolute;  padding:50px 18px; background-repeat: no-repeat; box-sizing: border-box; top: 240px; left: 400px;}

.chapter05  h2{ background-image: url(/images/project/cottage/title05.jpg);}
.chapter05 h3{ clear: both; text-align: center; font-size: 24px; color: #333;}
.chapter05 p{ display: block; margin: 0 auto; font-size: 20px; width: 600px; text-align: center; margin-top:10px;}
.chapter05 div{ display: block; width: 832px; height: 499px; background-image: url(/images/project/cottage/tv_bg.jpg); margin: 0 auto; margin-top: 40px; text-align: center;}
.chapter05 div a{ display:block; width:737px; height:390px;margin: 0 auto;padding-top: 50px; }

.chapter06{ display: block;  background-image: url(/images/project/cottage/paper-c2.png); padding: 30px 0; margin-top: 70px;}
.chapter06 span{ color: #f04281;}
.chapter06_inner{ display: block; width: 945px; background-image: url(/images/project/cottage/b6.png); margin: 0 auto; padding-bottom: 40px;}
.chapter06 h2{ background-image: url(/images/project/cottage/title06.png); margin-left: 20px;}
.chapter06 p{ clear: both; display: block; width: 750px; font-size: 20px; text-align: center; margin: 0 auto; padding:40px 0; font-weight: bold;}
.gift{ display: block; width: 935px; height: 399px; margin: 0 auto; background-image: url(/images/project/cottage/gift_13.jpg);}
.message{ display: block; width: 800px; margin: 0 auto; margin-top: 40px; background-color: #fff;}
footer{margin-top: 0;}
.chapter06 a{ display: block; width: 300px; height: 40px; text-align: center;  margin: 0 auto;line-height: 40px; font-size: 16px; background-color:#f04281; color: #fff; margin-top: 30px; }
.chapter06 a:hover{ background-color:#f04281;}
.note{ display:block;  color:#666; text-align:center; font-size:12px; overflow: hidden; }
/*code begin*/

.Socail {
    position:fixed;
    display:block;
    top:10px;
    right:30px;
    width:270px;
    z-index: 1001;
}
.fb-like {
    margin-bottom:5px;
}
.fb-share-button {
    display:inline-block;
    float:left;
}
.share-button-num {
    color:#000;
    background-color:#fff;
    display:inline-block;
    float:left;
    padding:3px 6px;
    margin-left:6px;
    border:1px solid #9197a3;
    border-radius:2px;
    max-width:50px;
    font-size:12px;
    text-align:right;
}
.share-button-num:before {
    content: ' ';
    border: 4px solid;
    width: 0;
    height: 0;
    border-color: transparent #9197a3 transparent transparent;
    display: block;
    position: absolute;
    top: 6px;
    left: 141px;
}
.share-button-num:after {
    content: ' ';
    border: 4px solid;
    width: 0;
    height: 0;
    border-color: transparent #fff transparent transparent;
    display: block;
    position: absolute;
    top: 6px;
    left: 142px;
}
/*code end*/