@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.yin{padding: 85px 0 0;}
.yin_l{font-size: 40px;color: #333;width: 465px;line-height: 30px;padding: 10px 0 0;height: 190px;background: url(../images/yin_line.gif) no-repeat right 15px;}
.yin_l em{display: block;height: 40px;}
.yin_l span{display: block;font-size: 24px;color: #fff;width: 400px;text-align: center;height: 44px;line-height: 44px;background: #c92128;overflow: hidden;border-radius: 20px 0;margin-top: 20px;}
.yin_r{width: 685px;height: 190px;overflow: hidden;padding: 10px 0 0;}
.yin_r p{font-size: 14px;color: #737373;line-height: 26px;height: 102px;overflow: hidden;}
.yin_r b{display: block;font-size: 16px;color: #333;text-align: right;padding: 15px 0 0;}
.yin_r i{font-weight: normal;}
.yin_bot{border-top: #e5e5e5 2px solid;}
.yin01{width: 240px;height: 150px;overflow: hidden;}
.yin_m{width: 190px;padding: 40px 0 0;margin: 0 auto;}
.yin_m em{display: block;float: left;width: 56px;}
.yin_m em img{width: 56px;height: 56px;}
.yin_m b{display: block;float: left;font-size: 18px;color: #333;line-height: 26px;width: 110px;padding: 3px 0 0 15px;}
.yin_m b i{display: block;font-size: 12px;color: #c92128;font-weight: normal;text-transform: uppercase;}
.yin01 dl{width: 200px;height: 0;position: absolute;bottom: 0;left: 0;background: #c92128;border-radius: 20px 0 0;padding: 0 20px;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.yin01 dl dt{font-size: 16px;color: #fff;font-weight: bold;height: 30px;line-height: 30px;overflow: hidden;padding: 20px 0 0;}
.yin01 dl dd{padding: 5px 0 0;position: relative;}
.yin01 dl dd p{font-size: 14px;color: #f4d3d4;line-height: 24px;height: 72px;overflow: hidden;position: relative;z-index: 10;}
.yin01 dl dd b{display: block;font-size: 60px;color: #d96469;line-height: 56px;position: absolute;top: 65px;right: 0;font-family: "Impact";}
.yin01:hover dl,.yin_bot .cur dl{height: 150px;}

/*产品中心*/
.cp_bg{background: url(../images/cp_bg.jpg) no-repeat center 0;height: 1480px;overflow: hidden;padding: 95px 0 0;}
.cp_t{font-size: 40px;color: #333;background: url(../images/cp_line.gif) no-repeat center 55px;text-align: center;line-height: 40px;height: 130px;overflow: hidden;}
.cp_t a{color: #333;}
.cp_t em{display: block;height: 40px;}
.cp_t span{display: block;font-size: 18px;color: #666;font-weight: normal;padding: 8px 0 0;}

.cp01{width: 594px;padding: 43px 12px 0 0;}
.cp01_t{width: 594px;height: 474px;overflow: hidden;margin-bottom: 14px;}
.cp01_t img,.cp_list img,.case_r ul li em img,.ys dl dt img,.news_l dl dt img,.photo_m ul li img{width: 594px;height: 474px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp01_t img:hover,.cp_list img:hover,.case_r ul li em img:hover,.ys dl dt img:hover,.news_l dl dt img:hover,.photo_m ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp01_t h4{background: url(../images/cp_k.png) no-repeat;width: 234px;height: 260px;position: absolute;top: 105px;left: 180px;text-align: center;}
.cp01_t em{display: block;width: 40px;margin: 0 auto;padding: 60px 0 0;}
.cp01_t em img{width: 40px;height: 50px;}
.cp01_t em img:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.cp01_t b{display: block;font-size: 36px;color: #fff;height: 50px;line-height: 50px;padding: 8px 0 0;}
.cp_list{width: 290px;height: 230px;overflow: hidden;}
.cp_list img{width: 290px;height: 230px;}
.cp_list h4{width: 290px;height: 40px;position: absolute;bottom: 0;left: 0;}
.cp_list span{display: block;font-size: 16px;color: #333;float: left;font-weight: normal;width: 180px;text-align: right;padding-right: 20px;}
.cp_list em{display: block;float: left;width: 22px;height: 22px;background: url(../images/cp_ico04.png) no-repeat;}
.cp_list:hover em{background: url(../images/cp_ico05.png) no-repeat;}
.cp02,.cp03{width: 290px;padding: 43px 0 0;}
.cp02_t{font-size: 14px;color: #333;padding: 64px 0 0 60px;background: url(../images/cp_ico03.png) no-repeat 25px 68px;width: 230px;height: 180px;line-height: 30px;}
.cp02_t span{font-size: 24px;display: block; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;padding-bottom: 10px;}
.cp02_t b{font-size: 30px;display: block;}
.cp02 .cp_list,.cp02 .cp_list img,.cp04 .cp_list,.cp04 .cp_list img{width: 290px;height: 474px;}
.cp02 .cp_list h4{bottom: 28px;left:-82px;}
.cp01 div.cp_list h4{top:45px;}
.cp05 div.cp_list h4{bottom:-15px;}
.cp03 .cp_list{margin-bottom: 14px;}
.cp04{width: 290px;padding: 13px 13px 0 0;}
.cp04 .cp_list h4{bottom: 25px;}
.cp05{width: 290px;padding: 13px 0 0;}
.cp05 .cp02_t{padding: 70px 0 0 70px;background: url(../images/cp_ico03.png) no-repeat 35px 84px;width: 220px;height: 174px;}
.cp06{width: 594px;padding: 13px 0 0;}

/*连锁门店*/
.map{background: url(../images/map_bg.jpg) no-repeat center 0;height: 640px;overflow: hidden;padding: 50px 0 0;}
.map .cp_t{background: url(../images/map_line.png) no-repeat center 55px;}
.map .cp_t a,.map .cp_t span{color: #fff;}
.map_l{width: 760px;margin: 43px 0 0;}
.map_l b{display: none;font-size: 30px;color: #c92128;position: absolute;top: 88px;left: 360px;}
.map_l:hover b{display: block;}
.map_r{width: 410px;padding: 40px 0 0;height: 405px;overflow: hidden;}
.map_rt{display: block;font-size: 24px;color: #fff;height: 56px;line-height: 30px;overflow: hidden;}
.map_rt i{color: #c92128;}
.map_m{height: 348px;overflow: auto;}
.map_m p{width: 325px;height: 75px;background: #fff;border-radius: 20px 0 0;position: relative;padding: 0 20px;margin-bottom: 15px;}
.map_m p a{color: #333;}
.map_m p b{display: block;font-size: 16px;height: 22px;line-height: 22px;overflow: hidden;padding: 13px 0 5px;}
.map_m p span{display: block;font-size: 14px;height: 22px;line-height: 22px;overflow: hidden;}
.map_m p em{width: 63px;height: 37px;display: block;position: absolute;bottom: 0;right: 0;}
.map_m p em img{width: 63px;height: 37px;}

/*客户见证*/
.case_bg{background: url(../images/case_bg.gif) no-repeat center 0;height: 620px;overflow: hidden;padding: 97px 0 0;}
.case .cp_t{background: url(../images/case_line.gif) no-repeat center 55px;}
.case_l{width: 255px;padding: 140px 0 0 70px;}
.case_l dl{width: 255px;}
.case_l dl dt{height: 90px;line-height: 40px;}
.case_l dl dt a{font-size: 30px;color: #fff;display: block;width: 250px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_l dl dt em{display: block;padding: 10px 0 0;}
.case_l dl dd{font-size: 16px;color: #fff;line-height: 30px;height: 120px;overflow: hidden;padding: 20px 0 0;}
.case_r{width: 875px;padding: 100px 0 0;}
.case_r ul li{width: 247px;height: 300px;background: #fff;float: left;position: relative;padding: 30px 0 0;margin-left: 44px;}
.case_r ul li em{width: 247px;height: 247px;display: block;line-height: 0;overflow: hidden;}
.case_r ul li em img{width: 247px;height: 247px;}
.case_r h4{width: 247px;height: 40px;padding: 5px 0 0;}
.case_r ul li span{display: block;font-size: 14px;color: #333;float: left;font-weight: normal;width: 150px;padding:0 0 0 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_r ul li b{display: block;float: left;width: 22px;height: 22px;background: url(../images/cp_ico04.png) no-repeat;margin:0 0 0 35px;}
.case_r ul li:hover b,.case_r ul li.on b{background: url(../images/cp_ico05.png) no-repeat;}
.case_r ul li i{width: 247px;height: 2px;display:block;position: absolute;z-index: 4;bottom: -17px;left: 0;background: #fff;}
.case_r ul li i:hover{background:#c92128\9;}/* IE6、IE7、IE8支持 */
.case_r ul li i:after{content:'';position:absolute;height:100%;width:0;background:#c92128;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;}
.case_r ul li:hover i:after,.case_r ul li.on i:after{width:100%;}
.case_ico{width: 155px;height: 15px;position: absolute;top: 258px;right: -100px;z-index: 20;}
.case_ico img{width: 155px;height: 15px;}

/*优势*/
.ys_bg{background: url(../images/ys_bg.gif) no-repeat center 0;height: 1590px;overflow: hidden;padding: 95px 0 0;}
.ys .cp_t{background: url(../images/ys_line.gif) no-repeat center 55px;}
.ys01{padding: 85px 0 0;height: 400px;}
.ys02{padding: 64px 0 0;height: 400px;}
.ys03{padding: 76px 0 0;height: 400px;}
.ys dl{position: relative;}
.ys dl dt{width: 960px;height: 400px;position: absolute;top: 0;right: 50%;overflow: hidden;}
.ys dl dt img{width: 960px;height: 400px;}
.ys dl dd{width: 490px;float: right;padding: 75px 70px 0 0;}
.ys dl dd h5,.team_l h5{font-size: 36px;color: #333;line-height: 50px;height: 100px;overflow: hidden;}
.ys dl dd h5 i,.team_l h5 i{color: #c92128;}
.ys dl dd h5 span,.team_l h5 span{display: block;font-size: 22px;font-weight: normal;}
.ys dl dd p,.team_l p{font-size: 16px;color: #666;line-height: 34px;background: url(../images/ys_ico01.png) no-repeat 0 32px;padding: 20px 0 0 20px;}
.ys .ys02 dl dt{right: auto;left: 50%;}
.ys .ys02 dl dd{float: left;padding: 80px 0 0 50px;}

/*精英团队*/
.team{background: #f2f2f2;height: 760px;}
.team_pic{margin-left: -10px;line-height: 0;}
.team_m{background: url(../images/team_k.png) no-repeat;width: 1215px;height: 338px;position: absolute;top: 358px;left: -10px;}
.team_l{width: 500px;padding: 65px 0 0 120px;}
.team_l h5,.team_l p{color: #fff;}
.team_r{width: 425px;padding: 115px 0 0;height: 222px;}
.team_r b{font-size: 48px;color: #333;text-transform: uppercase;height: 70px;display: block;}
.team_r b i{color: #c92128;}
.team_r h5{font-size: 30px;color: #333;line-height: 40px;}
.team_r p{font-size: 18px;color: #666;line-height: 30px;padding: 5px 0 0;}
.team_r em{width: 80px;height: 80px;display: block;position: absolute;bottom: 0;right: 0;line-height: 0;}
.team_r em img{width: 80px;height: 80px;}

/*新闻中心*/
.news_bg{background: url(../images/news_line04.gif) repeat-x 0 235px;padding: 95px 0 90px;}
.news_bg .cp_t{background: url(../images/news_line.gif) no-repeat center 55px;}
.news_t{height: 90px;}
.news_t a{font-size: 18px;color: #101010;background: url(../images/news_ico01.png) no-repeat 23px 0;display: block;padding: 30px 0 0;font-weight: normal;}
.news_t a:hover{background: url(../images/news_ico02.png) no-repeat 23px 0;color: #c92128;}
.news_l{width: 570px;float: left;}
.news_l dl dt{width: 570px;height: 285px;overflow: hidden;line-height: 0;}
.news_l dl dt img{width: 570px;height: 285px;}
.news_l dl dd{width: 570px;}
.news_l dl dd span,.news_r dt{display: block;float: left;height: 60px;width: 75px; font-size: 16px; line-height: 26px;padding: 40px 20px 0 0;color: #e5a8aa; font-family:Arial, Helvetica, sans-serif;text-align: right;font-weight: bold;}
.news_l dl dd span b,.news_r dt b{display: block;font-size: 24px;color: #c92128;}
.news_l .news_lm{width: 445px;float: left;padding: 30px 0 0; overflow:hidden;background:url(../images/news_line02.gif) repeat-y;height: 240px;}
.news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news dl dd h5 a{font-size: 16px;color: #111;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;padding-left: 30px;}
.news dl dd h5 a:hover{ color: #c92128;background:url(../images/news_line03.gif) no-repeat 0 10px;}
.news_lm em{display: block;width: 155px;height: 45px;line-height: 45px;overflow: hidden;border-top: #dcdcdc 1px solid;background:url(../images/news_ico03.gif) no-repeat 110px 15px;margin-left: 30px;margin-top: 40px;position: relative;}
.news_lm em a{font-size: 14px;color: #101010;text-transform: uppercase;display: block;padding-left: 5px;}
.news_lm em a:hover{color: #c92128;}
.news_lm em{
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.news_lm em:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #c92128;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.news_lm em:hover:before,.news_lm em:focus:before,.news_lm em:active:before{right: 0;}
.news_desc{font-size: 14px; color: #666; line-height: 24px; height: 96px; overflow: hidden;padding: 20px 0 0 30px;} 
.news_r{ width:540px;background:url(../images/news_line02.gif) no-repeat 95px bottom;padding-bottom: 70px;}
.news_r dl{ width:540px;height: 160px;overflow: hidden;}
.news_r dd{width: 440px;padding: 30px 0 0;float: left;background:url(../images/news_line02.gif) repeat-y;height: 129px;border-bottom: #e0e0e0 1px solid;}
.news_r .news_desc{padding: 10px 0 0 30px;height: 48px;}
.news .news_r dl dd h5{font-weight: normal;}

/*关于爱欧图文*/
.about{background: url(../images/ab_bg.jpg) no-repeat center 0;height: 300px;overflow: hidden;padding: 50px 0 0;}
.about .cp_t{background: url(../images/ab_lines.png) no-repeat center 18px;}
.about .cp_t a,.about .cp_t span{color: #fff;}
.about dl{text-align: center;}
.about dl dt{font-size: 16px;color: #ccc;line-height: 40px;height: 80px;}
.about dl dd{padding: 25px 0 0;}
.about dl dd a{width: 111px;height: 32px;display: block;margin: 0 auto;}
.about dl dd a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.about dl dd img{width: 111px;height: 32px;}

/*公司风采*/
.photo_bg{background: url(../images/photo_bg.jpg) no-repeat center 0;height: 286px;overflow: hidden;}
.photo_t{background: url(../images/photo_line.png) no-repeat center 9px;height: 40px;}
.photo_t ul li{float: left;height: 40px;line-height: 40px;overflow: hidden;width: 110px; background:url(../images/photo_bor.png) no-repeat 88px 12px;}
.photo_t ul li a{font-size: 18px;color: #fff;}
.photo_t ul li a:hover,.photo_t ul li.on a{color: #c92128;}
.photo_t ul li.nobor{ background: none;}
.photo_t ul li:first-child{margin-left: 395px;}
.photo_m{padding: 20px 0 0;}
.photo_m ul li{width: 223px;height: 167px;line-height: 0;overflow: hidden;float: left;margin-left: 21px;}
.photo_m ul li img{width: 223px;height: 167px;}
.photo_m ul li:first-child{margin-left: 0;}

/*友情链接*/
.f_link{height: 60px;overflow: hidden;line-height: 60px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #666;width: 80px;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}