﻿@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.four_bg{ background:url(../images/four_bg.jpg) no-repeat center 0;height: 321px; padding:65px 0 0;overflow: hidden;}
.four_t{text-align: center;}
.ibrand-num{overflow:hidden;margin:30px 0 0;height: 140px; display:inline-block;width: 1200px;}
.ibrand-num li{float:left;width:300px;height:135px;text-align:center;}
.ibrand-num li p{height: 70px;width: 300px;color: #2f383d;}
.ibrand-num li span{font-size:56px; display:inline-block;font-weight: bold;height: 60px;line-height: 60px;}
.ibrand-num li em{display: inline-block;font-size: 18px;width: 20px;line-height: 22px;}
.ibrand-num li b{display:block;font-size: 22px;color: #2f383d;height: 60px;line-height: 60px; background:url(../images/four_line.gif) no-repeat center 0;}
.ibrand-num li:hover p{color: #054fc8;}
.four .u-more{display: block;font-size: 16px;color: #fff;width: 178px;text-align: center;height: 42px;line-height: 42px;background: #054fc8;overflow: hidden;border-radius:20px; margin:0 auto;}
.four .u-more:hover,.ban01 p em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*成功案例*/
.chanpin{ padding:60px 0 35px;}
.cp_l{width: 273px; background:url(../images/case_lbg.jpg) no-repeat;height: 810px; margin:25px 0 0;}
.cp_l h3{width: 273px; padding:26px 0 0;height: 86px;text-align: center;line-height: 26px;}
.cp_l h3 a{font-size: 20px;color: #fff;}
.cp_l h3 i{display: block;font-size: 12px;color: #8ea4df;font-weight: normal;text-transform: uppercase;}
.cp_lm{width: 225px; margin:0 auto;}
.cp_li01{width: 225px;height: 39px; padding:10px 0 0;}
.cp_ul01 li a{display: block;font-size: 16px;color: #333;width: 175px;height: 39px;line-height: 39px; padding:0 0 0 50px; background:url(../images/case_li01.png) no-repeat;}
.cp_ul01 li a:hover{color: #fff;font-weight: bold; background:url(../images/case_li02.png) no-repeat;}
.cp_ul02{ padding:10px 0 0;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #666;font-weight: normal; border-bottom:#b0b0b0 1px dashed;padding: 0 0 0 50px;width: 175px;overflow: hidden;height: 30px;line-height: 30px; background:url(../images/case_ico01.png) no-repeat 28px 11px;}
.cp_ul01 .cp_ul02 li a:hover{color: #054fc8;}
.cp_ul01 .cp_ul02 li.nobor a{ border-bottom:none;}

.cp_r{ width:898px; border:#d6d6d6 1px solid;height: 808px; margin:25px 0 0;}
.cp_rt{ background:url(../images/case_rtbg.gif) repeat-x; height:80px;width: 898px;line-height: 80px;overflow: hidden;}
.cp_rt ul li{ float:left; border-right:#d6d6d6 1px solid;}
.cp_rt ul li a{ font-size:18px; color:#555; display:block; padding:0 30px; float:left;height: 80px;line-height: 80px;overflow: hidden;}
.cp_rt ul li.on a,.cp_rt ul li a:hover{ color:#fff; font-weight:bold; background:#054fc8;}
.cp_rt span{ float:right;display: block;width: 90px;text-align: center;}
.cp_rt span a{font-size: 12px;color: #888;text-transform: uppercase;}
.cp_m{width: 835px; margin:0 auto; padding:35px 0 0;}
.cp_r dl{ width:835px; display:inline-block; overflow:hidden; padding:0 0 25px; background:url(../images/case_line.gif) repeat-x 0 bottom;}
.cp_r dl dt{ width:487px; height:366px; float:left;overflow: hidden;}
.cp_r dl dt img,.cp_rm ul li img,.news dd span img{ width:487px; height:366px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_r dl dt img:hover,.cp_rm ul li img:hover,.news dd span img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_r dl dd{ width:290px; float:left; padding:8px 0 0 35px;}
.cp_r dl dd h5{height: 40px; border-bottom:#ccc 1px solid;line-height: 40px;overflow: hidden;}
.cp_r dl dd h5 a{font-size: 14px;color: #777;font-weight: normal;}
.cp_r dl dd h5 a:hover,.hz_t a:hover{color: #054fc8;}
.cp_r dl dd b{display: block;font-size: 18px;color: #333; padding:15px 0 0;}
.cp_r .cp_desc{ padding:10px 0 0; height:125px; font-size:14px; color:#777; line-height:25px;overflow: hidden;}
.cp_r dl dd span{ padding:20px 0 0; display:inline-block;width: 200px;}
.cp_r dl dd span a,.cp_rm ul li b a{display: block;font-size: 14px;color: #fff; background:url(../images/case_btn01.gif) no-repeat;width: 94px;text-align: center;height: 44px;line-height: 32px;overflow: hidden; margin-right:6px;float: left;}
.cp_r dl dd span a:hover,.cp_rm ul li b a:hover,.cp_r dl dd span a.nobor,.cp_rm ul li b a.nobor{background:url(../images/case_btn02.gif) no-repeat;}
.cp_r dl dd span a.nobor,.cp_rm ul li b .nobor{ margin-right:0;}
.cp_rm{ padding:28px 0 0 30px;width: 868px;}
.cp_rm ul li{ width:194px; padding:0 20px 0 0; float:left;}
.cp_rm ul li em{display: block;overflow: hidden; width:194px; height:146px;}
.cp_rm ul li img{ width:194px; height:146px;}
.cp_rm ul li span{ display:block; width:194px; text-align:center; height:42px; line-height:42px;font-size: 14px;color: #666; background:url(../images/case_k01.gif) no-repeat; overflow:hidden;}
.cp_rm ul li b{ display:inline-block;width: 194px; padding:15px 0 0;font-weight: normal;}

/*合作伙伴*/
.hz{ padding:0 0 60px;}
.hz_t{ background:url(../images/hz_tbg.gif) no-repeat;height: 40px;line-height: 40px;overflow: hidden;}
.hz_t a{font-size: 20px;color: #000;font-weight: bold; padding:0 0 0 50px;}
.hz_t span{float: right;}
.hz_t span a{font-size: 12px;color: #333;font-weight: normal; padding:0;text-transform: uppercase;}
.hz_m{ padding:15px 0 0;width: 1200px;overflow: hidden;}
.hz_m ul li{width: 240px;height: 121px;line-height: 0;float: left;}
.hz_m ul li img{width: 238px;height: 119px; border:#ccc 1px solid;box-sizing:border-box;display: block;}

/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0; height:248px; overflow:hidden;}
.ban01 p{position: absolute;top: 150px;left: 550px;}
.ban01 p span{ display:block;font-size:16px; color:#fff;float: left;width: 220px; background:url(../images/ban_tel.png) no-repeat 0 10px; padding:0 0 0 45px;line-height: 26px;}
.ban01 p span b{font-size: 26px;display: block;}
.ban01 p em{ display:block;float: left;width: 222px; padding:5px 0 0;}
.ban01 p em a{display: block;font-size: 18px;color: #054fc8;font-weight: bold;background: #fff; width:222px; height:40px;text-align: center;line-height: 40px;overflow: hidden;}

/*优势*/
.ys_t{ padding:75px 0 0;height: 90px;}
.ys01{ background:url(../images/ys_bg01.jpg) no-repeat center 0; height:442px; overflow:hidden;}
.ys02{ background:url(../images/ys_bg02.jpg) no-repeat center 0; height:363px; overflow:hidden;}
.ys03{ background:url(../images/ys_bg03.jpg) no-repeat center 0; height:487px; overflow:hidden;}
.ys dl{width: 560px; padding:70px 0 0;float: left;}
.ys dl dt{ background:url(../images/ys_k.gif) no-repeat;width: 560px;height: 100px;}
.ys dl dt em{ padding:0 0 0 34px;width: 236px;display: block;float: left;}
.ys dl dt em img{width: 180px;height: 73px;}
.ys dl dt span{display: block;float: left;width: 290px;font-size: 30px;color: #054fc8; padding:15px 0 0;line-height: 28px;}
.ys dl dt i{display: block;font-size: 14px;color: #989898;text-transform: uppercase;}
.ys dl dd{ padding:20px 0 0;width: 500px;}
.ys dl dd p{font-size: 16px;color: #666;line-height: 26px; padding:8px 0 0 35px; background:url(../images/ys_ico01.gif) no-repeat 0 16px;}
.ys dl dd b{color: #ff6911;}
.ys02 .ys dl{ padding:52px 0 0 640px;}
.ys03 .ys dl{ padding:67px 0 0;}
.ys_m{ padding:265px 85px 0 0;width: 385px;}
.ys_m ul li{width: 146px;float: left; padding:0 6px;}
.ys_m ul li img{width: 146px;height: 110px;border-radius:8px;}
.ys_m p{width: 20px;height: 34px; cursor:pointer; padding-top:42px;}
.ys_m p img{width: 20px;height: 34px;}
.ys_l{ padding-right:10px;}

/*设备展示*/
.sheb_bg{ background:url(../images/sheb_bg.jpg) no-repeat center 0;height: 344px; padding:63px 0 0;}
.sheb_bt{width: 118px;height: 102px;position: absolute;top: -13px;left: -13px;z-index: 20;}
.sheb_bt img{width: 118px;height: 102px;}
.sheb p,.photo p{width: 40px;height: 38px;position: absolute;top: 85px;}
.sheb p a,.photo p a{display: block;width: 40px;height: 38px;}
.sheb_l a,.photo_l a{ background:url(../images/sheb_lico01.gif) no-repeat;}
.sheb_l a:hover,.photo_l a:hover{ background:url(../images/sheb_lico02.gif) no-repeat;}
.sheb_r a,.photo_r a{ background:url(../images/sheb_rico01.gif) no-repeat;}
.sheb_r a:hover,.photo_r a:hover{ background:url(../images/sheb_rico02.gif) no-repeat;}
.sheb_l{left: -66px;}
.sheb_r{right: -66px;}
.sheb_m{width: 1200px;overflow: hidden;}
.sheb_m ul li{width: 260px;height: 192px;float: left;position: relative; border:#fff 6px solid; margin:0 36px 0 0;}
.sheb_m ul li img{width: 260px;height: 192px;}
.sheb_m ul li span{ width:260px; display:block; text-align:center; height:36px; line-height:36px; background:rgba(0,0,0,0.6);font-size: 16px;color: #fff;position: absolute;bottom: 0;left: 0; overflow:hidden;}
.sheb_tel{font-size: 16px;color: #fff;display: block; background:url(../images/ban_tel.png) no-repeat 0 73px; padding:66px 0 10px 48px;width: 330px; margin:0 auto;height: 34px;line-height: 34px;}
.sheb_tel b{font-size: 28px;}

/*新闻中心*/
.news_bg{background: #f9f9f9; padding:80px 0;}
.news_main{width: 1200px;height: 584px;background: #fff;box-shadow: 0 2px 5px 2px #d0d0d0; margin-top:35px;}
.news{ width:727px;}
.news_t,.wd_t{ background:url(../images/news_tbg01.gif) no-repeat; height:58px;line-height: 58px;overflow: hidden;}
.news_t a,.wd_t a{font-size: 20px;color: #333; padding:0 0 0 52px;}
.news_t span,.wd_t span{float: right;}
.news_t span a,.wd_t span a{font-size: 12px;color: #888;text-transform: uppercase; padding:0 80px 0 0;}
.news dl{ width:650px; padding:34px 0 20px; display:inline-block;}
.news dt{ width:80px; height:80px;background: #054fc8;text-align: center;font-size: 14px;color: #fff;overflow: hidden;float: left;line-height: 26px; margin-right:20px;}
.news dt b{display: block;font-size: 30px; padding:14px 0 0;}
.news dd{width:546px;float: left; padding:0 0 25px 0; background:url(../images/case_line.gif) repeat-x 0 bottom;}
.news dd span{display: block;width: 546px;height: 273px;overflow: hidden;}
.news dd span img{width: 546px;height: 273px;}
.news dd h3{ height:45px; line-height:45px; overflow:hidden;font-weight: normal;}
.news dd h3 a{ font-size:16px; color:#222;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dd h3 a:hover,.news ul li a:hover,.wd dt a:hover{color: #054fc8;}
.news .news_desc{ font-size:14px; color:#666; height:44px; line-height:22px;overflow: hidden;}
.news ul li{ height:24px; line-height:24px; overflow:hidden;width: 546px; padding:0 0 0 100px;}
.news ul li a{ font-size:14px; color:#666;display: block;float: left;width: 440px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li span{display: block;float: right;font-size: 14px;color: #b4b4b4;width: 106px; text-align:right;}

/*技术答疑*/
.wd{ width:473px;}
.wd_t{ background:url(../images/news_tbg02.gif) no-repeat;}
.wd_t a{ padding:0 0 0 46px;}
.wd_t span a{ padding:0 30px 0 0;}
.wd_m{ padding:30px 0 0;height: 440px;overflow: hidden;}
.wd dl{ width:435px; height:95px;border-bottom:#d7d9db 1px dashed; padding:20px 0 0;}
.wd dt{ height:30px; line-height:28px; overflow:hidden; background:url(../images/wen.gif) no-repeat; padding:0 0 0 45px;}
.wd dt a{ font-size:16px; color:#222;}
.wd dd{font-size:14px; color:#666; line-height:22px; height:44px; overflow:hidden; background:url(../images/da.gif) no-repeat 0 1px; padding:0 0 0 45px;}

/*走进屹星*/
.about{ padding:80px 0 35px;}
.about dl dt{width: 1200px;height: 526px;}
.about dl dt img{width: 1200px;height: 526px;}
.about dl dd{width: 1200px;}
.about dl dd em{width: 233px;display: block;float: left; padding:0 40px;line-height: 0;}
.about dl dd em img{width: 233px;height: 168px;}
.about dl dd h5{width: 880px;float: left;height: 40px;line-height: 40px;overflow: hidden; padding:15px 0 0;font-weight: normal;}
.about dl dd h5 a{font-size: 18px;color: #054fc8;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden;width: 880px;float: left; padding:5px 0 0;}

/*荣誉资质*/
.honor{width: 233px;height: 446px;background: #054fc8;top: 248px;left: 40px; padding:80px 0 0;}
.honor_t{ background:url(../images/honor_tbg.gif) no-repeat;width: 152px;height: 28px;line-height: 28px;text-align: center; margin:0 auto;}
.honor_t a{font-size: 20px;color: #fff;}
.honor_m{width: 168px; margin:20px auto 0;}
.honor_m ul li{width: 168px;float: left;}
.honor_m ul li img{width: 168px;height: 222px;}
.honor_m ul li span{ width:168px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0;font-size: 14px;color: #fff; overflow:hidden;}
.honor em{display: block;width: 115px; margin:0 auto; padding:15px 0 0;}
.honor em img{width: 115px;height: 36px;}

/*企业风采*/
.photo{ padding:0 0 60px;}
.photo_t{height: 55px;line-height: 50px;overflow: hidden; background:url(../images/photo_tbg.gif) no-repeat;font-weight: normal;}
.photo_t a{font-size: 20px;color: #333; padding:0 0 0 55px;}
.photo_t span{float: right;}
.photo_t span a{font-size: 12px;color: #666;text-transform: uppercase;}
.photo p{top: 165px;}
.photo_l{ left:-66px;}
.photo_r{ right:-66px;}

.photo_c{padding-top:30px;width: 1200px;overflow: hidden;}
.photo_c ul li { width:273px; height:205px; float:left; margin-right:36px;line-height: 0;position: relative;}
.photo_c ul li img{ width:273px; height:205px;}
.photo_c ul li a{ width:273px; height:205px;display: none;position: absolute;top: 0;left: 0; background:rgba(5,79,200,0.8);}
.photo_c ul li span{ width:110px; display:block; text-align:center; height:36px; line-height:36px;font-size: 16px;color: #fff; border-bottom:#fff 1px solid; border-top:#fff 1px solid; margin:84px auto 0;overflow: hidden;}
.photo_c ul li:hover a{display: block;}

/*友情链接*/
.links_bg{ padding:35px 0 0; background:url(../images/link_bg.gif) no-repeat center 0;height: 95px;}
.links_l{width: 145px; padding:8px 0 0;}
.links_l img{ width:115px; height:45px;}
.links_c{ height:56px; line-height:28px; overflow:hidden; width:1055px;}
.links_c a{ padding:0 20px; display:inline-block;font-size: 14px; color:#333;}

/**/
@-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);}
}
