﻿
/*首页焦点图开始*/
.banner {width: 100%;overflow: hidden;}
.swiper-slide img {display: block;width: 100%;}
/*首页焦点图结束*/


/*权威介绍*/
.index-1{overflow: hidden;background: #f5f5f5;}
.anli-top {height: 268px;display: -webkit-box;display: -webkit-flex;display: flex;}
.anli-top div { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; margin-top: 33px;  width: 20%; float: left;}
.anli-top div img {height:120px; border: none; vertical-align: top;display: inline-block;}
.anli-top div .anli-topP1 {font-size: 16px; color: #333;font-weight: bold; margin: 12px 0;}
.anli-top div .anli-topP2, .anli-top div .anli-topP3 { font-size: 14px; color: #999;}
.anli-top div .anli-topP2, .anli-top div .anli-topP3 {font-size: 14px;color: #999;}
.main-title { margin: 4% auto; display: block;text-align: center; font-size: 32px;color: #2E2E2E;font-family: avgardn, "微软雅黑", "黑体";}
.main-title p {font-size: 20px;color: #787878; font-weight: 500; padding-top: 5px;}
/**/
.index-2{background: #fff;margin-bottom: 20px;overflow: hidden;  }
.index-2 .comWidth {position: relative;}
.index-2 .comWidth .word-bg {position: absolute; left: 50%;top: 0;margin-left: -651px;}
.index-2 .comWidth .people {margin: 0 auto;display: block;}

/**/
.index-3{background: #f5f5f5;padding-bottom: 20px;overflow: hidden;}
.index-3 .comWidth li{ width:19%; text-align:center; display: inline-block;}
.index-3 .comWidth li img { display: block;width: 100%;}
.index-3 .comWidth li .word-box {background-color: #fff;overflow: hidden;height:220px;padding:0px 30px;}
.index-3 .comWidth li .word-box h4{font-size:24px;color: #f97070;font-weight: normal;padding:10px 0px;}
.index-3 .comWidth li .word-box p {line-height: 24px; height:60px;overflow: hidden;margin-top: 10px;font-size: 14px;color: #666;}
.index-3 .comWidth li .word-box b {width: 132px;height: 30px;display: block;color: #ff5562;border: 1px solid #ff5562;line-height: 30px;border-radius: 4px;margin: 14px auto;}

/**/
.xfPhone {overflow: hidden;margin-top: 40px;}
.xfPhone h3 {font-size: 48px;color: #333;text-align: center;}
.xfPhone h3 strong {color: #f97070;}
.xfPhone p {font-size: 13px;color: #666;background: url("http://www.qinggan580.com/style/img/xf_phone.png") no-repeat left center;width: 440px;padding-left: 40px;margin: 3px auto 0;overflow: hidden;}
.xfPhone p strong {color: #f97070; font-size: 30px; font-family: Arial;font-style: italic;}
.xfPhone p span {display: inline-block;float: left;width: 293px;}
.xfPhone p a { display: inline-block;width: 90px;height: 25px;text-align: center;line-height: 25px;color: #fff;font-size: 15px;background-color: #f97070;border-radius: 5px; vertical-align: super; margin-left: 10px;float: right;margin-top: 5px;}


/*爱港情感陪你一起解决情感问题*/
.index-4{background: #fff;padding-bottom: 20px;overflow: hidden;}
.index-4 .trans {-webkit-transition: all 300ms ease 0s;transition: all 300ms ease 0s;outline: 0}

.index-4 .wordmain{border: 1px solid #ddd;margin-bottom: 50px;display: table;width: 100%}
.index-4 .wordmain .word-item{position:relative;width:25%;display: table-cell;text-align: center;}
.index-4 .wordmain .word-item.on0{width:31%}
.index-4 .wordmain .word-item.on1{width:23%}
.index-4 .wordmain .word-item:before{position:absolute;top:0;right:0;bottom:0;display:block;width:1px;background:#ddd;content:''}
.index-4 .wordmain .word-item:last-child:before{display:none}
.index-4 .wordmain .word-item .top-pic{height:108px;background:#f6f6f6;text-align: center;display: block;font-size: 0}
.index-4 .wordmain .word-item .top-pic span{display: inline-block;vertical-align: top;vertical-align: middle}
.index-4 .wordmain .word-item .top-pic b {display: inline-block;height: 100%;vertical-align: middle}
.index-4 .wordmain .word-item .top-pic img {vertical-align: middle;max-width: 100%;max-height: 100%}
.index-4 .wordmain .word-item .top-pic [i]{height:44px}
.index-4 .wordmain .word-item .top-pic [n]{color:#666;font-size:18px}
.index-4 .wordmain .word-item .lis-ul{margin:auto;width:190px;min-height:380px;text-align: left;display: inline-block;vertical-align: top}
.index-4 .wordmain .word-item .lis-ul li{float:none;margin:30px auto;font-size:14px;line-height:20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-4 .wordmain .word-item .lis-ul li:before{float:left;margin:7px 6px 0 0;width:6px;height:6px;border-radius:50%;background:#f4709f;content:''}

.index-4 .wordmain .word-item .wordbox{position: absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;border:1px solid #f97070;opacity:0;overflow: hidden;background:#fff;}
.index-4 .wordmain .word-item.on0 .wordbox.on{top:-20px;bottom:-20px;visibility:visible;opacity:1}

.index-4 .wordmain .word-item .wordbox .top-pic{height:128px;background:#f97070;}
.index-4 .wordmain .word-item .wordbox .top-pic [n]{color:#fff;font-weight:700}

.index-4 .wordmain .word-item .wordbox .txt{margin:0 20px 10px;padding:30px 0;border-bottom:1px solid #eee}
.index-4 .wordmain .word-item .wordbox .txt p{margin-bottom:16px;color:#999;font-size:14px}
.index-4 .wordmain .word-item .wordbox .txt span{display:inline-block;padding:0 10px;min-width:172px;border:1px solid #f4709f;color:#f4709f;font-size:14px;line-height:36px}


.index-4 .wordmain .word-item .wordbox .lit-ul{margin:30px;text-align:center;}
.index-4 .wordmain .word-item .wordbox .lit-ul li{margin-bottom:20px;width:140px;color:#666;font-size:14px;line-height:20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.index-4 .wordmain .word-item .wordbox .lit-ul li .a{display:block;margin-top:6px;color:#f4709f;cursor:pointer}


.index-4 .wordmain .word-item .wordbox .option {display: block;width: 100%;color: #656565;margin-top: 20px;}
.index-4 .wordmain .word-item .wordbox .option a { width: 190px; height: 34px; line-height: 34px; text-align: center;color: #ff5562;border: 1px solid #ff5562;display: block; margin: 20px auto; border-radius: 4px;}

/*导师介绍 滚动*/
.index-5{background: #f5f5f5;padding-bottom: 20px;overflow: hidden;background: url(http://www.qinggan580.com/style/img/img_06.jpg) no-repeat center;}
.index-5 .index-team .swiper-slide {background: #fff; margin-top:10px;}
.index-5 .index-team .swiper-slide .i-pic {height: 320px;transition: .3s;position: relative;top: 0;overflow: hidden;font-size: 0;background: #ccc}
.index-5 .index-team .swiper-slide .i-pic img {width: 100%;min-height: 100%}
.index-5 .index-team .swiper-slide .tit {font-size: 18px;margin: 20px 30px 9px}
.index-5 .index-team .swiper-slide .bri {height: 72px;font-size: 14px;color: #999;line-height: 24px;margin: 0 30px 20px}
.index-5 .index-team .swiper-slide:hover .man {top: -10px}

/*郑重承诺*/
.index-6{background: #f5f5f5;padding-bottom: 20px;overflow: hidden;}
.index-6 .comWidth li{ width:24%; text-align:center; display: inline-block;}
.index-6 .comWidth li img { display: block;width: 100%;}
.index-6 .comWidth li .word-box {background-color: #fff;overflow: hidden;height:240px;padding:0px 20px;}
.index-6 .comWidth li .word-box h3{font-size:24px;color: #f97070;font-weight: normal;padding:10px 0px;}
.index-6 .comWidth li .word-box h4{font-size:16px;color: #f97070;font-weight: normal;}
.index-6 .comWidth li .word-box p {line-height: 24px;margin-top: 10px;font-size: 14px;color: #666;}
.index-6 .comWidth li .word-box b {width: 132px;height: 30px;display: block;color: #ff5562;border: 1px solid #ff5562;line-height: 30px;border-radius: 4px;margin: 14px auto;}

/*听听TA们怎么说的*/
.index-7{background: #fff;padding-bottom: 20px;overflow: hidden;}

.index-7 ul li { margin-bottom: 30px; position: relative;}

.index-7 ul li p { position: absolute; right: 57px; top: 0px; color: #545454; font-size: 16px;  line-height: 29px; width:454px; height:260px;}

.index-7 ul li:nth-child(2n) p {left: 80px;}

.index-7 ul li p span { display: block;color: #ff5562;font-size: 40px;}





























