/* banner YangFangLing 2019年2月13日 */
.banner{clear:both;position:relative;width:100%;height:550px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom:40px;width:100%;height:2px;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:10px;height:10px;text-indent:-9999px;cursor:pointer;border:#fff solid 1px;border-radius:50%;}
.banner .hd li.cur{background:#d82128;border: 1px #d82128 solid;}
.banner .bd,.banner .bd ul{height:550px;}
.banner .bd li{position:relative;width:100%;height:550px;}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:550px;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-30px;width:58px;height:58px;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:2%;background:url(../images/Index/banner_prev.png) no-repeat;}
.banner .next{right:2%;background:url(../images/Index/banner_next.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
.banner .timer{position:absolute;bottom:0;width:100%;height:4px;background:#ffac13;}
.banner .timer span{display:block;width:100%;height:4px;background:#d82128;}
/* banner End */

/* 搜索 YangFangLing 2019年2月13日 */
.SearchFor{height: 85px;line-height: 85px;background-color: #fff;overflow: hidden;}

.SearchFor .keyword {font-size: 14px;color: #666;height: 85px;width: 770px;}
.SearchFor .keyword span {float: left;height: 85px;line-height: 85px;color: #d82128;font-weight: bold;}
.SearchFor .keyword p {float: left;height: 85px;line-height: 85px;}
.SearchFor .keyword p a {float: left;height: 85px;line-height: 85px;color: #666;font-size: 14px;padding: 0 10px;}
.SearchFor .keyword p a:hover {color: #d82128;}
.SearchFor form{margin-top: 22px;}
.SearchFor .inp {width: 295px;height: 40px;overflow: hidden;padding: 0 20px;position: relative;border-radius: 7px;background-color: #f1f1f1;}
.SearchFor .inp input {float: left;border:none;height: 40px;line-height: 38px;width: 255px;font-size: 14px;color: #999;background: none;font-weight: bold;outline: none;}
.SearchFor .inp button {display: block;cursor: pointer;background:  no-repeat;border:  none;position: absolute;outline: none;right: 20px;top: 10px;padding: 0;}
.SearchFor .inp button i {display: block;width: 19px;height: 19px;background: url(../images/Index/SearchIcon.png) no-repeat right center;}
/* 搜索 End */

/* 深度合作 YangFangLing 2019年2月13日 */
.Partner{padding: 50px 0;background-color: #f1f1f1;overflow:  hidden;}

.PartnerCon{margin-top: 40px;}
.PartnerCon ul{margin-left: -28px;margin-top: -26px;width: 1230px;}
.PartnerCon ul li{float: left;overflow: hidden;box-shadow: 0 0 30px rgba(0,0,0,0.1);margin-left: 26px;margin-top: 26px;width: 220px;height: 130px;}
.PartnerCon ul li img{display: block;transition: .8s;width: 220px;height: 130px;}
.PartnerCon ul li:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.PartnerCon ul li:hover img{transform: scale(1.1);}
/* 深度合作 End */

/* 首页模块标题 YangFangLing 2019年2月13日 */
.IndexTitle{text-align: center;}
.IndexTitle h3{color: #333;font-size: 30px;font-weight: normal;position: relative;top: 0;transition: .8s;}
.IndexTitle h3 a{color: #333;}
.IndexTitle p{color: #999;font-size: 16px;margin-top: 5px;}
.IndexTitle:hover h3{color: #d82128;position: relative;top: -10px;}
.IndexTitle:hover h3 a{color: #d82128;}

.IndexTitle02 h3{color: #fff;}
.IndexTitle02 h3 a{color: #fff;}
.IndexTitle02 p{color: #fff;}
.IndexTitle02:hover h3{color: #fff;}
.IndexTitle02:hover h3 a{color: #fff;}
/* 首页模块标题 End */

/* 四大保障 YangFangLing 2019年2月13日 */
.Protection{padding: 50px 0;background-color: #fff;overflow:  hidden;}

.ProtectionCon{margin-top: 60px;}
.ProtectionCon ul li{float: left;text-align: center;width: 299px;border-left: 1px #dedede solid;}
.ProtectionCon ul li:first-child{border-left: none;}
.ProtectionCon ul li span{width: 95px;height: 95px;display: block;margin: 0 auto;}
.ProtectionCon ul li span img{width: 95px;height: 95px;display: block;transition: .8s;position: relative;top: 0;}
.ProtectionCon ul li:hover span img{transform: rotateY(180deg);position: relative;top: -10px;}
.ProtectionCon ul li h3{font-weight: normal;font-size: 24px;color: #333;margin: 20px 0 10px;}
.ProtectionCon ul li:hover h3{color:#d82128;}
.ProtectionCon ul li p{color: #999;font-size: 16px;}
/* 四大保障 End */

/* 客户案例 YangFangLing 2019年2月13日 */
.Case{padding: 60px 0;background-color: #fff;overflow:  hidden;}

.CaseCon{margin-top: 60px;}
.CaseCon ul{margin-top: -35px;margin-left: -33px;width: 1235px;}
.CaseCon ul li{float: left;width: 260px;position: relative;margin-left: 42px;margin-top: 35px;overflow: hidden;}
.CaseCon ul li a h3{font-weight: normal;font-size: 18px;margin: 22px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.CaseCon ul li span{width: 258px;height: 322px;overflow: hidden;display: block;border: 1px #ddd solid;}
.CaseCon ul li span img{width: 260px;height: 320px;display: block;transition: .8s;}
.CaseCon ul li:hover span img{transform: scale(1.1);}
.CaseCon ul li:hover .ConBox{top: 0;}
.CaseCon ul li .ConBox{position: absolute;top: 375px;left: 0;background: url(../images/Index/ConBoxBg.png) center center;width: 100%;height: 100%;text-align: center;transition: .8s;}
.CaseCon ul li .ConBox i{width: 61px;height: 61px;display: block;margin: 0 auto;padding-top: 120px;}
.CaseCon ul li .ConBox i img{width: 61px;height: 61px;display: block;}
.CaseCon ul li .ConBox h3{color: #fff;font-weight: normal;font-size: 18px;margin: 20px 0 10px;}
.CaseCon ul li .ConBox p{color: #fff;font-size: 14px;}

.CaseCon a.More{color: #333;font-size: 14px;display: block;width: 140px;height: 45px;line-height: 45px;text-align: center;border: 1px #dedede solid;border-radius: 5px;margin: 40px auto 0;}
.CaseCon a.More:hover{background-color: #d82128;color: #fff;border: 1px #d82128 solid;}
/* 客户案例 End */

/* 凯粤资讯 YangFangLing 2019年2月13日 */
.News{padding: 50px 0;background-color: #f1f1f1;overflow:  hidden;}

.NewsCon{margin-top: 40px;}
.NewsCon ul li{width: 339px;padding: 25px;margin-left: 16px;float: left;position: relative;top: 0;transition: .8s;background-color: #fff;}
.NewsCon ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);position: relative;top: -15px;}
.NewsCon ul li:first-child{margin-left: 0;}
.NewsCon ul li h3{font-size: 20px;overflow: hidden;line-height: 24px;}
.NewsCon ul li h3 a{color: #333;}
.NewsCon ul li:hover h3 a{color: #d82128;}
.NewsCon ul li h3 a i{float: right;text-transform: uppercase;font-size: 14px;}
.NewsCon ul li .BoxImg{margin: 20px 0;position: relative;}
.NewsCon ul li .BoxImg span{width: 339px;height: 176px;display: block;overflow: hidden;}
.NewsCon ul li .BoxImg span img{width: 339px;height: 176px;display: block;transition: .8s;}
.NewsCon ul li:hover .BoxImg span img{transform: scale(1.1);}
.NewsCon ul li .BoxText a{font-size: 14px;color: #666;display: block;margin-top: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;position: relative;padding-left: 20px;}
.NewsCon ul li .BoxText a:first-child{margin-top: 0;}
.NewsCon ul li .BoxText a:hover{color: #d82128;}
.NewsCon ul li .BoxText a::after{content: "";width: 7px;height: 7px;background-color: #333;display: block;position: absolute;left: 0;top: 5px;border-radius: 50%;}
.NewsCon ul li .BoxText a:hover::after{background-color: #d82128;}
/* 凯粤资讯 End */

/* 在线评估 YangFangLing 2019年2月13日 */
.Message{padding: 50px 0 70px;background-color: #d82128;overflow:  hidden;}

.MessageCon{margin-top: 70px;background-color: #fff;padding: 40px;}
.MessageCon dl{width: 580px;position: relative;}
.MessageCon dl dt{float: right;position: absolute;right: 0;top: -70px;}
.MessageCon dl dt img{display: block;}
.MessageCon dl dd{float: left;}
.MessageCon dl dd h3{font-weight: normal;font-size: 36px;color: #333;}
.MessageCon dl dd h3 em{display: block;color: #d82128;font-size: 36px;}
.MessageCon dl dd h3 i{font-size: 12px;color: #999;display: block;}
.MessageCon dl dd h4{width: 45px;height: 1px;background-color: #d82128;margin-top: 15px;}
.MessageCon dl dd h5{font-weight: normal;color: #333;font-size: 30px;}
.MessageCon dl dd h5 em{font-size: 60px;color: #d82128;font-family: "Arial";}
.MessageCon dl dd h6{color: #333;font-size: 18px;font-weight: normal;}
.MessageCon dl dd h6 span{color: #d82128;}
.MessageCon dl dd a{display: block;margin-top: 30px;border: 1px #f1f1f1 solid;border-radius: 5px;width: 130px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #333;}
.MessageCon dl dd a i{background: url(../images/Index/MessageIcon.png) no-repeat center center;width: 18px;height: 16px;display: inline-block;*display: inline;*zoom: 1;margin-right: 10px;}
.MessageCon dl:hover dd a{background-color: #d82128;color: #fff;border: 1px #d82128 solid;}
.MessageCon dl:hover dd a i{background: url(../images/Index/MessageIcon02.png) no-repeat center center;}

.CustomMadeRight{width: 500px;}
.CustomMadeRight ul li{position: relative;width: 100%;}
.CustomMadeRight ul li input{width: 83%;height: 55px;line-height: 55px;padding: 0 10px 0 70px;border: none;outline: none;font-size: 16px;color: #333;border-radius: 3px;border: 1px #dedede solid;margin-bottom: 20px;}
.CustomMadeRight ul li i{height: 56px;width: 1px;background-color: #dedede;display: block;position: absolute;left: 55px;top: 0;}
.CustomMadeRight ul li .input-name01{background: #fff url(../images/Index/MessageIcon01.png) no-repeat 18px center;}
.CustomMadeRight ul li .input-name02{background: #fff url(../images/Index/MessageIcon03.png) no-repeat 18px center;}
.CustomMadeRight ul li .input-name03{background: #fff url(../images/Index/MessageIcon04.png) no-repeat 18px center;}
.CustomMadeRight ul li.li04 a{width: 100%;height: 55px;line-height: 55px;text-align: center;background-color: #d82128;font-size: 16px;display: block;color: #fff;}
/* 在线评估 End */

/* 服务中心 YangFangLing 2019年2月13日 */
.ServiceCenter{padding: 50px 0;background-color: #f1f1f1;overflow:  hidden;}

.ServiceCenterCon{margin-top: 30px;}

.ServiceCenterNav{text-align: center;}
.ServiceCenterNav ul li{display: inline-block;width: 140px;height: 45px;line-height: 45px;text-align: center;background-color: #fff;border: 1px #dedede solid;border-radius: 5px;font-size: 14px;margin: 0 5px;}
.ServiceCenterNav ul li a{display: block;color: #333;}
.ServiceCenterNav ul li.cur{background-color: #d82128;border: 1px #d82128 solid;}
.ServiceCenterNav ul li.cur a{color: #fff;}

.ServiceCenterBox{margin-top: 10px;position: relative;}
.ServiceCenterBox dl{width: 380px;float: left;margin-right: 30px;margin-top: 30px;}
.ServiceCenterBox dl a{width: 380px;height: 212px;background: #ffac13 url(../images/Index/ServiceCenterImg.png) no-repeat 45px 45px;overflow: hidden;display: block;}
.ServiceCenterBox dl dt{float: left;top: 78px;left: 72px;position: relative;}
.ServiceCenterBox dl dt img{display: block;width: 59px;height: 59px;}
.ServiceCenterBox dl dd{float: left;position: relative;left: 140px;top: 60px;width: 150px;}
.ServiceCenterBox dl dd h3{font-weight: normal;color: #fff;font-size: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ServiceCenterBox dl dd p{font-size: 12px;color: #fff;margin-top: 5px;}
.ServiceCenterBox dl dd em{display: block;color: #fff;font-size: 14px;width: 90px;height: 30px;border: 1px #fff solid;text-align: center;line-height: 30px;margin-top: 15px;}
.ServiceCenterBox dl:hover dd em{background-color: #fff;color: #d82128;}
.ServiceCenterBox dl.dl02 a{background: #83c44e url(../images/Index/ServiceCenterImg.png) no-repeat 45px 45px;}
.ServiceCenterBox dl.dl03 a{background: #e53935 url(../images/Index/ServiceCenterImg.png) no-repeat 45px 45px;}
.ServiceCenterBox dl.dl04 a{background: #2196f3 url(../images/Index/ServiceCenterImg.png) no-repeat 45px 45px;}

.ServiceCenterBox .ServiceBox a{background: #b021f3 url(../images/Index/ServiceCenterImg.png) no-repeat 130px 90px;width: 380px;height: 454px;position: absolute;right: 0;top: 30px;display: block;}
.ServiceCenterBox .ServiceBox a img{display: block;position: relative;top: 120px;left: 155px;}
.ServiceCenterBox .ServiceBox a h3{font-weight: normal;color: #fff;font-size: 24px;}
.ServiceCenterBox .ServiceBox a p{font-size: 12px;color: #fff;margin-top: 5px;}
.ServiceCenterBox .ServiceBox a p span{display:inline-block;width: 50px;font-size:16px;margin: 4px;}
.ServiceCenterBox .ServiceBox a em{display: block;color: #fff;font-size: 14px;width: 90px;height: 30px;border: 1px #fff solid;text-align: center;line-height: 30px;margin: 30px auto 0;}
.ServiceCenterBox .ServiceBox:hover a em{background-color: #fff;color: #d82128;}
.ServiceCenterBox .ServiceBox a .ConImg{position: relative;top: 180px;left: 70px;width: 225px;text-align: center;}

.ServiceCenter a.More{width:150px;height: 50px;line-height:50px;display:block;;text-align:center;margin:0 auto;font-size: 16px;margin-top: 30px; border: 1px solid #999;}
.ServiceCenter a.More:hover{color:#fff;background-color:#d82128;border: 1px solid #d82128;}
/* 服务中心 End */

/* 服务团队 YangFangLing 2019年2月13日 */
.ServiceTeam{padding: 60px 0;background-color: #fff;overflow:  hidden;}

.ServiceTeamCon{margin-top: 40px;position: relative;}
.ServiceTeamBox ul li{float: left;width: 290px;text-align: center;margin-right: 10px;transition: .8s;position: relative;top: 0;}
.ServiceTeamBox ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);position: relative;top: -5px;}
.ServiceTeamBox ul li span{width: 290px;height: 435px;display: block;overflow: hidden;}
.ServiceTeamBox ul li span img{width: 290px;height: 435px;display: block;transition: .8s;}
.ServiceTeamBox ul li:hover span img{transform: scale(1.1);}
.ServiceTeamBox ul li .Box{padding: 40px;}
.ServiceTeamBox ul li .Box h3{color: #d82128;font-weight: normal;font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ServiceTeamBox ul li .Box p{font-size: 14px;color: #999;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.ServiceTeamCon i{display: block;width: 70px;height: 70px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -25px;}
.ServiceTeamCon i img{display: block;width: 70px;height: 140px;position: relative;}
.ServiceTeamCon i:hover img{position: relative;top: -70px;}
.ServiceTeamCon i.prev{left: -120px;}
.ServiceTeamCon i.next{right: -110px;}



/* aboutMien*/
.aboutMien {
  width: 100%;
  padding-top: 30px;
  background: #fff;
}
.aboutMien .mainCon {
  width: 100%;
  height:770px;
  position: relative;
  margin-top: 34px;
}
.aboutMien .mainCon span {
  display: block;
  width: 42px;
  height: 42px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -21px;
  overflow: hidden;
}
.aboutMien .mainCon .btn01 {
  background: url(../images/TInpage/aboutMienBtn01.png) no-repeat left top;
  left: 0;
}
.aboutMien .mainCon .btn02 {
  background: url(../images/TInpage/aboutMienBtn02.png) no-repeat left top;
  right: 0;
}
.aboutMien .aboutMienCon {
  overflow: hidden;
  width: 1080px;
  height: 100%;
  margin: 0 auto;
  position: relative
}
.aboutMien .aboutMienCon .aboutMienBox {
  width: 1080px;
  height: 100%;
  margin: 0 auto;
}
.aboutMien .aboutMienCon .iteam {
  position: absolute;
  overflow: hidden;
  height: auto;
  top: 12% !important;
}
.aboutMien .aboutMienCon .iteam img {
  display: block;
}
.aboutMien .aboutMienCon .iteam b {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/TInpage/aboutMienBg.png) repeat;
}
.aboutMien .aboutMienCon .iteam.active b {
  display: none;
}
.aboutMien .aboutMienCon .iteam.active {
  height: auto;
  top: 0 !important;
}
.aboutMien .aboutMienCon .iteam.active p {
  color: #333333;
  font-size: 14px;
  margin-top: 16px;
  text-align: center;
}
.aboutMien .aboutMienCon .iteam.active p a {
  display: block;
  color: #333;
  text-decoration: none;
}
/* 服务团队 End */

/* 机构保障 YangFangLing 2019年2月13日 */
.InstitutionalGuarantee{padding: 60px 0;background: #d82128 url(../images/Index/dituImg.png) no-repeat center 40px;overflow: hidden;}

.InstitutionalGuarantee-Top{margin: 75px 0 40px;text-align: center;background: url(../images/Index/InstitutionalGuaranteeBox.png) no-repeat center center;}
.InstitutionalGuarantee-Top ul li{text-align: center;font-size: 16px;color: #fff;display: inline-block;*display: inline;*zoom: 1;margin: 0 30px;position: relative;}
.InstitutionalGuarantee-Top ul li i{display: block;background: url(../images/Index/InstitutionalGuaranteeIcon.png) no-repeat center center;width: 25px;height: 25px;margin: 10px auto 0;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:future 1.5s infinite;opacity: 1;}
.InstitutionalGuarantee-Top ul li.li01{top: -19px;left: -95px;}
.InstitutionalGuarantee-Top ul li.li02{top: -27px;left: -76px;}
.InstitutionalGuarantee-Top ul li.li03{top: -8px;left: -41px;}
.InstitutionalGuarantee-Top ul li.li04{top: -8px;left: 0;}
.InstitutionalGuarantee-Top ul li.li05{top: 0;left: 38px;}
.InstitutionalGuarantee-Top ul li.li06{top: -27px;left: 72px;}
.InstitutionalGuarantee-Top ul li.li07{top: -18px;left: 100px;}

.InstitutionalGuarantee-Right{width: 590px;}
.InstitutionalGuarantee-Right ul{margin-left: -20px;margin-top: -20px;}
.InstitutionalGuarantee-Right ul li{float: left;width: 285px;position: relative;overflow: hidden;margin-left: 20px;margin-top: 20px;}
.InstitutionalGuarantee-Right ul li:hover .ConBox{top: 0;}
.InstitutionalGuarantee-Right ul li span{width: 285px;height: 285px;display: block;overflow: hidden;}
.InstitutionalGuarantee-Right ul li span img{width: 285px;height: 285px;display: block;transition: .8s;}
.InstitutionalGuarantee-Right ul li:hover span img{transform: scale(1.1);}
.InstitutionalGuarantee-Right ul li .ConBox{position: absolute;left: 0;top: -285px;width: 100%;height: 100%;background: url(../images/Index/InstitutionalGuaranteeBg.png) center center;text-align: center;transition: .8s;}
.InstitutionalGuarantee-Right ul li .ConBox h3{color: #fff;font-weight: normal;font-size: 24px;padding: 100px 0 20px;}
.InstitutionalGuarantee-Right ul li .ConBox i{width: 49px;height: 49px;display: block;background: url(../images/Index/InstitutionalGuaranteeigg.png) center center;margin: 0 auto;}
.InstitutionalGuarantee a.More{color: #fff;font-size: 14px;width: 140px;height: 45px;display: block;border: 1px #ddd solid;border-radius: 5px;text-align: center;line-height: 45px;margin: 40px auto 0;}
.InstitutionalGuarantee a.More:hover{background-color: #fff;color: #d82128;font-weight: bold;}

.InstitutionalGuarantee-Left{width: 590px;position: relative;}
.InstitutionalGuarantee-Img ul li{width: 590px;float: left;position: relative;}
.InstitutionalGuarantee-Img ul li span{display: block;overflow: hidden;width: 590px;height: 590px;}
.InstitutionalGuarantee-Img ul li span img{display: block;width: 590px;height: 590px;transition: .8s;}
.InstitutionalGuarantee-Img ul li:hover span img{transform: scale(1.1);}
.InstitutionalGuarantee-Img ul li p{font-size: 18px;color: #fff;position: absolute;left: 15px;bottom: 15px;background: rgba(0,0,0,.8);width: 394px;height: 59px;line-height: 59px;padding: 0 25px;}

.InstitutionalGuarantee-Left i{display: block;width: 59px;height: 59px;overflow: hidden;cursor: pointer;position: absolute;bottom: 15px;margin-top: -25px;z-index: 9;}
.InstitutionalGuarantee-Left i img{display: block;width: 59px;height: 118px;position: relative;}
.InstitutionalGuarantee-Left i:hover img{position: relative;top: -59px;}
.InstitutionalGuarantee-Left i.prev{right: 75px;}
.InstitutionalGuarantee-Left i.next{right: 15px;}

@keyframes future{
    0%{opacity:0.5;transform:scale(0.7)}
    50%{opacity:1;transform:scale(1.1)}
  100%{opacity:0.5;transform:scale(0.7)}
}
@-webkit-keyframes future{
    0%{-webkit-opacity:0.5;transform:scale(0.7)}
    50%{-webkit-opacity:1;transform:scale(1.1)}
  100%{-webkit-opacity:0.5;transform:scale(0.7)}
}
/* 机构保障 End */

/* Link YangFangLing 2019年2月16日 */
.Link{background-color: #f1f1f1;padding-bottom: 40px;overflow:  hidden;}

.Link .container{background-color: #fff;height: 60px;line-height: 60px;padding: 0 30px;width: 1140px;}
.Link a.LinkBox{background: url(../images/Index/LinkIcon.png) no-repeat center left;padding-left: 30px;font-size: 24px;color: #333;border-right: 1px #dedede solid;padding-right: 10px;margin-right: 10px;font-family: "icomoont";}
.Link p a{color: #333;font-size: 14px;margin: 0 15px;}
.Link p a:hover{color: #043985;}
/* Link End */