@import url("reset.css");

.zzc_banner{ height: 666px; background: url(../images/zzc_banner.jpg) no-repeat center; position: relative}
.zzc_banner p{ width: 635px; position: absolute; left: 50%; top: 535px; margin-left: -357px; font-size: 16px; text-indent: 2em}
.zzc_banner p a{ color: #00aaf0; display: inline-block; margin-left: 170px;}

.zzc_body{ padding-top: 85px; width: 1190px; margin: 0 auto;}

.zzc_p1{overflow: hidden;}
.zzc_p1 .zp1_l{ width: 413px; height: 397px; float: left; position: relative}
.zp1_l *{ position: absolute;}
.zp1_l p{ bottom: 0; left: 0; width: 100%; height: 29px; line-height: 29px; text-align: center; color: #fff; font-size: 16px}
.zp1_l .zp1_pic1{ width: 201px; height: 195px;}
.zp1_l .zp1_pic2{ width: 201px; height: 194px; top: 202px;}
.zp1_l .zp1_pic3{ width: 201px; height: 126px; right: 0;}
.zp1_l .zp1_pic4{ width: 201px; height: 126px; right: 0; top: 135px;}
.zp1_l .zp1_pic5{ width: 201px; height: 126px; right: 0; bottom: 0;}
.zzc_p1 .zp1_c{ width: 410px; float: left; margin-left: 42px}
.zp1_c>span{ display: block;  height: 41px; overflow: hidden; font-size: 22px; font-weight:lighter; margin-top: 5px}
.zp1_c>span i{ display: inline-block; text-align: center; width: 44px; height: 41px; background: url(../images/zzc_titbg.jpg) no-repeat; line-height: 41px; color: #fff; font-size: 20px; margin-right: 15px}
.zp1_c p{ padding: 15px 0 0; margin-bottom: 13px; font-size: 16px; line-height: 25px; text-indent: 2em; color: #a6a6a6;}
.zp1_c p:nth-of-type(1){ background: url(../images/xx.jpg) repeat-x bottom left; padding-bottom: 20px;}
.zp1_c p a{ color: #000; font-size: 14px;}
.zp1_c ul{ overflow: hidden; padding-top: 8px}
.zp1_c ul li{ width: 132px; height: 34px; font-size: 14px;overflow: hidden; line-height: 34px; text-align: center; float: left; margin: 2px}
.zp1_c ul li a{display: block; width: 100%; height: 100%; background: #f0f0f0; color: #000;}
.zp1_c ul li a:hover{ background: #007ff0; color: #fff;}
.zzc_p1 .zp1_r{ width: 288px; float: right;}
.zp1_r>a{display: block; width: 288px; height: 125px;}
.zp1_r>p{ padding: 17px; background: #f0f0f0; margin-top: 20px; font-size: 16px; color: #5e5e5e;}
.zp1_r>span{display: block; height: 48px; line-height: 48px; margin-top: 20px; overflow: hidden; border: 1px solid #000; border-radius: 30px; padding-left: 75px; background: url(../images/zzc_tit1.jpg) no-repeat 40px; font-size: 18px; color: #be946d; cursor: pointer;}
.zp1_r>span i{display: block; width: 61px; height: 48px; background: url(../images/ser.jpg) no-repeat; float: right}

.zzc_tit{ text-align: center; color: #000; height: 90px;}
.zzc_tit span{ display: block; width: 612px; margin: 0 auto 35px; height: 15px; border-bottom: 3px solid #5e5e5e; font-size: 31px;}
.zzc_tit span i{ width: 380px; background:#fff; height: 30px; overflow: hidden; color: #5e5e5e; line-height: 30px; display: block; margin: 0 auto}
.zzc_tit h2{ font-weight: lighter; font-size: 54px;}
.zzc_p2{overflow: hidden; padding-top: 95px;}
.zzc_p2 ul{overflow: hidden; width: 110%; margin-top: -50px}
.zzc_p2 ul li{ width: 169px; margin-right: 16px; float: left; padding: 5px; border: 3px solid #f0f0f0}
.zzc_p2 ul li p{ background: #f0f0f0; padding: 15px 0; text-align: center}
.zzc_p2 ul li p i{display: block; font-size: 16px; color: #5e5e5e;}
.zzc_p2 ul li p b{display: block; font-size: 20px ;color: #000;}
.zzc_p2 ul li p a{display: block; width: 103px; height: 26px; margin: 27px auto 0; line-height: 26px; font-size: 16px; color: #fff; background: url(../images/zzc_btn1.png) no-repeat}
.zzc_p2 .zp2_b{ background: #f0f0f0; overflow: hidden; padding: 0 48px; margin-top: 27px}
.zzc_p2 .zp2_b .zp2_l{ width: 496px; float: left; padding:23px 47px 23px 0; border-right:1px solid #000; overflow: hidden;}
.zzc_p2 .zp2_b img{display: block; width: 191px; height: 191px; float: left;}
.zzc_p2 .zp2_b p{ width: 274px; float: right; padding-top: 20px; font-size: 16px}
.zzc_p2 .zp2_b p span{display: block; height: 35px; line-height: 35px; margin-top: 30px; border-radius: 30px; padding: 0 14px; background: #be946d; color: #fff; cursor: pointer;}
.zzc_p2 .zp2_b p i{ display: inline-block; width: 28px; height: 28px; margin-top: 3px; float: right; border-radius:50%; background: #fff url(../images/zzc_jt.jpg) no-repeat center}
.zzc_p2 .zp2_b .zp2_r{ width: 496px; float: right; overflow: hidden; padding: 23px 0}

.zzc_p3{overflow: hidden; padding-top: 95px;}
.zzc_p3 .zp3_c{overflow: hidden; padding-top: 57px}
.zp3_c ul{ width: 754px; float: left; overflow: hidden; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2}
.zp3_c ul li{ width: 376px; float: left; padding: 78px 0 27px; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background: url(../images/zzc_tit2.jpg) no-repeat center 22px}
.zp3_c ul li p{ margin: 0 0 17px 57px; font-size: 18px; padding-left: 53px; color: #7c7c7c;}
.zp3_c ul li p.p1{ background: url(../images/zzc_sz1.jpg) no-repeat 18px}
.zp3_c ul li p.p2{ background: url(../images/zzc_sz2.jpg) no-repeat 0}
.zp3_c ul li p.p3{ background: url(../images/zzc_sz3.jpg) no-repeat 0}
.zp3_c ul li p.p4{ background: url(../images/zzc_sz4.jpg) no-repeat 0}
.zp3_c ul li p i{display: block; color: #00aaf0;}
.zp3_c ul li a{ display: block; width: 147px; height: 33px; line-height: 33px; font-size: 18px; margin: 0 auto; color: #fff; text-indent: 26px; background: url(../images/zzc_bg2.jpg) no-repeat}
.zp3_c dl{ width: 360px; float: right;}
.zp3_c dl dd{ padding: 30px 0 35px}
.zp3_c dl dd span{ height: 54px; font-size: 28px; font-family: "ËÎÌå"; color: #000; background: url(../images/xian.jpg) no-repeat center bottom; display: block;}
.zp3_c dl dd span i{ display: inline-block; width: 44px; height: 41px; text-align: center; background: url(../images/zzc_titbg.jpg) no-repeat; line-height: 41px; color: #fff; font-size: 20px; margin-right: 15px}
.zp3_c dl dd p{ padding-top: 14px; overflow: hidden; font-size: 16px;}
.zp3_c dl dd p a{display: block; float: right; width: 70px; height: 60px; margin-left: 15px; padding-top: 10px; font-size: 19px; color: #fff; text-align: center; background: #d2d2d2; position: relative}
.zp3_c dl dd p a b{ display: block; width: 31px; height: 31px; background: url(../images/zzc_zx1.png) no-repeat; position: absolute; left: -15px; bottom: 0;}
.zp3_c dl dd p a:hover{ background: #00aaf0}

.zzc_p4{overflow: hidden; padding-top: 95px;}
.zzc_p4 .zp4_t{ padding: 0 0 48px; margin-top: 60px; font-size: 16px; background: url(../images/zzc_bg3.jpg) no-repeat center bottom}
.zzc_p4 .zp4_t span{display: block; padding: 20px 0px; background: #f0f0f0; text-align: center}
.zzc_p4 ul{ overflow: hidden; padding-top: 30px; width: 110%;}
.zzc_p4 ul li{ width: 387px; float: left; margin-right: 14px}
.zzc_p4 ul li>img{ width: 387px; height: 262px; display: block;}
.zzc_p4 ul li p{ border: 1px solid #ccc; overflow: hidden;}
.zzc_p4 ul li p b{display: block; float: left; margin-right: 10px; width: 112px; height: 53px; padding: 5px 0; text-align: center; border-right: 1px solid #ccc}
.zzc_p4 ul li p span{ display: block; margin-top:8px; width: 260px; float: right;}
.zzc_p4 .zp4_b{ width: 754px; height: 76px; padding-top: 82px; overflow: hidden; background: url(../images/zzc_zxbtn.jpg) no-repeat; margin: 42px auto 0}
.zp4_b p{ padding: 0 0 0 114px; float: left; font-size: 31px ;color: #272636;}
.zp4_b span{display: block; width: 430px; height:42px; line-height: 42px; font-size: 20px; cursor: pointer; border-radius: 30px; padding: 0 30px; margin-right: 35px; background: #00aaf0; color: #fff; float: right}
.zp4_b span i{ display: inline-block; width: 28px; height: 28px; margin-top: 7px; float: right; border-radius:50%; background: #fff url(../images/zzc_jt2.jpg) no-repeat center}

.zzc_p5{overflow: hidden; padding-top: 95px;position: relative}
.zzc_p5 .zp5_con{}
.zzc_p5 *{ transition:none}
.zzc_p5 .zp5_t{ width: 368px; height: 96px; background: #f0f0f0; overflow: hidden; margin-top:60px;}
.zp5_t i{ display: block; width: 87px; height: 96px; float: left}
.zp5_t p{ padding: 22px 0 0 14px; font-size: 18px; color: #7c7c7c; float: left}
.zp5_t p span{display: block; font-size: 30px; padding-bottom: 8px; color: #00aaf0; font-family: "ËÎÌå"}
.zzc_p5 .zp5_c{ padding-top: 55px; overflow: hidden; width: 110%;}
.zp5_ys dd{ width: 380px; float: left; margin-right: 15px}
.zp5_ys dd .ys_l{display: block; width: 136px; float: left;}
.zp5_ys dd .ys_l b{ display: block; height: 42px; line-height: 42px; font-size: 25px; text-align: center; background: #be946d; color: #fff;}
.zp5_ys dd .ys_l img{display: block;}
.zp5_ys dd p{display: block; width: 230px; padding-top: 42px; float: right;}
.zp5_ys dd p i{ display: block; font-size: 20px; padding-bottom: 5px; color: #000;}
.zp5_ys dd p em{ overflow: hidden; height: 92px; color: #7c7c7c; font-size: 16px; display: block;}
.zp5_ys dd p em b{display: 	block; height: 40px; font-weight: lighter; float: left}
.zp5_ys dd p span{ text-align: center;}
.zp5_ys dd p span a{display: inline-block; width: 104px; height: 30px; margin: 0 3px; line-height: 30px; font-size: 16px}
.zp5_ys dd p span a.al{ background: #d2d2d2; color: #000; border-radius: 5px;}
.zp5_ys dd p span a.ar{ background:url(../images/zzc_btn.jpg) no-repeat; color: #fff;}

.zp5_hj dd{ width: 292px; height: 196px; position: relative; float: left; margin-right: 7px}
.zp5_hj dd p{width: 100%; height: 42px; line-height: 42px; font-size: 24px; text-indent: 30px; color: #fff; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0;}

.zp5_p,.zp5_n{ width: 54px; height: 54px; background: #d2d2d2; color: #fff; cursor: pointer; text-align: center; line-height: 54px; position: absolute; font-size: 44px; top: 250px;}
.zp5_p{ right: 60px;}
.zp5_n{ right: 0;}
.zp5_btn{ position: absolute; top:314px; right: 0; width: 114px; text-align: center;}
.zp5_btn li{ width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin: 0 3px; background: #d2d2d2; text-indent: -999px; overflow: hidden;}
.zp5_btn li.on{ background:#be946d}



.buyajg_banner{background:url(http://www.ybs120.com/buyajg/images/buyajg_ban.jpg) no-repeat center;}
.buyajg_banner p{top: 515px; margin-left: -317px;    width: 800px;}
.buyajg_banner p a{ margin-left:0;}
.buyajg_banner>a{ display:block; width:320px; height:40px; position:absolute; margin-left: -317px; left:50%; top:368px;}
.buyajg_p2 .zp2_b{ padding:0 20px;}
.buyajg_p2 .zp2_b p{ width:300px;}
.buyajg_p2 .zp2_b .zp2_l{ padding: 23px 20px 23px 0;}
.buyajg_p2 .zp2_b .zp2_l,.buyajg_p2 .zp2_b .zp2_r{ width:543px;}

.buyajg3_c ul li p{margin: 0 0 17px 17px; font-size: 16px; line-height: 28px;}
.buyajg3_c ul li p b{ color:#00aaf0; font-size:18px; font-weight:bold;}
.buyajg3_c ul li p.p1,.buyajg3_c ul li p.p3{ margin-left:2px}