@charset "utf-8";

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: 240px;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: 80px;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;}


.roll{position: absolute; right: 273px;top:497px; border: 1px solid #b5b5b5; width: 57px; height: 28px;}
.roll a{float:left; display:inline-block; width: 28px; height: 28px; overflow:hidden;}
.roll .roll1{border-right: 1px solid #b5b5b5; background:url(../images/roll1.gif) no-repeat 0 top;}
.roll .roll1:hover{ background:url(../images/roll11.gif) no-repeat 0 top;}  
.roll .roll2{ background:url(../images/roll2.gif) no-repeat left top;}
.roll .roll2:hover{ background:url(../images/roll22.gif) no-repeat left top;} 

/*pro*/
.pro_bg{margin:50px auto 0;height:836px;}
.pro_bg .yin_t{height: 80px;}
.pro_t{margin-bottom: 27px;}
.pro_txt{width: 1200px;margin: 0 auto 7px; height: 50px; line-height: 50px; font-size: 20px; text-align: center;background:url(../images/pro_ip.png) no-repeat right top;}
.pro_txt h3{float: left; font-size: 18px; line-height: 50px;text-align: center; }
.pro_txt h3 a{display: inline-block; width: 200px; padding-right: 12px; height: 50px; color: #fff; background:url(../images/pro_ic3.jpg) no-repeat left top;}
.pro_txt h3 a:hover,.pro_txt:hover h3 a{background:url(../images/pro_ic2.jpg) no-repeat left top;}
.pro_txt ul{float: left;width: 930px; margin-left: 20px;}
.pro_txt li{float: left; font-size:14px; padding: 0 35px;background:url(../images/pro_l1.gif) no-repeat right center;}
.pro_txt li a{height: 50px; display: inline-block; color: #666;}
.pro_txt li.nones{background: none;}
.pro_txt li a:hover,.pro_txt li.cur a{text-decoration: none;}
.pro_txt span{float: right; width: 24px; height: 24px; margin-top: 13px; display: block; line-height:0px;}
.pro_txt span img{width: 24px; height: 24px;}

.pro_con{ position: relative; margin: 0 auto; width: 1200px; height:496px; overflow: hidden;}
.pro_qh{width:1200px; margin: 0 auto;}
.pro_con .roll{position: absolute;right: 0px;top: 466px; z-index: 10;}
.pro_img{ float: left; width: 663px; height: 495px;}
.pro_dt{ position: relative; }
.pro_img img{width: 663px; height: 495px;}
.pro_img span{display: block;position: absolute;left:0px;bottom:0px; width: 618px; height: 60px;  padding-left: 45px; background:url(../images/pro_sp.png) repeat 0 top; line-height: 60px; font-size: 16px; color: #fff;}
.pro_img p{position: absolute;right: 42px;bottom: 15px; z-index: 4; text-align: center; line-height: 30px; font-size: 14px;}
.pro_img p a{color: #fff; width: 126px; height: 30px; display: inline-block; background:url(../images/pro_btn.png) no-repeat 0 top;}

.pro_min_img {float: right; width: 535px;}
.pro_qh ul{width: 535px; float:left;}
.pro_qh ul li{float: left; margin: 0 0 13px 13px; width: 253px; height: 190px;}
.pro_qh ul li img{ width: 253px; height: 190px;}


/**/
.cp_bg{background: #f8f8f8;padding: 0 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(../images/cp_line.gif) no-repeat right 0;padding: 0 0 35px;height: 489px;}
.cp01_m01{background:url(../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: 585px;}
.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;}
.cp02_m ul li em{width: 252px;height: 402px;display: block;overflow: hidden;}
.cp02_m ul li em img{width: 252px;height: 402px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.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;*/border-bottom: 6px solid #e0e0e0;overflow: hidden;margin-bottom: 78px;}
.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(../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{height:710px; overflow: hidden; }
.yin_t {
    font-size: 40px;
    color: #333;
    text-align: center;
    height: 130px;
    line-height: 40px;
    overflow: hidden;
}
.case h2{background:url(../images/c_h2.jpg) no-repeat center 94px;
}
.c_l{ width: 239px; background: #fff; height: 528px;}
.c_l h3{height: 77px; line-height: 77px; background: #bc1c18; color: #fff; font-size: 20px;font-weight: normal;  text-align: center;}
.c_l ul{ height:449px; border: 1px solid #e5e5e5;}
.c_l ul li{ height: 68px;}
.c_l ul li a{ display: block; line-height: 69px; border-bottom: 1px solid #e5e5e5; padding-left: 60px; font-size: 15px; color: #000; margin-left: 2px;}
.c_l ul li.cur a,.c_l ul li:hover a{ background: #f5f5f5; color: #bc1c18; border-left: 2px solid #bc1c18; margin-left: 0;}

.c_r{ float: right; width: 935px; height: 528px; position: relative; box-sizing: border-box;}
.c_uu2{ position: absolute; z-index: 5; top: 216px; left: 0; cursor: pointer;}
.c_dd2{ position: absolute; z-index: 5; top: 216px; right: 0; cursor: pointer;}
.c_r ul li{ position: relative; font-size: 0;}
.c_r ul li b{ display: block; position: absolute; left: 0; bottom: 10px; font-weight: normal; height: 133px;background:url(../images/c_spn.png) repeat-x; width: 100%;}
.c_r ul li b i{ display: inline-block; float: left; padding:19px 0 0 26px; width: 673px; font-size: 14px; color: #fff; line-height: 31px;}
.c_r ul li b i a{ display: block; font-size: 14px; display: block; color: #fff;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  margin-bottom: 4px;}
.c_r ul li em{ display: inline-block; float: right; width: 156px; padding-top: 29px;}
.c_r ul li em a{ display: block; margin-bottom: 7px; width: 137px; height: 37px; line-height: 37px; border-radius: 37px; background: #fff; font-size: 14px; color: #333; text-align: center;}
.c_r ul li em a:last-of-type{ background: #bc1c18; color: #fff;}

/**/
.ys3{height:607px; background:url(../images/ys1.jpg) no-repeat center 0; overflow: hidden;}
.ys3 h2{background:url(../images/c_h2.jpg) no-repeat center 134px; padding: 50px 0 20px;;}
.ys3 h2 span{ padding-bottom:113px;}
.ys3 dl{ margin-left: 653px;}
.ys3 dl dt h3{ font-size: 24px; color: #000;font-weight: normal; padding-left: 76px; height: 83px; border-bottom: 1px solid #d8d8d8; margin-right: 64px; background:url(../images/ys11.jpg) no-repeat;}
.ys3 dl dt h3 strong{ display: block; color: #bc1c18; font-size: 24px; line-height: 100%; padding-bottom: 5px;}
.ys3 dl dd p{ font-size: 14px; color: #000; line-height: 31px;}
.ys3 dl dd p span{ display: block; padding-top: 30px;}
.ys3 dl dd em{ display: block; margin-top: 41px; background:url(../images/ys_btn.jpg) no-repeat; width: 151px; height: 46px; line-height: 46px;}
.ys3 dl dd em a{ display: block; padding-left: 64px; color: #fff; font-size: 14px;}

.ys2{height:635px; background:url(../images/ys2.jpg) no-repeat center 0; overflow: hidden; }
.ys2 dl{ margin-left:48px; margin-top: 68px;}
.ys2 dl dt h3{ font-size: 24px; color: #000;font-weight: normal; padding-left: 76px; height: 83px; border-bottom: 1px solid #d8d8d8; margin-right: 64px; background:url(../images/ys21.jpg) no-repeat;}
.ys2 dl dt h3 strong{ display: block; color: #bc1c18; font-size: 24px; line-height: 100%; padding-bottom: 5px;}
.ys2 dl dd p{ font-size: 14px; color: #000; line-height: 31px;}
.ys2 dl dd p span{ display: block; padding-top:28px;}
.ys2 dl dd em{ display: block; margin-top: 41px; background:url(../images/ys_btn.jpg) no-repeat; width: 151px; height: 46px; line-height: 46px;}
.ys2 dl dd em a{ display: block; padding-left: 64px; color: #fff; font-size: 14px;}
/**/
.ys1{height:897px; background:url(../images/abo.jpg) no-repeat center 0; overflow: hidden; margin-bottom: 80px;}
.ys1 h2{background:url(../images/c_h2.jpg) no-repeat center 84px; padding-bottom: 0;height:100px}

.ys1 dl{ overflow: hidden; background: #fff; height: 451px; margin-bottom: 22px;}
.ys1 dl dt{ float: left; width: 800px;}
.ys1 dl dt img{ width: 800px; height: 451px;}
.ys1 dl dd{ float: right; padding:58px 22px 0 0; width:352px;}
.ys1 dl dd h3 a{ color:#bc1c18; font-size: 18px; font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 20px; display: block;  }
.ys1 dl dd p{ font-size: 14px; color: #666; line-height:28px; height: 245px;}
.ys1 dl dd p span{ display: block;}
.ys1 dl dd em{ display: block; width: 149px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #c4c4c4; border-radius: 44px;}
.ys1 dl dd em a{ display: block; color: #000; font-size: 14px;border-radius: 44px;}
.ys1 dl dd em a:hover{ color: #fff; background: #bc1c18;border: 1px solid #bc1c18;}
.ys1 h4{ width: 134px; height: 48px; line-height: 48px; background: #bc1c18; color: #fff; font-size: 16px; text-align: center; font-weight: normal; margin-bottom: 12px;}
.ys1 ul{ overflow: hidden;}
.ys1 ul li{ float: left; margin-right: 12px; width: 291px; height: 219px; overflow: hidden;}.ys1 ul li:last-child{ margin-right: 0;}
.ys1 ul li img{ width: 287px; height: 215px; border: 2px solid #fff; transition: all 0.3s linear 0s;}
.ys1 ul li:hover img{transform: scale(1.03);}









/*新闻动态*/
.news{padding: 0 0 50px;}
.news .yin_t{ height:70px;}
.news_t{height: 40px;width: 300px;margin:0 auto;}
.news_t ul li{float: left;width: 150px;overflow: hidden;}
.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_k01.gif) no-repeat;} 
.news_t ul li a:hover,.news_t ul li.on a{color: #fff;font-weight: bold;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(../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;}
.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 img{width: 1200px;height: 414px;}
.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(../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: 400px;height: 80px;float: left;}
.map_t ul li a{font-size: 20px;color: #333; background:url(../images/map_k01.png) no-repeat;display: block;width: 400px;height: 80px;line-height: 70px;overflow: hidden;}
.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;}


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