@charset "utf-8";

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

/*合作客户*/
.hz{font-size: 0; padding:0 0 35px;}
.hz_t{ height:120px; padding:45px 0 0; text-align:center; overflow:hidden;}
.hz_t a{line-height: 40px; font-size:36px; color:#fff;font-weight: bold;display: block;-webkit-transition:transform .3s;transition:transform .3s;}
.hz_t span{ display:block;font-size: 18px;font-weight: normal; background:url(../images/index/hz_line.png) no-repeat center 25px; padding:5px 0 0;color: #333;}
.hz_t a:hover,.news_bt a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);color: #096dc3;}
.hz_m p{ padding:30px 0 0;}
.hz_m p a{display: block;width: 32px;height: 32px;}
.hz_l a{ background:url(../images/index/hz_lico01.gif) no-repeat;}
.hz_l a:hover{ background:url(../images/index/hz_lico02.gif) no-repeat;}
.hz_r a{ background:url(../images/index/hz_rico01.gif) no-repeat;}
.hz_r a:hover{ background:url(../images/index/hz_rico02.gif) no-repeat;}
.hz_c ul li { width:178px; float:left; padding:0 24px;overflow: hidden;}
.hz_c ul li img{width: 176px;height: 88px;}
.hz_btn{display: block;position: relative;height:88px;border:1px solid #e6e6e6;width:176px;}
.hz_btn:before,.hz_btn:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #096dc3;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in;}
.hz_btn:before{top: -1px;border-bottom: 0;}
.hz_btn:after{bottom: -1px;border-top: 0;}
.hz_btn:hover:before,.hz_btn:hover:after{width: 100%;height: 88px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}

/*应用领域*/
.lingy_bg{background: #f2f2f2;font-size: 0; padding:65px 0 35px;}
.lingy_l{width: 200px;height: 99px;background: #096dc3;text-align: center;line-height: 34px; padding:20px 0 0;}
.lingy_l a{font-size: 24px;color: #fff;font-weight: bold;}
.lingy_l span{display: block;font-size: 18px;color: #67abe5;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.lingy_r{width: 1000px;height: 119px;background: #fff; border-bottom:#e6e6e6 1px solid;}
.lingy_r ul li{ border-top:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid;height: 58px;width: 199px;position: relative;float: left;}
.lingy_r ul li a{font-size: 16px;color: #333;font-weight: bold;display: block;height: 58px;line-height: 58px;width: 124px; padding:0 0 0 75px;}
.lingy_r ul li a:hover{color: #fff; background:url(../images/index/lingy_btn.gif) no-repeat;}
.lingy_r ul li em{position: absolute;top: 19px;left: 35px;display: block;width: 30px;height: 30px;overflow: hidden;line-height: 0;}
.lingy_r ul li:hover em img{margin-top: -30px;}

/*案例*/
.case_bg{height:360px; background:url(../images/index/case_bg.gif) repeat-x;font-size: 0;}
.case_m ul{width:900px; height:330px; position: relative; margin:0 auto;}
.case_m ul li{ width:484px; height:322px; border:#ccc 2px solid;}
.case_m ul li img{width: 100%;}
.case_m ul li em{ background:url(../images/index/case_picbg.png) repeat;display: block;width: 100%;height: 50px;line-height: 50px;font-size: 14px;color: #fff;overflow: hidden;position: absolute;bottom: 0;left: 0;text-align: center;overflow: hidden;}

/*圣盾机械定制产品中心*/
.chanpin{ padding:0 0 50px;font-size: 0;}
.chanpin .hz_t{ height:110px; padding:10px 0 0;}
.chanpin .hz_t a{font-size: 30px;line-height: 30px;}
.chanpin .hz_t span{text-transform: uppercase; background:url(../images/index/cp_line.gif) no-repeat center 20px;color: #999;}
.cp_l{width: 298px; border:#e6e6e6 1px solid;height: 763px;}
.cp_l h3{ background:url(../images/index/cp_ltbg.gif) repeat-x;width: 270px;height: 101px; padding:0 0 0 28px;}
.cp_l h3 a{font-size: 24px;color: #f6f6f6;}
.cp_l h3 i{display: block;font-size: 32px;color: #f6f6f6;text-transform: uppercase; padding:20px 0 10px;}
.cp_ul01 li a,.cp_l span a{display: block;font-size: 16px;color: #fff;width: 263px;height: 49px;line-height: 49px; padding:0 0 0 35px; background:url(../images/index/cp_libg01.gif) no-repeat;}
.cp_ul01 li a:hover,.cp_ul01 li.on a{background:url(../images/index/cp_libg02.gif) no-repeat;}
.cp_ul01 .cp_ul02 li a{display: block;font-size: 14px;color: #666; border-bottom:#e6e6e6 1px solid;padding: 0 0 0 60px;width: 238px;overflow: hidden;background: #fff none;height: 45px;line-height: 45px;}
.cp_ul01 .cp_ul02 li a:hover{background: #fc5704 none;color: #fff;}
.cp_l span{display: block;width: 298px;height: 49px;}
.cp_r{ width:900px;}
.cp_rt{ border:#e6e6e6 1px solid; height:48px; margin-left:20px;}
.cp_rt ul li{ float:left;width: 218px;float: left;height: 48px; border-left:#e6e6e6 1px solid;}
.cp_rt ul li a{ font-size:16px; color:#333;font-weight: bold;display: block;width: 218px;height: 48px;text-align: center;line-height: 48px;}
.cp_rt ul li.cur a,.cp_rt ul li a:hover{ color:#fff; background:#127dd9;}
.cp_rt ul li.cur,.cp_rt ul li.cur a{ border:none;width: 221px;}
.cp_rm ul li{ width:278px;height: 333px; border:#e6e6e6 1px solid; margin:21px 0 0 20px; float:left;}
.cp_rm ul li:hover{ border:#086dc5 1px solid;}
.cp_rm ul li b{ width:278px; height:208px;display:block;overflow:hidden;}
.cp_rm ul li img{ width:278px; height:278px;}
.cp_rm ul li span{ display:block; width:278px; text-align:center; height:60px; line-height:66px; overflow:hidden; font-size:16px; color:#333;}
.cp_rm ul li em{ display:inline-block;width: 278px;}
.cp_rm ul li em a{font-size: 14px;color: #fff; display:block;float: left;width: 120px;height: 40px;text-align: center;line-height: 40px;background: #333;border-radius:5px;-webkit- border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px; margin-left:14px;}
.cp_rm ul li em a:hover{background: #fc5704;}
.cp_rm ul li em a:first-child:hover{background: #0a6fc6;}

/*广告条*/
.ban01{ background:url(../images/index/ban01.jpg) no-repeat center 0; height:200px; overflow:hidden;}
.ban01 p{position: absolute;top: 115px;left: 670px; background:url(../images/index/ban_btn.png) no-repeat;width: 360px;height: 55px;}
.ban01 p span{ display:block; font-size:14px; color:#fff;float: left;width: 160px; padding:5px 0 0;}
.ban01 p span b{font-size: 16px; display:block;}
.ban01 p em{ display:block;float: left;width: 200px;height: 55px;text-align: center;line-height: 55px;}
.ban01 p em a{font-size: 18px;color: #fff;}

/**/
.pk_bg{background: #e6e6e6;font-size: 0;}
.pk .hz_t{ height:90px; padding:55px 0 0;font-size: 30px;color: #333;font-weight: bold;line-height: 36px;}
.pk .hz_t span,.jz .hz_t span{color: #999;}
.pk_m{background: #fff; padding:0 0 20px;}
.pk_t{font-size: 18px;color: #fff;font-weight: bold; background:url(../images/index/pk_tbg.gif) no-repeat;height: 60px;line-height: 60px; margin:0 0 35px;}
.pk_t em{display: block;float: left; padding:0 0 0 150px;}
.pk_t span{display: block;float: right; padding:0 165px 0 0;}
.pk_m dl{ display:inline-block;width: 488px;}
.pk_m dl dt{width: 198px;height: 131px;float: left; border-bottom:#e6e6e6 1px solid; border-top:#e6e6e6 1px solid; border-left:#e6e6e6 1px solid;overflow: hidden;}
.pk_m dl dt img,.jz dl dt img,.news dt img,.about ul li img{width: 198px;height: 131px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pk_m dl dt img:hover,.jz dl dt img:hover,.news dt img:hover,.about ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pk_m dl dd{float: left;width: 253px;height: 95px;background: #086dc5;font-size: 14px;color: #fff;line-height: 25px; padding:38px 20px 0 15px;}
.pk_l{ padding:0 0 10px 20px;}
.pk_c{ background:url(../images/index/pk_k01.gif) no-repeat;width: 108px;height: 143px;font-size: 18px;color: #fff;font-weight: bold; padding:0 0 0 75px;line-height: 25px;}
.pk_c i{display: block; padding:42px 0 0;}
.pk_m .pk_r dl dd{background: #ccc;color: #333;}

/*优势*/
.ys_tbg{ background:url(../images/index/ys_tbg.jpg) no-repeat center 0; height:200px; overflow:hidden;font-size: 30px;color: #fc5704;font-weight: bold;text-align: center;line-height: 130px;}
.ys01{ background:url(../images/index/ys_bg01.jpg) no-repeat center 0; height:432px; overflow:hidden;}
.ys02{ background:url(../images/index/ys_bg02.jpg) no-repeat center 0; height:535px; overflow:hidden;}
.ys03{ background:url(../images/index/ys_bg03.jpg) no-repeat center 0; height:391px; overflow:hidden;}
.ys dl{ display:inline-block;width: 580px;}
.ys dl dt{width: 580px;height: 80px; display:inline-block;}
.ys dl dt em{display: block;float: left;width: 65px; padding:0 15px 0 0;}
.ys dl dt em img{width: 65px;height: 80px;}
.ys dl dt p{float: left;width: 500px; background:url(../images/index/ys_line02.gif) no-repeat 0 75px;height: 72px;font-size: 20px;color: #999; padding:8px 0 0;}
.ys dl dt p b{font-size: 24px;color: #333;}
.ys dl dt p i{display: block;color: #999;text-transform: uppercase; padding:10px 0 0;font-size: 10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.ys dl dt p i { margin:0 -60px;-webkit-transform:scale(0.8)} }
.ys dl dd{ padding:15px 0 0;width: 580px;}
.ys dl dd p{font-size: 16px;color: #333;line-height: 30px; background:url(../images/index/ys_ico02.png) no-repeat 0 15px; padding:5px 0 0 25px;}
.ys dl dd p b{font-size: 18px;}
.ys dl dd p i{color: #086dc5;font-weight: bold;}
.ys dl dd span{display: block;width: 135px;height: 40px; padding:20px 0 0;}
.ys dl dd span a{display: block;font-size: 14px;color: #fff; background:url(../images/index/ys_btn.gif) no-repeat;width: 135px;height: 40px;text-align: center;line-height: 40px;overflow: hidden;}
.ys dl dd span a:hover,.ban02 p em a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.ys01 .ys dl{ padding:25px 0 0;}
.ys01 .ys dl dt p{ background:url(../images/index/ys_line01.gif) no-repeat 0 75px;color: #b4d4f0;}
.ys01 .ys dl dt p b{color: #fff;}
.ys01 .ys dl dt p i{color: #75b4ec;}
.ys01 .ys dl dd p{color: #fff; background:url(../images/index/ys_ico01.png) no-repeat 0 15px;}
.ys02 .ys dl{ padding:72px 0 0 620px;}
.ys03 .ys dl{ padding:58px 0 0 25px;}

/*广告条*/
.ban02{ background:url(../images/index/ban02.jpg) no-repeat center 0; height:200px; overflow:hidden;}
.ban02 p{position: absolute;top: 50px;left: 295px;}
.ban02 p span{ display:block; font-size:14px; color:#666; background:url(../images/index/ban_tel.gif) no-repeat 0 3px; padding:0 0 0 50px;height: 60px;}
.ban02 p span b{font-size: 22px;color: #086dc5;display: block;}
.ban02 p em{ display:block;width: 166px; padding:5px 0 0;}
.ban02 p em a{display: block;font-size: 14px;color: #fff; background:url(../images/index/ban_btn02.gif) no-repeat; width:166px; height:45px;text-align: center;line-height: 45px;}

/*客户见证*/
.jz_bg{background: #e6e6e6;font-size: 0; padding:0 0 35px;}
.jz .hz_t{ height:110px;}
.jz .hz_t a,.about .hz_t a{font-size: 30px;line-height: 36px;}
.jz .hz_t span,.about .hz_t span{ background-position:center 22px; letter-spacing:2px;}
.jz dl{width: 370px;float: left; padding:0 15px;overflow: hidden;}
.jz dl dt{width: 370px;height: 208px;overflow: hidden;}
.jz dl dt img{width: 370px;height: 208px;}
.jz dl dd{width: 330px;height: 153px;background: #fff; padding:15px 20px 0;}
.jz dl dd h5{height: 30px;line-height: 30px;}
.jz dl dd h5 a{font-size: 16px;color: #333;}
.jz dl dd h5 a:hover{color: #086dc5;}
.jz dl dd h5 i{font-size: 14px; padding:0 0 0 20px;}
.jz dl dd h5 em{font-size: 14px;color: #7f7f7f;float: right;font-weight: normal;}
.jz .jz_desc{font-size: 14px;color: #666;line-height: 25px; padding:5px 0 0;height: 75px;overflow: hidden;}
.jz dl dd span{display: block; padding:3px 0 0;}
.jz dl dd span a{font-size: 14px;color: #086dc5;}

/*新闻中心*/
.news_bt{ height:100px; padding:50px 0 0; text-align:center; overflow:hidden;}
.news_bt a{line-height: 30px; font-size:30px; color:#333;font-weight: bold;display: block;-webkit-transition:transform .3s;transition:transform .3s;}
.news_bt span{ display:block;font-size: 18px;font-weight: normal; background:url(../images/index/news_line.gif) no-repeat center 22px; padding:8px 0 0;color: #999;text-transform: uppercase;}
/*常见问题*/
.wd,.news{ width:390px; font-size:0; padding:0 0 25px;}
.wd_t{width: 360px;height: 50px;line-height: 50px;background: #fc5704;overflow: hidden; padding:0 15px;}
.wd_t a{font-size: 16px;color: #fff;font-weight: bold;}
.wd_t span,.news_t span{float: right;}
.wd_t span a,.news_t span a{font-size: 14px;color: #fff;text-transform: uppercase;font-weight: normal;}
.wd_m{ border-bottom:#e6e6e6 1px solid; border-left:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid; padding:15px;width: 358px;height: 350px;}
.wd dl{ width:358px; height:100px; padding:10px 0 0;}
.wd dt{font-size:16px; color:#333; background:url(../images/index/wen.gif) no-repeat; padding-left:45px; height:35px; line-height:35px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd dt a{ font-size:16px; color:#333;}
.wd dt a:hover,.news_m ul li a:hover{color: #086dc5;}
.wd dd{ font-size:14px; color:#666; background:url(../images/index/da.gif) no-repeat 0 5px; padding:7px 0 0 45px; line-height:24px; height:48px; overflow:hidden;}

/*圣盾资讯*/
.news{ width:782px;}
.news_t{ height:50px; background:#086dc5; line-height:50px;width: 782px;}
.news_t ul li{ float:left;}
.news_t ul li a{ font-size:16px; color:#fff; font-weight:bold; display:block; width:150px; height:50px; line-height:50px;text-align:center;}
.news_t ul li.on a,.news_t ul li a:hover{ color:#fff; background:#fc5704;}
.news_t span{ padding:0 15px 0 0;}
.news_m{width: 740px;height: 380px; border-bottom:#e6e6e6 1px solid; border-left:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid; padding:0 20px;}
.news_m dl{ width:348px; padding:30px 0 0;float: left;}
.news_m dt{ width:338px; height:225px;overflow: hidden;}
.news_m dt img{ width:338px; height:225px;}
.news dd{font-size: 14px;color: #333;line-height: 24px;height: 72px;overflow: hidden; padding:10px 0 0;}
.news_m ul{width: 365px;float: right; padding:22px 0 0;}
.news_m ul li{ height:40px; line-height:40px; overflow:hidden; background:url(../images/index/news_ico01.gif) no-repeat 0 20px;}
.news_m ul li a{ font-size:14px; color:#333; padding:0 0 0 15px;display: block;float: left;width: 245px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m ul li span{font-size: 14px;color: #666;float: right;display: block;width: 95px; text-align:right;}

/*走进圣盾*/
.ab_bg{ background:url(../images/index/ab_bg.jpg) no-repeat center 0; height:785px;font-size: 0; overflow:hidden;}
.about .hz_t{ padding:21px 0 0;height: 95px;}
.about .hz_t span{color: #fff;text-transform: uppercase;}
.ab_desc{font-size: 14px;color: #fff;line-height: 35px;height: 140px;overflow: hidden; padding:35px 0 0;text-align: center;}
.about ul li{width: 385px;float: left; padding:15px 7px 0;overflow: hidden;}
.about ul li em{width: 385px;height: 216px;display: block;overflow: hidden;}
.about ul li img{width: 385px;height: 216px;}
.ab_jie{font-size: 14px;color: #fff;line-height: 38px;width: 825px; margin:0 auto;text-align: center;height: 76px;overflow: hidden; padding:50px 0 0;}
.about .ab_btn{ display:inline-block; padding:30px 0 0 270px;width: 800px;}
.about .ab_btn a{display: block;font-size: 14px;color: #fff; background:url(../images/index/ab_btn01.png) no-repeat;width: 172px;height: 49px;text-align: center;line-height: 49px;float: left;overflow: hidden; margin-left:35px;}
.about .ab_btn a:hover{ background:url(../images/index/ab_btn02.png) no-repeat;animation:shake .5s linear;-webkit-animation:shake .5s linear;}

/*友情链接*/
.links{ padding:30px 0 25px;}
.link_l {font-size: 20px;color: #000; width:110px; background:url(../images/index/link_ico.gif) no-repeat 0 5px; padding:8px 0 10px 60px;}
.link_l i{display: block;font-size: 24px;text-transform: uppercase; padding:0 0 3px;}
.lk_c{ width:1030px; height:50px;line-height: 25px; background:url(../images/index/link_line.gif) no-repeat 0 8px; overflow:hidden; padding:5px 0 0;}
.lk_c a{ padding:0 32px; display:inline-block; font-size:14px; color:#000;}

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