@charset "utf-8";
/* CSS Document */
html body{font-size:12px;font-family:"Microsoft Yahei";background:#fff;}
*{margin:0px; padding:0px}
li{list-style-type:none;}
img{ border:0px;max-width: 100%;vertical-align: middle;}
a{ text-decoration:none; text-align:center;}
ul {list-style-type: none;}

.sd-tp{background:url(../img/top1.jpg) center; background-size:cover;height:1150px; position:relative; min-width:1200px;}
.container{margin: 0 auto;position:relative; width:1200px; min-width:1200px;}
.sd-2{ background:#D1C0A6; height:260px;min-width:1200px;position:relative;}
.sd-3{ background:#979596; height:30px;min-width:1200px;position:relative;}
.sd-4{ background:#FCFAFB;min-width:1200px;position:relative; height:1715px;}
.ui-a{ width:120px; height:25px; line-height:25px; display:block; border-radius:5px; background:#66431D; font-size:10px; color:#fff;}
.ui-a:hover{ background:#FFF; transition:all 0.9s ease-in-out; color:#F60;}

.zj-bottomright {
	position:relative;
    width: 0;
    height: 0;
    border-bottom: 40px solid #3A2917;
    border-left: 100px solid transparent;
	float:left;
	margin-left:159px;
}
.zj-bottomleft {
	position:relative;
    width: 0;
    height: 0;
    border-bottom: 40px solid #3A2917;
    border-right: 100px solid transparent;
	float:left;
}
.zj-center{ width:690px; height:40px; position:relative; float:left; background:#895B4B;}
.logoimg{ cursor:pointer;}
.ftc1{ color:#66431D;}

.sd-step1{width:340px; height:225px; background:#CDC7C7; padding:10px; position:absolute; top:150px; left:655px;}
.sd-step1-1{width:100%; height:100%; border:#FFF solid 1px; position:relative;}


.sd-step{
	 width:240px; 
	 height:240px;
	 border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border:3px #E6E6E6 solid;
	position:absolute;
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
	text-align:center;
	}
	
.sd-step2{
	top:288px;
	left:160px;
	}

.sd-step3{
	 top:588px;
	 left:805px;
	}
.sd-step4{
	top:890px;
	left:160px;
	}
.sd-step5{
	 top:1090px;
	 left:805px;
	}	
.rt-icon-cupcake{
	width:220px;
	height:220px;
	margin:10px;
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
	display:block;
	  }
.img-circle{border:10px solid rgba(255,255,255,0.2);border-radius:110px; width:200px; height:200px; cursor:pointer;}
.img-circle:hover{ transform:scale(1.11);}


.sd-step1-n{position:absolute;top:400px;width:275px; height:125px; left:440px;}
.sd-step2-n{position:absolute;top:610px;width:280px; height:125px; left:403px;}
.sd-step3-n{position:absolute;top:979px;width:363px; height:125px; left:440px;}
.sd-step4-n{position:absolute;top:1220px;width:315px; height:125px;left:495px;}

.sd-foot{ background:url(../img/foot.jpg) no-repeat center; background-size:cover; height:176px; position:relative; min-width:1200px;}

.img-circle1:hover{transform:btnRotate;}
.sd-bj01{background:url(../img/111.png) no-repeat top; height:1715px; }

.sd-list{ margin-left:85px;}
.sd-list li{ float:left; width:205px; text-align:center; margin-left:2px; text-align:center; cursor:pointer;}
.sd-list li div:hover{ animation-name:btnRotate;}
.sd-fts{ font-size:15px;}

@-webkit-keyframes btnRotate {
0% {
    -webkit-transform: rotateZ(0deg);
    }
100% {
    -webkit-transform: rotateZ(360deg);
    }
}