/**选择**/
.gj_sb{ width:100%; background:#f7f7f7;}
.gj_sb .con{ background:#fff; padding:24px 0 21px;}
.gj_sb a{ cursor:pointer;}
.slideTxtBox .hd li{ float:left; font-size:20px; width:220px; height:53px; line-height:53px; padding-left:20px; color:#fff;text-align:center; background:#8e97a0 url("bg_01-1.png")/*tpa=bg_01.png*/ no-repeat center; border-radius:5px; margin-right:25px;display: inline-block;position: relative;}
.slideTxtBox .hd li i::after {position: absolute;content: "";top: 20px;right: 20px;width: 8px;height: 8px;border-bottom: 2px solid #fff;border-right: 2px solid #fff; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:all .2s ease-in .1s;-moz-transition:all .2s ease-in .1s;-ms-transition:all .2s ease-in .1s;-o-transition:all .2s ease-in .1s; transition:all .2s ease-in .1s;}
.slideTxtBox .hd li.on i::after{top: 25px; -webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);-webkit-transition:all .2s ease-in .1s;-moz-transition:all .2s ease-in .1s;-ms-transition:all .2s ease-in .1s;-o-transition:all .2s ease-in .1s; transition:all .2s ease-in .1s;}
.slideTxtBox .hd li:nth-child(2){ background-image: url("bg_02-1.png")/*tpa=bg_02.png*/}
.slideTxtBox .hd li:nth-child(3){ background-image: url("bg_03-1.png")/*tpa=bg_03.png*/}
.slideTxtBox .hd li:nth-child(4){ background-image: url("bg_04-1.png")/*tpa=bg_04.png*/}
.slideTxtBox .hd li:nth-child(5){ background-image: url("bg_05-1.png")/*tpa=bg_05.png*/}
.slideTxtBox .hd li:last-child{ margin-right:0;}
.slideTxtBox .hd li.on{ background-color:#188ad8;}
.slideTxtBox .bd{ padding:25px 0 21px;}
.slideTxtBox .bd ul li{ float:left; width:594px; height:187px; background:#fff; text-align:center; border-radius:6px; margin-right:12px; margin-bottom:14px; overflow:hidden;}
.slideTxtBox .bd ul li:nth-child(2n){ margin-right:0;}
.slideTxtBox .bd ul li .img{ width:297px; height:187px; overflow:hidden;}
.slideTxtBox .bd ul li img{ width:100%; height:100%;transition:0.8s ease; -webkit-transition:0.8s ease;}
.slideTxtBox .bd ul li:hover img{transform:scale(1.3);-webkit-transform:scale(1.3);}
.slideTxtBox .bd ul li .title{ margin-left:25px; width:272px; text-align:left;}
.slideTxtBox .bd ul li .title h5{ font-size:20px; color:#1e8dd9; font-weight:bold; padding-top:20px;}
.slideTxtBox .bd ul li .title p{ font-size:14px; line-height:24px; height:58px; color:#333; width:240px; overflow:hidden; margin-bottom:20px; padding-top:10px;}
.slideTxtBox .bd ul li .title .fix a{ float:left; font-size:14px; line-height:30px; color:#45556c; border:1px solid red; border-radius:4px; padding:1px 22px;letter-spacing: 1px;}
.slideTxtBox .bd ul li .title .fix a:nth-child(2){margin-left:27px;}
.slideTxtBox .bd ul li .title .fix a:hover{ background:#45556c; color:#fff;}
.slideTxtBox .bd ul li .title .fix span{ float: right; font-size:16px; line-height:30px; color:#fff; background:#2f95dc; font-weight:bold; padding:2px 13px; border-radius:4px 0 0 4px;}
.slideTxtBox .bd ul li .title .fix i{ color:#ffea00;}
/**必要性**/
.by_sb{ width:100%; background:#fff; padding-top:35px;}
.by_sb .con{ background:url("by_bg.png")/*tpa=by_bg.png*/ no-repeat; height:495px; position: relative;}
.by_sb .con .bun{position:absolute;width:285px;height:285px;left:50%;margin-left:-142px;top:85px; background:url("img07.png")/*tpa=img07.png*/ no-repeat center;-webkit-animation:bun 10s linear infinite;animation:bun 10s linear infinite}
@-webkit-keyframes bun{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}
@keyframes bun{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}
/**实力保障**/
.sl_sb{ background:url("sl_bg.png")/*tpa=sl_bg.png*/ no-repeat center; height:585px; width:100%; padding-top:35px;}
.sl_sb ul{ padding-top:65px;}
.sl_sb ul li{ float:left; font-size:18px; margin:0 80px; width:130px; color:#fff; text-align:center}
.sl_sb ul li span{ font-size:22px; font-weight:bold; display:block;}
.sl_sb ul li:first-child{ margin-top:25px;}
.sl_sb ul li:nth-child(2){ margin-left:110px;}
.sl_sb ul li:nth-child(3){ margin-left:80px; margin-top:50px;}
.sl_sb ul li:last-child{ margin-left:80px; margin-top:30px;}
/**问题解答**/
.qs_sb{ background:#f2f2f2; padding-top:35px;}
.qs_sb ul{ position:relative; height:615px;}
.qs_sb ul li{ width:555px; height:155px; background:#fff url("bg_qs.png")/*tpa=bg_qs.png*/ no-repeat top left; border-radius:0 0 115px 30px; position:absolute; padding:20px 40px 0 70px; float:left;transition: all 0.6s; left:15px; top:45px;}
.qs_sb ul li:nth-child(2n){left:630px;}
.qs_sb ul li:nth-child(3),.qs_sb ul li:nth-child(4){ top:230px;}
.qs_sb ul li:nth-child(5),.qs_sb ul li:nth-child(6){ top:415px;}
.qs_sb ul li i{ position:absolute; left:15px; top:2px; font-size:22px; color:#fff;}
.qs_sb ul li h4{ color:#3a455a; font-size:22px; font-weight:bold; padding-bottom:15px;}
.qs_sb ul li p{color:#3a455a; font-size:14px;}
.qs_sb ul li a{ position:absolute;color:#3a455a; font-size:14px; right:70px; bottom:15px;cursor: pointer;}
.qs_sb ul li a{ color:red}
.qs_sb ul li:hover{ margin-top:-15px;box-shadow: 6px 8px 11px #eeeeee;}



