@charset "gb2312";
body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td{margin:0;padding:0;}
.openDiv1 .butBox dl dd a{ *+overflow:visible !important;}
body{color:#444;font-size:12px; font-family: "Microsoft YaHei"; width:100%;  margin:0 auto;  overflow-x: hidden;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
button,input,select,textarea{font-size:100%; border:none;}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0;}
del{text-decoration:line-through;}
em{font-style:normal;}
.vimg-align{vertical-align:middle;}
legend{color:#222;}
fieldset,img{border:0;}
a{color:#444;text-decoration:none;}
a:hover{color:#c50000;text-decoration:none;}

/*???*/
#head {	background: #fff;	}
#head .top {background-color: #f3f1f6;	color: #999;	height: 30px;}
#head .top ul {width: 1200px;margin: 0 auto;}
#head .top ul li {	height: 30px;	line-height: 30px;	width: 600px;	float: left;	font-size: 12px;	color: #999;	}
#head .top ul li a {	color: #999;	font-size: 12px;	}
#head .top ul li a:hover {		color: #f25618;}
#head .top ul li.shez {		text-align: right;	}
#head .second {	width: 1200px;	margin: 0 auto;	clear: both;	overflow: hidden;	height: 94px;}
#head .second ul {	float: left;	width: 680px;	}
#head .second ul li {	float: left;	width: 180px;	height: 90px;	}
#head .second .input1 {		float: right;	width: 180px;}
#head .nav {	background-color: #FA9B01;	height: 40px;	}
#head .nav ul {	width: 1200px;	margin: 0 auto;	position: relative;	}
#head .nav ul li {	width: 95px;	height: 40px;	line-height: 40px;	text-align: center;	font-weight: 700;	float: left;	}
#head .nav ul li.jiachang {	width: 115px;	text-align: center;	}
#head .nav ul .dingw {	width: 200px;	height: 72px;	position: absolute;	top: -32px;	left: 950px;	}
#head .nav ul li a {		color: #FFF;		display: block;	font-size: 14px;	}
#head .nav ul li a:hover {			background-color: #dd5219;	}
#head .nav ul li#erjiz a:hover {		background: url(../images1/jtan.jpg) no-repeat;	}
#head .nav ul li#erjiz1 a:hover {		background: url(../images1/jtan.jpg) no-repeat;}
#head .lbt {		width: 100%;	height: 360px;			position: relative;	}
#erjiz #erjicd dd a img {			border-radius: 10px;	}
#erjicd {	display: none;	width: 1200px;	background-color: #FFF;	position: absolute;	left: 0px;	z-index: 30;	}

#erjicd dd {	width: 300px;	height: 104px;	padding-top: 5px;	background-color: #FFF;	float: left;	text-align: left;}

#erjiz #erjicd dd a {	padding-top: 5px;	padding-left: 5px;}

#erjiz #erjicd dd a img {	border-radius: 10px;}

#erjiz #erjicd dd a p {	width: 190px;	float: right;	text-align: left;	padding-left: 5px;	color: #000;}

#erjiz #erjicd dd a:hover p strong {color: #FA9B01;}

#erjiz #erjicd dd a p small {	font-weight: lighter;	color: #666;}

.nav ul li#erjiz dl#erjicd dd a:hover {	background: none;}

#erjicd1 {	display: none;	width: 1200px;	background-color: #FFF;	position: absolute;	left: 0px;	z-index: 50;}

#erjicd1 dd {	width: 150px;	height: 104px;	padding-top: 5px;	background-color: #FFF;	float: left;	text-align: right;}

#erjiz1 #erjicd1 dd a {	padding-top: 5px;	padding-left: 5px;}

#erjiz1 #erjicd1 dd a p {	width: 190px;	float: right;	text-align: left;	padding-left: 5px;	color: #000;	}
#erjiz1 #erjicd1 dd a:hover p strong {	color: #FA9B01;	}
#erjiz1 #erjicd1 dd a p small {	font-weight: lighter;	color: #666;	}
.nav ul li#erjiz1 dl#erjicd1 dd a:hover {	background: none;	}
.q_code {	width: 177px;	height: 55px;	background: url(http://www.ysszzs.com/templets/default/images/q_code.png);	display: block;	position: absolute;	bottom: 0px;	overflow: visible;	z-index: 20;	}
.code_layer {	position: absolute;	right: -70px;	top: 55px;	border-radius: 4px;	background: url(http://www.ysszzs.com/templets/default/images/weixinbg.png) no-repeat;	width: 274px;	height: 271px;	display: none;	padding-top: 46px;	}
.code_layer p {	color: #fa9b01;	font-size: 14px;	font-family: "Microsoft YaHei";	margin-bottom: 10px;	text-align: center;}
.code_layer span {	display: block;	width: 97px;	height: 96px;	margin: 0 auto;	margin-bottom: 10px;	text-indent: -9999em;	overflow: hidden;}
.code_layer span.weixin {	background: url(http://www.ysszzs.com/templets/default/images/wxewm.jpg) no-repeat 0 0;}
.code_layer span.zxb {	background: url(http://www.ysszzs.com/templets/default/images/shoujiwz1.jpg) no-repeat 0 0;}
.code_layer_l {	float: left;	width: 115px;	margin: 0 15px;	text-align: center;	}
.code_layer_r {	float: left;	width: 115px;}
/*banner??*/
.banner{width: 100%;  text-align: center;   background: url(../images/banenr.jpg) center no-repeat;   height: 650px;}
.banerbutton{background:#2a2829; color:#fff; width:300px; height:42px; text-align: center; font-size:18px;  margin:30px auto 20px; line-height: 42px; cursor: pointer;
    -webkit-animation: scale 0.4s ease-in-out infinite alternate;  animation: scale 0.4s ease-in-out infinite alternate; position: relative}
.biaodan{width:350px;}
.isshow{display: none;}
.bnername, .bnertel, .hbtctel, .hbtcname{outline: none}
.tishiname, .tishitel, .tishisuccess, .tishicf{    background: #000;  color: #fff;   position: absolute;   top: 75px;  left: 30px;  width: 300px;  height: 40px;  text-align: center;  line-height: 40px;   font-size: 16px;   border-radius: 30px;   opacity: 0.6;}
.banerinput{width:300px; height:42px; border:1px #cecece solid; margin-top:30px; font-size:18px; text-indent: 20px;}
.bannerform{width:400px; height:400px; background:#fff; position: absolute; margin-top:90px;  margin-left: 680px;}
.bannermain{width:1200px; margin:0 auto; position: relative;}
.titleform{color:#2a2829; font-size:24px; text-align:center; padding-top:50px; }
.chennuo{color:#2a2829; font-size:14px; text-align: center; width:300px; margin:0 auto;}
.fuwuliucheng{width:1120px; margin:0 auto; background:url(../images/fuwuliucheng.jpg) no-repeat center center; height:170px; position: relative;}
.fuwyy{position: absolute; width:180px; height:50px; top:50px; left:940px; cursor:pointer;  -webkit-animation: scale 0.4s ease-in-out infinite alternate;  animation: scale 0.4s ease-in-out infinite alternate; position: relative}
.wenti{background:#fbfbfb; height:550px; width:100%;}
.yzwt{width: 936px; margin:0 auto; padding-top:45px;}
.bzhyzstep{background:url(../images/bzhyz.jpg) no-repeat center center; width:100%; height:700px;}
.bzhyzs{width:875px; margin:0 auto; position: relative; height:700px;}
.bzhytitle{width:871px; margin:0 auto; padding-top:50px; }
.bzyezhu{width:403px; height:346px;background:#fff; top:290px; z-index:99; position: absolute;}
.bzyezhu p{font-size:20px; color:#2a2829; text-align: center; padding-top:30px;}
.bzyezhu p span{color:#ff4f09;}
.bzyezhu ul{width:310px; margin:20px auto;}
.bd{height:240px; overflow: hidden; width: 300px;  margin: 20px auto;}
.bzyezhu ul li{color:#666666; font-size:18px; line-height: 30px;}
.bzysform{width:500px; height:400px; background:#ffd289; position: absolute; top:265px; left:380px;}
.bzsyname, .bzsytel{width:350px; height:42px; background: #fff; margin-top:30px; color:#666666; font-size:18px; text-indent: 24px;}
.bzyst{font-size:24px; text-align:center; color:#2a2829; padding-top:50px;}
.bzsyforma{width:350px; margin:0 auto; position: relative;}
.bzsybutton{background:#2a2829; color:#fff; width:340px; height:42px; text-align: center; font-size:18px;  margin:30px auto 20px; line-height: 42px; cursor: pointer;
    -webkit-animation: scale 0.4s ease-in-out infinite alternate;  animation: scale 0.4s ease-in-out infinite alternate; position: relative}
.bzhyzstep1{background:#eae6e5; width:100%; height:1022px; background:url(../images/step1.jpg) no-repeat center center;}
.bzhystep1_title{width:668px; margin:0 auto; padding-top:50px;}
.step1all ul li{width:184px; height:60px; float:left; line-height: 60px; background:#000; color:#fff; text-align: center; border-radius: 100px; font-size:24px; margin-right:20px;}
.step1all ul li:nth-child(5){margin-right:0px;}
.step1all{width:1000px; margin:40px auto; clear:both; overflow: hidden;}
.jiantou{width: 27px; margin:0 auto 35px;}
.title1{width: 240px; margin:40px auto;}
.biaozhuan{width:1060px; margin:0 auto; margin-top: -20px;}
.huoqubaojia{width:300px; height:70px; background:#ffba02; line-height: 70px; text-align: center; border-radius: 10px; color:#2a2829; font-size:26px; margin:35px auto; cursor: pointer;
    -webkit-animation: scale 0.4s ease-in-out infinite alternate;  animation: scale 0.4s ease-in-out infinite alternate; position: relative}
.bzhyzstep2m{width:1203px; margin:0 auto; padding-top:50px;}
.bzhyzstep2{background:#f7f7f7; width:100%; height:700px;}
.bzhyzstep3{width:100%; background:url(../images/step3.jpg) no-repeat center center; height:680px;}
.title3{width:446px; margin:0 auto; padding-top:40px;}
.step3all{width:1125px; position: relative; height:437px; margin:50px auto;}
.step3_1{position: absolute; left:65px;}
.step3_2{position: absolute; left:565px;}
.gzqjat{height:280px; overflow: hidden; position: relative; width:600px;}
.sbd{height:280px; overflow: hidden; width:520px; margin:0 auto;}
.step3_3{position: absolute; left:525px; top: 155px;}
.step3_4{height:130px; background:#ffd289; width:500px; position: absolute;  top: 305px;  left: 65px;}
.step3_4_t{width:273px; margin:25px 0 0 30px;}
.yuyueshejis{width:160px; height:35px; line-height: 35px; color:#f7f7f7; font-size:16px; background:#2a2829;  text-align: center; cursor: pointer;  margin: 15px 0 0 30px;}
.snext{position: absolute;  top: 190px; display: none; z-index: 1;  width: 21px;  height: 40px; left: 0px; cursor: pointer;}
.sprev{position: absolute;  top: 190px; display: none;  z-index: 1;  width: 21px;  height: 40px;  right: 0px;  cursor: pointer;}
.step4title{width:366px; margin:45px auto;}
.step4m{background:url(../images/step4m.jpg) no-repeat center center; height:390px;}
.step5title{width:302px; margin:40px auto;}
.step5m{width:1000px; margin:40px auto;}
.dazong{width:100%; background:url(../images/dazong.jpg) no-repeat center center; height:570px;}
.dazongdianpin{width:1120px; margin:0 auto; padding-top:40px;}
.dzdptitle{width:460px; margin:0 auto;}
.zbd{width:1000px; height:400px; margin:0 auto;}
.actJcHg{width:1120px; margin:30px auto; position: relative; height:400px;}
.next {   position: absolute;  top:130px;  z-index: 1;   width: 30px;  height:90px;}
.prev {   position: absolute;  top:130px;  right: 0px; z-index: 1;   width: 30px;  height:90px;}
.bottomljyy{width:100%; background:url(../images/bottomljyy.jpg) no-repeat center center; height:400px;}
.bottonall{width:860px; margin:0 auto; padding-top:45px;}
.bottonleft{float:left; width:305px;}
.bottonright{float:right; width:350px; position: relative;}
.bottonright .isshow{top: 105px !important;}
.bannerform .isshow{    top: 165px !important;  left: 50px !important;}

.ljyyname, .ljyytel{width:330px; background:#fff;  height:42px;  font-size:18px; color:#666666; margin-top:30px; padding-left:20px;}
.ljyybuton{background:#ffba02; width:350px; color:#000; text-align: center; line-height: 42px; height:42px; margin:30px 0; font-size:18px; cursor: pointer;}
.boti{color:#ffd289; font-size:24px; text-align: center;}
.botcn{color:#fff; font-size:14px;}
.hongbao{
    display: block;
    margin: 25px auto 0;
    border-radius: 8px;
    -webkit-animation: swing 0.3s ease-in-out infinite alternate; 
    animation: swing 0.3s ease-in-out infinite alternate;
    cursor: pointer;}

.navigation { display: none;  position: fixed;    top: 45%;   right:calc(50% + 610px);   z-index: 2;   margin: -180px 0 0 580px;   width: 100px;   height: 300px;}
.navigation ul li a{width:100px; height:50px; display:block; background:#2a2829; line-height: 50px; text-align: center; color:#fff; margin-bottom:5px; border-radius: 5px; cursor: pointer;}
.baojia{width:100px; height:50px; background:#ff4f09; line-height: 50px; text-align: center; color:#fff; margin-bottom:5px; border-radius: 5px; cursor: pointer;}
.navigation ul li.active a{background:#ffba02;color:#fff;}

/* ���������� */

.hongbaozhezao{background:#000; opacity: 0.6; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index: 99; display: none;}
.hbtc{background:url(../images/tanchuangb.png) no-repeat center center; width:1000px; height: 370px; position: fixed;  z-index: 999; top:210px; left:26%; display: none;}
.hbtcclose{width:40px; height:40px; position: absolute; right:0px; top:0px; cursor: pointer;}
.hbtcform{width:310px; height: 300px; float:right; margin-right:45px; margin-top:70px; position: relative;}
.hbbut{width:297px; margin:0 auto; cursor: pointer;}
.hbtcform p{font-size:22px; color:#fff; text-align: center; padding-bottom:15px;}
.hbtcname, .hbtctel{width:295px; height:55px; background:#fff; text-indent:15px; margin-top:15px; font-size:20px;}
.hbbut{width:297px; margin:20px auto; cursor: pointer;}



@-webkit-keyframes scale {
    from {
        -webkit-transform: scale(1.05);
    }
    to {
        -webkit-transform: scale(1);
    }
}

@keyframes scale {
    from {
        transform: scale(1.05);
    }
    to {
        transform: scale(1);
    }
}

@-webkit-keyframes swing {
    from {
        -webkit-transform: rotate(10deg);
    }
    to {
        -webkit-transform: rotate(-10deg);
    }
}

@keyframes swing {
    from {
        transform: rotate(10deg);
    }
    to {
        transform: rotate(-10deg);
    }
}


/*�ײ�*/
#foot {background: #fff; border-top: 2px solid #c9c9c9; clear: both; overflow: hidden;}
#foot .foot1, #foot .foot2, #foot .foot3, #foot .foot4 { width: 1160px; margin: 0 auto;}
#foot .foot1 {	clear: both; overflow: hidden; text-align: center; height: 120px; line-height: 30px; }
#foot .foot1 p {	color: #999;	font-size: 16px;}
#foot .foot2 {	padding-top: 30px;}
#foot .foot1 span {color: #333; font-size: 20px;	font-weight: 700;	line-height: 60px; }
#foot .foot2 ul li {	width: 118px;	height: 86px;	float: left; margin-left: 10px;	text-align: center;	font-size: 16px;	font-weight: 700;	}
#foot .foot3 .weibu1 {	width: 610px;	float: left;}
#foot .foot3 {	clear: both;	overflow: hidden;	margin-top: 40px;	}
#foot .foot3 .weibu1 ul, #foot .foot3 .weibu2 ul {	width: 150px;	float: left;	color: #999;}
#foot .foot3 .weibu2 ul.ulr {	width: 250px;	border-left: 1px solid #e5e5e5;	padding-left: 50px;	}
#foot .foot3 .weibu2 ul.ulr li {	font-size: 14px;	color: #ee771b;	line-height: 40px;	}
#foot .foot3 .weibu2 ul.ulr li span {	font-size: 24px; font-weight: 700;}
#foot .foot3 .weibu2 ul.ulr li.djzx {	width: 165px; height: 32px;	background: #fff; border: 1px solid #ee771b;	line-height: 32px;margin: 10px auto 0;	}
#foot .foot3 .weibu2 ul.ulr li.djzx a:hover {	width: 165px;	height: 32px;	background: #ee771b;	color: #fff;}
#foot .foot3 .weibu2 ul.ulr li.djzx a {	font-size: 14px;	display: block;	color: #ee771b;	}
#foot .foot3 .weibu1 ul li {		line-height: 15px;	}
#foot .foot3 .weibu1 ul li a {	font-size: 12px;	color: #666;	line-height: 20px;	}
#foot .foot3 .weibu2 {	width: 486px; float: right; text-align: center;	padding-bottom: 20px;}
#foot .foot3 ul li.bt {	font-size: 14px;	color: #676767;	margin-bottom: 5px;	}
#foot .foot3 ul li.weibiao {	font-size: 14px;	color: #999;}
#foot .foot2 ul li a img {cursor: pointer;	position: relative;	z-index: 999;}
#foot .foot4 {	clear: both;	overflow: hidden; border-top: #CCC 1px solid;	color: #999;	margin-top: 30px;}
#foot .foot4 p {	padding-left: 60px;	height: 30px;	line-height: 30px;	}
#foot .foot4 .foot4a {	margin-top: 10px;	text-align: center;	height: 60px;	line-height: 20px;color: #999;	font-size: 12px;}
ul, li, dd {	font-size: 14px;	}
.foot2 {	clear: both;	overflow: hidden;}