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

/**/
.yin{padding: 60px 0 0;height: 230px;}
.iserve{height:180px;}
.iserve dd{float:left;width:156px;height:180px;position:relative;text-align:center;}
.iserve dd{margin-right:45px;}
.iserve dd .hover,.iserve dd .default{background:url(../image/iserve_bg.png);}
.iserve dd:after{content:'';position:absolute;width:100px;height:30px;background:url(http://www.bjtiyh.com/images/iserve_shadow.png);bottom:-31px;left:50%;margin-left:-50px;}
.iserve dd{font-size:20px;}
.iserve dd i{display:block;width:40px;height:40px;margin:60px auto 10px;background:url(../image/iserve_icon.png);}
.iserve dd .hover,.iserve dd .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.iserve dd .default{background-position:0 -180px;color:#333}
.iserve dd .hover{background-position:0 0;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.iserve dd.d1 .default i{background-position:0 0;}
.iserve dd.d1 .hover i{background-position:-40px 0;}
.iserve dd.d2 .default i{background-position:0 -40px;}
.iserve dd.d2 .hover i{background-position:-40px -40px;}
.iserve dd.d3 .default i{background-position:0 -80px;}
.iserve dd.d3 .hover i{background-position:-40px -80px;}
.iserve dd.d4 .default i{background-position:0 -120px;}
.iserve dd.d4 .hover i{background-position:-40px -120px;}
.iserve dd.d5 .default i{background-position:0 -160px;}
.iserve dd.d5 .hover i{background-position:-40px -160px;}
.iserve dd.d6 .default i{background-position:0 -200px;}
.iserve dd.d6 .hover i{background-position:-40px -200px;}
.iserve dd:hover .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.iserve dd:hover .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.iserve dd.d6{margin-right: 0;}
.iserve dd.d1{margin-left: 20px;}

/*产品中心*/
.chanp{ padding: 0 0 0px;}
.cp_t{font-size: 36px;color: #333;text-align: center; background:url(../image/pin_line.png) no-repeat center 14px;height: 80px;line-height: 50px;overflow: hidden;}
.cp_t a{color: #333;}
.cp_t i{color: #1856a8;}
.cp01{ overflow:hidden;}
.cp_l{width: 190px;padding: 38px 0 0 60px;width: 320px;}
.cp_l ul li{ width: 188px; height: 67px;padding: 0 0 20px;}
.cp_l ul li a{font-size: 16px;color: #333;font-weight: bold; background:url(../image/cp_k01.png) no-repeat;display: block; width: 188px; height: 67px; line-height: 67px; text-align: center; overflow: hidden;} 
.cp_l ul li a:hover,.cp_l ul li.on a{color: #fff;font-weight: normal; background:url(../image/cp_k02.png) no-repeat;}
.cp_r{width: 765px;height: 404px;}
.cp_r dl{width: 765px;}
.cp_r dl dt{width: 420px;height: 405px;float: left;line-height: 0;}
.cp_r dl dt img{width: 420px;height: 405px;}
.cp_r dl dd{width: 345px;float: right;padding: 40px 0 0;}
.cp_r dl dd p{width: 345px;height: 105px;overflow: hidden;}
.cp_r dl dd b{display: block;float: left; font-family:"DINOT";font-size: 60px;color: rgba(255,255,255,0.2);width: 80px;height: 95px;line-height: 95px;}
.cp_r dl dd span{display: block;float: left;width: 265px;font-size: 24px;color: #fff;font-weight: bold;border-bottom: 1px solid rgba(255,255,255,0.3);height: 84px;padding: 20px 0 0;line-height: 30px;}
.cp_r dl dd i{display: block;font-size: 20px;font-weight: normal;}
.cp02{padding: 40px 0 0;}
.cp_c{overflow:hidden;}
.cp02 ul li{width:267px;float:left;text-align:center;margin-right: 41px;line-height: 0;}
.cp02 ul li img{width: 267px;height: 200px;}
.cp02 ul li a{font-size:14px;color: #333;}
.cp02 ul li a:hover{color: #1856a8;}
.cp02 ul li span{ width:237px; display:block; text-align:center; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 15px;position: relative;}
.cp02 ul li i{width: 267px;height: 3px;display:block;position: absolute;z-index: 4;top: 0;left: 0;}
.cp02 ul li i:hover{background:#1856a8\9;}/* IE6、IE7、IE8支持 */
.cp02 ul li i:after{content:'';position:absolute;height:100%;width:0;background:#1856a8;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;}
.cp02 ul li:hover i:after{width:100%;}
.cp02 p,.hz p{width: 62px; height: 62px; position: absolute; top: 108px;} 
.cp02 p a,.hz p a{display: block;width: 62px;height: 62px;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;}
.cp02 p a:hover,.hz p a:hover{box-shadow:0 8px 15px 0 #999;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.cp_lico a{ background:url(../image/cp_lico01.png) no-repeat;}
.cp_lico a:hover{ background:url(../image/cp_lico02.png) no-repeat;}
.cp_rico a{ background:url(../image/cp_rico01.png) no-repeat;}
.cp_rico a:hover{ background:url(../image/cp_rico02.png) no-repeat;}
.cp_lico{left: -90px;}
.cp_rico{right: -90px;}

/*品质保证*/
.pinz_bg{background:url(../image/pinz_bg.jpg) no-repeat center 0;height: 625px;padding-top: 55px;overflow: hidden;}
.pinz_l{width: 310px;}
.pinz_l dl{width: 310px; padding:10px 0 50px;height: 90px;overflow: hidden;}
.pinz_l dl dt{width: 60px;float: left;height: 60px;line-height: 0;overflow: hidden;margin-top: 10px;}
.pinz_l dl dt img{width: 50px;height: 120px;-webkit-transition:all .5s;transition:all .5s;}
.pinz_l dl:hover dt img{margin-top: -60px;}
.pinz_l dl dd{width: 250px;float: left;}
.pinz_l dl dd h5{font-size: 20px;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.pinz_l dl dd h5 a{font-size: 20px;color: #333;}
.pinz_l dl dd p{font-size: 14px;color: #666;line-height: 22px;height: 44px;overflow: hidden;padding: 5px 0 0;}
.pinz_l dl dd span{display: block;font-size: 14px;color: #333;padding: 15px 0 3px;}
.pinz_l dl dd b{display: block;font-size: 26px;color: #333;}

/*优势*/
.ys_bg{ background:url(../image/ys_bg.jpg) no-repeat center 0;height:755px; padding: 15px 0 0; overflow:hidden;}
.ys .cp_t,.case .cp_t{ background:url(../image/ys_line.png) no-repeat center 14px;height: 94px;}
.ys_t{width: 120px;position: absolute;top: 150px;left: 540px;z-index: 200;}
.ys_t ul li{font-size: 16px;color: #333;font-weight: bold; background:url(../image/ys_y01.png) no-repeat;width: 120px;height: 92px;margin-bottom: 23px;text-align: center;padding: 28px 0 0;}
.ys_t ul li em{display: block; width: 40px; height: 40px; line-height: 0; overflow: hidden; margin:0 auto 5px;} 
.ys_t ul li em img{width: 40px;height: 80px;}
.ys_t ul li:hover,.ys_t ul li.on{color: #fff; background:url(../image/ys_y02.png) no-repeat;}
.ys_t ul li:hover em img,.ys_t ul li.on em img{margin-top: -40px;}
.ys_t ul li{
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.ys_t ul li:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.ys_qie{position: relative;}
.ys_l{width: 960px;height: 660px;position: absolute;top: 0;right: 50%;margin-right: -1px;}
.ys_l img{width: 960px;height: 660px;}
.ys_r{width: 460px;padding: 140px 0 0;}
.ys_r h5{font-size: 36px;color: #fff;height: 76px;line-height: 76px;overflow: hidden;}
.ys_r h5 em{display: block;float: left;width: 72px;height: 76px;overflow: hidden;padding: 0 10px 0 0;}
.ys_r p{font-size: 14px;color: #fff;line-height: 22px;padding: 18px 0 0;}
.ys_r b{ font-family:"Times New Roman", Times, serif;font-size: 30px;color: #fff;display: block; background:url(../image/tel01.png) no-repeat 0 5px;padding: 0 0 0 40px;height: 40px;line-height: 40px;overflow: hidden;margin-top: 60px;}
.ys_r span{display: block;width: 102px;padding: 10px 0 0 50px;}
.ys_r span a{display: block; font-size: 14px; color: #333; width: 102px; text-align: center; height: 34px; line-height: 34px; background: #fff; overflow: hidden;border-radius: 20px;}
.ys_r span a:hover,.ab_btn li a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*客户案例*/
.case{padding: 10px 0 0;}
.case_t{width: 1200px;height: 50px;border-bottom: #d5d5d5 1px solid;line-height: 50px;overflow: hidden;}
.case_t ul li{width: 112px;height: 50px;float: left;padding: 0 14px;}
.case_t ul li a{display: block; float: left; width: 112px; text-align: center; height: 50px; line-height: 50px; overflow: hidden; font-size: 16px; color: #333;} 
.case_t ul li a:hover,.case_t ul li:first-child a{background: #1a57a9;color: #fff;font-weight: bold;}
.case_t span{display: block;float: left;}
.case_t span a{ font-size: 16px; color: #333;}
.case dl{width: 284px;float: left;margin-right: 10px;overflow: hidden;margin-left:26px;}
.case dl dt{width: 284px;height: 172px;line-height: 0;overflow: hidden;}
.case dl dt img,.news dl dt img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case 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);}
.case dl dd{width: 244px;height: 60px;background: #fff;padding: 0 20px;position:relative;z-index: 1; color: #666;}
.case dl dd h5{height: 60px;line-height: 60px;overflow: hidden;border-bottom: #d9d9d9 1px solid;}
.case dl dd h5 a{font-size: 18px;color: #333;display: block;width: 244px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case .case_desc{font-size: 14px; line-height: 22px; height: 44px; overflow: hidden;padding: 15px 0 0;}
.case dl dd:after{content:'';position:absolute;width:100%;height:0;background-color:#1a57a9;z-index:-1;left:0;bottom:0;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.case dl dd:hover,.case dl dd:hover h5 a{color:#fff;}
.case dl dd:hover:after{height:100%;}
.case .nobor{margin-right: 0;}

/*合作客户*/
.hz_bg{background:url(../image/hz_bg.gif) repeat-x;height: 170px;padding: 50px 0 0;overflow: hidden;}
.hz_c{overflow: hidden;}
.hz ul li{width:202px;float:left;text-align:center;margin-right: 45px;}
.hz ul li em{display:block;width: 202px;height: 114px;margin-bottom:10px;-webkit-transition:all .3s;transition:all .3s;}
.hz ul li em img{width: 202px;height: 114px;}
.hz ul li a{font-size:14px;color: #333;}
.hz ul li a:hover{color: #1a57a9;}
.hz p{top: 25px;} 
.hz ul li a:hover em{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

/*新闻动态*/
.news_bg{background:url(../image/news_line01.gif) repeat-x 0 144px;padding: 30px 0 40px;}
.news .cp_t{ background:url(../image/news_line.gif) no-repeat center 14px;height: 50px;}
.news_t{height: 66px;line-height: 66px;overflow: hidden; background:url(http://www.bjtiyh.com/images/news_line02.gif) no-repeat 0 63px;}
.news_t a{font-size: 24px;color: #1a57a9;font-weight: normal;}
.news_t span{display: block; float: right; width: 110px; text-align: center; height: 32px; line-height: 32px; overflow: hidden;border: #cdcdcd 2px solid;margin-top: 15px;} 
.news_t span a{font-size: 14px;color: #333;}
.news_t span a:hover,.news dl dd h5 a:hover,.news01 dl dd span a:hover{color: #1a57a9;}
.news01{padding: 25px 0;}
.news01 dl dt{width: 560px;height: 280px;float: left;overflow: hidden;}
.news01 dl dt img{width: 560px;height: 280px;}
.news01 dl dd{width: 580px;float: right;padding: 25px 0 0;}
.news01 dl dd h5{height: 45px;line-height: 45px;overflow: hidden;}
.news dl dd h5 a{font-size: 28px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 580px;}
.news_desc{font-size: 14px;color: #666;line-height: 22px;height: 88px;overflow: hidden;padding: 25px 0 0;}
.news01 dl dd span{display: block;padding: 25px 0 0;}
.news01 dl dd span a{font-size: 14px;color: #565458;}
.news_dl{width: 600px;float: left; background:url(http://www.bjtiyh.com/images/news_line03.gif) no-repeat 550px 0;}
.news02 dl{width: 600px;height: 70px;overflow: hidden;}
.news02 dl dt{width: 125px;float: left;overflow: hidden;font-size: 18px;color: #b2b2b2; font-family:Arial, Helvetica, sans-serif;line-height: 30px;}
.news02 dl dd{width: 360px;float: left;}
.news02 dl dd h5{height: 25px;line-height: 25px;overflow: hidden;}
.news .news02 dl dd h5 a{font-size: 14px;width: 360px;}
.news02 .news_desc{line-height: 22px;height: 22px;padding:0;}

/*关于我们*/
.about{ height: 445px;padding: 85px 0 0;}
.about .cp_t{ background:url(http://www.bjtiyh.com/images/ab_line.png) no-repeat center 14px;height: 100px;}
.about .cp_t a{color: #333;}
.about_main{height: 515px;}
.ibrand-num{overflow:hidden;margin:0 0 0 225px;}
.ibrand-num li{float:left;width:250px;height:140px;text-align:center;color:#333;font-size:30px;font-weight: bold;}
.ibrand-num li span{font-size:64px;line-height: 50px; font-family:"DINOT";}
.ibrand-num li b{display:block;font-size: 20px; padding:15px 0 0;}
.ab_m{width: 980px;margin:0 auto;text-align: center;}
.ab_desc{font-size: 16px;color: #333;line-height: 28px;height: 84px;overflow: hidden;}
.ab_m span{display: block;line-height: 30px;padding: 20px 0 0;}
.ab_m span a{font-size: 14px;color: #333;}
.ab_m em{display: block;line-height: 30px;width: 30px; text-align: center; height: 30px; background: #d9ba8d; position: absolute; top: 0; right: -110px;} 
.ab_m em a{font-size: 20px;color: #2b2622;font-weight: bold;}
.ab_btn{display: inline-block;padding: 35px 0 0 330px;width: 700px;}
.ab_btn li{width: 172px;float: left;padding: 0 15px 0 0;}
.ab_btn li a{display: block;font-size: 14px; color: #333; font-weight: bold; width: 172px; height: 60px; line-height: 60px; overflow: hidden;border-radius: 40px;background: #fff;}
.ab_btn li em{width: 22px;height: 24px;display: block;float: left;line-height: 0;padding: 19px 10px 0 40px;}
.ab_btn li em img{width: 22px;height: 24px;}
.ab_ico{position: absolute;bottom: -50px;left: 50%;margin-left: -50px;}
.ab_ico img{width: 100px;height: 100px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.ab_ico img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

/*友情链接*/
.f_link{height: 66px;line-height: 66px;overflow: hidden; }
.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);}
}