﻿/*banner*/
.banner{ overflow: hidden; width: 100%; height: 550px; position: relative}
.banner ul{ overflow: hidden; position: absolute}
.banner li{ float: left; height: 550px;}
.banner li a{ display: block; width: 100%; height: 100%;}
.banner .bannerBtns{ text-align: center; width: 100%; position: absolute; left: 0; bottom: 30px; font-size: 0}
.banner .bannerBtns span{ display: inline-block; width: 40px; height: 2px; background-color: #999999; margin: 0 10px;}
.banner .bannerBtns span{ *display: inline}
.banner .bannerBtns span.cur{ background-color:#01518e;}

.banner i{width: 58px;height: 58px;display: block;overflow: hidden;cursor: pointer;position: absolute;top: 50%;z-index: 99;display: none;margin-top: -29px;}
.banner i img{width: 58px;height: 58px;display: block;}
.banner i.prev{left: 58px;}
.banner i.next{right: 58px;}
.banner:hover i{display: block;}
/*search*/
.search-cont { padding: 25px 0; position: relative; color: #333;}
.search-cont .hot { color: #d4003b; font-size: 16px; position: absolute; left: 10px; top: 28px; z-index: 2; }
.search-cont .hot-keyword { padding-left: 50px; height: 40px; line-height: 40px; }
.search-cont .hot-keyword a{padding-right:10px}
.hot-keyword a:hover { color: #d4003b; text-decoration: underline;}
.search-box { height: 40px; position: relative;}
.search-box input { width: 295px; height: 40px; border:solid 1px #d2d2d2; padding: 0 70px 0 15px; color: #999; font-size: 13px;  }
.search-box .smt { display: block; width: 55px; height: 42px; background-color: #d4003b; position: absolute; right: 0; top: 0; z-index: 2;border: none;}
.search-box .smt:before { content: ''; display: block; width: 20px; height: 19px; background: url(../images/icon_search.png) no-repeat; position: relative; top:0px; left: 11px; }
/*零风险承诺*/
.promise-wrap { width: 100%; padding: 33px 0 50px; background: url(../images/bg01.jpg) repeat; color: #333; }
.promise-cont { position: relative; }
.promise-txts {width: 250px;margin: 92px 30px 0 8px;box-sizing: border-box;}
.promise-txts h2 {font-size: 35px; padding-bottom: 10px;}
span.gray { display: block; color: #999; font-size: 16px; margin-bottom: 30px;}
em.line { display: block; width: 17px; height: 2px; background-color: #333333; }
.promise-txts .phone { margin-top: 42px; }
.icon-phone { display: block; width: 21px; height: 18px; background: url(../images/icon_mobile.png) no-repeat; position: relative; top: 5px; }
.promise-txts .phone b {font-size: 24px;display: block;background: url(../images/icon_mobile.png) no-repeat left;padding-left: 22px;}
.promise-txts .phone b.b2 {font-size: 24px;display: block;background: url(../images/icon_mobile1.png) no-repeat left;padding-left: 22px;}
.promise-txts .phone span { color: #666; }
.promise-info .man {width: 333px;height: 438px;background: url(../images/part2_img01.png) no-repeat;}
.promise-info .txts {position: relative;top: 140px;left: 23px;z-index: 2;}
.promise-info .p1 { font-size: 25px; color: #00518e; }
.promise-info .p1 b { color: #333; }
.promise-info .p2 { font-size: 24px; padding-bottom: 25px; }
.promise-info .p2 span { color: #d4003b; }
.promise-info .p3 { padding-top: 22px; }
.promise-info .p4 { font-size: 24px; padding-bottom: 28px; }
.promise-info .pass span { display:block; float: left; height: 20px; line-height: 23px; padding-left: 25px; position: relative; margin-right: 40px;}
.promise-info .pass span:before { content: ''; display: block; width: 18px; height: 20px; background: url(../images/icons.png) no-repeat -5px -5px; position: absolute; left: 0; top: 0;}
.promise-img { width: 299px; height: 202px; background: <!--url(../images/part2_img02.png) no-repeat;--> position: absolute; bottom: -50px; right: -120px; }

/*问题困扰*/
.ques-cont { height: 400px; position: relative; padding-top: 90px; }
.att { font-size: 32px; color: #333; }
.ques-cont .gray { font-size: 18px; padding-top: 8px; margin-bottom: 25px; }
.ques-cont em.line { background-color: #d4003b; }
.ques-list { width: 950px; margin-top: 40px; }
.ques-list ul li { padding: 20px 0; float: left; font-size: 16px; color: #333; padding-left: 4px; padding-right: 50px; border-bottom: dashed 1px #d0d0d0; }
.ques-list li strong { color: #d4003b; font-size: 18px; }
.ques-list li em { display: block; float: left; width: 25px; height: 25px; border-radius: 50%; font-size: 14px; background-color: #e0e0e0; line-height: 25px; text-align:center; margin-right: 10px; }
.ques-list .li4, .ques-list .li5, .ques-list .li6 {
  border-bottom: none 0;
}
.ques-list .li4 { padding-right: 37px; }
.ques-list .li5 { padding-right: 64px; }
.ques-cont .man { width: 255px; height: 360px;  position: absolute; bottom: 0; right: -10px; z-index: 9; }

/*3大免费服务*/
.freeServer-wrap { width: 100%; height: 804px;  }
.freeServer-cont { padding-top: 65px; position: relative;}
.tt-cont { text-align: center;  color: #333;}
.freeServer-cont .att { color: #333;}
.tt-cont .small-tt { display: block; font-size: 18px; padding-top: 5px;}
.tt-cont .lines { display: block; width: 163px; height: 1px; background-color: #fff; position: relative; margin: 22px auto 0; }
.tt-cont .lines em { display: block; width: 24px; height: 6px; background-color: #256a9e; position: absolute; left: 69px; top: -3px; z-index: 2;}
.tt-cont .lines em:before { content: ''; display: block; width: 20px; height: 2px; background-color: #d4003b; position: absolute; left: 2px; top: 2px; }
.free-main { height: 486px; position: absolute; left: 0; top: 226px; z-index: 2; }
.free-box { width: 100%; height: 396px; position: relative;}
.free-infos { width: 1200px; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 2; display: none;}
.free-infos .img-box { width: 605px; height: 396px; overflow: hidden; }
.free-infos .nums { width: 100px; height: 121px; background: url(../images/icon_xulie.png) no-repeat; position: absolute; left: 27px; top: -32px; z-index: 2; color: #fff; text-align: center;}
.free-infos .nums em { display: block; width: 86px; font-size: 30px; padding-top: 8px; }
.free-infos .nums span { display: block; font-size: 14px; width: 86px; position: absolute;bottom: 20px; left: 0;}
.free-infos .txts { width: 535px; padding:66px 25px 0 35px; line-height: 22px; }
.free-infos .txts .p1 { color: #333; }
.free-infos .txts h3 { font-weight: 400; font-size: 22px; color: #333; padding: 8px 0 25px; }
.free-infos .txts h3 strong { color: #d4003b; }
.free-infos .txts .img02 { width: 509px; height: 116px; background: url(../images/part3_img02.png) no-repeat; margin: 35px auto 0; }
.free-infos .txts .img01, .free-infos .txts .img03 { width: 509px; height: 174px; background-repeat: no-repeat; margin: 20px auto 0; }
.free-infos .txts .img01 { background-image: url(../images/part3_img01.png); }
.free-infos .txts .img03 { background-image: url(../images/part3_img03.png); }
.free-nav { width: 100%; height: 90px; line-height: 90px; background-color: #09090b; overflow: hidden; }

.free-nav a { display: block; float: left; width: 389px; height: 100%; text-align: center; color: #fff; font-size: 24px; position: relative; padding-left: 10px; border-right: solid 1px #848485; }
.free-nav a:before { content: ''; display: block; width: 30px; height: 32px; background-repeat: no-repeat; position: absolute; top: 29px; left: 90px;}
.free-nav .a1:before { background-image: url(../images/icon_zixun.png);}
.free-nav .a2:before { background-image: url(../images/icon_diaopei.png);}
.free-nav .a3:before { background-image: url(../images/icon_fuwu.png);}
.free-nav a.curr, .free-nav a:hover { background-color: #d4003b; border-right-color: #d4003b; }
.free-nav .a3 { border-right-color:#09090b; }
/*服务*/
.service-cont { padding: 60px 0; }
.service-cont .small-tt, .choice-cont .small-tt, .success-cont .small-tt, .style-wrap .small-tt, .about-cont .small-tt, .news-cont .small-tt { 
  color: #999; font-size: 18px; }
.service-cont .lines, .choice-cont .lines, .success-cont .lines, .style-wrap .lines, .about-cont .lines, .news-cont .lines { 
  background-color: #b2b2b2; }
.service-cont .lines em, .choice-cont .lines em, .success-cont .lines em, .style-wrap .lines em, .about-cont .lines em, .news-cont .lines em { 
  background-color: #fff; }
.service-box { width: 1200px; margin-top: 48px; }
.service-infos { width: 278px; height: 425px; background-color: #0c63a5; border-radius: 20px; text-align: center; position: relative; margin-right: 29px;}
.service-infos h3 { color: #fff; font-size: 28px; font-weight: 400; padding: 30px 0 2px; }
.service-infos em { font-size: 12px; opacity: .2; color: #fff; }
.service-infos i { display: block; width: 115px; height: 115px; background-repeat: no-repeat;  position: absolute; left:81px; top: 100px; z-index: 3; border-radius: 50%; overflow: hidden;}
.service-infos a.go { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }

.service-infos .txts { width: 100%; height: 192px; background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; color: #666; position: absolute; bottom: 0; left: 0; z-index: 1; border:solid 1px #f2f2f2; padding-top: 92px;}
.service-infos .txts p {padding: 0 30px 6px 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;height: 80px;}
/*a.more { display: block; width: 114px; height: 28px; line-height: 28px; text-align: center; background-color: #333; color: #fff; border-radius: 15px; margin: 36px auto 0;}*/
.service-infos,
.success-infos,
.service-infos i {
  -webkit-transition:all .6s ease-out;
  -moz-transition:all .6s ease-out;
  -ms-transition:all .6s ease-out;
  transition:all .6s ease-out;
}
.service-infos:hover,
.success-infos:hover  { 
  -webkit-transform:scale(1.05); 
  -moz-transform:scale(1.05); 
  -ms-transform:scale(1.05); 
  transform:scale(1.05); 
}
.service-infos:hover i { 
  -webkit-transform:rotate(360deg); 
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}
.service-infos:hover a.more, .success-infos:hover a.more { background-color: #d4003b; }

/*辅导专家*/
.expert-wrap { width: 100%; height: 280px; }
.expert-cont { padding-top: 48px; color: #fff;}
.expert-cont .tt-cont a { color: #fff;}
.expert-box { margin-top: 53px; position: relative;}
.chengnuo>p { font-size: 22px; font-weight: bold; padding-bottom: 20px;}
.chengnuo ul li { float: left; height: 30px; line-height: 30px; position: relative; padding-left: 26px; margin:0 40px 2px 0;}
.chengnuo li:before { content: ''; display: block; width: 18px; height: 20px; background: url(../images/icons.png) no-repeat -28px -5px; position: absolute; left: 0; top: 3px; z-index: 1;}
.free-phone { width: 430px; position: absolute; top: 0; right: 0; z-index: 2;  text-align: right;}
.free-phone p { font-size: 20px; font-weight: bold;}
.free-phone p span { font-size: 28px; }
.free-phone .links { text-align: right; margin-top: 20px; }
.free-phone .links a { display: inline-block; width: 120px; height: 44px; line-height: 44px; text-align: center; border-radius: 30px; border:solid 1px #fff; color: #fff; font-size: 16px; margin-left: 10px; }
.free-phone .links a:hover { background-color: #d4003b; border-color: #d4003b; }

/*为何选择华泰*/
.choice-cont { padding: 68px 0 30px; }
.choice-box {margin-top: 60px;}
.choice-infos { margin-bottom: 52px; }
.choice-infos i { display: block; float: left; width: 69px; height: 69px; background: url(../images/icons.png) no-repeat;  }
.choice-infos .icon01 { background-position: -155px -140px; }
.choice-infos .icon02 { background-position: -5px -66px; }
.choice-infos .icon03 { background-position: -155px -66px; }
.choice-infos .icon04 { background-position: -5px -140px; }
.choice-infos .icon05 { background-position: -80px -140px; }
.choice-infos .icon06 { background-position: -80px -66px; }
.choice-infos .txts { width: 280px; margin-left: 20px; }
.choice-infos .txts h4 { font-size: 18px; color: #333; padding-bottom: 5px; }
.choice-infos .txts p { color: #999; }
.choice-box .cen-img {width: 408px;height: 350px;margin-left: 3%;}
/*华泰成功案例*/
.success-wrap {width: 100%;height: 600px;}
.success-cont { padding-top: 65px; }
.success-box { margin-top: 48px; }
.success-infos { width: 332px; background-color: #fff; padding: 13px 13px 26px; text-align: center; position: relative;}
.success-infos .img-box { width: 334px; height: 228px; overflow: hidden; }
.success-infos .img-box img { width: 334px; height: 228px;}
.success-infos h4 { font-weight: 400; font-size: 15px; color: #333; padding: 30px 0 12px;}
.success-infos p {padding: 0 20px;line-height: 22px;/* height: 44px; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 64px;}
.success-infos a.go {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
/*华泰风采*/
.style-wrap { padding: 60px 0;}
.style-box { margin-top: 45px;}
.style-box .img-box1 { width: 33%; overflow: hidden;}
.style-box img { display: block; width: 100%; height: auto; }

.style-box .img-box2 { width: 34%; position: relative;}
.style-box .img-box2 .img-box { width: 47%; height: auto; overflow: hidden; margin-left: 2%; }
.style-box .img-box2 .absolute { position: absolute; bottom: 0; left: 0; }
.style-box .img-box { position: relative; }
.style-box .img-box p { color: #fff; width: 100%; height: 40px; line-height: 40px; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 3; }
.style-box .img-box1 p { font-size: 18px; height: 50px; line-height: 50px;}

/*关于华泰*/
.about-box { margin-top: 70px; position: relative; z-index: 3; }
.about-cont {position: relative;margin-top: 2%;}
.about-cont .tt-cont { position: relative; left: -56px;}
.about-box .img-box {width: 651px;height: auto;overflow: hidden;margin-top:-70px;margin-left: -140px;position: relative;}
.about-box .img-box a.see-more { width: 107px; height: 40px; line-height: 40px; background-color: #333; color: #fff; position: absolute; bottom: 0; right: 0; z-index: 2; padding-left: 28px; }
.about-box a.see-more em { display: block; width: 32px; height: 40px; background-color: #d4003b; position: absolute; right: 0; top: 0; z-index: 2; }
.about-box a.see-more em:before { content: ''; display: block; width: 14px; height: 11px; background: url(../images/icon_jt.png) no-repeat; position: relative; left: 9px; top: 15px; }
.about-box .infos { width: 635px; }
.about-box .infos .en { font-size: 22px; color: #d4003b; font-weight: bold; }
.about-box .infos .cha { font-size: 20px; color: #333; font-weight: bold; padding-top: 5px;}
.about-box .infos .txts { margin: 36px 0; color: #555; line-height: 28px; }
.about-box .links { padding-top: 36px; border-top: solid 1px #efefef; }
.about-box .links i { float: left; display: block; width: 72px; height: 72px; background: url(../images/icons.png) no-repeat; }
.about-box .honor i { background-position: -80px -215px; }
.about-box .style i { background-position: -155px -215px; }
.about-box .contact i { background-position: -5px -215px; }
.about-box .links a { color: #333; font-size: 18px;}
.about-box .links a:hover { color: #d4003b;}
.about-box .links a.honor:hover i { background-position: -80px -290px; }
.about-box .links a.style:hover i { background-position: -155px -290px; }
.about-box .links a.contact:hover i { background-position: -5px -290px; }

.about-box .links em { display: block; opacity: .3; }
.about-box .links p { margin: 12px 0 0 15px; }
.about-box .links a.style { margin: 0 60px; }
.img-gou { width: 446px; height: 415px; background: url(../images/big_gou_img.png) no-repeat; position: absolute; right: -325px; top: 120px; z-index: 1; }

/*资质荣誉*/
.zzry-wrap { width: 100%; }
.zzry-cont { padding: 58px 0 30px; position: relative;}
.zzry-cont .at { font-size: 26px; color: #333; }
.zzry-cont .see-more { color: #d4003b; position: absolute; top: 65px; right: 0; z-index: 2; }
.zzry-box { width: 100%; position: relative;}
.zzry-box>span { display: block; width: 29px; height: 29px; background-color: #d4003b; position: absolute; top: 103px; z-index: 9; cursor: pointer;}
.zzry-box>span.left-jt { left: -15px; }
.zzry-box>span.right-jt { right: -15px; }
.zzry-box>span:before { content: ''; display: block; width: 14px; height: 11px; background: url(../images/icon_jt.png) no-repeat; margin: 9px auto 0; }
.zzry-box>span.left-jt:before { background-image: url(../images/icon_jt01.png); }
.zzry-list { width: 1200px; padding-top: 25px; margin-top: 12px; border-top: solid 1px #c7c7c7; overflow: hidden; }
.zzry-list ul { width: 5000px; position: relative; }
.zzry-list ul li { float: left; width: 274px; margin-right: 34px; text-align: center;}
.zzry-list li .img-box { width: 274px; height: 186px; background-color: #fff; margin-bottom: 12px; overflow: hidden; }
.zzry-list li img { display: block; width: 230px; height: 161px; margin: 12px auto 0; }

/*华泰新闻*/
.news-cont { padding-top:60px; }
.news-box { margin: 50px 0; }
.news-infos { width: 348px; background-color: #fff; padding: 26px 16px; border:solid 1px #e9e9e9; position: relative;}
.news-infos a { color: #333; font-size: 20px; }
.news-infos i { display: block; width: 28px; height: 28px; background-repeat: no-repeat; position: absolute; right: 18px; top: 20px; }
.news-infos i.icon-news { background-image: url(../images/icon_news.png); }
.news-infos i.icon-zhishi { background-image: url(../images/icon_rzzs.png); }
.news-infos i.icon-fagui { background-image: url(../images/icon_rzfg.png); }
.news-infos .img-box { width: 348px; height: 196px; overflow: hidden; margin: 20px 0; }
.news-infos .img-box img { width: 348px; height: 196px; overflow: hidden; }
.news-infos ul li { margin-bottom: 20px; overflow: hidden; }
.news-infos li a { color: #333; font-size: 14px; }
.news-infos li a:hover { color: #d4003b; text-decoration: underline; }
.news-infos { 
  -webkit-transition:all .3s linear; 
  -moz-transition:all .3s linear; 
  -ms-transition:all .3s linear; 
  transition:all .3s linear; 
}
.news-infos:hover { box-shadow: 5px 5px 20px rgba(0,0,0,.1),-5px -5px 20px rgba(0,0,0,.1); }
.news-infos:hover { box-shadow: 5px 5px 20px rgba(0,0,0,.1),-5px -5px 20px rgba(0,0,0,.1); }
.news-infos:hover i.icon-news { background-image: url(../images/icon_news1.png); }
.news-infos:hover i.icon-zhishi { background-image: url(../images/icon_rzzs1.png); }
.news-infos:hover i.icon-fagui { background-image: url(../images/icon_rzfg1.png); }
.news-infos:hover>a { color: #d4003b; }

/*友情链接*/
.friend-links { padding-bottom: 18px; }
.friend-links a { color: #333; }
.friend-links .link-tt { width: 74px; padding-right: 17px; margin-right: 8px; border-right: solid 1px #cecece;}
.friend-links .link-tt a { font-size: 20px; }
.friend-links .link-tt em { display: block; font-size: 16px; }
.friend-links .alinks { width: 1100px; /*height: 44px;*/ line-height: 24px; }
.friend-links .alinks a { padding: 0 12px; border-right: dashed 1px #cecece; }
.friend-links .alinks a:hover { color: #d4003b; text-decoration: underline; }

/*图片放大动效*/
.img-box img { 
  -webkit-transition:all .6s linear; 
  -moz-transition:all .6s linear; 
  -ms-transition:all .6s linear; 
  transition:all .6s linear; 
}
.img-box:hover img {
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05);
}


