@charset "utf-8";
html{overflow-y:scroll;}
body{ margin:0px; padding:0px; font-size:12px; background:#f8f8f8; color:#484848; font-family:Arial,"微软雅黑";}
ul,li,dl,dd,dt{ margin:0px; padding:0px; list-style:none;}
html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,  input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
p{ margin:0px; padding:0px;}
img{border:none; padding:0; margin:0; vertical-align:middle;}
a{text-decoration:none; color: #484848;}
a:hover{color: #484848;}

/* 首页公共样式 */
.zs{
	background:url(http://www.szffmr.com/pic/headfoot/zs.jpg) no-repeat center;
}
.zs .top{
	min-width: 1200px; padding: 0 100px; height: 35px; line-height: 35px; border-bottom: 1px #ad251c solid;background: none;
}
.zs .top .left{
	width: 48%; float: left;
}
.zs .top .left p{
	float: left; color:#fff;
}
.zs .top .left p a{
	font-weight: bold; color: #ccff00; margin: 0 60px 0 10px; 
}
.zs .top .left strong{
	color: #fff; padding-left: 25px; background: url(http://www.szffmr.com/pic/headfoot/tel.png) no-repeat left center; float: left;
}
.zs .top .right{
	width: 52%; float: right; text-align: right;
}
.zs .top .right div{
	display: inline-block;
}
.zs .qq{
	margin: 0 5px;
}
.zs .dh a{
	margin: 0 10px; color:#fff;
}
.zs .head{
	margin: 0 auto;background: none;
}
.zs .head_c{
	width: 1200px; margin: 0 auto; overflow: hidden;
}
.zs .logo{
	width: 320px; height: 100px; float: left; background: url(http://www.szffmr.com/pic/headfoot/logo.png) no-repeat left center;
}
.zs .logo a{
	width: 320px; height: 100px; display:block;
}
.zs .search{
	width: 450px; float: left; padding-top: 32px;
}
.zs .search .keyword{
	width: 300px; height: 35px; border: 1px #a30000 solid; border-right: none; display: inline-block; float: left; background:#f8f8f8;
}
.zs .search .text{
	font-size: 14px; height: 32px; width: 280px; float: left; margin: 2px 0 0 10px; border: none; outline: none; color:#333; background:#f8f8f8;
}
.zs .search .button{
	width: 74px; height: 37px; display: inline-block; float: left;
}
.zs .search .submit{
	width: 74px; height: 37px; background: url(http://www.szffmr.com/pic/headfoot/submit.png) no-repeat center; border: none; cursor: pointer;
}
.zs .phone{
	width: 441px; height: 100px; float: left; background: url(http://www.szffmr.com/pic/headfoot/phone.png) no-repeat right center;
}

/* index-header样式 */

.zs .nav{
	clear: both;
}
.zs .nav .left{
	width: 204px; height: 50px; background: #f8f8f8; float: left; font-size: 18px; color: #1c1c1c; text-align: center; line-height: 50px;
}
.zs .nav .right{
	width: 996px; height: 40px; float: right; text-align: center; padding-top: 10px;
}
.zs .nav .right li{
	width: 86px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin: 0 10px; border-radius: 5px; transition: all ease 0.2s;
}
.zs .nav .right a{
	font-size: 16px; color: #fff; transition: all ease 0.2s;
}
.zs .nav .right .hover{
	border-radius: 5px; background: #a30000;
}
.zs .nav .right .hover a{
	color: #fff;
}
.zs .nav .right li:hover{
	background: #a30000;
}
.zs .nav .right li:hover a{	
	color: #fff;
}
.zs .navv .right-on a{
	font-size: 16px; color: #fff; transition: all ease 0.2s;
}
/*新年首页样式*/

.top{
	min-width: 1200px; padding: 0 100px; height: 35px; line-height: 35px; border-bottom: 1px #f1f2f3 solid; background: #fff;
}
.top .left{
	width: 48%; float: left;
}
.top .left p{
	float: left;
}
.top .left p a{
	font-weight: bold; color: #f08300; margin: 0 60px 0 10px; 
}
.top .left strong{
	color: #9933cc; padding-left: 25px; background: url(../pic/headfoot/tel.jpg) no-repeat left center; float: left;
}
.top .right{
	width: 52%; float: right; text-align: right;
}
.top .right div{
	display: inline-block;
}
.qq{
	margin: 0 5px;
}
.dh a{
	margin: 0 10px;
}
.head{
	margin: 0 auto; background: #fff;
}
.head_c{
	width: 1200px; margin: 0 auto; overflow: hidden;
}
.logo{
	width: 410px; height: 100px; float: left; background: url(../pic/headfoot/logo.jpg) no-repeat left center;position: relative;
}
.logo a{
	width: 410px; height: 100px; display:block;
}
.search{
	width: 320px; float: left; padding-top: 32px;
}
.search .keyword{
	width: 210px; height: 35px; border: 1px #dbdbdb solid; border-right: none; display: inline-block; float: left;
}
.search .text{
	font-size: 14px; height: 32px; width: 320px; float: left; margin: 2px 0 0 10px; border: none; outline: none; color:#999999;
}
.search .button{
	width: 74px; height: 37px; display: inline-block; float: left;
}
.search .submit{
	width: 74px; height: 37px; background: url(../pic/headfoot/submit.jpg) no-repeat center; border: none; cursor: pointer;
}
.phone{
	width: 461px; height: 100px; float: left; background: url(../pic/headfoot/phone.jpg) no-repeat right center;
}

/* index-header样式 */

.nav{
	clear: both;
}
.nav .left{
	width: 204px; height: 50px; background: #f8f8f8; float: left; font-size: 18px; color: #1c1c1c; text-align: center; line-height: 50px;
}
.nav .right{
	width: 996px; height: 40px; float: right; text-align: center; padding-top: 10px;
}
.nav .right li{
	width: 86px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin: 0 10px; border-radius: 5px; transition: all ease 0.2s;
}
.nav .right a{
	font-size: 16px; color: #1c1c1c; transition: all ease 0.2s;
}
.nav .right .hover{
	border-radius: 5px; background: #9933cc;
}
.nav .right .hover a{
	color: #fff;
}
.nav .right li:hover{
	background: #9933cc;
}
.nav .right li:hover a{
	color: #fff;
}



.project{
	width: 1200px; height: 424px; overflow: hidden; margin: 0 auto;
}
.subnav{
	width: 204px; height: 424px; float: left; background: #fff; position: relative;
}
.subnav li{
	border-bottom: 1px #f1f2f3 solid; background: 183px center; transition: all ease 0.3s;
}
.subnav .txt{
	height: 46px; line-height: 46px;
}
.subnav .txt a{
	display: block; font-size: 16px;
}
.subnav .txt img{
	margin: 0 10px 0 40px;
}
.subnav li:hover{
	background: url(../pic/subnav_h.jpg) no-repeat 183px center #e8e8e8;
}

.subnav li:hover .pop{
	display: block; background: rgba(0,0,0,0.8); z-index: 10;
}
.pop h1{
	font-size: 26px; margin: 40px 0 10px 50px;
}
.pop p{
	font-size: 14px; text-transform: uppercase; padding: 0 0 20px 50px;
}
.pop .line{
	height: 1px; background: rgba(255,255,255,0.2);
}
.pop .left{
	width: 587px; float: left; padding-left: 30px;
}
.pop .weixin{
	float: left; padding-left: 30px; padding-top: 15px;
}
.pop .left a{
	font-size: 14px; color: #FFFFFF;  padding: 5px; margin: 15px 10px 0 10px; text-align: center; display: inline-block; width:100px; background: #938D8D;
}
.pop .left a:hover{
	background: #6B217C; color: #FFFFFF;
}
.pop .right{
	width: 359px; padding: 20px 20px 0 0; float: right;
}
.pop .right img{
	width: 359px; height: 137px;
}
.banner{
	width: 996px; height: 424px; float: right; z-index: 0;
}
#playBox:hover .pre{
	opacity: 1;
}
#playBox:hover .next{
	opacity: 1;
}
#playBox{position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../pic/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10; opacity: 0;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../pic/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10; opacity: 0;}
#playBox .smalltitle {width:996px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:240px; margin:0 auto; text-align:center;}
#playBox .smalltitle ul li{ width:30px; height:10px; margin:0 2px; background:#E9E9E9; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#9933CC;}

/* header样式 */

.navv{
	clear: both;
}
.navv .left-off{
	width: 204px; height: 50px; background: #f8f8f8; float: left; position: absolute; 
}
.navv .left-off .all{
	font-size: 18px; color: #1c1c1c; height: 50px; line-height: 50px; margin-left: 25px; padding-left: 25px; background: url(../pic/all.jpg) no-repeat center left;
}
.navv .left-off:hover .projectt{
	display: block;
}
.navv .right-on{
	width: 996px; height: 40px; float: right; text-align: center; padding-top: 10px;
}
.navv .right-on li{
	width: 86px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin: 0 10px; border-radius: 5px; transition: all ease 0.2s;
}
.navv .right-on a{
	font-size: 16px; color: #1c1c1c; transition: all ease 0.2s;
}
.navv .right-on .hover{
	border-radius: 5px; background: #9933cc;
}
.navv .right-on .hover a{
	color: #fff;
}
.navv .right-on li:hover{
	background: #9933cc;
}
.navv .right-on li:hover a{
	color: #fff;
}

.projectt{
	width: 1200px; height: 424px; overflow: hidden; margin: 0 auto; position: absolute; top: 50px; left: 0; display: none; z-index: 3
}
.subnav{
	width: 204px; height: 424px; float: left; background: #fff; position: relative;
}
.subnav li{
	border-bottom: 1px #f1f2f3 solid; background: 183px center; transition: all ease 0.3s;
}
.subnav .txt{
	height: 46px; line-height: 46px;
}
.subnav .txt a{
	display: block; font-size: 16px;
}
.subnav .txt img{
	margin: 0 10px 0 40px;
}
.subnav li:hover{
	background: url(../pic/subnav_h.jpg) no-repeat 183px center #e8e8e8;
}
.subnav li .pop{
	width: 996px; height: 424px; background: rgba(0,0,0,0); position: absolute; left: 204px; top: 0; display: none; color: #fff;
}
.subnav li:hover .pop{
	display: block; background: rgba(0,0,0,0.8); z-index: 10;
}
.pop h1{
	font-size: 26px; margin: 40px 0 10px 50px;
}
.pop p{
	font-size: 14px; text-transform: uppercase; padding: 0 0 20px 50px;
}
.pop .line{
	height: 1px; background: rgba(255,255,255,0.2);
}
.pop .left{
	width: 587px; float: left; padding-left: 30px;
}
.pop .weixin{
	float: left; padding-left: 30px; padding-top: 15px;
}
.pop .left a{
	color: #FFFFFF;  padding: 5px; margin: 15px 10px 0 10px; text-align: center; display: inline-block; width:100px; background: #938D8D;
}
.pop .left a:hover{
	background: #6B217C; color: #FFFFFF;
}
.pop .right{
	width: 359px; padding: 20px 20px 0 0; float: right;
}
.pop .right img{
	width: 359px; height: 137px;
}

/* 底部样式 */

.footer{
	background: #fff; margin-top:40px; 
}
.footer .conten{
	width: 1200px; margin: 0 auto; overflow: hidden; padding: 40px 0;
}
.footer .ft1{
	width: 220px; padding-right: 30px; float: left; line-height: 36px;
}
.footer .conten h3{
	font-weight: bold; font-size: 16px;
}
.footer .conten h3 a{ color:#484848;
}
.footer .conten a{
	color: #c4c4c4; display: inline-block; font-size: 14px; margin-right: 15px;
}
.footer .ft2{
	width: 220px; padding-right: 30px; float: left; line-height: 36px;
}
.footer .ft3{
	width: 220px; padding-right: 30px; float: left; line-height: 36px;
}
.footer .ft4{
	width: 220px; padding-right: 40px; float: left; line-height: 36px;
}
.footer .ft5{
	width: 190px; float: left; text-align: center;
}
.footer .ft5 img{ margin-bottom:10px; width:133px;
}
.copyright{
	border-top: 1px #f1f2f3 solid; text-align: center; padding: 40px 0; height:92px;overflow:hidden;
}
.copyright a{
	font-size: 14px; margin: 0 20px;
}
.copyright p{
	line-height: 20px; margin: 20px 0 10px;
}


.newfooter{
	background: #fff; margin-top:40px; 
}
.newfooter .conten{
	width: 1200px; margin: 0 auto; overflow: hidden; padding: 40px 0;
}
.newfooter .ft1{
	width: 300px; padding-right: 30px; float: left; line-height: 36px;
}
.newfooter .conten h3{
	font-weight: bold;
}
.newfooter .conten a{
	color: #484848; display: inline-block; font-size: 14px; margin-right: 15px;
}
.newfooter .conten h3 a{
	font-size: 16px;
}
.newfooter .ft2{
	width: 280px; padding-right: 20px; float: left; line-height: 36px;
}
.newfooter .ft3{
	width: 300px; padding-right: 30px; float: left; line-height: 36px;
}
.newfooter .ft4{
	width: 220px; float: left; line-height: 36px;
}
.newfooter .ft5{
	width: 190px; float: left; text-align: center;
}
.newfooter .ft5 p{
	font-size: 16px; color: #1c1c1c; margin-top: 5px;
}
.newcopyright{
	border-top: 1px #f1f2f3 solid; padding: 40px 0; height: 120px;overflow:hidden;
}
.newcopyright_c{
	width: 1200px; margin: 0 auto; padding-bottom:30px;
}
.newct_c1{
	float: right; width: 400px; text-align: center;
}
.newcopyright a{
	font-size: 14px; margin-right: 20px;
}
.newcopyright p{
	line-height: 24px; margin-top: 20px; color: #484848;
}
.newcopyright p a{
	color: #c4c4c4;
}
.light{
	cursor: pointer;
	position: absolute;
	left: -180px;
	top: 10px;
	width: 80px;
	height: 60px;
	background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg);
	-ms-transform: skewx(-25deg);
	animation: light_move 2.5s 1s infinite linear;
	-webkit-animation: light_move 2.5s 1s infinite linear;
	-moz-animation: light_move 2.5s 1s infinite linear;
	-o-animation: light_move 2.5s 1s infinite linear;
	-ms-animation: light_move 2.5s 1s infinite linear;
}

@keyframes light_move{
0% {
	left: -180px;
}
30% {
    left: 420px;
}
75% {
    left: 50px;
}

100% {
    left: 320px;
}
}