@charset "utf-8";
/* CSS Document */
/* 自适应版本 禁止webkit横屏改变字体大小 */
.pulse { -webkit-animation: pulse 30s infinite ease-out ; animation:pulse 30s infinite ease-out;  }
.shengdanLogo {width:18%;right:0;bottom:12%;position:fixed;z-index:10;-moz-transition:transform .3s ease 0s;-webkit-transition:transform .3s ease 0s; transition:transform .3s ease 0s; -moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); }

/* 中间弹窗样式 */
#kstCenter .btn{position:absolute; display: block; left:154.5px; top:100.5px; width: 115px;height: 115px;border-radius: 50%;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear; z-index:2;}
#kstCenter .btn img{display: block;width: 115px;height: 115px;border-radius: 50%;position: absolute;left: 0;top: 0;z-index: 11;}
#kstCenter .btn .s1,#kstCenter .btn .s2,#kstCenter .btn .s3{display: block;width: 47px;height: 47px;border-radius: 50%;background-color:#e7e01f;position: absolute;left: 50%;margin-left: -23.5px;top: 50%;margin-top: -23.5px;z-index: 10;}
#kstCenter .btn .s1{
	-webkit-animation:kuosan 3s linear infinite;
	-moz-animation:kuosan 3s linear infinite;
	animation:kuosan 3s linear infinite;
}
#kstCenter .btn .s2{
	-webkit-animation:kuosan 3s linear 0.8s infinite;
	-moz-animation:kuosan 3s linear 0.8s infinite;
	animation:kuosan 3s linear 0.8s infinite;
}
#kstCenter .btn .s3{
	-webkit-animation:kuosan 3s linear 1.6s infinite;
	-moz-animation:kuosan 3s linear 1.6s infinite;
	animation:kuosan 3s linear 1.6s infinite;
}
@-webkit-keyframes kuosan {
	from {
	opacity:1;
	-webkit-transform:scale(0) translate3d(0,0,0)
	}
	to {
		opacity:0;
		-webkit-transform:scale(4) translate3d(0,0,0)
	}
}
 @-moz-keyframes kuosan {
	from {
	opacity:1;
	-moz-transform:scale(0) translate3d(0,0,0)
	}
	to {
		opacity:0;
		-moz-transform:scale(4) translate3d(0,0,0)
	}
}
 @-o-keyframes kuosan {
	from {
		opacity:1;
		-o-transform:scale(0) translate3d(0,0,0)
	}
	to {
		opacity:0;
		-o-transform:scale(4) translate3d(0,0,0)
	}
} 
@keyframes kuosan {
	from {
	opacity:1;
		transform:scale(0) translate3d(0,0,0)
	}
	to {
		opacity:0;
		transform:scale(4) translate3d(0,0,0)
	}
}



html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,select,textarea{margin:0;padding:0;font-weight:normal; font-family:"微软雅黑"; }
em,i{ font-style:normal}
ul,li{ list-style:none;}
img{ max-width:100%; max-height:100%; vertical-align: middle; margin:0; padding:0;}
article,details,footer,header,menu,section {display:block;}
body{text-align:left; color:#333333; min-width:320px; background-repeat:repeat; background-position:50% 0; }
a { color:#333333; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:none; }
.wrapper{margin:0 auto; padding:0;}

.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:".";}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none; } 

