body,html,.hei100{height:100%;}
.wrapper{box-sizing:border-box;width:90%;margin:auto;max-width:1840px;}
.phone{display: none;}
.animate-tit{
    opacity:0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    -webkit-transform: translateX(-100px) rotate(8deg);
    -moz-transform: translateX(-100px) rotate(8deg);
    -ms-transform: translateX(-100px) rotate(8deg);
    -o-transform: translateX(-100px) rotate(8deg);
    transform: translateX(-100px) rotate(8deg);
}

	
.animate-li{
    opacity:0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}
.animate-tit.on,.animate-li.on{
    opacity:1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
}
.header{line-height: 240px;z-index: 10;}
.header .search{margin-left: 40px;position: relative;}
.header .home{margin-left: 40px;display: block;}
.header .search .hide{display: inline-block;}
.header .search .show{display: none;}
.header .search .list{display: none;position: absolute;top: 100%;right: 0; zoom: 1;z-index: 99;width: 290px;}
.header .search .list input {height: 45px;border: none;padding-left: 10px;box-sizing: border-box;background: #fff;width: 260px;color: #000;}
.header .search .list button {border: 0;height: 45px;width: 30px; background: #fff url(../images/fan.png) no-repeat center center;padding: 0 5px;cursor: pointer;}
.header .language a{padding: 0 20px;display: inline-block;color: #c11920;font-size: 24px;}
.header .language a:first-child{padding-left: 0px;position: relative;}
.header .language a:first-child:after{width: 2px;height: 20px;background: #EAEAEA;content: "";display: block;position: absolute;top: 50%;right: -2px;margin-top: -10px;}
.header .language a:last-child{padding-right: 0px;}
.nav{display: none;}
.header .nav li{float: left;margin-right: 50px;}
.header .nav li a{color: #ffffff;font-size: 30px;}
.footer{background: #f5f5f5;padding: 70px 0;box-sizing: border-box;}
.footer li{width: 33.33%;float: left;}
.footer li:nth-child(3){width: 26%;}
.footer li:nth-child(2){width: 40%;}
.footer li .mes{padding-left: 90px;box-sizing: border-box;}
.footer li .mes h1{color: #c11920;font-size: 24px;}
.footer li .mes h2{color: #c11920;font-size: 30px;}
.footer li:first-child .mes{background: url(../images/Home/icon.png) no-repeat center left;background-size: 72px;}
.footer li:nth-child(2) .mes{background: url(../images/Home/icon1.png) no-repeat center left;background-size: 72px;}
.footer li:last-child .mes{background: url(../images/Home/icon2.png) no-repeat center left;background-size: 72px;}
.footr_btm{line-height: 70px;background: #292929;color: #ffffff;font-size: 14px;text-align: center;}
.mar{margin-top: 80px;}
.f72{font-size: 72px;color: #333333;}

/*home*/
.sy_banner .swiper-button-prev{background: url(../images/Home/left.png) center center no-repeat;left: 100px;}
.sy_banner .swiper-button-next{background: url(../images/Home/right.png) center center no-repeat;right: 100px;}
.sy_banner .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #FFFFFF;opacity: 1;background: transparent;}
.sy_banner .swiper-pagination-bullet-active{border: 1px solid #c11920;background: #c11920;}
.sy_container .sy_title{text-align: center;color: #ffffff;}
.sy_container .sy_title h1{font-size: 72px;margin-bottom: 30px;}
.sy_container .sy_title p{font-size: 30px;}
.sy_container .wrapper{background: url(../images/Home/design.jpg) no-repeat center center /cover;padding: 80px 0 50px 0;}
.sy_container ul{margin-top: 250px;}
.sy_container li{width: 25%;float: left;text-align: center;color: #FFFFFF;}
.sy_container li h1{font-size: 100px;}
.sy_container li p{font-size: 30px;}
.sy_container2{height: 640px;}
.sy_container2 .wrapper,.sy_content,.sy_content li,.sy_content li .title,.sy_container4 .wrapper{height: 100%;}
.sy_content li{width: 37.5%;float: left;position: relative;}
.sy_content li .img{position: relative;overflow: hidden;height: 100%;}
.sy_content li .img:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.sy_content li .img a{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.sy_content li .img p{position: absolute;bottom: 30px;right: 0px;left: 0px;text-align: center;color: #FFFFFF;font-size: 30px;}
.sy_content li:nth-child(2){width: 25%;text-align: center;}
.sy_content li:nth-child(2) h1{position: absolute;bottom: 125px;right: 0px;left: 0px;}
.sy_content li.second .img{height: 50%;}
.sy_content li .img img{height: 100%;width: 100%;}
.sy_container3 .img{height: 480px;overflow: hidden;}
.sy_container3 .fl{width: 63%;}
.sy_container3 .fr{width: 37%;}
.sy_container3 .title{margin-top: 46px;text-align: center;}
.sy_container4 li{width: 50%;}
.sy_container4{height: 635px;}
.sy_container4 li:nth-child(2),.sy_container4 li:nth-child(3){width: 25%;}


@media screen and (max-width: 1840px) {
	.f72{font-size: 60px;}
	.logo img{height: 140px;}
	.header .nav li a{font-size: 22px;}	
	.header .search img{width: 30px;}
	.wrapper{max-width: 1440px;}
	.sy_container .sy_title h1{font-size: 60px;}
	.sy_container li h1{font-size: 80px;}
	.sy_container2 {height: 516px;}
	.sy_content li .img p{bottom: 20px;font-size: 26px;}
	.sy_content li:nth-child(2) h1{bottom: 30px;}
	.sy_container3 .img{height: 400px;overflow: hidden;}
	.sy_container4{height: 490px;}
	.footer li:first-child .mes,.footer li:nth-child(2) .mes,.footer li:last-child .mes{background-size: 60px;}
	.footer li .mes h1{font-size: 22px;}
	.footer li .mes h2{font-size: 26px;}
	.footer{padding: 50px 0;}
	.header{line-height: 170px;}
	.sy_banner .swiper-button-prev{left: 70px;}
	.sy_banner .swiper-button-next{right: 70px;}
	.header .language a{font-size: 22px;}
}
@media screen and (max-width: 1440px){
	.wrapper{max-width: 1200px;}
	.f72{font-size: 50px;}
	.mar{margin-top: 60px;}
	.sy_container .wrapper{padding: 60px 0 40px 0;}
	.sy_container ul{margin-top: 220px;}
	.sy_container .sy_title h1{margin-bottom: 16px;font-size: 50px;}
	.sy_container li h1{font-size: 60px;}
	.sy_container2{height: 440px;}
	.sy_content li .img p{font-size: 22px;}
	.sy_container3 .img{height: 400px;}
	.sy_container4{height: 420px;}
	.footer li .mes{padding-left: 80px;}
	.footer li .mes h1{font-size: 20px;}
	.footer li .mes h2{font-size: 22px;}
	.footr_btm{line-height: 60px;}
	.sy_container .sy_title p,.sy_container li p{font-size: 24px;}
	.home img{max-width: 25px;}
	
}
@media screen and (max-width: 1366px) {
	.header{line-height: 130px;}
	.logo img{height: 100px;}
	.header .search img{width: 24px;}
	.header .nav li{margin-right: 25px;}
	.header .nav li a{font-size: 22px;}
	.sy_container ul{margin-top: 200px;}
	.sy_container3 .title{margin-top: 30px;}
	.f72,.sy_container .sy_title h1{font-size: 40px;}
	.sy_container .sy_title p, .sy_container li p{font-size: 22px;}
	.sy_content li .img p{font-size: 20px;}
	.sy_container2{height: 410px;}
	.sy_container4{height: 396px;}
	.sy_container3 .img{height: 300px;}
	.mar{margin-top: 40px;}
	.sy_container .wrapper{padding: 30px 0;}
}
@media screen and (max-width: 1280px) {
	.sy_banner .swiper-button-prev{left: 40px;}
	.sy_banner .swiper-button-next{right: 40px;}
	.f72, .sy_container .sy_title h1{font-size: 34px;}
	.sy_content li:nth-child(2) h1{bottom: 20px;}
	.sy_content li .img p{font-size: 18px;}
	.sy_container li h1{font-size: 50px;}
	.footer li .mes h2{font-size: 20px;}
	.sy_container .sy_title p, .sy_container li p{font-size: 20px;}
}
@media screen and (max-width: 1200px) {
	.sy_container3 .img{height: 360px;}
	.sy_container4{height: 360px;}
	.footer li .mes h2{font-size: 18px;}
}
@media screen and (max-width: 1024px) {
	.header .language a{font-size: 16px;padding: 0 10px;}
	.header .nav li{margin-right: 30px;}
	.header .nav li.phone{display: none;}
	.header .nav li a{font-size: 18px;}
	.header{line-height: 90px;}
	.logo img{height: 80px;}
	.header .search img{width: 20px;}
	.sy_banner .swiper-button-prev,.sy_banner .swiper-button-next{display: none;}
	.sy_container li h1{font-size: 30px;}
	.f72, .sy_container .sy_title h1{font-size: 24px;margin-bottom: 10px;}
	.sy_container .sy_title p, .sy_container li p{font-size: 16px;}
	.sy_container2{height: 360px;}
	.sy_content li .img p{font-size: 16px;bottom: 10px;}
	.sy_content li:nth-child(2) h1{bottom: 10px;}
	.sy_container3 .img{height: 300px;}
	.sy_container4{height: 318px;}
	.footer li:first-child .mes, .footer li:nth-child(2) .mes, .footer li:last-child .mes{background-size: 44px;}
	.footer li .mes{padding-left: 56px;}
	.footer li .mes h1{font-size: 18px;}
	.footer li .mes h2{font-size: 17px;}
	.footer{padding: 40px 0;}
	
}
@media screen and (max-width: 1023px) {
	
	
	
	.header .search .list{width: 200px;top:60px;}
	.header .search .list input{width: calc(100% - 30px);}
	/*.header .nav li{width: 100%;margin: 0px;line-height: 50px;border-bottom: 1px solid #c11920;;}
	.header .nav li a{color: #333333;font-size: 16px;color: #c11920;}
	.header .nav li.phone a{margin: 0 10px;}
	.martop{margin-top: 62px;}
	.header{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 20;background: #FFFFFF;border-bottom: 2px solid #c11920;}*/
	.header .language a:first-child:after{display: none;}
	/*.logo{text-align: center;float: none;position: absolute;left: 50%;margin-left: -20px;}*/
	.logo img{height: 50px;}
	.header{line-height: 60px;}
	.header .search .hide{display: inline-block;}
	.header .search .show{display: none;}
	.pc{display: none;}
	.phone{display: block;text-align: center;}
	.mar20{margin-bottom: 20px;}
	/*.sy_content li{width: 50%;}*/
	.sy_container2{height: auto;overflow: hidden;}
	.sy_container2 ul{height: 322px;}
	.sy_container3 .img{height: 230px;}
	/*.sy_container4 li:nth-child(2){display: none;}
	.sy_container4 li:nth-child(3){width: 34%;}*/
	.sy_container4{height: auto;}
/*	.sy_container4 li{width: 64%;}*/
	.sy_container4 ul{height: 304px;}
	.footer li:first-child .mes, .footer li:nth-child(2) .mes, .footer li:last-child .mes{background-size: 26px;}
	.footer li .mes{padding-left: 34px;}
	.footer li .mes h1{font-size: 15px;}
	.footer li .mes h2{font-size: 14px;}
	.footer li:nth-child(3){width: 26%;}
	.footer li:nth-child(2){width: 40%;}
	.footer{padding: 28px 0;}
	.footr_btm{line-height: 50px;}
	
}
@media screen and (max-width: 767px) {
	.header .nav li{margin-right: 16px;}
	.sy_container li{width: 50%;}
	.sy_container li:nth-child(1),.sy_container li:nth-child(2){margin-bottom: 20px;}
	.sy_container li h1{font-size: 20px;}
	.sy_container .sy_title p, .sy_container li p{font-size: 14px;}
	.sy_container ul{margin-top: 150px;}
	.f72, .sy_container .sy_title h1{font-size: 18px}
	.sy_container .wrapper{padding: 20px 0;}
	.mar{margin-top: 20px;}
	.sy_content li .img p{font-size: 12px;padding: 0 6px;box-sizing: border-box;}
	.sy_container2 ul{height: 157px;}
	.sy_container3 .img{height: 114px;}
	.sy_container4 ul{height: 154px;}
	/*.sy_container4 li{width: 60%;}
	.sy_container4 li:nth-child(3){width: 40%;}*/
	.footer li{width: 100% !important;margin-bottom: 10px;}
	.footer li .mes{padding-left: 40px;}
	.footr_btm p{line-height: 24px;font-size: 12px;padding: 10px 0;box-sizing: border-box;}
	.footer{padding: 16px 0;}
	.footer li .mes h1{font-size: 14px;}
/*	.sy_content li:nth-child(2){display: none;}*/
	.header .home{margin-left: 28px;}
	.sy_container3 .title{margin-top: 15px;}
	
	
	
	
	
	
	.about_main li{width: 100%;margin-bottom: 30px;}
	.write .left .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{display: none;}
	.forum .left .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{display: none;}
	.forum .left .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{display: none;}
	.about_main li:last-child{margin-bottom: 0;}
	.about_main dd{width: 33.3%;float: left;text-align: center;line-height: 84px;}
	.about_pc{display: none;}
	.about_phone{display: block;}
	.about_main{padding: 50px 20px;}
	.about_main h3{font-size: 23px;line-height: 32px;}
	.about_main dd img{max-height: 84px;}
	.case_top p{display: none;}
	.case_main p{display: none;}
	.case_btm_left{width: 100%;text-align: left;}
	.case_btm_right{width: 100%;text-align: left;}
	.xing{display: none;}
	.case_nav{display: block;}
	.case_tab{display: none;}
	.case_nav{padding: 20px 20px;border-bottom: 1px solid #EAEAEA;margin-top: 0px;}
	.case_nav li{float: left;font-size: 18px;color: #666;margin-right: 5px;}
	.case_nav li a{color: #666;}
	.case_nav select{font-size: 18px;background: url(../images/cy/san.png) no-repeat right center;padding-right: 25px;border: none;color: #c11920;}
	.case_phonetit{display: block;}
	.case_pctit{display: none;}
	.case_phonetit{text-align: left;margin-top: 20px;}
	
	
	
	
}