

body{min-width: 1200px; width: 100%;}

/**/
.yin{padding: 55px 0 30px;}
.yin_t{font-size: 40px;color: #333;text-align: center;height: 130px;line-height: 40px;overflow: hidden;}
.yin_t a{color: #333;}
.yin_t i{color: #dc2821;}
.yin_t span{display: block;font-size: 18px;color: #999;font-weight: normal;padding: 5px 0 0;}
.yin ul li{width: 300px;float: left;text-align: center;background:url(../images/yin_line.gif) no-repeat;position: relative;height: 275px;}
.yin ul li em{width:80px;height:80px;background:url(../images/yin_k01.png);z-index:-1;-webkit-animation: rotate 5s linear infinite;animation: rotate 5s linear infinite;display: block;margin:0 auto;}
.yin ul li:hover em{background:url(../images/yin_k02.png);}
.yin ul li .yin_k{width: 80px;height: 80px;display: block;position: absolute;top: 0;left: 110px;z-index:10;}
.yin ul li .yin_k img{width: 80px;height: 80px;}
.yin ul li b{display: block;font-size: 16px;color: #333;height: 30px;line-height: 30px;padding: 25px 0 0;}
.yin ul li span{display: block;font-size: 14px;color: #666;line-height: 24px;padding: 10px 0 0;height: 72px;overflow: hidden;width: 180px;margin:0 auto;}
.yin ul li .yin_more{display: none;width: 25px;height: 25px;margin:0 auto;padding: 15px 0 0;}
.yin ul li:hover b{color: #dc2821;}
.yin ul li:hover .yin_more{display: block;}
.yin ul li:first-child{background: none;}

/**/
.cp_bg{background: #f8f8f8;padding: 45px 0 65px;}
.cp01 .yin_t{height: 60px;line-height: 50px;}
.cp01_t{height: 55px;padding: 30px 0 0 110px;width: 1080px;}
.cp01_t ul li{float: left;height: 40px;line-height: 40px;overflow: hidden;padding: 0 30px 0 0;}
.cp01_t ul li a{font-size: 18px;color: #999;}
.cp01_t ul li a:hover{color: #dc2821;font-weight: bold;}
.cp01_t ul li em{display: block;float: left;line-height: 0;padding: 8px 10px 0 0;}
.cp01_m{width: 1198px;background:url(http://yikesi.asp.wzkex.com/template/pc/zh/images/cp_line.gif) no-repeat right 0;padding: 0 0 35px;height: 489px;}
.cp01_m01{background:url(http://yikesi.asp.wzkex.com/template/pc/zh/images/cp_k01.png) no-repeat;width: 399px;height: 489px;overflow: hidden;}
.cp01_m01:hover{background:url(../images/cp_k02.gif) no-repeat;box-shadow: 0 5px 10px 5px #eee;}
.cp01_tit{height: 198px;}
.cp01_m01 h3{width: 320px;height: 85px;background:url(../images/cp_ico01.gif) no-repeat 66px 135px;padding: 55px 0 0 66px;line-height: 30px;}
.cp01_m01 h3 a{font-size: 24px;color: #333;}
.cp01_m01 h3 i{display: block;font-size: 14px;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.cp01_m01 .cp_desc{font-size: 14px;color: #999;width: 275px;margin:0 auto;line-height: 22px;height: 44px;overflow: hidden;display: none;}
.cp01_m01 span{width: 390px;height: 290px;display: block;margin:0 auto;}
.cp01_m01 span img{width: 390px;height: 290px;}
.cp01_m01 em{width: 130px;height: 63px;display: none;position: absolute;top: 0;right: 0;}
.cp01_m01 em img{width: 130px;height: 63px;}
.cp01_m01:hover em{display: block;}
.cp01_m01:hover h3{background: none;}
.cp01_m01:hover .cp_desc{display: block;}

/**/
.cp02{background: #333;height: 325px;}
.cp02_t{height: 70px;background:url(../images/cp_tbg.gif) no-repeat;padding: 0 0 0 75px;position: relative;}
.cp02_t ul li{height: 70px;line-height: 70px;float: left;}
.cp02_t ul li a{font-size: 16px;color: #e6b5b3;display: block;float: left;padding: 0 40px 0 25px;}
.cp02_t ul li a:hover,.cp02_t ul li.cur a{color: #fff;background:url(../images/cp_ico02.png) no-repeat 0 28px;}
.cp02_t i{width:44px;height:44px;position: absolute;top: 13px;display: block;}
.cp02_t .gear01{background:url(../images/cp_ico03.png);-webkit-animation: rotate 8s linear infinite;animation: rotate 8s linear infinite;right: 114px;}
.cp02_t .gear02{background:url(../images/cp_ico04.png);-webkit-animation: rotate 5s linear infinite;animation: rotate 5s linear infinite;right: 60px;}
.cp02_m{padding: 42px 30px 0; width:1140px; overflow:hidden;}
.cp02_qie{width:1140px; overflow:hidden;}
.cp02_m ul li{/*width: 252px;*/float: left;padding: 0 35px 0 0;text-align: center;}
.cp02_m ul li em{/*width: 252px;*/height: 142px;display: block;overflow: hidden;}
.cp02_m ul li em img,.ys dl dd span img,.case_r dl dt img,.news01 .news_pic img,.about dl dt img{/*width: 252px;*/height: 142px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp02_m ul li em img:hover,.ys dl dd span img:hover,.case_r dl dt img:hover,.news01 .news_pic img:hover,.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp02_m ul li span{font-size: 14px;color: #bfbfbf; width:252px; display:block; text-align:center; height:25px; line-height:25px; padding:10px 0 0; overflow:hidden;}

/*广告条*/
.ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 167px;overflow: hidden;}
.ban01 p{width: 240px;text-align: center;float: right;padding: 48px 0 0;}
.ban01 p span{display: block; height: 42px; line-height: 42px; font-size: 24px; color: #d8d8d7;font-style: italic;font-weight: bold;} 
.ban01 p em{width: 130px; display: block; margin:0 auto;} 
.ban01 p em a{font-size: 16px;color: #fff;font-weight: bold;background:url(../images/ban_btn.png) no-repeat;width: 130px; height: 30px; line-height: 28px; display: block;}
.ban01 p em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.ban02{background:url(../images/ban02.jpg) no-repeat center 0;}

/*优势*/
.ys{padding: 55px 0;}
.ys .yin_t{height: 110px;}
.ys dl{width: 300px;float: left;padding-right: 75px;padding-left: 75px;background:url(http://yikesi.asp.wzkex.com/template/pc/zh/images/ys_line.gif) no-repeat right 13px;height: 337px;overflow: hidden;}
.ys dl dt{height: 55px;line-height: 55px;overflow: hidden;}
.ys dl dt em{width: 60px;height: 34px;display: block;float: left;line-height: 0;padding: 10px 0 0;}
.ys dl dt em img{width: 34px;height: 34px;
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
-o-transition: -o-transform 1s ease-out;
-ms-transition: -ms-transform 1s ease-out;}
.ys dl:hover dt em img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.ys dl dt b{font-size: 24px;color: #333;display: block;float: left;width: 200px;}
.ys dl dd{padding: 10px 0 0;position: relative;}
.ys dl dd p{font-size: 16px;color: #666;line-height: 32px;}
.ys dl dd span{width: 282px;height: 150px;display: block;margin-top: 20px;overflow: hidden;}
.ys dl dd span img{width: 282px;height: 150px;}
.ys dl dd em{display: block;width: 58px;height: 58px;position: absolute;bottom: 0;right: 18px;}
.ys dl dd em img{width: 58px;height: 58px;}
.ys .dl01{padding-left: 0;}
.ys .dl03{padding-right: 0;background: none;}

/*三大服务*/
.fuw{background:url(../images/fuw_bg.jpg) no-repeat center 0;height: 500px;overflow: hidden;padding: 63px 0 0;}
.fuw01{width: 700px;}
.fuw01 p{background:url(../images/fuw_k01.png) no-repeat;width: 698px;height: 71px;margin-top: 8px;padding-bottom: 22px;}
.fuw01 p em{display: block;float: left;width: 140px;font-size: 20px;color: #fff;background:url(../images/fuw_ico01.png) no-repeat 65px 22px;line-height: 70px;overflow: hidden;padding-left: 116px;}
.fuw01 p span{display: block;float: left;font-size: 14px;color: #787878;line-height: 24px;padding: 10px 0 0 40px;width: 300px;}
.fuw01 p i{display: block;}
.fuw01 p:hover{background:url(../images/fuw_k02.png) no-repeat;}

/*案例*/
.case{padding: 55px 0 0px;}
.case_l{width: 383px;height: 343px;border: #e9e9e9 1px solid;padding: 65px 0 0 5px;}
.case_l ul li,.case_l span{width: 152px;height: 56px;float: left;padding: 0 0 22px 25px;}
.case_l ul li a,.case_l span a{font-size: 18px;color: #333;width: 150px;height: 54px;float: left;line-height: 54px;overflow: hidden;border: #d8d8d8 1px solid;border-radius: 28px 0 0 28px;display: block;}
.case_l ul li a:hover,.case_l span a:hover,.case_l ul li.on a{background: #dc2821;border: #dc2821 1px solid;color: #fff;}
.case_l ul li em,.case_l span em{display: block; float: left; width: 40px; height: 40px; line-height: 0; overflow: hidden;margin:7px 12px 0 7px; } 
.case_l .case_li02 a,.case_l span a{border-radius: 0 28px 28px 0;padding: 0 0 0 15px;width: 135px;}
.case_l .case_li02 em,.case_l span em{margin:7px 7px 0 0;float: right;}
.case_l ul li em img,.case_l span em img{width: 40px;height: 80px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case_l ul li a:hover em img,.case_l span a:hover em img,.case_l ul li.on em img{margin-top: -40px;}
.case_r{width: 810px;height: 456px;}
.case_r dl{width: 810px;height: 456px;position: relative;}
.case_r dl dt{width: 810px;height: 456px;line-height: 0;overflow: hidden;}
.case_r dl dt img{width: 810px;height: 456px;}
.case_r dl dd{width: 570px; height: 95px; position: absolute; bottom: 0; left: 0;background: rgba(0,0,0,0.6);padding:13px 120px 0;} 
.case_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_r dl dd h5 a{font-size: 16px;color: #fff;}
.case_r .case_desc{font-size: 14px;color: #ccc;height: 44px;line-height: 22px;overflow: hidden;padding: 5px 0 0;}
.case_btn{width: 128px; height: 47px; position: absolute; top: 594px; left: 326px;z-index: 30;} 
.case_btn a{width: 64px;height: 47px;display: block;float: left;}
.case_btn .case_lico{background:url(../images/case_lico01.gif) no-repeat;}
.case_btn .case_lico:hover{background:url(../images/case_lico02.gif) no-repeat;}
.case_btn .case_rico{background:url(../images/case_rico02.gif) no-repeat;}
.case_btn .case_rico:hover{background:url(../images/case_rico02.gif) no-repeat;}

/*合作客户*/
.hz_bg{background: #fff;padding: 30px 0;}
.hz_t{background:url(../images/hz_line.gif) no-repeat 0 53px;width: 137px;text-align: center;height: 60px;line-height: 50px;overflow: hidden;position: absolute;top: -140px;left: 0;}
.hz_t a{font-size: 22px;color: #737373;}
.hz_t a:hover{color: #dc2821;font-weight: bold;}
.hz ul li{width: 222px;float: left;padding-left: 22px;padding-bottom: 16px;line-height: 0;overflow: hidden;}
.hz ul li img{width: 220px;height: 110px;}
.hz ul li a{border: #dbdbdb 1px solid;width: 220px;height: 110px;display: block;}
.hz ul li a:hover{border: #bbb 1px solid;}
.hz ul li.nobor{padding-left: 0;}

/*新闻动态*/
.news{padding: 55px 0 50px;}
.news .yin_t{ height:70px;}
.news_t{width: 300px;margin:0 auto;}
.news_t ul li{width: 150px;overflow: hidden;float:left}
.news_t ul li a{font-size: 14px;color: #333;display: block; float: left; width: 150px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;background:url(../images/news_k02.gif) no-repeat;} 
.news01{width: 600px;float: left;padding: 280px 0 0; position:relative;}
.news01 .news_pic{width: 600px;height: 200px;overflow: hidden;line-height: 0; position:absolute; top:50px; left:0;}
.news01 .news_pic img{width: 600px;height: 200px;}
.news dl{width: 600px;}
.news dl dt{float: left;height: 56px;width: 95px; font-size: 14px; color: #dc2821; background:url(http://yikesi.asp.wzkex.com/template/pc/zh/images/news_line.gif) no-repeat right 10px;line-height: 30px;padding: 10px 0 0;}
.news dl dt b{display: block;font-size: 24px;color: #333;}
.news dl dd{width: 480px;padding: 0 0 0 20px;float: left;}
.news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news dl dd h5 a{font-size: 14px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dl dd h5 a:hover{ color: #dc2821;}
.news_desc{font-size: 14px; color: #888; line-height: 20px; height: 40px; overflow: hidden;} 

.news02{ width:560px;float: right;padding: 20px 0 0 20px;}
.news .news02 dl{ width:560px;height: 70px;overflow: hidden;border-bottom: #dadada 1px solid;padding: 20px 0;}
.news .news02 dt{width: 90px;}
.news .news02 dd{width: 440px;}
.news .news02 .nobor{border-bottom: none;}

/*走进兴合叉车*/
.about{background: #f8f8f8;padding: 45px 0 40px;}
.about .yin_t{ height:120px;}
.ab_bt{width: 205px;height: 97px;display: block;position: absolute;top: 120px;left: 0;z-index: 30;}
.ab_bt img{width: 205px;height: 97px;}
.about dl{width: 1200px;height: 414px;position: relative;}
.about dl dt{width: 1200px;height: 414px;line-height: 0;overflow: hidden;}
.about dl dt .bgpic {
    transition-delay: 0.4s !important;
    transform: matrix(1.0, 0, 0, 1.0, 0, 0);
    -webkit-transition: all 5.0s ease;
    -moz-transition: all 5.0s ease;
    -ms-transition: all 5.0s ease;
    -o-transition: all 5.0s ease;
    transition: all 5.0s ease;
}
.about dl dt .bgpic {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
    width: 100%;
    height: 100%;
    text-align: center;
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    -webkit-transition: all 0.4s ease 1.2s;
    -moz-transition: all 0.4s ease 1.2s;
    -ms-transition: all 0.4s ease 1.2s;
    -o-transition: all 0.4s ease 1.2s;
    transition: all 0.4s ease 1.2s;
    object-fit: cover;
}
.about dl dt .vplay {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;}


.about dl dd{font-size: 14px;color: #fff;line-height: 26px;width: 1020px;height: 90px;padding: 15px 120px 0 60px;background: rgba(0,0,0,0.6);position: absolute;bottom: 0;left: 0;}
.ibrand-num{overflow:hidden;margin:30px 0 0;}
.ibrand-num li{float:left;width:400px;height:66px;text-align:center;color:#333;font-size:18px;line-height: 50px; background:url(http://yikesi.asp.wzkex.com/template/pc/zh/images/ab_line.gif) no-repeat;}
.ibrand-num li em{width: 38px;height: 38px;display: block;float: left;line-height: 0;padding: 8px 10px 0 120px;}
.ibrand-num li em img{width: 38px;height: 38px;}
.ibrand-num li p{float: left;}
.ibrand-num li span{font-size:42px;font-weight: bold;}
.ibrand-num li b{font-size: 14px;color: #888;font-weight: normal;}
.ibrand-num li:first-child{background: none;}

/**/
.map_bg{background: #f8f8f8;padding: 0 0 60px;}
.map_t{position: absolute;top: 0;left: 0;}
.map_t ul li{width: 1200px;height: 80px;float: left;}
.map_t ul li a{position: relative;z-index: 999; font-size: 20px;color: #333; background:url(../images/map_k01.png) no-repeat;display: block;width: 400px;height: 80px;line-height: 70px;overflow: hidden;margin: 0 auto;}
.map_t ul li a:hover{ background:url(../images/map_k02.png) no-repeat;color: #fff;font-weight: bold;}
.map_t ul li em{width: 30px;height: 34px;display: block;float: left;line-height: 0;overflow: hidden;padding: 0 30px 0 75px;margin-top: 15px;}
.map_t ul li em img{width: 30px;height: 68px;}
.map_t ul li a:hover em img{margin-top: -34px;}
.map_m{padding-top: 40px;}
.map_m img{width: 1192px;height: 350px;display: block;border: #e0e0e0 4px solid;}

/*友情链接*/
.f_link{height: 44px;line-height: 44px;overflow: hidden; background:#fff;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;font-weight: normal;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}

/*视频插件--视频窗口*/
.media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;}
.media-modal .mediaModal-contain{width:920px;height:600px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-300px 0 0 -460px;display:none;}
.mediaModal-contain .mediaModal-box,
.mediaModal-contain video,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;}
.mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../images/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.mediaModal-contain:hover .close{opacity:1;}

/**/
@-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);}
}


/**/
@keyframes rotate{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@-webkit-keyframes rotate {
  0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}