@media only screen and (min-width: 1280px){
	body{font-size:24px;}
	.wrapper{width:640px;}
}
@media only screen and (min-width: 640px) and (max-width: 1279px){
	body{font-size:24px;}
	.wrapper{width:640px;}
}
@media only screen and (min-width: 480px) and (max-width: 639px){
	body{font-size:18px;}
	.wrapper{width:100%;}
}
@media only screen and (min-width: 360px) and (max-width: 479px){
	body{font-size:16px;}
	.wrapper{width:100%;}
}
@media only screen and (max-width: 360px){
	body{font-size:14px;}
	.wrapper{width:100%;}
}
#mr0{ margin-right:0;}
.top{ width:100%; background-color:#435664; height:2.5em;}
.top ul{ width:93.75%; margin:0 auto;}
.top_l{ float:left; color:#fff; line-height:2.5em; font-size:1em;}
.top_r{ float:right;}
.top_r a{ display:block; font-size:.833em; height:1.5em; line-height:1.5em; background-color:#ed6200; width:5.1em; text-align:center; border-radius:0.15em; color:#fff; margin-top:0.75em;}
/*banner*/
.banner {width:100%;height:auto;overflow:hidden;position:relative;margin:0 auto;}
.focusPic1 {width:100%; overflow:hidden;visibility: visible;position: relative;}
.focusPic1 ul{overflow:hidden;position: relative;}
.focusPic1 ul li{width:100%;float:left;position: relative;}
.focusPic1 img {width:100%;height:auto;display:block;}
.focusCount1 {position:absolute;right:0.1667em;bottom:0.625em;width:5.367em; overflow:hidden;}
.focusCount1 li {cursor:pointer;float:left;height:0.417em;margin-right:0.2083em;width:0.417em;background:#fff; border:0.0417em solid #000; overflow:hidden; line-height:2em; }
.focusCount1 .on {background:#b18748;}
/*导航*/
.nav{ width:100%; margin:0 auto;}
.nav ul{ width:100%;}
.nav ul li{ width:100%; overflow:hidden; margin:0 auto;  margin-bottom:0.1em;}
.nav a{ display:block; float:left; background-color:#415762; color:#fff; font-size:1.1667em; width:24.7%; text-align:center; height:3.036em; line-height:3.036em; margin-right:0.3%;}
/*经典项目*/
.title{ width:100%; background:url(../images/index_bg.jpg) top left repeat-x; background-size:100% 100%;overflow:hidden; height:3em; line-height:3em;}
.title p{ float:left; color:#FFF; font-size:1.1667em; margin-left:3.125%;line-height:3em;}
.title a{ display:inline-block; float:right;color:#FFF; font-size:1em; margin-right:3.125%;}
.title a span{  background:url(../images/more.png) no-repeat center/contain ; width:0.917em; height:0.917em; display:inline-block; margin-left:0.21em;}
.projectbox{ width:100%; background-color:#fff;}

.project{ width:93.75%; margin:0 auto 1.083em; }
.project .icon{ width:100%; overflow:hidden; background-color:#FFF;}
.project .icon li{ width:25%; float:left;  margin-top:1.083em;}
.project .icon li span{ display:block;border-radius: 50%; width:4.1667em; height:4.1667em; vertical-align:text-top; margin:0 auto;box-sizing:border-box; border:1em solid transparent}
.icon01{ background:#0693e6 url(../images/icon01.png) center/contain no-repeat; }
.icon02{ background:#4e9cdc url(../images/icon02.png) center/contain no-repeat; }
.icon03{ background:#206cb3 url(../images/icon03.png) center/contain no-repeat; }
.icon04{ background:#e0616c url(../images/icon04.png) center/contain no-repeat; }
.icon05{ background:#83a8c3 url(../images/icon05.png) center/contain no-repeat; }
.icon06{ background:#ff4892 url(../images/icon06.png) center/contain no-repeat; }
.icon07{ background:#706bbd url(../images/icon07.png) center/contain no-repeat; }
.icon08{ background:#00bdd3 url(../images/icon08.png) center/contain no-repeat; }
.project ul li p{ font-size:1em; color:#404040; text-align:center; line-height:2.25em; height:2.25em;}
.project h1{ width:100%; margin-top:0.833em; margin-bottom:0.417em; background-color:#5d3c2b; color:#FFF; text-align:center; font-weight:normal; font-size:1.1667em; height:2.33em; line-height:2.33em;}
/*专家团队*/
.teambox{ width:100%;}
.team{width:93.75%; margin:0 auto; padding:0.833em 0;}
.team ul{ overflow:hidden;}
.team ul li{ float:left; width:48.333%; margin-right:3.333%; margin-bottom:0.83em;} 
.inzj_zj{ position:relative;}
.team ul li img{ width:100%;}
.inzj_js{ position:absolute; width:100%; left:0; bottom:0; height:3.33em; z-index:5; background:url(../images/inzj_bg.png) top left repeat-x; background-size:100% 100%; text-align:center;}
.inzj_js h1{ font-size:1.25em; margin-top:0.2em;}
.inzj_js p{ font-size:0.75em;}
.inzj_btn{ overflow:hidden; margin-top:0.4em;}
.inzj_btn a{ display:block; float:left; width:50%; text-align:center; height:2.5em; line-height:2.5em; color:#FFF;}
.inblue{ background-color:#206cb3;}
.inorange{ background-color:#ed6200;}

/*底部导航*/
.footerbox{ width:100%; background-color:#262b2e;margin-bottom:2.4em;}
.footer{width:93.75%; margin:0 auto; overflow:hidden; padding:1.5em 0;}
.footer_l{ float:left; width:37.3%; border-right:dashed 0.04167em #999999;}
.footer_l img{ width:100%;}
.footer_r{ float:right; width:58.3%;}
.footer_r p{ font-size:0.917em; line-height:1.8175em; color:#eaeaea;}
.footer_r p span{ color:#ffcb7d;}


/*弹窗抖动*/
@-webkit-keyframes pulse {0%,2%,4%,6% {
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
}
    1%,3%,5% {
        -webkit-transform:scale3d(1.07, 1.07, 1.07);
        transform:scale3d(1.07, 1.07, 1.07)
    }
}
@keyframes pulse { 0%,2%,4%,6% {
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
}
    1%,3%,5% {
        -webkit-transform:scale3d(1.07, 1.07, 1.07);
        transform:scale3d(1.07, 1.07, 1.07)
    }


}
.pulse { -webkit-animation: pulse 15s infinite ease-out ; animation:pulse 15s infinite ease-out;  }