body{background: #000;}
.head{line-height: 70px;}
.container{width: 1200px;margin: 0 auto;}
@media (max-width: 1280px) {
	.container{width: 96%;}
}
.logo{display: inline-block;color: #fff;font-size: 18px;}
.logo img{vertical-align: middle;}
.banner{background: url(../images/sy_banner.png) no-repeat bottom center;padding: 122px 0 110px 0;background-size: cover;}
.banner-text{color: #fff;font-size: 30px;text-align: center;line-height: 66px;margin-bottom: 120px;}
.banner-button{text-align: center;}
.banner-button a{display: inline-block;line-height: 88px;background: rgba(0,0,0,0.5);width: 310px;margin: 0 25px;font-size: 28px;color: #fff;border-radius: 5px;}
.banner-button a img{display: inline-block;vertical-align: -15px;margin-right: 20px;}
.index-content{padding: 80px 0;}
.index-titles{display: inline-block;position: relative;}
.index-title{text-align: center;color: #fff;font-size: 16px;font-weight: normal;margin-bottom: 60px;}
.index-title p{font-size: 36px;margin-bottom: 15px;}
.index-title-left{position: absolute;left: 0;top: 0;}
.index-title-right{position: absolute;right: 0;top: 0;}
.index-title-main{position: relative;z-index: 1;}
.index-about-text{color: #fff;font-size: 18px;line-height:35px;text-align: center;}
.index-adv{background: #14171C;}
.head-right a{display: inline-block;padding: 0 20px;color: #fff;font-size: 16px;}
.head-right .ahover{border-bottom: 2px solid #FFBD47;color: #FFBD47;}
.index-adv-image{width: 50%;float: left;}
.index-adv-image img{width: 100%;vertical-align: middle;}
.index-adv-text{float: left;width: 50%;padding-top: 5%;box-sizing: border-box;padding-left: 3%;}
.index-adv-title{color: #5A5D60;font-size: 28px;line-height: 28px;margin-bottom: 15%;}
.index-adv-title p{color: #fff;margin-bottom: -5px;position: relative;z-index: 1;}
.index-adv-bottom{color: #FFFFFF;font-size: 16px;line-height: 22px;}
.index-adv-bottom p{font-size: 18px;margin-bottom: 15px;}
.index-adv-group:nth-child(2n+1) .index-adv-image{float: right;}
.index-adv-group:nth-child(2n+1) .index-adv-text{float: left;padding-left: 0;padding-right: 3%;}
.index-partner-ul li{float: left;width: 33.33%;margin-bottom: 30px;padding: 0 15px;box-sizing: border-box;}
.index-partner-ul li img{display: block;width: 100%;vertical-align: middle;}
.index-down{display: block;}
.index-down img{width: 100%;vertical-align: middle;}
.footer{background: #d7d7d7;}
.footer-top{padding: 80px 0;}
.footer-top-group{width: 20%;float: left;}
.footer-top-group:nth-child(2){width: 15%;}
.footer-top-group:nth-child(4){width: 25%;}
.footer-top-group:nth-child(5){text-align: right;}
.footer-top-group img{max-width: 100%;}
.footer-top-title a{color: #fff;font-size: 16px;font-weight: bold;}
.footer-top-group li{margin-top: 20px;color: #fff;font-size: 14px;word-break: break-all;}
.footer-top-group li img{width:18px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.footer-top-group li a{color: #fff;font-size: 14px;}
.footer-top-erw{display: inline-block;text-align: center;}
.footer-top-erw p{color: #fff;font-size: 14px;margin-top: 20px;}
.footer-bottom{text-align: center;font-size: 12px;color: #fff;padding-bottom: 20px;}
.img-phone{display: none;}
.down-banner{background: url(../images/xz_bg.png) no-repeat center;background-size: cover;}
.down-banner-img{width: 50%;float: left;}
.down-banner-img img{width: 100%;vertical-align: middle;}
.down-banner-left{float: left;width: 50%;padding-top: 8%;}
.down-banner-logo img{width: 105px;}
.down-banner-logo-text{display: inline-block;vertical-align: 10px;margin-left: 30px;color: #fff;font-size: 14px;}
.down-banner-logo-text p{font-size: 50px;margin-bottom: 7px;}
.down-banner-logo-text i{letter-spacing: 6px;font-style: normal;}
.down-banner-text{color: #fff;font-size: 14px;margin: 8% 0;letter-spacing: 3px;}
.down-banner-text p{font-size: 26px;margin-bottom: 15px;}
.down-banner-link a{display: inline-block;border: 1px solid #fff;border-radius: 5px;color: #fff;font-size: 22px;line-height: 58px;width:200px;margin-right: 30px;text-align: center;}
.down-banner-link a img{width:30px;margin-right: 10px;vertical-align: -8px;}
.about-banner{background: url(../images/gywm_bg.png) no-repeat center;background-size: cover;}
.about-banner .banner-text{text-align: left;}
.about-banner-title{color: #fff;font-size: 50px;}
.about-banner-title span{display: block;background: #fff;width: 113px;height: 8px;margin: 30px 0 60px 0;}
.about-main .index-adv-bottom{line-height: 35px;}
.about-dev-ul{position: relative;}
.about-dev-group{float: left;width: 50%;box-sizing: border-box;padding-right: 80px;text-align: right;position: relative;}
.about-dev-group em{display: block;background: url(../images/gywm_sj.png) no-repeat;width: 32px;height: 16px;background-size: 100% 100%;position: absolute;top: 0;right: -16px;}
.about-dev-group:nth-child(2n){padding: 0;padding-left: 80px;text-align: left;margin-top: 170px;}
.about-dev-group:nth-child(2n) em{right: auto;left: -16px;}
.about-dev-line{width: 76px;height: 15px;background: #FFBD47;display: inline-block;}
.about-dev-title{font-size: 18px;color: #fff;font-weight: bold;margin: 30px 0;}
.about-dev-texts{color: #fff;font-size: 14px;}
.about-dev-img img{display: inline-block;height: 180px;margin-top: 30px;margin-right: 30px;}
.about-dev-img img:last-child{margin-right: 0;}
.about-dev-lines{position: absolute;border-left: 2px dashed #FFBD47;height: 100%;top: 0;left: 50%;margin-left: -1px;}
.head-login a{color: #fff;}
.head-login{color: #fff;font-size: 16px;}
.alert-main{width: 600px;position: fixed;z-index: 1200;background: #1A1B26;border-radius: 10px;padding: 30px;box-sizing: border-box;left: 50%;margin-left: -300px;top: 50%;margin-top: -211px;}
.alert-title{color: #fff;font-size: 30px;margin-bottom: 30px;}
.alert-title p{color: #BBBBBE;font-size: 16px;margin-top: 10px;}
.alert-group{position: relative;border-bottom: 2px solid #101417;}
.alert-group img{height: 20px;vertical-align: middle;position: absolute;left: 0;top: 10px;}
.alert-group input{width: 100%;height: 40px;box-sizing: border-box;background: none;border: none;padding-left: 30px;font-size: 14px;color: #fff;}
input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    transition: background-color 50000s ease-in-out 0s;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #fff;
    transition: background-color 5000s ease-out 0.5s;
}
.alert-group input:focus{outline: none;}
.alert-agree{color: #BBBBBE;font-size: 12px;margin: 30px 0 15px 0;background: url(../images/1.png) no-repeat left center;background-size: 16px 16px;padding-left: 21px;}
.alert-agree a{color: #FFBD47;}
.alert-submit{display: block;line-height: 40px;border-radius: 50px;color: #171C20;font-size: 18px;font-weight: bold;text-align: center;background: #FFBD47;}
.alert-close{color: #fff;font-size: 32px;position: absolute;right: 10px;top: 0px;}
.alert-agree-active{background: url(../images/2.png) no-repeat left center;background-size: 16px 16px;}
.el-message{min-width: 180px;}
.code-icon{position: absolute;right: 0;height: 30px;top: 10px;display: inline-block;}
.alert-group .code-icon img{position: static;height: 20px;}
.alert-group-code input{padding-right: 130px;}
.alert-submit1{margin-top: 60px;margin-bottom: 30px;}
.pro-banner img{width: 100%;vertical-align: middle;}
.project-title{border-bottom: 1px solid #FFBD47;padding-bottom: 20px;color: #fff;font-size: 30px;font-weight: bold;}
.project-main{padding: 80px 0;}
.project-title span{font-weight: normal;font-size: 18px;margin-left: 20px;}
.project-ul li{margin-top: 30px;padding: 0 15px;box-sizing: border-box;width: 33.33%;float: left;}
.project-list{border-radius: 10px;overflow: hidden;background: #1A1B26;}
.proimgae{width: 100%;vertical-align: middle;}
.project-bottom{padding: 20px;}
.project-titles{color: #fff;font-size: 18px;font-weight: bold;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-number{display: inline-block;background: #505050;border-radius: 4px;overflow: hidden;color:#FFD174;font-size: 16px;line-height: 25px;padding-right: 20px;margin: 10px 0;}
.pro-number span{background: #FFD174;color: #171C20;font-size: 14px;padding: 0 18px;display: inline-block;margin-right: 20px;}
.project-logo img{width: 24px;height: 24px;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 5px;}
.project-logo{color: #fff;font-size: 12px;}
.project-price-number{color: #fff;font-size: 18px;}
.project-price{line-height: 28px;}
.form-group-name{color: #fff;font-size: 16px;margin-bottom: 20px;}
.form-group{margin-top: 30px;}
.form-group input{width: 100%;box-sizing: border-box;height: 40px;border-radius: 5px;background: #1A1B26;font-size: 14px;padding: 0 20px;line-height: 58px;border: none;line-height: 40px;color: #fff;}
.form-group input:focus{outline: none;}
.upload{width: 200px;position: relative;}
.upload img{width: 100%;vertical-align: middle;}
.upload input{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;}
#img1{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.alert-submit-other{margin-top: 30px;}
.procon-img{width: 45%;}
.procon-img img{width: 100%;vertical-align: middle;}
.procon-message{width: 48%;}
.procon-message .project-titles{font-size: 30px;line-height: 30px;height: 30px;}
.procon-message .project-price-number{font-size: 18px;}
.procon-message .pro-number{margin: 20px 0 30px 0;}
.procon-message .project-price-number{margin-top: 80px;}
.project-content{margin-top: 30px;}
.project-content-title span{color: #fff;font-size: 28px;font-weight: bold;display: inline-block;border-left: 8px solid #FFBD47;padding-left: 15px;}
.project-content-title{margin-bottom: 30px;}
.project-content-text img{vertical-align: middle;}
.project-content-tel{color: #fff;font-size: 16px;margin-top: 20px;}
@media (min-width: 1080px) {
	.head-right a:hover,.head-login a:hover{color: #FFBD47;}
	.index-down:hover{opacity: 0.8;}
	.footer-top-group li a:hover{opacity: 0.8;}
	.down-banner-link a:hover,.alert-agree a:hover,.alert-submit:hover,.alert-close:hover{opacity: 0.8;}
}
@media (max-width: 991px){
	.alert-title{font-size: 18px;}
	.alert-title p{font-size: 12px;margin-top: 5px;}
	.alert-main{width: 96%;left: 2%;margin-left: 0;}
	.down-banner-left{width: 100%;}
	.down-banner-img{width: 100%;margin-top: 20px;}
	.down-banner-logo img{width: 50px;}
	.down-banner-logo-text{font-size: 12px;margin-left: 10px;vertical-align: 5px;}
	.down-banner-logo-text p{font-size: 18px;}
	.down-banner-logo-text i{letter-spacing: 3px;}
	.down-banner-text{font-size: 12px;}
	.down-banner-text p{font-size: 18px;}
	.down-banner-link a{font-size: 18px;line-height: 40px;width: 130px;margin-right: 10px;}
	.down-banner-link a img{width: 20px;vertical-align: -3px;margin-right:5px;}
	.logo img{height: 30px;}
	.head-right a{padding: 0 5px;font-size: 14px;}
	.head{line-height: 40px;}
	.banner-text{font-size: 14px;line-height: 30px;margin-bottom: 60px;}
	.banner{padding: 61px 0 55px 0;}
	.banner-button a{width: 120px;margin: 0 5px;font-size: 14px;line-height: 40px;}
	.banner-button a img{height: 20px;margin-right: 5px;vertical-align: -3px;}
	.index-content{padding: 30px 0px;}
	.index-title{font-size: 12px;margin-bottom: 30px;}
	.index-title p{font-size: 18px;margin-bottom: 5px;}
	.index-title-left{height: 40px;}
	.index-about-text{font-size: 14px;line-height: 25px;}
	.index-adv-image{width: 100%;}
	.index-adv-text{width: 100%;}
	.index-adv-group{margin-bottom: 20px;}
	.index-adv-title{font-size: 16px;margin-bottom: 10px;}
	.index-adv-bottom{font-size: 14px;line-height: 25px;}
	.index-adv-bottom p{font-size: 15px;margin-bottom: 6px;}
	.index-partner-ul li{padding: 0 5px;margin-bottom: 10px;}
	.footer-top-group{width: 33.33%!important;margin-bottom: 20px;}
	.footer-top-group:nth-child(1){display: none;}
	.footer-top-group:nth-child(2){width: 13.33%!important;}
	.footer-top-group:nth-child(4){width: 53.33%!important;}
	.footer-top-group:nth-child(5){width: 100%!important;}
	.footer-top-group:nth-child(5){text-align: center;}
	.footer-top{padding: 20px 0 0 0;}
	.footer-top-erw img{width: 80px;}
	.footer-top-group li{font-size: 12px;margin-top: 10px;}
	.footer-top-title a{font-size: 14px;}
	.footer-top-group li a{font-size: 12px;}
	.footer-top-erw p{font-size: 12px;margin-top: 10px;}
	.footer-bottom{padding-bottom: 15px;}
	.img-phone{display: block;}
	.img-pc{display: none;}
	.about-banner-title{font-size: 22px;}
	.about-banner-title span{width: 56px;height: 4px;margin: 15px 0 30px 0;}
	.about-banner .banner-text{margin-bottom: 0;}
	.about-dev-group{padding-right: 20px;}
	.about-dev-group:nth-child(2n){padding-left: 20px;margin-top: 80px;}
	.about-dev-img img{height: 60px;max-width: 100%;margin-top: 15px;margin-right: 10px;}
	.about-dev-img img:last-child{margin-right: 0;}
	.about-dev-title{margin: 15px 0px;}
	.about-dev-texts{font-size: 12px;}
	.about-dev-line{width: 38px;height: 7px;}
	.about-dev-group em{width: 16px;height: 8px;background-size: 100% 100%;right: -8px;}
	.about-dev-group:nth-child(2n) em{right: auto;left: -8px;}
	.head-login a,.head-login{font-size: 14px;}
	.head-right{width: 100%;text-align: center;}
}
@media (max-width: 767px){
	.project-ul li{width: 100%;}
	.project-main{padding: 30px 0;}
	.project-title{font-size: 18px;}
	.project-title span{font-size: 12px;margin-left: 5px;}
	.procon-img{width: 100%;}
	.procon-message{width: 100%;padding-top: 0;margin-top: 20px;text-align: center;}
	.procon-message .project-titles{font-size: 18px;text-align: center;}
	.pro-number{font-size: 14px;}
	.procon-message .project-price-number{margin-top: 30px;font-size: 18px;}
	.project-content-title span{font-size: 16px;padding-left: 5px;border-left: 3px solid #FFBD47;}
	.project-content-title{margin-bottom: 15px;}
}