@charset "utf-8";

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

/**/
.chanp01{padding: 50px 0 20px;}
.cp_bt{font-size: 40px;color: #333;font-weight: normal;text-align: center;line-height: 40px;height: 145px;}
.cp_bt a{font-size: 40px;color: #333;}
.cp_bt span{display: block;font-size: 20px;color: #666;padding: 10px 0 0;}
.chanp01 p{padding: 0 0 40px;line-height: 0;}

/*产品中心*/
.chanp02_bg{ background:url(../images/cp_bg.gif) repeat-x;height: 960px;}
.chanp02_m{border-right: #e7e7e7 1px solid;width: 1199px;}
.chanp02_m ul li{width: 399px;height: 389px;float: left;border-left: #e7e7e7 1px solid;box-sizing:border-box;margin: 1px 0 0;overflow: hidden;}
.chanp02_m ul li img{width: 400px;height: 300px;}
.chanp02_m ul li a{display: block;width: 400px;height: 389px;-webkit-transition:transform .3s;transition:transform .3s;}
.chanp02_m ul li a:hover{box-shadow: 0 3px 5px 3px #e8e8e9;color: #542e1e;-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.chanp02_m ul li span{ width:345px; display:block; height:25px; line-height:25px; padding:20px 0 0 55px; overflow:hidden; background:url(../images/cp_ico01.gif) no-repeat 36px 26px;}

.chanp02_b{padding: 40px 0 0;background:url(../images/cp_ico02.gif) no-repeat 0 126px;}
.chanp02_b ul li{width: 240px;float: left;text-align: center; background:url(../images/cp_ico02.gif) no-repeat right 86px;}
.chanp02_b ul li a{font-size: 18px;color: #333;display: block;width: 240px;height: 130px;}
.chanp02_b ul li a:hover{font-weight: bold; background:url(../images/cp_ico03.gif) no-repeat center 0;}
.chanp02_b ul li em{display: block;width: 85px;height: 50px;margin:0 auto;padding-bottom: 30px;}
.chanp02_b ul li em img{width: 85px;height: 50px;}

/*执着品质*/
.team_bg{background: #f6f7f7;padding: 55px 0;border-top: #e5e5e5 1px solid;}
.team_l{width: 741px;height: 470px;line-height: 0;}
.team_l img{width: 741px;height: 470px;}
.team_l span{ width:551px; display:block; height:70px; line-height:25px; overflow:hidden;font-size: 14px;color: #fff;padding: 25px 160px 0 30px;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);}
.team_r{width: 458px;height: 468px;border: #e5e5e5 1px solid;border-left: none;}
.team_r dl{width: 280px;margin:0 auto;padding: 40px 0 0;}
.team_r dl dt{width: 120px;height: 120px;margin:0 auto;line-height: 0;}
.team_r dl dt img{width: 120px;height: 120px;display: block;border-radius:50%; transition: all 0.3s ease-in-out 0s;}
.team_r dl dt:hover img{ transform: rotateY(180deg);}
.team_r dl dd{text-align: center;}
.team_r dl dd h5{font-size: 14px;color: #333;height: 35px;line-height: 35px;overflow: hidden;}
.team_r dl dd b{display: block;font-size: 20px;color: #333;text-transform: uppercase;}
.team_r dl dd span{display: block;height: 30px;line-height: 30px;overflow: hidden;}
.team_r dl dd span a{font-size: 14px;color: #666;border-bottom: #dddede 1px solid;}
.team_r .team_desc{padding-top: 20px;font-size: 14px;color: #666;line-height: 26px;height: 130px;overflow: hidden;}

/*欧盟出口标准原材*/
.ou_bg{background: #f6f7f7;padding:0 0 60px;}
.ou_l{width: 355px;height: 202px;line-height: 0;}
.ou_l img{width: 355px;height: 202px;}
.ou_r{border-top: #e5e5e5 1px solid;border-bottom: #e5e5e5 1px solid;width: 844px;height: 200px;}
.ou_r ul li{width: 210px;float: left;border-right: #e5e5e5 1px solid;text-align: center;padding: 40px 0 0;height: 160px;}
.ou_r ul li em{display: block;font-size: 20px;color: #333;height: 60px;line-height: 60px;overflow: hidden;background:url(../images/ou_ico06.gif) no-repeat center 56px;}
.ou_r ul li:hover em{font-weight: bold;}
.ou_r ul li p{font-size: 14px;color: #666;line-height: 24px;padding: 10px 0 0;}
.ou_r ul li span{display: block;}
.ou_bot{border: #e5e5e5 1px solid;border-top: none;width: 1197px;height: 68px;}
.ou_bot ul li{font-size: 16px;color: #333;float: left;width: 239px;text-align: center;background:url(../images/ou_ico07.gif) no-repeat right 24px;height: 68px;line-height: 68px;}
.ou_bot ul li em{display: inline-block;width: 20px;padding-right: 10px;}
.ou_bot ul li em img{width: 20px;height: 20px;vertical-align:middle;}
.ou_bot ul li.nobor{ background:none;}

/*案例*/
.case{padding: 55px 0 60px;}
.case_l{width: 273px;height: 586px;line-height: 0;}
.case_l img{width: 273px;height: 586px;}
.case_l span,.case_c p span,.case_c ul li span{width: 273px;height: 586px;display: block;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;}
.case_l:hover span,.case_c p:hover span,.case_c ul li:hover span{display: none;}
.case_l b,.case_c p b,.case_c ul li b{display: block;font-size: 24px;color: #fff;background:url(../images/case_ico01.png) no-repeat 20px 11px;height: 40px;line-height: 40px;position: absolute;bottom: 45px;left: 0;padding-left: 66px;}
.case_l em,.case_c p em,.case_c ul li em{width: 34px;height: 33px;display: none;position: absolute;top: 42px;right: 40px;}
.case_l em img,.case_c p em img,.case_c ul li em img{width: 34px;height: 33px;}
.case_l:hover em,.case_c p:hover em,.case_c ul li:hover em{display: block;}
.case_r b{bottom: 510px;}
.case_r em{top: 510px;}
.case_c{padding: 0 0 0 15px;width: 639px;}
.case_c p{width: 624px;height: 274px;position: relative;line-height: 0;}
.case_c p img{width: 624px;height: 274px;}
.case_c p span{width: 624px;height: 274px;}
.case_c p b{bottom: 210px;}
.case_c p em{top: 210px;}
.case_c ul li{width: 305px;height: 297px;float: left;position: relative;line-height: 0;margin: 15px 14px 0 0;}
.case_c ul li img{width: 305px;height: 297px;}
.case_c ul li span{width: 305px;height: 297px;}
.case_c ul li:first-child b{bottom: 240px;}
.case_c ul li:first-child em{top: 230px;right: 30px;}

/*优势*/
.ys_bg{background: #f5f6f7;padding: 55px 0 60px;}
.ys dl{width: 400px;float: left;}
.ys dl dt{width: 400px;height: 334px;line-height: 0;}
.ys dl dt img{width: 400px;height: 334px;}
.ys dl dd{width: 320px;height: 283px;background: #fff;padding-top: 50px;text-align: center;}
.ys dl dd h5{font-size: 22px;color: #333;height: 90px;line-height: 90px;font-weight: normal;background:url(../images/ys_ico01.gif) no-repeat center 86px;}
.ys dl dd p{font-size: 14px;color: #666;line-height: 30px;padding-top: 30px;height: 90px;overflow: hidden;}
.ys .ys_dl01 dd{border-top: #e5e5e5 1px solid;border-left: #e5e5e5 1px solid;padding-left: 40px;padding-right: 39px;}
.ys .ys_dl02 dd{border-bottom: #e5e5e5 1px solid;padding-left: 40px;padding-right: 40px;}
.ys .ys_dl03 dd{border-top: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;padding-left: 40px;padding-right: 39px;}

/*新闻动态*/
.news_bg{background:url(../images/news_line01.gif) repeat-x 0 195px;padding: 50px 0 60px;}
.news{ width:510px;padding: 65px 0 0;}
.news_t{ height:40px;}
.news_t ul{float: left;}
.news_t ul li{float: left; background:url(../images/news_bor.gif) no-repeat right 4px;}
.news_t ul li a{font-size: 16px;color: #000;display: block;height: 40px;float: left; padding:0 25px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;}
.news_t span{ float:left; padding-left:25px;}
.news_t span a{font-size: 16px;color: #000;text-transform: uppercase;}
.news_t ul li:first-child a{ padding-left:0;}
.news_m dl{ width:510px;height: 80px; border-bottom:#dcdcdc 1px dashed; padding:15px 0;}
.news_m dt{width: 80px;float: right;font-size: 16px;color: #666160;text-align: center; background:url(../images/news_time.gif) no-repeat center 9px;line-height: 34px;}
.news_m dt i{display: block;font-size: 50px;color: #484240; font-family:"Times New Roman", Times, serif;}
.news_m dd{ float:left; overflow:hidden; width:395px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news_m dd h5 a{font-size: 16px;color: #010101;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h5 a:hover{color: #542e1e;}
.news_m .news_desc{font-size: 14px;color: #9a9a9a;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}

/*公司动态*/
.wd{ width:635px;height: 378px; background:url(../images/news_line02.gif) no-repeat right 65px;padding: 65px 0 0;}
.wd_t{width: 500px;height: 150px;overflow: hidden; background:url(../images/news_tbg.gif) no-repeat;}
.wd_t a{ font-size:24px; color:#333;display: block;padding: 70px 0 0 360px;}
.wd_t a:hover,.wd_m dd h5 a:hover{color: #542e1e;}
.wd_m{ padding:10px 0 0;overflow: hidden;}
.wd_m dl{ width:600px;height: 188px;}
.wd_m dt{width: 298px;height: 168px;float: left;overflow: hidden; background:url(../images/news_k.gif) no-repeat; padding:17px 0 0 20px;}
.wd_m dt img{width: 298px;height: 168px;}
.wd_m dd{ float:left; overflow:hidden; width:250px; padding:20px 0 0 30px;}
.wd_m dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.wd_m dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd_m .news_desc{font-size: 14px;color: #666;line-height: 22px;height: 66px;overflow: hidden; padding:10px 0 0;}
.wd_m dd span{display: block;width: 92px; padding:13px 0 0;}
.wd_m dd span a{display: block;font-size: 14px;color: #333;width: 90px;height: 23px;text-align: center;line-height: 23px; border:#666 1px solid;overflow: hidden;}
.wd_m dd span a:hover{background: #542e1e;color: #fff; border:#542e1e 1px solid;}

/*关于WILWAY万汇*/
.ab_bg{ background:url(../images/ab_bg.gif) repeat-x;height: 552px; padding:58px 0 40px; overflow:hidden;}
.about dl{width: 1090px;float: left;}
.about dl dt{ float:left; width:514px; height:406px;overflow: hidden;border-left: #e7e7e7 1px solid;}
.about dl dt img{ width:514px; height:406px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about dl dd{ width:456px; float:left; padding:70px 0 0 50px;}
.about dl dd h5{height: 75px;line-height: 105px;overflow: hidden;font-weight: normal; background:url(../images/ab_ico01.gif) no-repeat;}
.about dl dd h5 a{ font-size:30px; color:#333;}
.about .ab_desc{ font-size:14px; color:#777; height:90px; line-height:30px; padding:20px 0 0; overflow:hidden;}
.about dl dd span{ display:block; padding:30px 0 0;}
.about dl dd span a{display: block;font-size: 14px;color: #333;width: 76px;height: 40px;line-height: 40px; overflow: hidden;background:url(../images/ab_btn.gif) no-repeat;padding-left: 42px;}
.about ul{width: 108px;float: left;border-left: #e7e7e7 1px solid;border-right: #e7e7e7 1px solid;height: 406px;}
.about ul li{width: 108px;text-align: center;height: 120px;border-top: #e7e7e7 1px solid;padding-top: 82px;}
.about ul li a{font-size: 14px;color: #333;font-weight: bold;}
.about ul li a:hover{color: #542e1e;}
.about ul li i{display: block;font-size: 12px;color: #999;font-weight: normal;}
.about ul li:first-child{border-top: none;}








/**/
@-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);}
}