@charset "utf-8";

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

/*产品中心*/
.cp_bg{ background:url(../images/cp_bg.jpg) no-repeat center 0;height: 1040px;overflow: hidden;padding: 11px 0 0;}

.cp_t{font-size: 40px;color: #333;text-align: center;height: 125px;line-height: 46px; background:url(../images/cp_line01.png) no-repeat center 22px;font-weight: normal;}
.cp_t a{color: #333;}
.cp_t a:hover{color: #eb3d00;}
.cp_t span{display: block;font-size: 18px;}

.cp_c{width: 1200px;overflow: hidden;height: 370px; background:url(../images/cp_line02.gif) repeat-x 0 368px;}
.cp_m ul li{width:362px;float:left;text-align:center;margin-right: 55px;line-height: 0;position: relative;padding: 20px 0 0;height: 350px;overflow: hidden;}
.cp_m ul li img{width: 360px;height: 270px;display:block;border: #e8e8e8 1px solid;}
.cp_m ul li em{display: block;width: 36px;height: 36px;position: absolute;top: 0;left: 47%;}
.cp_m ul li em img{width: 36px;height: 36px;border: none;}
.cp_m ul li span{ width:360px; display:block; text-align:center; height:50px; line-height:50px; overflow:hidden;font-size:16px;}
.cp_m ul li a{color: #333;}
.cp_m ul li a:hover{color: #eb3d00;}
.cp_m ul li i{width: 360px;height: 3px;display:block;position: absolute;z-index: 4;bottom: 0;left: 0;}
.cp_m ul li i:hover{background:#eb3d00\9;}/* IE6、IE7、IE8支持 */
.cp_m ul li i:after{content:'';position:absolute;height:100%;width:0;background:#eb3d00;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;}
.cp_m ul li:hover i:after{width:100%;}
.cp_m p{width: 80px; height: 80px; position: absolute; top: 108px; cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;} 
.cp_lico{left: -100px;}
.cp_rico{right: -100px;}
.cp_m p:hover{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

.cp01{padding: 42px 0 0;}
.cp01 ul li{float: left;width: 174px;height: 306px;background: #fff;margin-left: 7px;overflow: hidden;}
.cp_ul01 li a{display: block;font-size: 18px;color: #271616;width: 174px;height: 90px;line-height: 120px;overflow: hidden;text-align: center;font-weight: bold;}
.cp01 ul li:first-child{margin-left: 0;}
.cp_ul02{height: 170px;}
.cp_ul01 .cp_ul02 li{height: 34px;padding: 0 0 0 40px;width: 130px;margin: 0;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;height: 34px;line-height: 34px;white-space:nowrap; text-overflow:ellipsis;font-weight: normal;text-align: left;width: 120px;}
.cp01 ul li a:hover{color: #eb3d00;}
.cp01 ul li.cp_li05,.cp01 ul li.cp_li05 a{width: 324px;}
.cp01 .cp_li05 .cp_ul02{padding: 0 0 0 50px;}
.cp01 .cp_li05 .cp_ul02 li{padding: 0;}
.cp01 .cp_li05 .cp_ul02 li a{width: 120px;}

/*应用实例*/
.case{/*margin-top: -90px;*/z-index: 10;margin-top:70px;}
.case .cp_t{height: 110px; background:url(../images/case_line01.gif) no-repeat center 22px;}
.case_t{height: 110px;width: 1200px; background:url(../images/case_line02.gif) repeat-x 0 18px;}
.case_t ul li{width: 150px;float: left;text-align: center;}
.case_t ul li a{font-size: 16px;color: #333;display: block;width: 150px;height: 110px; background:url(../images/case_ico01.png) no-repeat center 0;line-height: 100px;overflow: hidden;}
.case_t ul li a:hover,.case_t ul li.on a{ background:url(../images/case_ico02.png) no-repeat center 0;}
.case_m dl{width: 100%;height: auto;position: relative;}
.case_m dl dt{width: 100%;line-height: 0;}
.case_m dl dt img{width: 100%;height: 100%;}
.case_m dl dd{width: 1200px;height: 180px;position: absolute;bottom: 0;left: 50%;margin-left: -600px;}
.case01{width: 725px;height: 180px;background: rgba(255,255,255,0.9);text-align: center;margin:0 auto;}
.case_m dl dd h5{height: 40px;line-height: 40px;width: 520px;overflow: hidden;margin:0 auto;font-weight: normal;padding: 40px 0 0;}
.case_m dl dd h5 a{font-size: 22px;color: #271616;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 520px;}
.case_m .case_desc{font-size: 14px;color: #333;height: 50px;line-height: 25px;overflow: hidden;width: 600px;margin:0 auto;padding: 10px 0 0;}

/*优势*/
.ys_bg{ background:url(../images/ys_bg.jpg) no-repeat center 0;height: 660px; padding:71px 0 0;overflow: hidden;}
.ys dl{width: 289px;height: 463px;float: left;background: #fff;margin-right: 14px;box-shadow: 0 3px 8px 3px #dedede;}
.ys dl dt{width: 289px;height: 229px;position: relative;line-height: 0;}
.ys dl dt img{width: 289px;height: 229px;}
.ys dl dt em{display: block;position: absolute;bottom: -57px;left: 90px;width: 111px;}
.ys dl dt em img{width: 111px;height: 111px;display: block; transition: all 0.3s ease-in-out 0s;}
.ys dl:hover dt em img{ transform: rotateY(180deg);}
.ys dl dd{width: 230px;margin:0 auto; padding:70px 0 0;text-align: center;}
.ys dl dd h5{font-size: 20px;color: #271616;height: 36px;line-height: 36px;overflow: hidden;}
.ys dl dd h5 i{font-weight: normal;padding: 0 10px;}
.ys dl dd p{font-size: 14px;color: #666;line-height: 24px;padding: 10px 0 0;height: 72px;overflow: hidden;}
.ys .nobor{margin-right: 0;}

/*一站式服务*/
.liuc_bg{ background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 425px; padding:45px 0 0;overflow: hidden;}
.liuc .cp_t{color: #fff; background:url(../images/liuc_line01.gif) no-repeat center 20px;}
.cp_t b{color: #eb3d00;}
.liuc ul{ background:url(../images/liuc_line02.gif) no-repeat center 28px;display: inline-block;width: 1120px;padding: 0 40px;}
.liuc ul li{width: 160px;float: left;text-align: center;}
.liuc ul li em{display: block;font-size: 30px;color: #706969; font-family:Arial, Helvetica, sans-serif;width: 32px;text-align: center;height: 60px;line-height: 64px;overflow: hidden;background: #271616;margin:0 auto;}
.liuc ul li b{display: block;font-size: 16px;}
.liuc ul li a{color: #fff;display: block;width: 98px;height: 105px;border: #271616 1px solid;margin:0 auto;}
.liuc ul li a:hover{color: #eb3d00;border: #685c5c 1px solid;background: #271616;}
.liuc ul li a:hover em{color: #eb3d00;}
.liuc_tel{padding: 51px 0 0 435px;}
.liuc_tel p{ float:left;line-height: 26px; background:url(../images/tel.gif) no-repeat 0 25px;padding: 8px 0 0 32px; font-family:"Times New Roman", Times, serif;font-size: 14px;color: #271616;width: 234px;}
.liuc_tel p b{display: block;font-size: 30px;}
.liuc_tel a{display: block;float: left;font-size: 14px;color: #fff;width: 120px;text-align: center;height: 72px;line-height: 72px;overflow: hidden;}
.liuc_tel a:hover{font-weight: bold;}

/*新闻中心*/
.news_main{padding:70px 0 50px;}
.news{ width:640px; padding:0 20px 0 12px;}
.news_t{ height:58px;line-height: 58px;overflow: hidden; border-top: #e6e6e6 1px solid; border-bottom: #e6e6e6 1px solid;}
.news_t p{width: 100px;height: 58px;float: left;}
.news_t p a{font-size: 16px;color: #666;width: 100px;height: 58px;display: block;text-align: center;}
.news_t p a:hover{color: #fff;background: #271616;}
.news_t em{font-size: 16px;color: #d2d2d2;text-transform: uppercase;padding: 0 0 0 10px;display: block;float: left;}
.news_t span{display: block;float: right;line-height: 0;width: 27px;padding: 14px 0 0;}
.news_t span img{width: 27px;height: 27px;}
.news dl{ width:640px; padding:40px 0 30px; display:inline-block;}
.news dt{ width:271px; height:203px;overflow: hidden;float: left;}
.news dt img,.photo ul li img{ width:271px; height:203px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news dl dt img:hover,.photo ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news dd{width:345px;float: left; padding:0 0 0 20px;}
.news dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 310px;}
.news dd h3 a:hover{color: #000;}
.news .news_desc{ font-size:14px; color:#666; height:84px; line-height:28px;overflow: hidden; padding:15px 0 0;}
.news dd span{display: block; padding:15px 0 0;}
.news dd span a{display: block; width: 170px; text-align: center; height: 40px; line-height: 40px; font-size: 14px; color: #fff; overflow: hidden;background: #aaa;border-radius:20px;}
.news dd span a:hover{background: #eb3d00;}
.news ul li{ height:74px;border: #d9d9d9 1px solid;width: 638px; overflow:hidden;margin-bottom: 20px;}
.news ul li a{ font-size:14px; color:#333;display: block;float: left;width: 440px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 40px;height: 74px;line-height: 74px; background:url(../images/news_ico01.gif) no-repeat right 21px;}
.news ul li a:hover{ background:url(../images/news_ico02.gif) no-repeat right 21px;font-weight: bold;}
.news ul li span{display: block;float: left;font-size: 16px;color: #aaa;width: 105px;text-align: center; font-family:Arial, Helvetica, sans-serif; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 26px;height: 64px;padding: 10px 0 0;}
.news ul li span i{display: block;font-size: 24px;color: #333;}

/*常见问答*/
.wd{ width:480px;}
.wd_m{height: 400px;overflow: hidden;padding: 20px 0 0;}
.wd dl{ width:455px; height:120px;border-bottom:#ebebeb 1px dashed; padding:20px 0 0;}
.wd dt{ height:30px; line-height:25px; overflow:hidden; background:url(../images/wen.gif) no-repeat; padding:0 0 0 45px;}
.wd dt a{ font-size:14px; color:#333;}
.wd dt a:hover{font-weight: bold;}
.wd dd{font-size:14px; color:#666; line-height:28px; height:56px; overflow:hidden; padding:0 0 0 45px;margin-top: 8px;}

/**/
.ab_bg{background: #eaeaea;padding: 70px 0;}
.ab_l{width: 254px;padding: 50px 0 0;}
.ibrand-num li{width:180px;height:130px; border:#bcbcbc 1px solid;text-align:center;color:#333;font-size:16px;border-radius: 50%;font-weight: bold;margin-bottom: 30px;padding: 50px 0 0;}
.ibrand-num li span{font-size:50px; font-family:"Times New Roman", Times, serif;line-height: 50px;}
.ibrand-num li b{display:block;font-weight: normal;}
.about{width: 694px; background:url(../images/ab_k.jpg) no-repeat center 118px;}
.about dl{padding: 20px 0 0;}
.about dl dt{width: 522px;height: 328px;margin:0 auto;}
.about dl dt img{width: 522px;height: 328px;}
.about dl dd{width: 600px;text-align: center;margin:0 auto;padding: 70px 0 0;}
.about dl dd h5{height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;}
.about dl dd h5 a{font-size: 26px;color: #333;}
.about .ab_desc{font-size: 14px;color: #333;line-height: 25px;height: 75px;overflow: hidden;padding: 15px 0 0;}

.photo{width: 232px;padding: 30px 0 0;}
.photo h3{height: 40px;line-height: 40px;text-align: center;overflow: hidden; background:url(../images/photo_ico.jpg) no-repeat 158px 9px;}
.photo h3 a{font-size: 16px;color: #271616;}
.photo_m{height: 600px;overflow: hidden;}
.photo ul li{width: 230px;height: 130px;line-height: 0;border: #fff 1px solid;margin-bottom: 20px;overflow: hidden;}
.photo ul li img{width: 230px;height: 130px;}

/*友情链接*/
.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);}
}