@charset "utf-8";

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

/**/
.yin{border-bottom: #ededed 1px solid;padding: 60px 0 0;height: 135px;}
.yin_l{width: 430px;}
.yin_l b{display: block;float: left;padding: 5px 0 0;}
.yin_l b img{width: 66px;height: 66px;}
.yin_desc{font-size: 14px;color: #666;line-height: 22px;height: 66px;overflow: hidden;width: 300px;float: left;padding: 2px 0 0 30px;}
.yin_r{width: 770px;}
.ibrand-num li{float:left;width:192px;height:100px;text-align:center;color:#333;font-size:18px; background:url(../images/yin_line.gif) no-repeat;}
.ibrand-num li span{font-size:42px;line-height: 40px; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.ibrand-num li i{font-size:42px;line-height: 40px;}
.ibrand-num li b{display:block;font-size: 14px;color: #666;font-weight: normal; padding:10px 0 0;}

/**/
.chanp{padding: 55px 0 45px;}
.cp_t{font-size: 40px;color: #333;text-align: center;line-height: 40px;height: 115px;}
.cp_t a{color: #333;}
.cp_t span{display: block;font-size: 18px;color: #666;font-weight: normal;padding: 5px 0 0;}

.cp01{width: 1200px;height: 246px;background: #333;border-top: #efb837 4px solid;}
.cp01 ul li{float: left;width: 189px;height: 246px;padding: 0 0 0 50px;border-left: #484848 1px solid;}

.cp_ul01 li a{display: block;font-size: 20px;color: #fff;width: 170px;height: 66px;line-height: 88px;overflow: hidden;background:url(../images/cp_ico01.gif) no-repeat 0 42px;padding: 0 0 0 20px;}
.cp_ul01 li a:hover{font-weight: bold;}
.cp_ul02{padding: 8px 0 0;height: 120px;}
.cp_ul01 .cp_ul02 li{height: 30px;padding: 0;border: none;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #bababa;height: 30px;line-height: 30px;white-space:nowrap; text-overflow:ellipsis;background:url(../images/cp_ico02.gif) no-repeat 0 11px;}
.cp_ul01 .cp_ul02 li a:hover{color: #fff;font-weight: normal;background:url(../images/cp_ico03.gif) no-repeat 0 11px;}
.cp_ul01 li .u-more{font-size: 14px;color: #bababa;height: 30px;line-height: 30px;background:url(../images/cp_ico04.gif) no-repeat 0 8px;margin-top: 5px;padding: 0 0 0 22px;width: 150px;}
.cp_ul01 li .u-more:hover{font-weight: normal;color: #fff;background:url(../images/cp_ico05.gif) no-repeat 0 8px;}

.cp_m{padding: 15px 0 0;}
.cp_m dl{width: 720px; height: 390px;padding: 0 0 0 75px; background: #f7f7f7; position: absolute; top: 15px; left: 0;} 
.cp_m dl dt{width: 390px;height: 390px;float: left;overflow: hidden;}
.cp_m dl dt img,.news02 dl dt p img{width: 390px;height: 390px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_m dl dt img:hover,.news02 dl dt p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_m dl dd{width: 250px;float: left;padding: 80px 0 0 50px;}
.cp_m dl dd h5{height: 68px;line-height: 34px;overflow: hidden;}
.cp_m dl dd h5 a{font-size: 22px;color: #333;}
.cp_m dl dd h5 i{display: block;}
.cp_m dl dd p{padding: 15px 0 0;display: inline-block;width: 250px;}
.cp_m dl dd p a{display: block; float: left; font-size: 18px; color: #666; line-height: 30px;width: 70px;background:url(../images/cp_ico06.gif) no-repeat 0 11px;padding:0 0 0 13px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_m dl dd p a:hover{color: #000;}
.cp_m dl dd span,.cp_desc em{width: 160px;padding: 25px 0 0;display: block;}
.cp_m dl dd span a,.cp_desc em a{display: block; font-size: 14px; color: #3c380d; width: 160px; text-align: center; height: 36px; line-height: 36px; background: #efb837; overflow: hidden;border-radius: 30px;box-shadow: 3px 6px 3px #d9d7c7;}
.cp_m dl dd span a:hover,.cp_desc em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.cp_m ul li{width: 390px;height: 390px;position: relative;line-height: 0;float: left;overflow: hidden;margin-right: 8px;margin-bottom: 15px;}
.cp_m ul li img{width: 390px;height: 390px;}
.cp_m ul li span,.case ul li span{ width:390px; display:block; text-align:center; height:25px; line-height:25px; overflow:hidden;font-size: 14px;color: #333;position: absolute;left: 0;bottom: 20px;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.cp_m ul li:first-child{margin-left: 810px;margin-right: 0;}
.cp_m .nobor{margin-right: 0;}
.cp_m .cp_desc,.case .case_desc{width: 390px;height: 0;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.7);
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.cp_desc b,.case_desc b{display: block;text-align: center;height: 40px;line-height: 40px;padding: 60px 0 0;width: 340px;margin:0 auto;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;}
.cp_desc b a{font-size: 20px;color: #fff;}
.cp_desc div,.case_desc div{font-size: 14px;color: #fff;line-height: 25px;height: 100px;width: 310px;margin:0 auto;padding: 20px 0 0;overflow: hidden;}
.cp_desc em{margin:0 auto;}
.cp_desc em a{box-shadow:none;background: #fff;}
.cp_m li:hover .cp_desc{height: 390px;}
.cp_m ul li:hover span,.case ul li:hover span{height: 0;}

/*与品牌为伍*/
.three{background: #efb837;padding: 40px 0 0;height: 215px;}
.three dl{width: 333px;float: left;margin-left: 100px;}
.three dl dt{height: 80px;line-height: 80px;overflow: hidden;border-bottom: #d9d100 1px solid;width: 333px;display: inline-block;}
.three dl dt em{display: block;width: 55px;height: 46px;float: left;line-height: 0;padding: 20px 0 0;}
.three dl dt em img{width: 46px;height: 46px;display: block;border-radius: 50%; transition: all 0.3s ease-in-out 0s;}
.three dl:hover dt img{ transform: rotateY(180deg);}
.three dl dt p{font-size: 24px;color: #333;float: left;width: 270px;}
.three dl dd{font-size: 14px;color: #918a3d;height: 44px;line-height: 22px;overflow: hidden;padding: 20px 0 0;}
.three dl:first-child{margin-left: 0;}

/*优势*/
.ys{padding: 55px 0 60px;}
.ys01{padding: 8px 0 0;}
.ys dl{padding-left: 35px;width: 520px;-webkit-transition:transform .3s;transition:transform .3s;}
.ys dl dt{font-size: 30px;color: #333;}
.ys dl dt em{display: block;padding: 0 0 20px;height: 30px;}
.ys dl dd{padding: 30px 0 0;}
.ys dl dd p{font-size: 14px;color: #888;line-height: 30px;}
.ys_l{padding-top: 90px;width: 600px;}
.ys_r{width: 600px;height: 392px;}
.ys02{height: 294px;}
.ys .ys02 dl{width: 640px;padding: 0;}
.ys .ys02 dl dt{color: #fff;background:url(../images/ys_line.gif) no-repeat 0 11px;padding-left: 40px;height: 50px;line-height: 50px;}
.ys .ys02 dl dd p{color: #d6d6d6;padding-left: 40px;}
.ys .ys02 .ys_l{width: 640px;padding-top: 50px;background: #333;height: 244px;}
.ys .ys02 .ys_r{width: 560px;height: 294px;}
.ys .ys03 .ys_l{width: 560px;padding-top: 60px;}
.ys .ys03 .ys_r{width: 640px;height: 316px;}
.ys .ys03 dl{padding-left: 50px;}
.ys dl:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

/*客户案例*/
.case{background: #f7f7f7;padding: 55px 0 60px;}
.case ul li{width: 400px;height: 300px;position: relative;line-height: 0;float: left;overflow: hidden;}
.case ul li img{width: 400px;height: 300px;}
.case ul li span{ width:400px; height:50px; line-height:50px;font-size: 18px;color: #fff;background: rgba(0,0,0,0.5);bottom: 0;}
.case .case_desc{width: 400px;background: rgba(249,232,41,0.8);}
.case_desc b{color: #333;}
.case_desc b a{font-size: 22px;color: #333;}
.case_desc div{color: #333;}
.case_desc em{display: block;text-align: center;padding: 20px 0 0;}
.case_desc em a{font-size: 30px;color: #333;text-transform: uppercase;}
.case li:hover .case_desc{height: 300px;}

/*聚焦三川宏*/
.news{padding: 55px 0;}
.news01{width: 585px;}
.news_t{ background:url(../images/news_tbg.gif) no-repeat;height: 80px; padding:0 0 0 30px;width: 555px;}
.news_t h3{float: left; padding:16px 0 0;line-height: 26px;}
.news_t h3 a{font-size: 20px;color: #333;}
.news_t h3 i{display: block;font-size: 14px;color: #666;font-weight: normal; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.news_t span{display: block;float: right;width: 100px;}
.news_t span a{width: 100px;height: 45px;font-size: 12px;color: #fff;display: block;text-align: center;line-height: 45px;background: #3d3d3c;text-transform: uppercase;}
.new_lf{ border-bottom:1px solid #ececec;}
.new_lf h5{height: 55px;line-height: 55px;border-top:1px solid #ececec;font-weight:normal;}
.new_lf h5 i{float: left;width: 115px;font-size: 26px;color: #484848;}
.new_lf h5 a{float: left;width: 425px;color: #555;font-size: 14px;}
.new_lf h5.cur{height: 26px;line-height: 26px;padding-top: 14px;}
.new_lf h5.cur i{font-size: 26px;}
.new_lf h5.cur a{font-weight: bold;}
.new_lf .news_m{height: 70px;}
.new_lf .news_m i{float: left;width: 105px;padding-left: 55px;font-size: 18px;color: #484848;line-height: 32px;}
.new_lf .news_m .news_desc{float: left;width: 565px;font-size: 14px;color: #666;line-height: 24px;padding-top: 5px;}

.news02{width: 585px;}
.news02 dl{padding: 1px 0 0;}
.news02 dl dt{width: 585px; display:inline-block;}
.news02 dl dt p{width: 340px;float: left;height: 170px;overflow: hidden;}
.news02 dl dt p img{width: 340px;height: 170px;}
.news02 dl dt span{display: block;float: left;width: 243px;height: 168px;text-align: center; border:#ededed 1px solid;font-size: 20px;color: #484848;line-height: 40px;}
.news02 dl dt i{display: block;font-size: 40px; padding:40px 0 0;}
.news02 dl dd{width: 550px; padding:20px 0 0;}
.news02 dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news02 dl dd h5 a{font-size: 14px;color: #555;}
.news02 dl dd h5 a:hover,.news02 dl dd em a:hover{color: #000;}
.news02 .news_desc{font-size: 14px;color: #666;height: 44px;line-height: 22px;overflow: hidden;padding: 5px 0 0;}
.news02 dl dd em{display: block;line-height: 22px;margin-top: -22px;margin-left: 140px;width: 100px;}
.news02 dl dd em a{font-size: 14px;color: #666;}

/*关于我们*/
.about{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 530px; padding:78px 0 0;overflow: hidden;}
.ab_t{ background:url(../images/ab_line.png) no-repeat center 25px;height: 155px;text-align: center;line-height: 42px;font-weight: normal;}
.ab_t a{font-size: 46px;color: #fff;}
.ab_t span{display: block;width: 640px; height: 50px; line-height: 50px; background: #efb837; font-size: 24px; color: #555; margin:30px auto 0;}
.ab_desc{font-size: 20px; color: #d6d6d4; line-height: 34px; height: 68px; overflow: hidden;padding: 100px 0 0;width: 1090px;text-align: center;margin:0 auto;}
.about ul{padding: 50px 0 0 190px;display: inline-block;width: 1000px;}
.about ul li{width: 174px;float: left;padding-right: 40px;}
.about ul li a{display: block;font-size: 14px;color: #fff;width: 172px;text-align: center;height: 44px;line-height: 44px;border: #77776c 1px solid;border-radius: 30px;}
.about ul li a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.about ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #efb837;
  border-radius: 30px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.about ul li a:hover, .about ul li a:focus, .about ul li a:active {
  color: #000;
}
.about ul li a:hover:before, .about ul li a:focus:before, .about ul li a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*友情链接*/
.f_link{height: 55px;line-height: 55px;overflow: hidden; background:#eaeaea;}
.f_link b{display: block;float: left;font-size: 14px;color: #666;width: 80px;font-weight: normal;}
.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);}
}