@charset "gb2312";
/* CSS Document */

.ksby_ban{background: url(../images/ban.jpg) no-repeat center; background-size: 100%; height: 656px; position: relative}

.ksby_ban i{display: block; font-style: normal; width: 354px; height: 58px; line-height: 58px; font-size: 20px; text-align: center; background: #fe6553; color: #fff; position: absolute; bottom: 56px; left: 50%; margin-left: -177px; border-radius: 30px; cursor: pointer;}
.ksby_ban i:hover{ background: #3e89d1}

.zp1_l p{ background: rgba(0,0,0,0.5)}
.ksbyyy a{display: block; position: relative}
.ksbyyy a i{ display: block; width: 125px; color: #fff; font-size: 18px; position: absolute; top: 45px; right: 5px;}
.ksbyyy em{ display: block; height: 50px; line-height: 50px; text-align: center; background: #fe6553; color: #fff; margin-top: 18px; border-radius: 25px; font-size: 18px; cursor: pointer;}
.ksbyyy em:hover{ background: #00aaf0}
.ksbyyy p{ background: url(../images/../images/ksby_bg1.jpg) no-repeat}
.ksbyyy p i{ color: #fe6553;}

.ksby_c span i{ background: #00aaf0; color: #fff; border-radius: 10px; width: 52px; height: 30px; line-height: 30px}

.ksbyyy_p2,.ksbyyy_p3,.ksbyyy_p4,.ksbyyy_p5{ padding-top: 102px; width: 1190px; margin: 0 auto;}
.zzc_tit span{ border-bottom: 1px solid #333; margin-bottom: 40px}
.zzc_tit span i{ font-size:30px; color: #333}
.zzc_tit h2{ font-size: 50px}

.ksbyyy_p2 .kp2_con{ padding-top: 72px; overflow: hidden;}
.ksbyyy_p2 .kp2_con .kp2c_l{ width: 348px; float: left; color: #fff;}
.kp2c_l span{ display: block; height: 82px; line-height: 82px; text-align: center; margin-bottom: 9px; background: #00aaf0; font-size: 18px; position: relative}
.kp2c_l span b{ font-size:60px; font-style: italic; position: absolute; right: 90px;}
.kp2c_l .kp2c_s{ height: 230px; overflow: hidden; position: relative}
.kp2c_l .kp2c_s li{ height: 230px; position: relative;}
.kp2c_l .kp2c_s li i{display: block; position: absolute; left: 28px; top: 95px; font-size: 24px; color: #fff;}
.kp2c_l .kp2c_s .kp2c_btn{ position: absolute; right: 0; bottom: 10px; text-align: right;}
.kp2c_l .kp2c_s .kp2c_btn li{ width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 0 5px; text-indent: 999px; overflow: hidden; display: inline-block;}
.kp2c_l .kp2c_s .kp2c_btn li.on{ background: #00aaf0}
.kp2c_l em{display: block; margin-top: 9px}
.kp2c_l em a{ display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px}
.kp2c_l em a.a1{ float:left; background: #fe6553}
.kp2c_l em a.a2{ float:right; background: #999}
.kp2c_l em a:hover{ background: #00aaf0}
.ksbyyy_p2 .kp2_con .kp2c_r{ width: 842px; float: right; overflow: hidden;}
.kp2c_r li{ width: 415px; height: 186px; float: left; margin:0 0 6px 6px; text-align: center; font-size: 14px; color: #fff;}
.kp2c_r li i{ display: block; width: 48px; height: 48px; margin: 40px auto 15px}
.kp2c_r li b{ font-size: 18px; display: block; padding-bottom: 10px}
.kp2c_r li.l1{ background:#3e89d1; }
.kp2c_r li.l2{ background:#9bb54c; }
.kp2c_r li.l3{ background:#e19793; }
.kp2c_r li.l4{ background:#dfb981; }
.kp2c_r li.l1 i{ background: url(../images/kxby_i1.png) no-repeat}
.kp2c_r li.l2 i{ background: url(../images/kxby_i2.png) no-repeat}
.kp2c_r li.l3 i{ background: url(../images/kxby_i3.png) no-repeat}
.kp2c_r li.l4 i{ background: url(../images/kxby_i4.png) no-repeat}

.ksbyyy_p3 .kp3_con{ padding-top: 103px; overflow: hidden;}
.ksbyyy_p3 .kp3_con .kp3c_l{ width: 578px; height: 624px; background: url(../images/ksbyyy_05.jpg) no-repeat right; float: left;}
.kp3c_l .yuan{ width: 376px; height: 376px; border-radius: 50%; background: #fff; border:5px solid #ccc; margin-top: 124px}
.kp3c_l .yuan p{ padding: 73px 46px 0; font-size: 18px; line-height: 30px}
.kp3c_l .yuan p b{ color: #fe6553; text-decoration: underline;}
.kp3c_l .yuan p strong{ display: block; padding-top: 10px; color: #333;}
.ksbyyy_p3 .kp3_con ul{ width: 595px; float: right; margin-top: -15px}
.ksbyyy_p3 .kp3_con ul li{ font-size: 18px;}
.ksbyyy_p3 .kp3_con ul li p{display: block; height: 122px; padding: 20px 34px; overflow: hidden; background: #f0f0f0; border-radius:71px}
.kp3_con ul li p i{display: block; width: 79px; height: 122px; float: left;}
.kp3_con ul li p span{display: block; width: 395px; float: right; padding-left: 30px; border-left: 1px solid #333; margin-top: 10px; line-height: 34px}
.kp3_con ul li a{ display: block; width: 242px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #fe6553; border-radius: 25px; margin: -22px 0 0 310px}
.kp3_con ul li a:hover{ background: #00aaf0}
.kp3_con ul li p.p1 i{ background: url(../images/ksbyyy_08.jpg) no-repeat}
.kp3_con ul li p.p2 i{ background: url(../images/ksbyyy_11.jpg) no-repeat}
.kp3_con ul li p.p3 i{ background: url(../images/ksbyyy_13.jpg) no-repeat}
.kp3_con ul li p.p1+a,.kp3_con ul li p.p2+a{ margin-bottom: 44px}

.ksbyyy_p4 .kp4_con{ padding-top: 85px; overflow: hidden;}
.ksbyyy_p4 .kp4_con .kp4c_l{ width: 96px; height: 293px; padding: 35px 28px 0; font-size: 24px; line-height: 30px; font-weight: bold; float: left; background: #00aaf0; color: #fff; text-align: center}
.kp4_con .kp4c_l b{display: block; font-size: 48px; padding: 20px 0; margin: 15px 0 25px; border-top: 1px solid #fff; border-bottom: 1px solid #fff}
.kp4_con .kp4c_l i{ font-style: italic; font-size: 80px;}
.kp4_con .kp4c_l em{display: block; padding: 10px 20px 0}
.kp4_con ul{ width: 1036px; overflow: hidden; float: right}
.kp4_con ul li{ width: 251px; float: left; margin-left: 8px;}
.kp4_con ul li b{ display: block; text-align: center; height: 64px; line-height: 64px; color: #fff; font-size: 18px}
.kp4_con ul li p{ height: 197px; position: relative; overflow: hidden;}
.kp4_con ul li p span{display: block; width:100%; height: 100%; padding: 25px 2px 25px 8px; box-sizing: border-box; background: rgba(0,0,0,0.6); color: #fff; position: absolute; top: 100%; left: 0; font-size: 15px; transition: ease all 0.5s} 
.kp4_con ul li p span i{display: block; margin-bottom: 26px; background: url(../images/ksby_d.jpg) no-repeat 0 10px; padding-left: 12px}
.kp4_con ul li p span em{ color: #ed7d31; display: block;background: url(../images/ksby_d2.jpg) no-repeat 0 10px; padding-left: 12px}
.kp4_con ul li a{ display: block; text-align: center; height: 57px; line-height: 57px; border: 1px solid #ccc; font-size: 16px; margin-top: 8px}
.kp4_con ul li.li1 b{ background: #3e89d1}
.kp4_con ul li.li2 b{ background: #9bb54c}
.kp4_con ul li.li3 b{ background: #e19793}
.kp4_con ul li.li4 b{ background: #dfb981}
.kp4_con ul li:hover p span{top: 0;}
.kp4_con ul li:hover a{ background: #ff7171; border: 1px solid #ff7171; color: #fff;}
.ksbyyy_p4 .kp4_con2{ height: 126px; padding: 30px 52px; margin-top: 108px; border-radius: 93px; background: #f0f0f0; position: relative}
.kp4_con2 .kp4c2_l{ width: 423px; float: left; overflow: hidden;}
.kp4_con2 .kp4c2_l i{ display: block; width: 62px; height: 94px; margin-top: 20px; float: left; background: url(../images/ksbyyy_20.jpg) no-repeat;}
.kp4_con2 .kp4c2_l p{ width: 340px; float: right;}
.kp4_con2 .kp4c2_r{ width: 423px; float: right; overflow: hidden;}
.kp4_con2 .kp4c2_r p{ width: 340px; float: left;}
.kp4_con2 .kp4c2_r i{ display: block; width: 64px; height: 94px; margin-top: 20px; float: right; background: url(../images/ksbyyy_23.jpg) no-repeat;}
.kp4_con2 b{display: block; font-size: 20px; padding-bottom: 20px; text-align: center; color: #333;}
.kp4_con2 span{display: block; text-indent: 2em}
.kp4_con2 span em{ color: #ff7171;}
.kp4_con2 .kp4c2_c{ width: 203px; height: 153px; color: #fff; font-size: 24px; padding-top: 67px; text-align: center; background: url(../images/ksbyyy_17.jpg) no-repeat; position: absolute; top: -17px; left: 490px; z-index: 2;}
.kp4_con2 .kp4c2_c i{ display: block; border-top: 2px solid #36bcf3; font-size: 30px; margin: 15px 40px 0; padding-top: 15px;}

.ksbyyy_p5{ padding:130px 0 0}
.zp5_p,.zp5_n{ top: 280px;}
.ksbyyy_p5 .zp5_btn{ top:344px;}
.ksbyyy_p5 .zp5_btn li.on{ background: #0daef1}
.ksbyyy_p5 .ys_l b{ background: #0daef1}
.ksbyyy_p5 .zp5_ys dd p i{ font-size: 18px;}
.ksbyyy_p5 .zp5_ys dd .ys_l b{ background: #0daef1;}
.ksbyyy_p5 .zp5_ys dd p span a.ar{ background:#fe6d5c; border-radius: 5px}