@charset "utf-8";
/*===================CSS Reset============================*/
html{ -webkit-box-sizing:border-box; box-sizing:border-box;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body{min-width: 1300px;}
body,button,input,select,textarea{ color: #333; font:14px '微软雅黑',tahoma,Srial,helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em{ font-style:normal;}
ul,ol{ list-style: none;}
table{ border-collapse:collapse; border-spacing:0;}
html{ overflow-y:scroll;overflow-x:auto;}

/*===================Link Style============================*/
a{ text-decoration:none; outline:none; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s;}

/*===================Common Style============================*/
.floatL{ float:left;}
.floatR{ float:right;}
.widthWrap{ width:100%;overflow: hidden;}
.widthCon{ max-width:1200px; margin:0 auto;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}

/*===================动画============================*/
.move-before{animation-play-state:paused !important;}
.move-after{animation-play-state:running !important;}
/*fadein*/
@keyframes fadeIn{
	from{ opacity:0; }
	to{ opacity:1; }
}
@-webkit-keyframes fadeIn{
	from{ opacity:0;}
	to{ opacity:1;}
}

/*上移动画*/
@keyframes moveUp{
	from{ opacity:0; top:200px;}
	to{ opacity:1; top:0;}
}
@-webkit-keyframes moveUp{
	from{ opacity:0; top:200px;}
	to{ opacity:1; top:0;}
}
/*下移动画*/
@keyframes moveDown{
	from{ opacity:0; top:-200px;}
	to{ opacity:1; top:0;}
}
@-webkit-keyframes moveDown{
	from{ opacity:0; top:-200px;}
	to{ opacity:1; top:0;}
}

/*左进动画*/
@keyframes moveL{
	from{ opacity:0; margin-left:-200px;}
	to{ opacity:1; margin-left:0;}
	}
@-webkit-keyframes moveL{
	from{ opacity:0; margin-left:-200px;}
	to{ opacity:1; margin-left:0;}
	}

/*右进动画*/
@keyframes moveR{
	from{ opacity:0; margin-right:-200px;}
	to{ opacity:1; margin-right:0;}
	}
@-webkit-keyframes moveR{
	from{ opacity:0; margin-right:-200px;}
	to{ opacity:1; margin-right:0;}
	}

/*旋转动画*/
@keyframes moveZ{
	from{ opacity:0; transform:rotateY(180deg);}
	to{ opacity:1; transform:rotateY(360deg);}
	}
@-webkit-keyframes moveZ{
	from{ opacity:0; transform:rotateY(180deg);}
	to{ opacity:1; transform:rotateY(360deg);}
	}

/*放大动画*/
@keyframes moveS{
	from{ opacity:0; transform: scale(0);}
	to{ opacity:1; transform:scale(1);}
	}
@-webkit-keyframes moveS{
	from{ opacity:0; transform:scale(0);}
	to{ opacity:1; transform:scale(1);}
	}

/*=================== Header ============================*/
.header{ padding: 30px 0;background: #fff;}
.header h1{ width: 577px; height:77px; background: url(../../images/shengrui/logo.png) no-repeat; background-size: contain; text-indent: -9999px; margin-left: 90px;}
.header .navBar{ margin-right: 80px;}
.header .navBar li{ float: left; margin-top: 20px;}
.header .navBar li a{ font-size: 18px; color: #333; margin-right: 20px; padding: 0 15px 15px 0;text-decoration: none;}
.header .navBar li a:hover,.header .navBar li a.slt{ border-bottom: 6px solid #00b7ee;}
.header .navBar  .sub-nav{width: 100%;position: absolute;left: 0;top:85px;z-index: 10;background: #fff;text-align: center;padding:15px 0;display: none;}
.header .navBar  .sub-nav a{display: inline-block;text-align: center;width: 260px;border-left:1px solid #ddd;padding: 0 10px;color: #333;}
.header .navBar  .sub-nav a:first-child{border:0;}
.header .navBar  .sub-nav a .top-pic{width:280px;height: 130px;}
.header .navBar  .sub-nav a .top-pic img{max-width:280px;max-height: 130px;}
.header .navBar  .sub-nav a .sub-name{font-size: 20px;line-height: 35px;color: #333;}
.header .navBar  .sub-nav a .sub-ps{font-size: 14px;line-height: 25px;}
.header .navBar .tel span,.header .navBar b{ display: block;}
.header .navBar b{ font-size: 30px; color: #00B7EE;}
.header .navBar .tel span{ font-weight: bold; color: #333; font-size: 18px; background: url(../../images/shengrui/topBtn.png) 60px 0 no-repeat; background-size: 25px 25px; text-align: right;}

/*============================Footer============================*/
.footer{ background: #131313;}
.footer .tel{ font-size: 16px; color: #d0d0d0; padding: 40px 0;}
.footer .tel .text b{ display: block; font-size: 30px; color: #fff; margin-bottom: 10px;}
.footer .tel .num{ text-align: right;}
.footer .tel .num b{ font-size: 44px; color: #0080cc; display: block; background: url(../../images/shengrui/footBtn1.png) center left no-repeat; text-indent: 40px; font-family: impact; margin-top: 10px;}
.footer .info{ padding: 30px 0; border-top: 1px solid #454545; border-bottom: 1px solid #454545;}
.footer .info dl{ margin-right: 100px;}
.footer .info dt{ color: #fff; font-size: 16px; font-weight: bold;}
.footer .info dd a{ display: block; color: #979797; font-size: 14px; margin-top: 15px;}
.footer .info dd a:hover{ color: #fff; text-decoration: underline;}
.footer .code span{ display: block; float: left; margin-left: 30px;}
.footer .code span img{ display: block; margin: 15px auto 0 auto;}
.footer .copy{ padding: 20px 0; text-align: center; font-size: 12px; color: #999;}

/*============================Slide============================*/
.ixSlide{background: #fff;}
.ixSlide .slideImg{ position:relative; overflow:hidden; width:100%;}
.ixSlide .slideImg li{ -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0;}
.ixSlide .slideImg li:first-child{ position:relative; display:block; float:left;}
.ixSlide .slideImg img{ display:block; height:auto; float:left; width:100%;}
.ixSlide .slideCon{ position:relative; float:left; width:100%;}
.ixSlide .slideCon .slide{ position:relative; overflow:hidden; width:100%;}
.ixSlide .slideCon .slide li{ position:absolute; width:100%; left:0; top:0;} 
.ixSlide .slideCon .slide img{ display:block; position:relative; z-index:1; height:auto; width:100%; border:0;}
.ixSlide .slideCon .slide_nav{ display: none;}
.ixSlide .slideCon .slide_tabs{ width:130px; height: 33px; position:absolute; bottom:20px; left:50%; margin-left: -65px; z-index:5; text-align:center; background-color: rgba(0,0,0,.3); border-radius: 20px;}
.ixSlide .slideCon .slide_tabs li{ display:inline-block; margin:10px 4px; width:13px; height:13px; background:url(../../images/shengrui/slideBtn1.png) no-repeat; background-size: contain;}
.ixSlide .slideCon .slide_tabs li a{ display:block; text-indent:-9999px;}
.ixSlide .slideCon .slide_tabs .slide_here{ background:url(../../images/shengrui/slideBtn2.png) no-repeat; width: 26px; height: 13px; background-size: contain;}

.slide li .banner1-text-bg{background: url("../../images/shengrui/banner-1-text-bg.png") left top no-repeat;width: 1049px;height: 271px;position: absolute;left: 0;top: 50%;margin-top: -135px;z-index: 2;
	transition: all 0.5s;opacity: 0;}
.slide li.slide1_on .banner1-text-bg{transition: all 0.5s;opacity: 1; }
.slide li .banner1-text-1{background: url("../../images/shengrui/banner-1-text-1.png") left top no-repeat;width:485px;height: 41px;position: absolute;left: 362px;top:50%;margin-top:-90px;z-index: 3;
	transition: all 0.5s;transform: translateY(-200px);}
.slide li.slide1_on .banner1-text-1{transition: all 0.5s;transform: translateY(0px);}
.slide li .banner1-text-2{background: url("../../images/shengrui/banner-1-text-2.png") left top no-repeat;width:560px;height: 109px;position: absolute;left: 344px;top:50%;margin-top:0;z-index: 3;
	transition: all 0.5s;transform: translateY(200px);}
.slide li.slide1_on .banner1-text-2{transition: all 0.5s;transform: translateY(0);}
.slide li .banner2-text-1{background: url("../../images/shengrui/banner-2-text-1.png") left top no-repeat;width: 427px;height: 44px;position: absolute;left: 50%;top: 50%;margin: -197px 0 0 -213.5px;z-index: 2;
	transition: all 0.5s ;transform: translateY(-200px);}
.slide li.slide1_on .banner2-text-1{transition: all 0.5s;transform: translateY(0);}
.slide li .banner2-text-2{background: url("../../images/shengrui/banner-2-text-2.png") left top no-repeat;width: 1058px;height: 75px;position: absolute;left: 50%;top: 50%;margin: -119px 0 0 -529px;z-index: 2;
	transition: all 0.75s;transform: translateY(300px);}
.slide li.slide1_on .banner2-text-2{transition: all 0.75s;transform: translateY(0);}
.slide li .banner2-text-3{background: url("../../images/shengrui/banner-2-text-3.png") left top no-repeat;width: 910px;height: 59px;position: absolute;left: 50%;top: 50%;margin: -16px 0 0 -455px;z-index: 2;
	transition: all 1s ;transform: translateY(400px);}
.slide li.slide1_on .banner2-text-3{transition: all 1s;transform: translateY(0);}
.slide li .banner3-text-1{background: url("../../images/shengrui/banner-3-text-1.png") left top no-repeat;width: 329px;height: 44px;position: absolute;left: 16%;top: 50%;margin: -191px 0 0 0;z-index: 2;
	transition: all 0.5s ;transform: translateX(-200px);}
.slide li.slide1_on .banner3-text-1{transition: all 0.5s ;transform: translateX(0);}
.slide li .banner3-text-2{background: url("../../images/shengrui/banner-3-text-2.png") left top no-repeat;width: 665px;height: 134px;position: absolute;left: 16%;top: 50%;margin: -125px 0 0 0;z-index: 2;
	transition: all 0.75s ;transform: translateX(-300px);}
.slide li.slide1_on .banner3-text-2{transition: all 0.75s ;transform: translateX(0);}
.slide li .banner3-text-3{background: url("../../images/shengrui/banner-3-text-3.png") left top no-repeat;width: 650px;height: 105px;position: absolute;left: 16%;top: 50%;margin: 33px 0 0 0;z-index: 2;
	transition: all 1s ;transform: translateX(-400px);}
.slide li.slide1_on .banner3-text-3{transition: all 1s ;transform: translateX(0);}
.slide li .banner4-text{width: 560px;height: 380px;position: absolute;right: 8%;top: 50%;margin-top: -208px;text-align: center;z-index: 2;}
.slide li .banner4-text-1{background:url("../../images/shengrui/banner-4-text-1.png") center top no-repeat;width: 523px;height: 114px;margin-top:0;
	transition: all 0.5s ;transform: translateX(200px);}
.slide li.slide1_on .banner4-text-1{transition: all 0.5s ;transform: translateX(0);}
.slide li .banner4-text-2{background:url("../../images/shengrui/banner-4-text-2.png") center top no-repeat;width: 448px;height: 87px;margin-top:20px;
	transition: all 0.75s ;transform: translateX(300px);}
.slide li.slide1_on .banner4-text-2{transition: all 0.75s ;transform: translateX(0);}
.slide li .banner4-text-3{background:url("../../images/shengrui/banner-4-text-3.png") center top no-repeat;width: 527px;height: 119px;margin-top:26px;
	transition: all 1s ;transform: translateX(400px);}
.slide li.slide1_on .banner4-text-3{transition: all 1s ;transform: translateX(0);}
/*============================Index============================*/
.bgf1{ background-color: #f1f1f1;}
.ixAbout{ background: url(../../images/shengrui/ixImg1.jpg) center bottom no-repeat #f1f1f1; text-align: center; padding: 100px 0 70px 0;}
.ixAbout .tit{ font-size: 40px; font-weight: bold; animation:moveS 1s forwards;}
.ixAbout .text{ line-height: 24px; margin: 60px 0; animation:moveS 1s forwards;}
.ixAbout .num{ justify-content: space-around; text-align: center;}
.ixAbout .num span{ animation:moveZ 1.5s forwards;display: inline-block;}
.ixAbout .num span b{ display: inline-block; font-size: 100px;width: 100%;}
.ixTit{ font-size: 40px; color: #333; font-weight: bold; text-align: center; margin: 100px 0 80px 0; animation:moveL 1s forwards;}
.ixPro{background: #fff;}
.ixPro ul,.ixCase ul,.ixImmp ul{ animation:moveS 2s forwards;}
.ixPro li,.ixCase li,.ixImmp li{ float: left; text-align: center;}
.ixPro li{ width: 200px; margin: 0 20px 60px 20px;}
.ixPro li img{ width: 200px; height: 200px; border-radius: 50%; border: 1px solid #f3f3f3; margin-bottom: 30px;}
.ixPro li p{ font-size: 18px; color: #333;}
.ixCase,.ixImmp{ padding-bottom: 70px;}
.ixCase li{ width: 380px; margin: 0 10px 30px 10px; background: #fff;}
.ixCase li img{ width: 380px; height: 228px;}
.ixCase li p{ height: 80px; line-height: 80px; font-size: 18px; color: #333;}
.ixImmp{background: #fff;}
.ixImmp li{ width: 370px; margin: 0 15px;}
.ixImmp li img{ width: 370px; height: 250px; margin-bottom: 30px;}
.ixImmp li p{ font-size: 16px; color: #333;}
.ixNews .partL{ width: 520px; padding-left: 120px; }
.ixNews .partR{ width: 560px; padding-right: 60px;}
.ixNews .partL ul{ width: 475px; border-right: 1px solid #dfdfdf; padding-right: 50px;}
.ixNews li{ line-height: 32px;}
.ixNews  ul li a{color: #666;}
.ixNews  ul li a:hover{color: #0080cc; text-decoration: underline;}
.ixNews li span{  float: left;  width: 320px;font-size: 16px; height: 32px;}
.ixNews li em{ float: right; width: 80px; text-align: right; font-size: 12px;}
.ixNews p{ font-size: 22px; color: #0080cc; margin-bottom: 20px;}
.ixNews .more a{ display: block; background: url(../../images/shengrui/btn1.png) no-repeat; width: 130px; height: 43px; text-indent: -9999px; margin: 25px 0 60px 0;}
.ixPro li:hover p,.ixCase li:hover p,.ixImmp li:hover p,.ixNews li:hover a,.proList li:hover p,.inCase li:hover p{ color: #0080cc; text-decoration: underline;}

/*============================关于我们============================*/
.bannerAbout{ height: 600px; background: url(../../images/shengrui/bannerAbout.jpg) center no-repeat;}
.bannerAbout p{ width: 100%; text-align: center; color: #fff; font-size: 16px; margin-top: 440px; animation:moveS 1s forwards;}
.bannerAbout p span{ display: block; font-size: 36px; margin-bottom: 20px;}
.aboutIntro{ padding: 100px 0;background: #fff;}
.aboutIntro p{ font-size: 16px; color: #666; line-height: 32px; text-indent: 2em; margin-bottom: 50px;}
.aboutServe{ height: 400px; background: url(../../images/shengrui/aboutImg2.jpg) center no-repeat; text-align: center; color: #fff;}
.aboutServe .tit p{ margin-top: 110px; font-size: 40px;}
.aboutServe .tit span{ display: inline-block; width: 120px; height: 4px; background-color: #fff; margin: 20px 0;}
.aboutServe .text{ font-size: 16px;}
.aboutServe .more a{ display: inline-block; width: 170px; height: 43px; border: 1px solid #8a8a8a; text-align: center; line-height: 43px; color: #fff; font-size: 14px; border-radius: 30px; margin-top: 60px;}
.aboutServe .more a:hover{ background-color: #fff; border-color: #fff; color: #0080cc;}

/*============================胜泰产品============================*/
.inLoca{ background-color: #333; padding: 25px 0; color: #fff; font-size: 12px;}
.inLoca a{ color: #fff;}
.inLoca a:hover{ text-decoration: underline;}
.proType{padding-bottom: 60px;background: #f1f1f1;}
.proType .part{ height: 360px; background: url(../../images/shengrui/proBg.jpg)  center top no-repeat ; padding: 60px 100px; margin-top: 40px;}
.proType .part .img{ height: 280px;width:400px;overflow: hidden;}
.proType .part .img img{ max-width: 100%;max-height: 280px;width: 100%\9;}
.proType .part .text{ width: 500px;}
.proType .part .text span{ display: block; font-size: 38px; color: #333;}
.proType .part .text p{ height: 96px; font-size: 16px; color: #666; line-height: 32px; margin: 20px 0; overflow: hidden;}
.proType .part .text a{ display: block; width: 200px; height: 58px; background: url(../../images/shengrui/btn2.png) no-repeat; text-indent: -9999px;}
.proType .part .text b{ font-size: 16px; color: #0080cc;}
.proList{ padding-bottom: 100px;background: #fff;clear: both;}
.proList li{ width: 368px; height: 330px; float: left; margin: 40px 30px 0 0; border: 1px solid #dedede; padding: 30px 14px; text-align: center;}
.proList li img{ max-width: 340px; height: 240px;}
.proList li p{ font-size: 18px; color: #333;}
.proDetails{background: #fff;}
.proDetails .tit{ font-size: 38px; color: #333; margin: 70px 0;}
.proDetails .text{ width: 1000px; margin: 0 auto; font-size: 16px; line-height: 26px;}
.proDetails .text span{ display: block; font-size: 16px;  margin-bottom: 20px;}
.proDetails .text b{ display: block; margin-bottom: 10px;}
.proDetails .text img{ margin-bottom: 50px;}

/*============================工程案例============================*/
.bannerCase{ height: 410px; background: url(../../images/shengrui/bannerCase.jpg) center no-repeat; text-align: center;}
.bannerCase p{ color: #fff; margin-top: 80px;}
.bannerCase p b{font-size: 40px; color: #fff;}
.bannerCase p a{ display: inline-block; height: 53px; color: #fff; font-size: 18px; font-weight: bold; border: 2px solid #fff; border-radius: 30px; padding: 0 35px; margin: 0 20px; line-height: 50px;text-decoration: none;}
.bannerCase p a:hover,.bannerCase p a.slt{ color: #fff; background-color: #0080CC; border-color: #0080CC;}
.inCase,.inNews{ padding: 70px 0;background: #fff;}
.inCase li{ float: left; text-align: center; width: 380px; margin: 0 10px 30px 10px; background: #fff; border: 1px solid #dedede;}
.inCase li img{ width: 380px; height: 228px;}
.inCase li p{ height: 80px; line-height: 80px; font-size: 18px; color: #333;}
.caseDetails{ padding: 100px 0; font-size: 16px; line-height: 30px;background: #fff;}
.caseDetails .tit{ text-align: left;}
.caseDetails .tit p{ font-size: 48px; line-height: 58px;}
.caseDetails .tit em{ display: block; font-size: 18px; color: #666; margin: 40px 0;}
.caseDetails img{ margin: 20px 0;}
.caseDetails .next{ margin-top: 100px; padding-top: 30px; border-top: 1px solid #e5e5e5;}
.caseDetails .next span,.caseDetails .next em{ display: block; color: #666; line-height: 48px;}
.caseDetails .next span a{ color: #999;}
.caseDetails .next span a:hover{ text-decoration: underline; color: #0080CC;}
.caseDetails .next em a{ display: block; float: right; width: 158px; height: 48px; border: 1px solid #c2c2c2; color: #0080CC; font-size: 18px; border-radius: 30px; text-align: center;}
.caseDetails .next em a:hover{ color: #fff; background-color: #0080CC; border-color: #0080CC;}
.fenye{ text-align: center; margin-top: 60px;}
.fenye a,.fenye span{ display: inline-block;   font-size: 18px; color: #666; border: 1px solid #c2c2c2; border-radius:18px; text-align: center; margin: 0 5px;padding:0 10px;text-decoration: none;
line-height: 34px;height: 36px;}
.fenye a:hover,.fenye span{ color: #fff; border-color: #0080CC; background-color: #0080CC;}

/*============================资讯动态============================*/
.inNews li{ height: 260px; border: 1px solid #f2f2f2; border-radius: 10px; padding: 40px 35px; margin-bottom: 30px; position: relative;}
.inNews li .img{ width: 300px; height: 190px; overflow: hidden;}
.inNews li .img img{ width: 100%; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transition:0.5s;}
.inNews li .text{ width: 750px; margin-left: 50px; color: #666;}
.inNews li .text span,.inNews li .text em{ display: block;}
.inNews li .text span{ font-size: 24px; color: #333;}
.inNews li .text p{ height: 52px; line-height: 26px; margin: 20px 0 60px 0; overflow: hidden;}
.inNews li .btn{ width: 58px; border-left: 1px solid #f2f2f2; height: 260px; background: url(../../images/shengrui/newsImg7.png) center no-repeat; position: absolute; top: 0; right: 0;}
.inNews li:hover span{ color: #0080CC;}
.inNews li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05);}

/*============================联系我们============================*/
.contactInfo{ padding: 80px 0;background: #fff;}
.contactInfo .text{ color: #666;}
.contactInfo .text span,.contactInfo .text em{ display: block;}
.contactInfo .text span{ font-size: 38px; color: #333;}
.contactInfo .text p{ font-size: 18px; margin: 20px 0 30px 0;}
.contactInfo .text em{ line-height: 26px;}
.contactInfo .list{ margin-top: 20px;}
.contactInfo .list div{ width: 283px; height: 163px; border: 1px solid #dedede; float: left; margin: 10px 17px 10px 0; overflow: hidden;}
.contactInfo .list div span{ display: block; width: 240px; height: 52px; font-size: 24px; line-height: 26px; margin: 30px 0 10px 30px;}
.contactInfo .list div p{ margin-left: 30px;}
.contactMess{ padding: 80px 0;}
.contactMess .tit{ font-size: 30px; margin-bottom: 50px;}
.contactMess .form{ width: 1000px; margin: 0 auto;}
.contactMess .form span,.contactMess .form em{ display: block; float: left;margin-bottom: 30px;}
.contactMess .form span{ width: 480px; line-height: 48px; margin-right: 10px;}
.contactMess .form em{ width: 55px;}
.contactMess .form input{ width: 400px; height: 48px; background-color: #fff; border: 1px solid #dedede; text-indent: 10px;margin-left: 18px;}
.contactMess .form textarea{ width: 892px; height: 158px; border: 1px solid #dedede; resize: none; padding: 10px;}
.contactMess .form button{ width: 172px; height: 58px; background: url(../../images/shengrui/btn3.png) no-repeat; text-indent: -9999px; margin-left: 55px; cursor: pointer;clear: left;}

@media screen  and (max-width: 1800px){
	.header h1{ width: 380px; height: 51px; margin-left: 40px;}
	.header .navBar{ margin-right: 40px;}
	.header .navBar li{ margin-top: 10px;}
	.header .navBar li a{ font-size: 16px;}
	.header .navBar b{ font-size: 20px; color: #00B7EE;}
	.header .navBar .tel span{ font-weight: bold; color: #333; font-size: 16px; background: url(../../images/shengrui/topBtn.png) 15px 0 no-repeat; background-size: 20px 20px;}
}
/*@media screen and (min-width:1200px){*/
	/*.header .navBar li a{ margin-right: 10px; padding: 0 25px 20px 0;}*/
/*}*/
.loading-grid{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 11;background:#f1f1f1;}
.loading-grid .logo-loading{width:230px;height: 77px;position: absolute;left: 50%;top: 50%;margin: -38px 0 0 -115px;}
.loading-grid .logo-loading .logo-hover{width: 230px;height:77px;position: absolute;left:0;top: 0;overflow: hidden;animation: loading  2s alternate infinite linear;-webkit-animation: loading 2s  alternate infinite linear;}
.loading-grid .logo-loading img{width:230px;height: 77px;display: block;}

@keyframes loading {
	0%{width:230px;}
	100%{width: 0;}
}
@-webkit-keyframes loading {
	0%{width:230px;}
	100%{width: 0;}
}

.aside-click{width: 54px;position: fixed;right: 5%;bottom: 150px;z-index: 10;}
.aside-click a{width: 54px;height: 54px;display: block;margin-top: 10px;border-radius: 50%;position: relative;transition: all 0.5s;}
.aside-click a.phone{background: url("../../images/shengrui/aside-icon.png") 3px 13px no-repeat #cecece;}
.aside-click a.phone:hover{background: url("../../images/shengrui/aside-icon.png") 3px 13px no-repeat #00b7ee;transition: all 0.5s;}
.aside-click a.phone .phone-text{width:0;height: 54px;position: absolute;right:74px;top: 0;color: #666;font-size: 18px;line-height:27px;overflow: hidden;transition: all 0.5s;}
.aside-click a.phone:hover .phone-text{width:252px;transition: all 0.5s;}
.aside-click a.phone .phone-text .text-grid{width:252px;text-align: center;background: #fff;border-radius: 10px;}
.aside-click a.qq{background: url("../../images/shengrui/aside-icon.png") 2px -58px no-repeat #cecece;}
.aside-click a.qq:hover{background: url("../../images/shengrui/aside-icon.png") 2px -58px no-repeat #00b7ee;transition: all 0.5s;}
.aside-click a.wx{background: url("../../images/shengrui/aside-icon.png") 3px -126px no-repeat #cecece;}
.aside-click a.wx:hover{background: url("../../images/shengrui/aside-icon.png") 3px -126px no-repeat #00b7ee;transition: all 0.5s;}
.aside-click a.wx .wx-grid{width: 0;height: 100px;position: absolute;right: 74px;top: 0;overflow: hidden;background: url("../../images/shengrui/aside-icon.png") -95px -5px no-repeat #fff;}
.aside-click a.wx:hover .wx-grid{width: 98px;transition: all 0.5s;border-radius: 5px;}
.aside-click a.wx:hover .wx-grid img{width: 98px;height:98px;}
.aside-click a.top{background: url("../../images/shengrui/aside-icon.png") 2px -196px no-repeat #cecece;}
.aside-click a.top:hover{background: url("../../images/shengrui/aside-icon.png") 2px -196px no-repeat #00b7ee;transition: all 0.5s;}