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


.yin{padding: 70px 0 80px;}
.yin_t{font-size: 40px;color: #333;text-align: center;line-height: 44px; background:url(../image/cp_line.png) no-repeat center 20px;height: 125px;overflow: hidden;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;}
.yin dl{width: 290px;height: 550px;background: #fff;float: left;border-bottom: #fff 4px solid;padding: 17px 0 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.2);margin-right: 13px;}
.yin dl dt{width: 260px;height: 260px;line-height: 0;overflow: hidden;margin: 0 auto;}
.yin dl dt img,.hz_r ul li img,.sheb_m ul li em img,.jz_m dl dt img,.news dl dt img{width: 260px;height: 260px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yin dl dt img:hover,.hz_r ul li img:hover,.sheb_m ul li em img:hover,.jz_m dl dt img:hover,.news dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.yin dl dd{width: 185px;margin: 0 auto;padding: 25px 0 0;}
.yin dl dd h5{height: 50px;line-height: 42px;overflow: hidden;border-bottom: #e4e4e4 1px solid;}
.yin dl dd h5 a{font-size: 20px;color: #333;display: block; background:url(../image/cp_ico01.gif) no-repeat 140px 10px;}
.yin dl dd h5 a:hover{ background:url(../image/cp_ico02.gif) no-repeat 140px 10px;}
.yin dl dd p{font-size: 14px;color: #333;height: 46px;line-height: 46px; background:url(../image/cp_ico03.gif) no-repeat 0 19px;padding: 0 0 0 16px;}
.yin dl dd p a{color: #333;}
.yin dl dd p:hover{ background:url(../image/cp_ico04.gif) no-repeat 0 19px;color: #fe9900;}
.yin dl dd p:hover a{color: #fe9900;}
.yin dl:hover{border-bottom: #fe9900 4px solid;}
.yin .nobor{margin-right: 0;}


.case{ background:#000 url(../image/case_bg.jpg) no-repeat center 0;padding: 65px 0;overflow: hidden;}
.case .yin_t{color: #fff; background:url(../image/case_line.png) no-repeat center 20px;height: 140px;}
.case .yin_t a{color: #fff;}
.case01{width: 19.52%;position: relative;float: left;margin-bottom: 15px;margin-left: 0.6%;}
.case01_t{width: 100%;}
.case01_t img{width: 100%;height: auto;}
.case01_t span,.cp01_t span{ width:100%; height:70px; line-height:70px;font-size: 14px;color: #333;font-weight: bold;background:#fff;bottom: 0;position: absolute;left: 0;display: block;overflow: hidden;text-align: center;
transition:height .5s;
-moz-transition:height .5s; 
-webkit-transition:height .5s; 
-o-transition:height .5s; }
.case01 dl,.cp01 dl{width: 80%;height: 0;position: absolute;bottom: 0;left: 0;overflow: hidden;padding: 0 10%;background: rgba(255,255,255,0.9);
transition:height .5s;
-moz-transition:height .5s; 
-webkit-transition:height .5s; 
-o-transition:height .5s; }
.case01 dl dt{height: 30px;line-height: 30px;overflow: hidden;padding: 20px 0 0;}
.case01 dl dt a{font-size: 14px;color: #333;display: block;font-weight: bold;}
.case01 dl dd{padding: 10px 0 0;overflow: hidden;}
.case_desc{font-size: 14px;color: #666;line-height: 20px;height: 60px;overflow: hidden;}
.case01 dl dd b{display: block;padding: 10px 0 0;}
.case01 dl dd b a{font-size: 14px;color: #222;font-weight: normal;}
.case01:hover dl{height: 80%;}
.case01:hover span{height: 0;}
.case .nobor{margin-left: 0;}


.ban01{background: #f1f1f1;padding: 50px 0;}
.ban01_t{font-size: 30px;color: #1e1e1e;font-weight: bold;line-height: 30px;text-align: center;}
.ban01_t span{display: block;font-size: 12px;color: #a0a0a1;text-transform: uppercase;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.ban01_t i{color: #fe9900;}
.ban01_c{height: 30px;line-height: 30px;overflow: hidden;padding: 10px 0 0;width: 330px;margin: 0 auto;}
.ban01_c span{font-size: 16px;color: #242328;display: block;float: left; background:url(../image/ban_ico01.gif) no-repeat 0 6px;padding: 0 15px 0 25px;}
.ban01_b{ background:url(../image/ban_k.gif) no-repeat;width: 742px;margin: 25px auto 0;height: 90px;}
.ban01_b span{display: block;float: left;font-size: 30px;color: #fff;font-weight: bold;font-family: "DINOT";height: 72px;line-height: 70px;overflow: hidden;padding: 0 0 0 80px;width: 495px;}
.ban01_b span i{padding: 0 0 0 20px;}
.ban01_b em{display: block;float: left;width: 113px;padding: 17px 0 0;}
.ban01_b em a{font-size: 14px;color: #333; background:url(../image/ban_btn.png) no-repeat;display: block;width: 98px;height: 36px;line-height: 36px;overflow: hidden;padding: 0 0 0 15px;}
.ban01_b em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}


.hz{ background:url(../image/hz_bg.jpg) no-repeat center 0;height: 340px;overflow: hidden;}
.hz_l{width: 158px;padding: 100px 0 0 50px;}
.hz_l a{font-size: 26px;color: #fff;font-weight: bold;display: block;padding: 0 0 10px;height: 30px;}
.hz_l span{display: block;font-size: 20px;color: #fdb568; font-family:Arial, Helvetica, sans-serif;width: 105px;line-height: 24px;padding: 10px 0 0;border-top: #fec369 1px solid;}
.hz_r{width: 992px;padding: 34px 0 0;}
.hz_r ul li{width: 248px;float: left;margin-bottom: 1px;border-left: #e6e6e6 1px solid;box-sizing:border-box;height: 124px;overflow: hidden;line-height: 0;}
.hz_r ul li img{width: 248px;height: 124px;}


.ys_bg{ background:url(../image/ys_bg.gif) no-repeat center 0;height: 750px;overflow: hidden;padding: 23px 0 0;}
.ys .yin_t{ background:url(../image/ys_line.png) no-repeat center 20px;height: 157px;}
.ys .yin_t i{color: #fe9900;}
.ys_m dl{position: relative;}
.ys_m dl dt{width: 1045px;height: 594px;line-height: 0;position: absolute;top: 0;left: 43%;}
.ys_m dl dt img{width: 1045px;height: 594px;}
.ys_m dl dd{width: 500px;float: left;padding: 72px 0 0;position: relative;}
.ys_m dl dd em{width: 200px;height: 123px;display: block;padding: 0 0 30px;}
.ys_m dl dd em img{width: 200px;height: 123px;}
.ys_m dl dd span{display: block;font-size: 80px;color: #f0f0f0;font-family: "DINOT";font-weight: bold;position: absolute;top: 60px;right: -85px;line-height: 80px;}
.ys_m dl dd h5{font-size: 30px;color: #fff; background:url(../image/ys_ico01.png) no-repeat 0 20px;padding: 0 0 10px 20px;height: 50px;line-height: 50px;overflow: hidden;}
.ys_m dl dd h5 i{color: #fe9900;}
.ys_m dl dd p{font-size: 14px;color: #666;line-height: 24px;padding: 20px 0 0;}
.ys_bot{position: absolute;top: 628px;left: -10px;z-index: 20;width: 500px;}
.ys_bot ul li{ background:url(../image/ys_k01.png) no-repeat;width: 139px;height: 63px;float: left;cursor: pointer;}
.ys_bot ul li em{display: block;width: 28px;height: 28px;text-align: center;line-height: 28px;float: left;overflow: hidden;padding: 18px 15px 0 0;font-size: 14px;color: #333;}
.ys_bot ul li span{display: block;float: left;font-size: 16px;color: #fff;font-weight: bold;height: 63px;line-height: 63px;}
.ys_bot ul li:hover,.ys_bot ul li.on{ background:url(../image/ys_k02.png) no-repeat;}


.sheb{padding: 40px 0 50px;}
.sheb h3{height: 50px;line-height: 50px;overflow: hidden; background:url(../image/sheb_line.gif) no-repeat center 35px;text-align: center;font-weight: normal;}
.sheb h3 a{font-size: 30px;color: #242328;}
.sheb b,.jz b{display: block;width: 50px;height: 50px;position: absolute;top: 222px;z-index: 20;border-radius: 50%;}
.sheb b a,.jz b a,.photo_qie p a{display: block;width: 50px;height: 50px;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;box-shadow:0 3px 5px 3px rgba(0,0,0,0.2);}
.sheb b a:hover,.jz b a:hover,.photo_qie p a:hover{-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.sheb_l a{ background:url(../image/sheb_lico01.png) no-repeat;}
.sheb_l a:hover{ background:url(../image/sheb_lico02.png) no-repeat;}
.sheb_r a{ background:url(../image/sheb_rico01.png) no-repeat;}
.sheb_r a:hover{ background:url(../image/sheb_rico02.png) no-repeat;}
.sheb_l{left: -25px;}
.sheb_r{right: -25px;}
.sheb_m{padding: 50px 0 0;width: 1200px;overflow: hidden;} 
.sheb_m ul li{width: 289px;float: left;padding: 0 13px 0 0;}
.sheb_m ul li em{width: 289px;height: 217px;display: block;line-height: 0;overflow: hidden;}
.sheb_m ul li em img{width: 289px;height: 217px;}
.sheb_m ul li span{display: block;font-size: 14px;color: #242328;width: 289px;text-align: center;height: 40px;line-height: 40px;overflow: hidden;padding: 10px 0 0;}


.jz_bg{background: #f1f1f1;padding: 70px 0 90px;}
.jz .yin_t{ background:url(../image/ys_line.png) no-repeat center 20px;height: 150px;}
.jz b{top: 280px;}
.jz_m{width: 1200px;overflow: hidden;}
.jz_m dl{width: 363px;float: left;height: 438px;background: #fff;margin-right: 53px;}
.jz_m dl dt{width: 363px;height: 272px;line-height: 0;overflow: hidden;}
.jz_m dl dt img{width: 363px;height: 272px;}
.jz_m dl dd{width: 300px;margin: 0 auto;}
.jz_m dl dd h5{height: 64px;line-height: 64px;overflow: hidden;border-bottom: #666 1px solid;}
.jz_m dl dd h5 a{font-size: 18px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;width: 290px;}
.jz_m .jz_desc{font-size: 14px;color: #333;line-height: 22px;height: 44px;overflow: hidden;padding: 12px 0 0;}
.jz_m dl:hover{background: #242328;}
.jz_m dl:hover dd h5 a{color: #fe9900;}
.jz_m dl:hover .jz_desc{color: #666;}


.news_bg{ background:url(../image/news_line.jpg) no-repeat center 206px;padding: 70px 0 30px;}
.news .yin_t{ background:url(../image/ys_line.png) no-repeat center 20px;height: 70px;}
.news_t{height: 70px;line-height: 70px;overflow: hidden;}
.news_t a{font-size: 24px;color: #565458;}
.news_t a:hover,.news dl dd h5 a:hover,.news dl dd span a:hover,.wd_t a:hover,.wd dl dd h5 a:hover{color: #fe9900;}
.news_t span{float: right;display: block;width: 115px;line-height: 0;padding: 15px 0 0;}
.news_t span a{font-size: 14px;color: #333;display: block;width: 110px;text-align: center;height: 32px;line-height: 32px;overflow: hidden;border: #cdcdcd 2px solid;}
.news dl{padding: 30px 0 0;}
.news dl dt{width: 560px;height: 280px;line-height: 0;overflow: hidden;float: left;}
.news dl dt img{width: 560px;height: 280px;}
.news dl dd{width: 580px;float: right;padding: 20px 0 0;}
.news dl dd h5{height: 50px;line-height: 50px;overflow: hidden;}
.news dl dd h5 a{font-size: 28px;color: #333;}
.news .news_desc{font-size: 14px;color: #666;line-height: 25px;height: 100px;overflow: hidden;padding: 20px 0 0;}
.news dl dd span{display: block;padding: 15px 0 0;}
.news dl dd span a{font-size: 14px;color: #565458;}


.wd{padding: 0 0 30px;}
.wd_t{height: 35px;line-height: 35px;overflow: hidden;border-bottom: #d9d9d9 1px solid; background:url(../image/wd_ico01.gif) no-repeat 0 7px;padding: 0 0 0 30px;}
.wd_t a{font-size: 14px;color: #333;font-weight: bold;}
.wd_t span{float: right;}
.wd_t span a{color: #666;text-transform: uppercase;font-weight: normal;}
.wd_m{padding: 30px 0 0;width: 1200px;overflow: hidden;}
.wd_qie{width: 600px;float: left;}
.wd dl{width: 600px;height: 100px;}
.wd dl dt{font-size: 18px;color: #b2b2b2; font-family:Arial, Helvetica, sans-serif;width: 130px;float: left;height: 30px;line-height: 30px;padding: 5px 0 0;}
.wd dl dd{width: 410px;float: left;}
.wd dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.wd dl dd h5 a{font-size: 14px;color: #333;}
.wd .wd_desc{font-size: 14px;color: #666;height: 30px;line-height: 30px;overflow: hidden;}


.ab_bg{ background:url(../image/ab_bg.jpg) no-repeat center 0;height: 960px;overflow: hidden;padding: 90px 0 0;}
.about{height: 495px;}
.about .yin_t{ background:url(../image/ab_line.png) no-repeat center 20px;}
.about dl{width: 810px;margin: 0 auto;padding: 200px 0 0;}
.about dl dt{height: 40px;line-height: 40px;overflow: hidden; background:url(../image/ab_line02.gif) no-repeat center 27px;text-align: center;}
.about dl dt a{font-size: 24px;color: #333;}
.about dl dd{font-size: 14px;color: #6e6e6e;line-height: 25px;height: 75px;overflow: hidden;padding: 20px 0 0;}


.photo_l{width: 340px;margin: 0 auto;}
.photo_l ul li{width: 130px;height: 80px;float: left;padding: 0 20px;}
.photo_l ul li a{font-size: 14px;color: #000;display: block;font-weight: bold;width: 130px;text-align: center;height: 44px;line-height: 44px;background: #f1f1f1;overflow: hidden;border-radius: 30px;}
.photo_l ul li.on a,.photo_l ul li a:hover{color: #fff;background: #fe9f1c;}
.photo_r ul li{width: 166px;float: left; padding:10px 0 0 60px;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;}
.photo_r ul li img{width: 166px;height: 221px;}
.photo_r ul li span{ width:166px; display:block; text-align:center; height:30px; line-height:30px;font-size: 14px;color: #333; overflow:hidden;}
.photo_r ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.photo_qie p{width: 50px;height: 50px;position: absolute;top: 88px;z-index: 10;}
.photo_qie .phtoto_lico{left: -25px;}
.photo_qie .phtoto_rico{right: -25px;}
.photo_qie .phtoto_lico a{ background:url(../image/sheb_lico01.png) no-repeat;}
.photo_qie .phtoto_lico a:hover{ background:url(../image/sheb_lico02.png) no-repeat;}
.photo_qie .phtoto_rico a{ background:url(../image/sheb_rico01.png) no-repeat;}
.photo_qie .phtoto_rico a:hover{ background:url(../image/sheb_rico02.png) no-repeat;}


.f_link{height: 70px;line-height: 70px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 120px;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1080px;}
.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);}
}