﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*正文开始*/
.banner a { background:url(Img/Index/banner.jpg) no-repeat center 0; height:497px; display:block;}

/*解决方案*/
.plan{ padding:46px 0 80px;font-size: 0;}
.plan_t{ background:url(Img/Index/plan_tbg.gif) no-repeat center 0;text-align: center;height: 140px;overflow: hidden;}
.plan_t a{font-size: 30px;color: #333;display: block; padding:30px 0 0;}
.plan_t a:hover{color: #272976;}
.plan p{width: 232px;height: 400px;float: left; padding:0 4px;overflow: hidden;}
.plan p a{display: block;width: 230px;height: 398px;background: #fff; border:#eee 1px solid;color: #333;}
.plan p a:hover{background: #21a64a; border:#21a64a 1px solid;color: #fff; text-decoration:none;}
.plan p b{display: block;width: 230px;height: 259px;overflow: hidden;}
.plan p b img,.pro_r dl dt img,.ys .ys_pic img,.jz dt img,.fengc_c ul li img,.news01 dt img{width: 230px;height: 259px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.plan p b img:hover,.pro_r dl dt img:hover,.ys .ys_pic img:hover,.jz dt img:hover,.fengc_c ul li img:hover,.news01 dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.plan p em{display: block;font-size: 18px;width: 200px; margin:0 auto;height: 30px;line-height: 30px;overflow: hidden; padding:15px 0 0;}
.plan p span{display: block;font-size: 14px;height: 72px;line-height: 24px;overflow: hidden;width: 200px; margin:0 auto 14px; padding:8px 0 0;}
.plan .plan_p02{ padding-top:40px;}

/*冷库建造解决方案中心*/
.pro{ padding:0 0 30px;font-size: 0;}
.pro_l{ width:280px;}
.pro_lt{ background:url(Img/Index/cp_ltbg.gif) no-repeat; width:280px; height:130px;overflow: hidden;font-weight: normal;text-align: center;}
.pro_lt a{ font-size:26px; color:#fff;display: block; padding:30px 0 0;}
.pro_lt i{display: block;font-size: 14px;color: #fff;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0;}
.pro_lm{ background:#f9f9f9; border:#dfdfdf 1px solid;width: 278px;height: 748px;overflow: hidden;}
.pro_lm h3{ background:url(Img/Index/cp_libg.gif) no-repeat; margin:18px 0 0; width:278px; height:30px; line-height:30px;overflow: hidden;}
.pro_lm h3 a{ font-size:18px; color:#272976; padding:0 0 0 44px; font-weight:normal;}
.pro_lm h3 a:hover{font-weight: bold;}
.pro_lm ul{width: 220px;display: block; margin:0 auto; padding:8px 0 0;}
.pro_lm ul li{ height:32px; line-height:32px; border-bottom:#dfdfdf 1px solid;overflow: hidden;}
.pro_lm ul li a{ font-size:14px; color:#333; padding:0 0 0 10px;}
.pro_lm ul li a:hover{ color:#272976;}
.pro_lm .pro_ul01{ display:inline-block; margin:0 0 0 28px;}
.pro_lm .pro_ul01 li{width: 110px;float: left;}
.pro_lm .pro_ul01 .nobor{ border:none;}
.pro_r{ width:870px;}
.pro_rt01{ background:url(Img/Index/cp_rtbg.gif) no-repeat;width: 870px;height: 68px;text-align: center;line-height: 68px;overflow: hidden;}
.pro_rt01 a{font-size: 26px;color: #272976;}
.pro_rt01 span{float: right; padding:0 15px 0 0;}
.pro_rt01 span a{font-size: 14px;color: #b2b2b2;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.pro_rt{width: 870px; display:inline-block; height:40px; padding:30px 0 0;overflow: hidden;}
.pro_rt ul li{ float:left; padding:0 10px 0 0;overflow: hidden;}
.pro_rt ul li a{ font-size:16px; color:#fff; background:#21a64a; display:block; float:left;width: 166px;height: 40px;text-align: center;line-height: 40px;overflow: hidden;}
.pro_rt ul li.cur a,.pro_rt ul li a:hover{background: #272976; text-decoration:none;}
.pro_rt .nobor{ padding:0;}
.pro_r dl{ width:870px; display:inline-block; overflow:hidden; padding:30px 0 20px;}
.pro_r dl dt{ width:435px; height:330px;float: left;overflow: hidden;}
.pro_r dl dt img{ width:435px; height:330px;}
.pro_r dl dd{ width:375px;height: 305px;background: #f5f5f5; float:left; padding:25px 30px 0;overflow: hidden;}
.pro_r dl dd em{display: block;font-size: 14px;color: #333;height: 50px;line-height: 50px;overflow: hidden;}
.pro_r dl dd p{ padding:10px 0 0; height:300px; font-size:14px; color:#333; line-height:24px;height: 96px;overflow: hidden;}
.pro_r dl dd span{display: block; padding:30px 0 0;overflow: hidden;}
.pro_r dl dd span a{display: block;float: left;width: 118px;height: 38px;text-align: center;line-height: 38px;font-size: 16px;color: #272976; border:#272976 1px solid; margin:0 10px 0 0;overflow: hidden;}
.pro_r dl dd span a:hover{background: #21a64a;color: #fff; border:#21a64a 1px solid; text-decoration:none;}

/**/
.hz_bg{ background:url(Img/Index/hz_bg.gif) repeat-y center 0;height: 620px;font-size: 0;overflow: hidden;}
.hz_t{text-align: center; padding:45px 0 0;height: 125px;}
.hz_t a{font-size: 35px;color: #fff;}
.hz_t i{display: block;font-size: 16px;color: #fff;font-weight: normal; padding:5px 0 0;}
.hz b{display: block;width: 1200px;height: 302px;}
.hz b img{width: 1200px;height: 302px;}

.hz p{ display:inline-block;width: 500px; padding:40px 0 0 430px;}
.hz p span{display: block;float: left;font-size: 16px;color: #fff;width: 238px;height: 38px;text-align: center;line-height: 38px; border-bottom:#fff 1px solid;border-top:#fff 1px solid;border-left:#fff 1px solid;}
.hz p i{font-size: 20px;}
.hz p em{display: block;float: left;width: 100px;}
.hz p em a{display: block;width: 100px;height: 40px;text-align: center;line-height: 40px;overflow: hidden;font-size: 18px;color: #333;background: #fff;}
.hz p em a:hover{color: #fff;background: #21a64a;}

/*优势*/
.ys_tbg{ background:url(Img/Index/ys_tbg.jpg) no-repeat center 0; height:180px; overflow:hidden;}
.ys01{ background:url(Img/Index/ys_bg01.jpg) no-repeat center 0; height:450px; overflow:hidden;}
.ys02{ background:url(Img/Index/ys_bg02.jpg) no-repeat center 0; height:440px; overflow:hidden;}
.ys03{ background:url(Img/Index/ys_bg03.jpg) no-repeat center 0; height:440px; overflow:hidden;}
.ys04{ background:url(Img/Index/ys_bg04.jpg) no-repeat center 0; height:453px; overflow:hidden;}
.ys_t{text-align: center; padding:60px 0 0;}
.ys_t a{font-size: 30px;color: #333;}
.ys_t a:hover{color: #272976;}
.ys_t span{display: block;font-size: 14px;color: #333;font-weight: normal; padding:22px 0 0;}
.ys dl{width: 500px;float: left;}
.ys dl dt{ display:inline-block;width: 500px;height: 90px;overflow: hidden; padding:18px 0 0;}
.ys dl dt em{display: block;float: left;width: 92px; padding:0 12px 0 0;}
.ys dl dt em img{width: 92px;height: 80px;}
.ys dl dt h5{float: left;width: 390px;height: 80px; background:url(Img/Index/ys_line.gif) repeat-x 0 33px;}
.ys dl dt h5 span{display: block;font-size: 24px;color: #333;font-weight: normal; padding:0 0 8px;}
.ys dl dt h5 i{font-size: 18px;color: #555; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase; padding:0 0 0 10px;}
.ys dl dt h5 a{font-size: 38px;color: #272976;}
.ys dl dd{width: 490px; padding:30px 0 0;}
.ys dl dd p{font-size: 16px;color: #555;line-height: 25px; border-bottom:#d9d9d9 1px dashed; padding:5px 0 5px 24px; background:url(Img/Index/ys_ico.gif) no-repeat 0 12px;}
.ys dl dd p i{color: #21a64a;}
.ys dl dd span{display: block; padding:20px 0 0;}
.ys dl dd span a{font-size: 16px;color: #272976;display: block;float: left;width: 118px;height: 38px;text-align: center;line-height: 38px; border:#d9d9d9 1px dashed; margin:0 20px 0 0;overflow: hidden;}
.ys dl dd span a:hover{ border:#272976 1px solid; text-decoration:none;}
.ys .ys_pic{width: 600px;height: 360px;display: block;overflow: hidden;}
.ys .ys_pic img{width: 600px;height: 360px;}
.ys02 dl,.ys04 dl{ padding:0 0 0 48px;}
.ys04 dl dt{ padding:35px 0 0;}
.ys04 dl dd{ padding:15px 0 0;}


.ys_honor{width: 600px;}
.ys_honor p{ padding-top:160px;width: 23px;height: 41px;}
.ys_honor p img{width: 23px;height: 41px;}
.ys_honor .ys_l{ padding-left:74px;}
.ys_honor .ys_r{ padding-right:74px;}

.ys_m { width:405px; height:128px; margin:0 auto; padding-top:115px;}
.ys_m ul{width:300px; height:128px; margin:0 auto; position: relative;}
.ys_m ul li { width:177px; height:128px; overflow:hidden;}
.ys_m ul li a{display:block; overflow:hidden;}
.ys_m ul li a img{ width:100%}


/*合作流程*/
.liuc_bg{ background:url(Img/Index/liuc_bg.jpg) no-repeat center 0;height: 200px;font-size: 0;overflow: hidden;}
.liuc_l{font-size: 26px;color: #fff;width: 260px;text-align: center; padding:35px 0 0;}
.liuc_l i{display: block;font-size: 36px; padding:5px 0 0;}
.liuc_l span{display: block;width: 120px; padding:10px 0 0; margin:0 auto;}
.liuc_l span a{display: block;width: 120px;height: 40px;text-align: center;line-height: 40px;background: #fff;font-size: 18px;color: #272976;}
.liuc_l span a:hover{background: #21a64a;color: #fff; text-decoration:none;}
.liuc_r{display: block;width: 910px; padding:45px 0 0;}
.liuc_r li{width: 110px;height: 110px;float: left;overflow: hidden; padding:0 0 0 20px;}
.liuc_r li a{ background:url(Img/Index/liuc_k01.png) no-repeat;display: block;width: 110px;height: 110px;text-align: center;line-height: 110px;overflow: hidden;font-size: 20px;color: #333;}
.liuc_r li.cur a,.liuc_r li a:hover{ background:url(Img/Index/liuc_k02.png) no-repeat;color: #fff; text-decoration:none;}

/*客户见证*/
.jz,.list01{width: 820px;font-size: 0; padding:75px 0 70px;}
.jz_t{width: 778px;height: 44px;line-height: 44px; border:#cdcdcd 1px solid; padding:0 20px;}
.jz_t a{font-size: 16px;color: #333;font-weight: normal;}
.jz_t a:hover,.list01 ul li a:hover,.fengc h2 a:hover,.news01 dd h5 a:hover,.news02 dd h5 a:hover,.wd dt a:hover{color: #272976;}
.jz_t span{display: block;float: right;line-height: 0; padding:10px 0 0;}
.jz_t span img{width: 50px;height: 20px;}
.jz dl{ width:260px; padding:35px 6px 0; float:left;overflow: hidden;}
.jz dt{ width:258px;height: 209px;overflow: hidden; border:#f5f5f5 1px solid;}
.jz dt img{ width:258px; height:209px;}
.jz dd{ width:260px;height: 160px; overflow:hidden;background: #f5f5f5;}
.jz dd a{ width:206px;height: 160px; padding:0 27px; overflow:hidden;background: #f5f5f5;display: block;color: #333;}
.jz dd a:hover{background: #21a64a;color: #fff; text-decoration:none;}
.jz dd h5{line-height:30px; height:30px; overflow:hidden;font-size: 14px; padding:10px 0 0;}
.jz dd span{font-size:14px; display:block; padding:5px 0 10px;}
.jz dd p{font-size: 14px; line-height:25px; height:75px; overflow:hidden;}

/*冷库工程建造动态*/
.list01{width: 320px;}
.list01 .jz_t{width: 278px;}
.list01 ul{width: 310px; margin:0 auto; padding:35px 0 0;}
.list01 ul li{height: 36px;line-height: 36px; border-bottom:#d9d9d9 1px dashed;overflow: hidden;}
.list01 ul li a{font-size: 14px;color: #333;}
.list01 ul li span{float: right;}

/*走进肯德*/
.ab_bg{ background:url(Img/Index/ab_bg.jpg) no-repeat center 0; height:400px; font-size:0; padding:70px 0 0; overflow:hidden;}
.about dl dt{ width:560px; height:360px; float:left; padding:0 40px;}
.about dl dt img{ width:560px; height:360px;}
.about dl dd{ width:525px; float:left;}
.about dl dd h5{ height:40px;overflow: hidden;}
.about dl dd h5 a{ font-size:30px; color:#333;}
.about dl dd h5 i{font-size: 30px;color: #7d7d7d;font-weight: normal;text-transform: uppercase; font-family:"Times New Roman", Times, serif; padding:0 0 0 20px;}
.about dl dd h6{height: 30px;line-height: 30px;overflow: hidden; padding:25px 0 0;}
.about dl dd h6 a{font-size: 20px;color: #fff;font-weight: normal;}
.about dl dd p{ font-size:14px; color:#fff; height:140px; line-height:28px; padding:15px 0 0; overflow:hidden;}
.about dl dd p a{ font-size:14px; color:#fff; }
.about dl dd span{display: block; padding:45px 0 0;}
.about dl dd span a{display: block;float: left;width: 118px;text-align: center;height: 38px;line-height: 38px;font-size: 16px;color: #fff;overflow: hidden; border:#fff 1px solid; margin:0 20px 0 0;}
.about dl dd span a:hover{ border:#21a64a 1px solid;background: #21a64a; text-decoration:none;}

/*肯德风采展示*/
.fengc{ padding:46px 0 65px;font-size: 0;}
.fengc h2{height: 68px;line-height: 40px;overflow: hidden;text-align: center;}
.fengc h2 a{font-size: 30px;color: #333;}
.fengc_l{ position:absolute; top:180px; left:-40px;}
.fengc_r { position:absolute; top:180px; right:-40px;}
.fengc_l img,.fengc_r img{width: 29px;height: 79px;}
.fengc_c ul li { width:285px; float:left; padding:0 7px;overflow: hidden;}
.fengc_c ul li em{display: block;width: 285px;height: 210px;overflow: hidden;}
.fengc_c ul li img{width: 285px;height: 210px;}
.fengc_c ul li span{ width:285px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:10px 0 0;}
.fengc_c ul li span a{ font-size:14px; color:#333;}

/*肯德动态*/
.news,.wd{ width:790px; font-size:0; padding:0 0 48px;}
.news_t{ height:53px; background:url(Img/Index/news_tbg01.gif) repeat-x;overflow: hidden;}
.news_t ul li{ float:left;}
.news_t ul li a{ font-size:16px; color:#333; display:block; width:150px; height:53px; line-height:45px; text-align:center;}
.news_t ul li.cur a,.news_t ul li a:hover{ color:#fff; background:url(Img/Index/news_tbg02.gif) no-repeat; text-decoration:none;}
.news_t span{ float:right;display: block;line-height: 0; padding:12px 15px 0 0;}
.news_t span img{width: 50px;height: 20px;}
.news01{width: 310px; padding:14px 0 0;}
.news01 dt{ width:310px; height:190px;overflow: hidden;}
.news01 dt img{ width:310px; height:190px;}
.news01 dd{ overflow:hidden; width:310px; padding:20px 0 0;}
.news01 dd h5{ height:25px; line-height:25px; overflow:hidden;}
.news01 dd h5 a{ font-size:16px; color:#333;font-weight: normal;}
.news01 dd p{ font-size:14px; color:#666; height:50px; line-height:25px;overflow: hidden; padding:10px 0 0;}
.news01 dd p a{font-size: 14px;color: #21a64a;}
.news02{width: 445px; padding:5px 0 0;}
.news02 dl{ padding:12px 0; border-bottom:#d9d9d9 1px dashed;}
.news02 dt{ width:54px;height: 40px; border-right:#d4d3d3 1px solid;float: left;font-size: 36px;color: #262425; font-family:Arial, Helvetica, sans-serif;line-height: 24px; margin:5px 0 0;}
.news02 dt i{display: block;font-size: 12px;color: #666;}
.news02 dd{ overflow:hidden; width:375px; padding:0 0 0 8px;}
.news02 dd h5{ height:25px; line-height:25px; overflow:hidden;}
.news02 dd h5 a{ font-size:16px; color:#333;font-weight: normal;}
.news02 dd p{ font-size:14px; color:#666; height:25px; line-height:25px;overflow: hidden;}

/*常见问题*/
.wd{ width:340px;}
.wd .jz_t{width: 300px;}
.wd dl{ width:340px; height:90px; border-bottom:#d9d9d9 1px dashed; padding:15px 0 0;}
.wd dt{ background:url(Img/Index/wen.gif) no-repeat 0 5px; padding-left:30px; height:25px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:16px; color:#333;}
.wd dd{ font-size:14px; color:#666; background:url(Img/Index/da.gif) no-repeat 0 5px; padding-left:30px; line-height:25px; height:50px; overflow:hidden;}
.wd .nobor{ border:none;}

/**/
.links{width: 1198px;height: 62px;line-height: 62px;overflow: hidden; border:#cdcdcd 1px solid; margin:0 0 50px;}
.links_l{width: 162px; padding:18px 0 0 38px;}
.links_l img{ width:162px; height:26px;}
.links_c{ height:62px; line-height:62px; overflow:hidden; width:840px;}
.links_c a{font-size: 14px;color: #666; display:inline-block; padding:0 21px;}
.links_r{ height:62px; line-height:62px; overflow:hidden;width: 158px;text-align: center;}
.links_r a{font-size: 14px; color:#666;}


/**/

@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}