@charset "gb2312";
/* CSS Document */
/*.box1{max-width:640px;margin:0 auto;overflow:hidden;}
*/
#container{max-width:640px;margin:0 auto;overflow:hidden;}
.aa{width:28%;  color:#fff;font-size:0.18rem; padding:3% 0;/* box-shadow:-3px 3px 5px rgba(243,186,143,1);*/ text-align:center; display:block; background:#ff8400; margin:0 auto; border-radius:30rem}
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.callBack a{display:block;width:100%;font-size:0.3rem;text-align:center;line-height:1.66;color:#2e3642;font-weight:600;}
.box1{ position:relative; background:#e8846b}
.box1>a{ position:absolute; left:53%; top:67%}

.box2{ height:8rem; padding:0.4rem 0.37rem 0;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8846b), color-stop(10%,#da7f69),color-stop(20%,#d77d69), color-stop(30%,#cb7868), color-stop(40%,#bb7266), color-stop(50%,#ab6b64),color-stop(60%,#9a6562),color-stop(70%,#895e60),color-stop(80%,#7b585e),color-stop(90%,#73555d),color-stop(100%,#604e5b));}
.box2>p:first-child{ font-size:0.2rem; padding-left:0.35rem; color:#f7b988;}
.box2>h1{ font-size:0.3rem;padding-left:0.35rem; color:#3b3b3b; margin:2% auto 6%}
.pname{ font-size:0.24rem; margin:2% auto 0;padding-left:0.35rem; color:#000}
.pname>span{ color:#fff}
.box2>b{ display:block; border-bottom:1px dashed #d19586; margin:5% auto}
.f{ color:#fff}
.box2>ul{ width:90%; margin:5% auto}
.box2>ul>li{ width:20%; float:left; margin-left:5%}
.box2>ul>li:first-child{ margin-left:0;}
.box2>ul>li:nth-child(2){ width:24%}
.box2>ul>li:nth-child(2)>img{ display:block; margin:0 auto}
.box2>ul>li:nth-child(2)>p{ text-align:center; width:100%}
.box2>ul>li>p{ color:#fff; text-align:center; font-size:0.2rem; margin-top:8%}

.box3{ padding:10% 0; background:#e4e4e4;}
.box3>h2{ color:#767676; text-align:center; font-size:0.4rem; margin:0 auto 5%}

.box4{ position:relative; background:#ebebed}
.box4-dinwei{ position:absolute; top:26%; left:6%}
.box4-dinwei>h3{ color:#3b3b3b; font-size:0.4rem;}
.box4-dinwei>p:nth-child(2){ margin-top:8%}
.box4-dinwei>p{ font-size:0.24rem; color:#333; margin-top:3%}
.box4>a{ position:absolute; bottom:24%; left:10%}

.box5{ position:relative;}
.box5>p{ position:absolute;}
.box5>h1{ position:absolute; font-size:0.4rem; color:#000; text-align:center; top:14%; left:30%}
.box5-dinwei{ position:absolute;left:30%; top:26%;}
.box5b{top:52%; width:66%}
.box5b>p:first-child{ text-align:right; }
.box5-pa{ font-size:0.3rem; color:#000;}
.box5-pb{ font-size:0.24rem; color:#333; line-height:1.3; margin-top:3%}
.box5-c{ font-size:0.3rem; color:#000; bottom:20%; left:62%}
.box5-d{ font-size:0.3rem; color:#000;bottom:12%; left:34%}
.box5-e{ font-size:0.3rem; color:#000;bottom:5%; left:62%}

.box6{ padding:8% 0;}
.box6>h4{ font-size:0.4rem; color:#2f2f2f; text-align:center;}
.box6>p{ font-size:0.24rem; color:#686868; margin:2% auto 0; text-align:center;}
.box6-content{ margin:6% auto 2%; padding:0 4%}
.box6-content>p:first-child{ font-size:0.3rem; color:#b08963; font-weight:600}
.box6-content>p:first-child>i{ display:inline-block; width:0.57rem; height:0.57rem; background:#b08963; vertical-align:middle; border-radius:100%; color:#fff; text-align:center; line-height:0.57rem; font-style:italic; margin-right:3%}
.box6-content>p:nth-child(2){ font-size:0.24rem; color:#333; margin:2% auto 5%; line-height:1.4}
.box6-content>p:nth-child(3){ font-size:0.18rem; color:#a36e39}

.box7{padding:5% 0;}
.box7>h5{text-align:center; font-size:0.4rem; color:#000;}
.box7-container{ margin:0 auto !important; padding:10% 0; width:96% !important}
.box7-wrapper{ width:98% !important; margin:0 auto}
.box7-slide{ box-shadow:0 -5px 10px rgba(153,153,153,0.6);  margin:0 auto}
.box7-pan>span{ background:#a6a4a4 !important; opacity:1}
.box7-pan>.swiper-pagination-bullet-active{ background:#ff957c !important}
.box7>a{ width:30%; background:#ef621b; margin-top:5%}

.box8{ height:7.7rem;padding:8% 0; background:#324c65}
.box8>h5{text-align:center; font-size:0.4rem; color:#fff;}
.box8-container{ margin:0 auto !important; padding:10% 0; width:94% !important}
.box8-slide{  margin:0 auto}
.box8-pan>span{ background:#fff !important; opacity:1}
.box8-pan>.swiper-pagination-bullet-active{ background:#ef621b !important}
.box8>a{ width:30%; background:#ef621b; margin-top:5% }

.box9{ position:relative}
.box9>h6{ position:absolute; top:8%; font-size:0.4rem; color:#777873; text-align:center; width:100%}
.box9>p{ font-size:0.24rem; color:#333; text-align:center; position:absolute; top:18%; line-height:1.5; width:100%}

.box10{ position:relative}
.box10>a{ position:absolute; top:75%; left:4%; width:29%; padding:2% 0;}