body {
	margin: 0;
	padding: 0;
	
	
	
	background:url(../images/syb.jpg) center top;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font: 14px/22px 'Lato', 'Helvetica Neue', Helvetica, Arial, "Microsoft YaHei", sans-serif;
}
/* 1.2 Anchor
-------------------------------------------------------------------------- */
a {
	color: #5c6bc0;
	cursor: pointer;
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:focus, a:hover {
	outline: none;
	color: #282828;
	text-decoration: none;
}
/* 1.3 Placeholder
-------------------------------------------------------------------------- */
input, textarea {
	color: #282828;
}
.sylogo{ text-align: left;
    padding-top: 80px;
    width: 1200px;
    margin: 0 auto;}
.sylogo img{ width:532px;}
.sytp{    text-align: center;
    
    width: 1200px;
    margin: 0 auto;
    text-align: center;}
.sytp span a{  text-align: center;  display:block;-webkit-text-stroke: 2px #fff;}
.sytp p a{  text-align: center; color:#fff;  display:block;}

.sytp  span a:hover{ color:#4282ff;}
.dibu{ background:#039; height:40px; color:#fff; bottom:0px;position:fixed; line-height:40px; text-align:center; left:0px; bottom:0px; width:100%; }
.bu1{ 
         background: url(../images/sybu.png); list-style:none;
    margin-top: 180px;
    margin-right: 635px;
    width: 135px;
    float: right;
    height: 148px;
    padding-top: 60px;
    padding-left: 10px;
	   }
.bu2{         background: url(../images/sybu.png);list-style:none;
    width: 135px;
    float: right;
    height: 128px;
    padding-top: 70px;
    padding-left: 10px;
    margin-right: 470px;
    margin-top: -30px;}
.bu3{           background: url(../images/sybu.png);list-style:none;
    width: 135px;
    height: 128px;
    float: right;
    margin-right: -350px;
    margin-top: -150px;
    padding-top: 70px;
    padding-left: 10px;}
.bu4{             background: url(../images/sybu.png);list-style:none;
    width: 135px;
    height: 128px;
    padding-top: 70px;
    float: right;
    margin-top: -100px;
    margin-right: -590px;
    padding-left: 10px;}
.sytp span{ font-size:34px; font-weight:900;  color:#103a8c;-webkit-text-stroke: 2px #fff;}
.sytp p{font-size:18px; font-weight:900;  color:#fff;}
/* ==========================================================================
   21. Footer
========================================================================== */
/* 21.1 Wrapper
-------------------------------------------------------------------------- */
@media (max-width: 480px) {
	.sylogo {
    text-align: left;
    padding-top: 20px;
	padding-left:10px;
    width: 100%;
    margin: 0 auto;
}
.sylogo img{ width:90%;}
.sytp ul li{ list-style:none; }
.sytp {
    text-align: center;
    max-width:100%;
    margin: 0 auto;
    text-align: center;
}
.bu1 {
     background: url(../images/sybu.png);
    width: 138px;
    height: 140px;
    float: left;
    padding-top: 60px;
    margin-top: -30px;
    margin-left: 0px;
}
.bu2 {
        background: url(../images/sybu.png);
    width: 138px;
    height: 120px;
    float: left;
    padding-top: 80px;
    padding-left: 10px;
    margin-top: -150px;
    margin-left: 180px;
   
}
.bu3 {
        background: url(../images/sybu.png);
    width: 144px;
    float: left;
    height: 120px;
    margin-top: -50px;
    margin-left: 00px;
    padding-top: 70px;
    padding-left: 5px;
}
.bu4 {
       background: url(../images/sybu.png);
    width: 138px;
    margin-top: 00px;
    height: 120px;
    padding-top: 80px;
    float: left;
    margin-left: 180px;
    padding-left: 10px;
}
	}