
.fl{ float: left;}
.fr{ float: right;}
.clearfix:after{content: ''; clear: both; display: block;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; line-height: 1;}
dt,dd{ line-height: 1.6;}

.planWrap *{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.planWrap{ position: relative; padding-top: 1070px; width: 100%; min-height: 1892px; background: url(../images/banner.jpg) no-repeat #cf4343; background-position:center top;}
.planWrap .marT-a{ margin-top: 50px;}
.planNav{ padding: 15px 20px 27px 20px; width: 732px; height: 142px; background-image:url(../images/wltg-2.png); background-repeat: no-repeat; position: absolute; left: 50%; top: 925px; transform: translateX(-50%);}
.planNav-wrap { height: 100%;}
.planNav-wrap ul{ display: flex; align-items: center; height: 100%;}
.planNav-wrap li{ flex: 1;}
.planNav-wrap a{ display: block; text-align: center;}
.planNav-wrap span{ display: block; line-height: 1.6;}
.planNav-wrap .textA{ font-size: 20px; color: #333; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.planNav-wrap .textA:after,.planNav-wrap .textA:before{ content: ''; display: none; margin: 0 15px; width: 0; height: 0;}
.planNav-wrap .textA:before{ border-top: 5px solid transparent;  border-left: 10px solid #fff;  border-bottom: 5px solid transparent;}
.planNav-wrap .textA:after{ border-top: 5px solid transparent;  border-right: 10px solid #fff;  border-bottom: 5px solid transparent;}
.planNav-wrap .textB{ font-size: 16px; color: #666;}
.planNav-wrap .textC{ font-size: 14px; color: #fff; font-weight: bold; margin-top: 2px; display: none;}
.planNav-wrap li:hover span{ color: #fff !important;}
.planNav-wrap li:hover .textA:after,.planNav-wrap li:hover .textA:before,.planNav-wrap li:hover .textC{ display: block;}
.planView{ padding: 60px 0;}
.planMain{  position: relative; z-index: 2;}
.planMain .titA{  width: 222px; height: 52px; line-height: 48px; text-align: center; border:2px solid #ffe2df; border-radius: 26px; color: #fff; font-size: 20px; margin: 0 auto; }
.planMain .titB{ text-align: center;}
.planMain .titB h3{ color: #ffd015; font-size: 48px; font-weight: bold; line-height: 64px;}
.planMain .titB .line{ display: flex; align-items: center; justify-content: center; margin-top: 25px;}
.planMain .titB .line span{ width: 20px; height: 19px; background: url(../images/wltg-5.png) no-repeat; margin: 0 38px;}
.planMain .titB .line:before,.planMain .titB .line:after{ content: ''; display: block; height: 2px; width: 240px; background-color: #f2a59d;}
.planMain .titB p{ color: #ffe9d8; font-size: 20px; line-height: 1.6; margin-top: 30px;}
.viewBlcok{ overflow: hidden; padding: 50px 35px ;background-color: #fff; background-image: linear-gradient(to right, #fff, #f9efe5); border-radius: 30px; box-shadow: 0 15px 30px rgba(0,0,0,.15);}
.planBox,.planCon{ margin-top: 50px;}
.planConA-top{ display: flex; justify-content: space-between;}
.planConA-top-left{width: 684px}
.planConA-top-left .text p{ color: #333; font-size: 16px; line-height: 1.9;}
.planConA-top-left .info{ display: flex; flex-wrap: wrap; margin-top: 20px;}
.planConA-top-left .info dl{ width: 50%; margin-top: 30px;}
.planConA-top-left .info dt{ color: #666;}
.planConA-top-left .info dd{ font-weight: bold; margin-top: 10px; color: #d86442; font-size: 36px; display: inline-block; position: relative; padding-right: 15px;}
.planConA-top-left .info dd p{ position: relative; z-index: 2; line-height: 1;}
.planConA-top-left .info dd:before{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -2px; height: 14px; background-color: #ffd015; border-radius: 7px;}
.planConA-top-right{width: 480px; display: flex; flex-wrap: wrap;  align-content: space-between;}
.planConA-top-right .viewBlcok{ padding: 0; width: 100%;}
.planConA-top-right h4{ background-color: #8bbd3c; line-height: 48px; text-align: center; font-size: 16px; color: #fff;}
.planConA-top-right .viewBlcok:nth-child(2) h4{ background-color: #f0a63d;}
.planConA-top-right img{ width: 100%;}
.planConA-bot{ height: 660px; margin-top: 65px; background: url(../images/wltg-1.png) no-repeat center bottom; position: relative;}
.planConA-bot .text .pA{ color: #ffd015; font-size: 38px; line-height: 52px; font-weight: bold;}
.planConA-bot .text .pB{ color: #ffe9d8; font-size: 20px; margin-top: 20px; line-height: 1.8;}
.planConA-bot .list{ position: absolute; top: 0; right: 30px;}
.planConA-bot .list .viewBlcok{ width: 370px; height: 130px; padding: 0; border-radius: 20px 20px 40px 20px; overflow: inherit;}
.planConA-bot .list dl{ display: flex; align-items: center; height: 100%;}
.planConA-bot .list dt{height: 132px; align-self: flex-start; background-color: #ff8b00; background-image: linear-gradient(to right, #ff8b00, #faba17);  width: 90px; text-align: center; color: #fff; border-radius: 0 0 40px 0; font-size: 24px; font-weight: bold; display: flex; justify-content: center; align-items: center;}
.planConA-bot .list li:nth-child(2) dt{ background-color: #6b49c7; background-image: linear-gradient(to right, #6b49c7, #9375f8);}
.planConA-bot .list li:nth-child(3) dt{ background-color: #ed1d56; background-image: linear-gradient(to right, #ed1d56, #fe6e63);}
.planConA-bot .list dd{ flex: 1; padding: 0 30px; font-size: 16px; color: #333; line-height: 1.8;}
.planConA-bot .list ul{ margin-top: -25px;}
.planConA-bot .list li{ margin-top: 25px; position: relative;}
.planConA-bot .list li:nth-child(2){ right: 260px;}
.planConA-bot .list li:nth-child(3){ right: 520px;}
.planBoxB{ margin-top: -70px;}
.planMain .planBoxB .titB .line:before,.planMain .planBoxB .titB .line:after{ width: 290px;}
.planMain .planConB-par .titB .line:before,.planMain .planConB-par .titB .line:after{ width: 190px;}
.planMain .planBoxC .titB .line:before,.planMain .planBoxC .titB .line:after{ width: 50px;}
.planPro{margin-top: 25px; border-radius: 30px 30px 120px 30px; background-color: #fff; background-image: linear-gradient(to right, #ddf9ff, #fff); box-shadow: 0 15px 30px rgba(0,0,0,.15);}
.planPro:first-child{ margin-top: 0;}
.planPro-box{ display: flex; padding: 50px 0;}
.planPro-left{ width: 50%; padding-left: 100px; display: flex; flex-wrap: wrap; align-content: space-between;}
.planPro-left .head{ width: 100%; display: flex; align-items: center;}
.planPro-left .head .icon{ width: 66px; height: 66px; background-image: url(../images/css_sprites.png); background-repeat: no-repeat;}
.planPro-left .head dl{ margin-left: 20px;}
.planPro-left .head dt{ color: #333; font-size: 30px; font-weight: bold; line-height: 1.4;}
.planPro-left .head dd{ color: #666; font-size: 16px;}
.planPro-left .text { width: 100%;}
.planPro-left .text p{ color: #333; font-size: 24px; line-height: 36px; font-weight: bold;}
.planPro-left .set { width: 100%;}
.planPro-left .set a{ display: block; width: 168px; line-height: 44px; border: 2px solid #333; border-radius: 10px; font-size: 16px; text-align: center;}
.planPro-left .set a:hover{ background-color: #333; color: #fff;}
.planPro-left .set p{ color: #666; margin-top: 10px;}
.planPro-right{ width: 50%;}
.planPro-right ul{ margin-top: -40px;}
.planPro-right li{ width: 50%; float: left; margin-top: 40px;}
.planPro-right .pic{ height: 50px; width: 100%;}
.planPro-right .pic span{ display: block; width: 41px; height: 41px; background-image: url(../images/css_sprites.png); background-repeat: no-repeat; background-position: -112px 0;}
.planPro-right li:nth-child(2) .pic span{ width: 46px; height: 46px; background-position: -66px 0;}
.planPro-right li:nth-child(3) .pic span{ width: 46px; height: 46px; background-position: -153px 0;}
.planPro-right li:nth-child(4) .pic span{ width: 51px; height: 41px; background-position: -199px 0;}
.planPro-right dl{ margin-top: 10px;}
.planPro-right dt{ font-size: 18px; font-weight: bold; line-height: 30px;}
.planPro-right dd{ font-size: 16px; }
.kt .planPro{ background-image: linear-gradient(to right, #ddecff, #fff); }
.kt .planPro-left .head .icon{ background-position: -250px 0;}
.kt .planPro-right li:nth-child(1) .pic span{ width: 41px; height: 49px; background-position: -394px 0;}
.kt .planPro-right li:nth-child(2) .pic span{ width: 41px; height: 44px; background-position: -435px 0;}
.kt .planPro-right li:nth-child(3) .pic span{ width: 41px; height: 51px; background-position: -515px 0;}
.kt .planPro-right li:nth-child(4) .pic span{ width: 51px; height: 41px; background-position: -788px 0;}
.planPro-line{border-bottom: 2px dashed #cf3637; position: relative;}
.planPro-line span{ display: block; width: 28px; height: 16px; background-color: #cf3637; position: absolute; top:-7px;}
.planPro-line .spanA{ border-radius: 0 8px 8px 0; left: 0;}
.planPro-line .spanB{ border-radius: 8px 0 0 8px; right: 0;}
.planPro-bot{ padding: 40px 100px;}
.planPro-del{ display: flex; justify-content: space-between;}
.planPro-del h4{ background-image: url(../images/css_sprites.png); background-repeat: no-repeat; background-position: -981px 0; padding: 0 12px; width: 156px; line-height: 32px; color: #fff; font-size: 16px; border-radius: 10px;}
.planPro-del li:nth-child(2) h4{ background-position: -1137px 0;}
.planPro-del li:nth-child(3) h4{ background-position: -1293px 0;}
.planPro-del .info{ margin-top: 10px; font-size: 14px; padding-left: 12px;}
.planPro-del .info dt{ font-weight: bold; line-height: 2;}
.planConC .data ul{ display: flex; justify-content: space-between;}
.planConC .data li{ position: relative;}
.planConC .data .viewBlcok{ width: 588px; border-radius: 20px 20px 40px 20px; padding: 0; background-image: linear-gradient(to right, #fff, #ffe7dd);}
.planConC .data .top{ display: flex; height: 100px; color: #fff; background-color: #f96059; background-image: linear-gradient(to right, #f96059, #ffaf62); }
.planConC .data .top dl{ padding-top: 30px; padding-left: 30px; width: 50%;}
.planConC .data .top dl:nth-child(2){background-image: linear-gradient(to right, #f96059, #ffaf62); border-radius: 0 0 0 40px;}
.planConC .data .top dt{ font-size: 18px;}
.planConC .data .top dd{ font-size: 16px;}
.planConC .data .bot{ height: 90px; padding: 0 30px; display: flex; align-items: center;}
.planConC .data .bot p{ color: #cf3637; font-size: 18px;}
.planConC .data .bot b{ font-size: 24px;}
.planConC .data sup{ position: absolute; left: 0; top: -17px; display: block; font-weight: bold; color: #cf4343; font-size: 16px; width: 98px; line-height: 34px; text-align: center; background-color: #ffe150; background-image: linear-gradient(to right, #ffe150, #ffeab2); border-radius: 20px 4px 20px 4px;}
.planConC .data .pic{ width: 200px; height: 200px; position: absolute; bottom: -70px; right: -40px; background-image: url(../images/css_sprites.png); background-repeat: no-repeat; background-position: -1449px 0;}
.planConC .data li:nth-child(2) .pic{ background-position: -1649px 0;}
.planConC .opint ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -25px; position: relative;}
.planConC .opint li{ width: 585px; height: 218px; padding: 15px 0 0 45px; margin-top: 25px; box-shadow: none; border-radius: 15px;}  
.planConC .opint li:nth-child(1){background-image: linear-gradient(to right, #effaea, #fff); }
.planConC .opint li:nth-child(2){background-image: linear-gradient(to right, #ffeafa, #fff); }
.planConC .opint li:nth-child(3){background-image: linear-gradient(to right, #ddecff, #fff); }
.planConC .opint li:nth-child(4){background-image: linear-gradient(to right, #ddf9ff, #fff); }
.planConC .opint .pic{ width: 60px; height: 60px; background-image: url(../images/css_sprites.png); background-repeat: no-repeat; background-position: -1849px 0;}
.planConC .opint li:nth-child(2) .pic{background-position: -1909px 0;}
.planConC .opint li:nth-child(3) .pic{background-position: -839px 0;}
.planConC .opint li:nth-child(4) .pic{background-position: -728px 0;}
.planConC .opint dl{ margin-top: 10px;}
.planConC .opint dt{ font-size: 24px; font-weight: bold;}
.planConC .opint dd{ margin-top: 5px; font-size: 16px; line-height: 24px; color: #666; width: 300px;}
.planConC .opint li:nth-child(2n){ padding-left: 240px;}
.planConC .opint li:last-child{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); margin-top: 10px; border: 20px solid #cf4343; background-image: linear-gradient(to right, #ffe7dd, #fff); padding-top: 65px; width: 400px; height: 400px; border-radius: 50%; text-align: center; padding-left: 0; }
.planConC .opint li:last-child .pic{ margin: 0 auto; background-position: -602px 0;}
.planConC .opint li:last-child dd{ margin-left: auto; margin-right: auto;}

.planViewB{ background-color: #d86442;}
.planMain .planBoxD .titB .line:before, .planMain .planBoxD .titB .line:after{ width: 305px;}
.planMain .planBoxE .titB .line:before, .planMain .planBoxE .titB .line:after{ width: 310px;}
.planMain .planBoxF .titB .line:before, .planMain .planBoxF .titB .line:after{ width: 50px;}
.planMain .planBoxG .titB .line:before, .planMain .planBoxG .titB .line:after{ width: 275px;}
.planConD .planConA-top-left{width: 588px;}
.planConD .planConA-top-right{ width: 588px;}
.planConD .planConA-top-right .viewBlcok{ padding: 50px 35px; height: 100%; background-image: linear-gradient(to right, #f9efe5, #fff);}
.planConE .opint{ margin: 0 -30px;}
.planConE .planPro{ margin-top: 0;}
.dy .planPro{background-image: linear-gradient(to right, #ddf9ff, #fff);}
.dy .planPro-left .head .icon{ background-position: -662px 0;}
.dy .planPro-right li:nth-child(1) .pic span{ width: 38px; height: 43px; background-position: -316px 0;}
.dy .planPro-right li:nth-child(2) .pic span{ width: 40px; height: 38px; background-position: -354px 0;}
.dy .planPro-right li:nth-child(3) .pic span{ width: 46px; height: 37px; background-position: -556px 0;}
.dy .planPro-right li:nth-child(4) .pic span{ width: 39px; height: 43px; background-position: -476px 0;}
.planConF ul{ display: flex; justify-content: space-between;}
.planConF li{ width: 384px; border-radius: 20px; padding: 30px; background-image: linear-gradient(to right, #ffe1df, #fff); }
.planConF li:nth-child(2){background-image: linear-gradient(to right, #f4e7cf, #fff); }
.planConF li:nth-child(3){background-image: linear-gradient(to right, #ddecff, #fff); }
.planConF li .pic{ margin: 0 auto; width: 60px; height: 60px; background-image: url(../images/css_sprites.png); background-repeat: no-repeat; background-position: -602px 0;}
.planConF li:nth-child(2) .pic{ background-position: -728px 0;}
.planConF li:nth-child(3) .pic{ background-position: -839px 0;}
.planConF li dl{ margin-top: 15px; text-align: center;}
.planConF li dt{ font-size: 18px; font-weight: bold;}
.planConF li dd{ font-size: 16px; line-height: 24px; color: #666; margin-top: 10px;}
.planMain-fCompany h5{ font-size: 38px; font-weight: bold; color: #ffd015; text-align: center;}
.planMain-fCompany .box{ margin-top: 50px; } 
.planMain-fCompany .box:first-child{ margin-top: 0;}
.planMain-fCompany .list{ margin-top: 40px; padding: 30px 25px; background-color: #fff; border-radius: 20px; box-shadow: 0 15px 30px rgba(0,0,0,.15);}
.planMain-fCompany .honor .bd {overflow: hidden;}
.planMain-fCompany .honor .bd ul{ margin-left: -15px;}
.planMain-fCompany .honor .bd li{ width: 168px; height:120px; margin-left: 15px;}
.planMain-fCompany .honor .bd li img{ width: 168px; height:120px;}
.planMain-fCompany .company .bd {overflow: hidden;}
.planMain-fCompany .company .bd ul{ margin-left: -15px;}
.planMain-fCompany .company .bd li{ width: 300px; margin-left: 15px;}
.planMain-fCompany .company .bd li img{ width: 300px; height: 400px;}
.planMain-fCompany .company .bd li span{ display: block; color:#666; text-align: center; font-size: 16px;}
.planConG a.button{ display: block; font-size: 16px; line-height: 44px; text-align: center; width:168px; text-align: center; border: 2px solid #fff; margin: 50px auto auto auto; color: #fff; border-radius: 10px;}
.planConG a.button:hover{ background-color: #fff; color: #d86442;}
.planMain-fContact ul{ display: flex; justify-content: space-between;}
.planMain-fContact li{ display: flex; align-items: center; overflow: inherit; padding: 0; width: 588px; height: 120px; border-radius: 20px; position: relative; background-image: linear-gradient(to right, #ffe1df, #fff);}
.planMain-fContact li:nth-child(2){background-image: linear-gradient(to right, #f4e7cf, #fff);}
.planMain-fContact .icon{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: -1px; width: 120px; height: 128px; border-radius: 20px 0 42px 0; background-image: linear-gradient(to right, #ed1d56, #fe6e63);}
.planMain-fContact li:nth-child(2) .icon{background-image: linear-gradient(to right, #ff8b00, #faba17);}
.planMain-fContact .icon span{ display: block; width: 40px; height: 44px; background-image: url(../images/css_sprites.png); background-repeat: no-repeat; background-position: -899px 0;}
.planMain-fContact li:nth-child(2) .icon span{ width: 42px; height: 43px; background-position: -939px 0;}
.planMain-fContact dl{ padding-left: 170px;}
.planMain-fContact dt{ color: #cf3637; font-size: 30px; font-weight: bold; line-height: 1;}
.planMain-fContact dd{ color: #999; font-size: 16px; line-height: 1; margin-top: 10px;}
.planViewC{ background-color: #fff;}
.planMain-g{ margin-top: 0;}
.planMain-g .title{ text-align: center;}
.planMain-g .title h5{ color:#C81624; font-size: 36px;}
.planMain-g .title h6{ color: #000; font-size: 20px; font-weight: normal; margin-top: 10px;}
.planMain-g .j-w { position: relative; width:1199px; height:445px; background:url(../images/kfcPlan-22.png) no-repeat center; margin: 0 auto; margin-top: 35px;}
.planMain-g .j-w-m{ padding-top: 40px;}
.planMain-g .j-w-m li{ margin-bottom:14px;}
.planMain-g .j-w-m p{ text-align:right; color:#333; font-size:16px; line-height:40px;}
.planMain-g .j-w-m p.p1{ width:181px;  margin-right:10px;}
.planMain-g .j-w-m p.p2{ margin-right:3px;}
.planMain-g .j-w-m label{ margin-bottom: 0; font-weight: normal; line-height: 40px; vertical-align: top;}
.planMain-g .j-w-m .inp1{color:#666; font-size:16px; line-height:30px; margin-right:40px; display: flex; align-items: center;}
.planMain-g .j-w-m .inp1 input{  vertical-align:-3px; margin-right:5px; background:#fff; display:inline-block;}
.planMain-g .j-w-m .inp2{ width:200px; height:40px; line-height:40px; padding:0 5px; background:#fafafa; color:#333; font-size:16px; border:1px solid #f1f1f1; margin-right:40px; font-family:"Microsoft Yahei"}
.planMain-g .j-w-m select{ float:left; height:40px; background:#fafafa; border:1px solid #f2f2f2; outline:none; text-indent:17px;line-height:40px; width:115px; color:#666666; font-size:14px; margin-right:5px; font-family:"Microsoft Yahei"}
.planMain-g .j-w-m textarea{ width:940px; height:120px; background-color: #fafafa; border: 1px solid #F1F1F1; font-size:16px; color:#666; line-height:24px; font-family:"Microsoft Yahei"; padding:20px; outline:none;}
.planMain-g .j-w-m a{ width:200px; line-height:50px; text-align:center; color:#fff; background:#C81624; font-size:18px; display:block; float:left; margin:0 0 0 191px;}
.planMain-g .j-w-m a:hover{ background:#d14c23}

.planMenu{ position: fixed; left: 20px; top: 50%; transform: translateY(-50%); z-index: 10; width: 114px;}
.planMenu .pic{ text-align: center; font-size: 0;}
.planMenu .pic img{ display: inline-block;}
.planMenu ul{ overflow: hidden; background-color: #fcf7f4; border-radius: 10px; box-shadow: 0 15px 30px rgba(0,0,0,.15); width: 100%; margin-top: 5px;}
.planMenu li{ position: relative;}
.planMenu .text{ color: #999; line-height: 32px; text-align: center;}
.planMenu .goTop{ display: flex; justify-content: center; align-items: center; cursor: pointer; line-height: 40px; text-align: center; background-color: #3a2525; color: #fff;}
.planMenu .goTop:after{ content: ''; display: block; margin-left: 7px; border-left: 5px solid transparent; border-bottom: 6px solid #fff; border-right: 5px solid transparent;}
.planMenu .goTop:hover{ opacity: .8;}
.planMenu a{  font-size: 12px; line-height: 32px; text-align: center; display: block;}
.planMenu a:hover,.planMenu .cur a{ color: #fff; background-color: #b50000;}


.cndns-right{ display: none;}

