@charset "utf-8";
.banner{ height: 512px;width:100%;}
.banner .swiper-slide{ height: 512px; width: 100%; background-position:center; background-repeat: no-repeat; }
.banner.swiper-container-horizontal>.swiper-pagination{bottom:40px;}
.banner.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{height: 11px;width:11px; background: #FFF;opacity:1;margin:0 8px; position: relative;}
.banner .swiper-pagination-bullet-active:after{ content:"";position:absolute;top:-3px;left:-3px;height: 15px;width:15px;border:solid 1px #FFF;border-radius: 50%}

.por-d-list{margin:50px -25px; line-height: 24px;overflow: hidden;}
.por-d-list li{margin:0 25px 35px;border:solid 1px #AEEAF6; float: left; width: 333px;padding:30px; height: 320px; overflow: hidden}
.por-d-list li .tit{color: #1ab5d3; font-size: 14px;margin-bottom: 30px; text-align: center}
.por-d-list li .info{ position: relative; min-height: 135px;padding-left:150px;line-height: 24px;}
.por-d-list li .info a{ display: block }
.por-d-list li .pic{ width: 135px; height: 135px; position: absolute;top:0; left: 0; }
.por-d-list li .txt{margin-top: 25px;color: #888888;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.por-d-list li .pic-blue:hover{ border:1px solid #AEEAF6;}
.indu-solu{ background:url(../images/bg01.png) no-repeat center bottom #f6f6f6 }
.indu-solu .indu-nav{}
.indu-nav .inv-hd{ text-align: center;padding:50px 0;}
.indu-nav .inv-hd li{ display: inline-block;margin:0 35px; cursor: pointer;color:#202020; position: relative;}
.indu-nav .inv-hd li:before{ content: "/"; position: absolute;left: -35px;}
.indu-nav .inv-hd li:first-child:before{ display: none }
.indu-nav .inv-hd li.on,.indu-nav .inv-hd li:hover{color: #1ab5d3}
.invb-scroll {margin-bottom:87px;}
.invb-scroll .bd li{margin:0 -10px; }
.invb-scroll .bd li:after{ content: ""; display: block; clear: both }
.invb-scroll .bd .invb-info{ width: 260px; height: 255px; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1); float: left; margin:0 10px;}
.invb-scroll .bd .invb-info .pic{}
.invb-scroll .bd .invb-info .name{ height: 55px; line-height: 55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align: center }
.invb-scroll .hd{ text-align: center; margin-top:40px;}
.invb-scroll .hd li{ display: inline-block; width: 21px;height: 3px; background: #C8C8C8; cursor: pointer;margin:0 9px;}
.invb-scroll .hd li.on{ background: #1AB5D3 }
.ser-sup .ss-list{margin:65px -25px 90px; overflow: hidden}
.ser-sup .ss-list li{margin:0 25px; width: 333px; height: 337px;border:solid 1px #E6E6E6;padding:9px; float: left;}
.ser-sup .ss-list li .pic{ width: 100%;height: 160px; overflow: hidden }
.ser-sup .ss-list li .f-bookos{ margin-top: 30px;text-decoration: uppercase; font-size: 18px;color:#dddddd;text-transform: uppercase; text-align: center; width: 100%}
.ser-sup .ss-list li .tit{padding:15px 0; font-size: 16px;color: #1ab5d3;border-bottom: solid 1px #DCDCDC; text-align: center;margin:0 30px 20px;}
.ser-sup .ss-list li .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center}
.about-bg{ background:url(../images/about-bg.jpg) no-repeat center; height: 679px; width: 100% }
.about-bg .title{color: #FFF}
.about-bg .ab-pic{ margin-top: 60px; width: 540px;height: 338px; float: left; }
.about-bg .ab-txt{margin-top: 70px; width: 512px; float:right;color: #ffffff}
.about-bg .ab-txt p{margin-bottom:15px; line-height: 24px;}
.about-bg .ab-txt a.more{ width: 125px; height: 36px;border:solid 1px #FFF; border-radius: 36px; text-align: center; line-height: 36px; display: block;color: #FFF;margin-top:20px}
.qual-wrap .qual-list{ overflow: hidden;margin:60px -10px 0;}
.qual-wrap .qual-list li{margin:0 10px; float: left; width: 260px; height: 368px; position: relative;}
.qual-wrap .qual-list li .txt{ position: absolute;bottom:0;left:0; width: 100%;background:rgba(26,181,211,0.95); height: 50px; line-height: 50px; text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #FFF}
.list-01{ width: 350px;margin-right: 30px;}
.list-01 .title02{margin-bottom:25px;}
.list-01 .pic{ width: 350px; height: 122px; overflow: hidden }
.list-01 ul{margin-left: 15px;}
.list-01 li{list-style: disc;color: #E0E0E0;margin-top: 15px;}
.qa-wrap{ width: 340px;}
.qa-wrap .qa-list { overflow: hidden;}
.qa-wrap .qa-list li{border-top: dashed 1px #B6B6B6; margin-top: -1px;padding:25px 0;}
.qa-wrap .qa-list li .q{margin-bottom: 15px; position: relative;padding-left: 30px; line-height: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qa-wrap .qa-list li .a{position: relative;padding-left: 30px; line-height: 20px;color: #898989;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.qa-wrap .qa-list li .q:before{ content:"问"; display: block; position: absolute;width: 20px; height: 20px;top:0; left: 0; background: #3B3B3B;color: #FFF; text-align: center;}
.qa-wrap .qa-list li .a:before{ content:"答"; display: block; position: absolute;width: 20px; height: 20px;top:0; left: 0; background: #1AB5D3;color: #FFF; text-align: center;}