@charset "utf-8";

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

/**/
.yin{background:url(../images/yin_bg.jpg) no-repeat center 0;height: 230px;overflow: hidden;padding: 70px 0 0;margin-top: 50px;}
.ibrand-num li{float:left;width:240px;height:200px;color:#1c1c1c;font-size:14px;}
.ibrand-num li span{font-size:70px;color: #358ee4;font-family: "Impact";display: block;float: left;line-height: 70px;}
.ibrand-num li i{display: block;font-size: 14px;color: #fff;float: left;width: 28px;height: 28px;text-align: center;line-height: 28px;overflow: hidden;background: rgba(53,142,228,0.4);border-radius: 50%;}
.ibrand-num li b{display:block;font-size: 20px;color: #1c1c1c;height: 45px;line-height: 45px;overflow: hidden;background:url(../images/yin_ico01.gif) no-repeat 0 43px;width: 100%;clear: both;}
.ibrand-num li em{display:block;height: 40px;line-height: 40px;overflow: hidden;background:url(../images/yin_line.png) no-repeat 0 37px;}

/*系统服务*/
.fuw_bg{padding: 100px 0;overflow: hidden;}
.fuw{height: 735px;}
.fuw_t{background:url(../images/fuw_tbg.gif) no-repeat;height: 155px;line-height: 40px;overflow: hidden;}
.fuw_t a{display: block;float: left;width: 600px;font-size: 40px;color: #333;padding: 20px 0 0;}
.fuw_t a:hover{color: #358ee4;}
.fuw_t span{display: block;font-size: 16px;color: #666;font-weight: normal;padding: 10px 0 0;}
.fuw_t em{display: block;float: right;font-size: 14px;color: #666; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;line-height: 24px;text-align: right;padding: 35px 0 0;}
.fuw_t i{display: block;}
.fuw_l{width: 600px;}
.fuw_lt ul li{width: 150px;height: 165px;float: left;}
.fuw_lt ul li a{display: block;font-size: 16px;color: #333;font-weight: bold;width: 150px;text-align: center;height: 165px;float: left;background:url(../images/fuw_line01.png) no-repeat center bottom;}
.fuw_lt ul li em{display: block;width: 50px;height: 45px;line-height: 0;overflow: hidden;margin: 0 auto;}
.fuw_lt ul li em img{width: 50px;height: 90px;-webkit-transition:all .5s;transition:all .5s;}
.fuw_lt ul li b{display: block;height: 30px;line-height: 30px;overflow: hidden;padding: 15px 0 0;}
.fuw_lt ul li i{display: block;font-size: 20px;}
.fuw_lt ul li a:hover,.fuw_lt ul li.on a{background:url(../images/fuw_line02.png) no-repeat center bottom;color: #358ee4;}
.fuw_lt ul li a:hover em img,.fuw_lt ul li.on em img{margin-top: -45px;}
.fuw_lm{width: 510px;height: 170px;background: #f6f6f6;margin-top: -14px;padding: 45px 0 0 90px;}
.fuw_lm b{display: block;font-size: 16px;color: #333;height: 40px;line-height: 30px;overflow: hidden;}
.fuw_lm ul li{width: 240px;height: 30px;float: left;overflow: hidden;}
.fuw_lm ul li a{font-size: 14px;color: #666;height: 30px;line-height: 30px;background:url(../images/fuw_y01.png) no-repeat 0 5px;width: 220px;padding-left: 20px;}
.fuw_lm ul li a:hover{color: #3e8dd9;background:url(../images/fuw_y02.png) no-repeat 0 5px;}
.fuw_r{width: 960px;height: 580px;position: absolute;bottom: 0;left: 50%;line-height: 0;overflow: hidden;}
.fuw_r img,.fuw_bot ul li img,.plan_m dl dt img,.cp_list ul li img,.ys_pic img,.news dt img,.about img{width: 960px;height: 580px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.fuw_r img:hover,.fuw_bot ul li img:hover,.plan_m dl dt img:hover,.cp_list ul li img:hover,.ys_pic img:hover,.news dt img:hover,.about img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.fuw_bot{width: 768px;height: 186px;background: #358ee4;padding: 24px 0 0;position: absolute;bottom: 0;left: 0;z-index: 20;}
.fuw_bot ul li{width: 224px;height: 168px;float: left;line-height: 0;overflow: hidden;margin-right: 26px;}
.fuw_bot ul li img{width: 224px;height: 168px;}
.fuw_k{width: 960px;height: 210px;position: absolute;bottom: 0;right: 50%;background: #358ee4;}

/*解决方案*/
.plan_bg{background: #f8f8f8;padding: 50px 0 70px;}
.plan_tit{background:url(../images/plan_tbg.gif) no-repeat center 0;height: 95px;line-height: 40px;overflow: hidden;text-align: center;font-size: 40px;color: #333;padding: 20px 0 0;}
.plan_tit a{color: #333;}
.plan_tit a:hover{color: #358ee4;}
.plan_tit span{display: block;font-size: 16px;color: #666;font-weight: normal;padding: 10px 0 0;}
.plan_t{height: 80px;padding: 35px 0 0;}
.plan_t ul li{width: 200px;height: 46px;float: left;background:url(../images/plan_bor.gif) no-repeat right 18px;margin-left: -1px;}
.plan_t ul li a{font-size: 16px;color: #333;display: block;float: left;width: 200px;height: 46px;text-align: center;line-height: 46px;overflow: hidden;}
.plan_t ul li a:hover,.plan_t ul li.on a{background: #358ee4;color: #fff;}
.plan_t ul li.nobor{background: none;}
.plan_m dl dt{width: 745px;height: 420px;float: left;line-height: 0;overflow: hidden;}
.plan_m dl dt img{width: 745px;height: 420px;}
.plan_m dl dd{width: 330px;height: 338px;float: left;border: #b5b5b5 1px solid;padding: 80px 60px 0;}
.plan_m dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.plan_m dl dd h5 a{font-size: 30px;color: #358ee4;font-weight: normal;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.plan_m .plan_desc{font-size: 14px;color: #666;line-height: 30px;height: 150px;overflow: hidden;padding: 20px 0 0;}
.plan_m dl dd span{display: block;padding: 30px 0 0;width: 150px;}
.plan_m dl dd span a{font-size: 14px;color: #333;display: block;width: 150px;height: 30px;text-align: center;line-height: 30px;background: #ddd;}
.plan_m dl dd span a:hover{color: #fff;background: #358ee4;}

.four{padding: 50px 0 0;}
.four ul li{width: 265px;height: 100px;float: left;padding: 0 0 0 35px;position: relative;border-bottom: #adadad 1px solid;}
.four ul li em{display: block;float: left;width: 66px;height: 66px;background: #9f9f9f;border-radius: 50%;}
.four ul li em img{width: 66px;height: 66px;}
.four ul li b{display: block;font-size: 16px;color: #358ee4;float: left;width: 150px;padding: 10px 0 0 15px;line-height: 24px;}
.four ul li span{display: block;font-size: 14px;color: #999;font-weight: normal;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;}
.four ul li i{width: 300px;height: 5px;display:block;position: absolute;z-index: 4;bottom: -2px;left: 0;}
.four ul li i:hover{background:#358ee4\9;height: 5px;}/* IE6、IE7、IE8支持 */
.four ul li i:after{content:'';position:absolute;height:100%;width:0;background:#358ee4;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;}
.four ul li:hover i:after{width:100%;}
.four ul li:hover em{background:#358ee4;}

/*工程案例*/
.case_bg{background:url(../images/case_line01.gif) repeat-x 0 290px;padding: 100px 0 30px;}
.case .plan_tit{background:url(../images/case_tbg.gif) no-repeat center 0;}
.case_t{height: 78px;padding: 0 0 50px;}
.case_t ul li{float: left;height: 78px;width: 200px;}
.case_t ul li a{font-size: 18px;color: #1c1317;display: block;float: left;height: 78px;line-height: 88px;overflow: hidden;width: 200px;text-align: center;}
.case_t ul li a:hover,.case_t ul li.cur a{color: #358ee4;font-weight: bold;background:url(../images/case_line02.gif) no-repeat center bottom;}
.case01{width: 380px;height: 326px;margin-right: 30px;margin-bottom: 70px;}
.case01 dl dt{width: 380px;height: 214px;line-height: 0;}
.case01 dl dt img{width: 380px;height: 214px;}
.case01 dl dd{width: 310px;height: 75px;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);position: relative;padding: 15px 40px 0 30px;}
.case01 dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case01 dl dd h5 a{font-size: 18px;color: #1c1317;font-weight: normal;display: block;width: 300px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case01 dl dd h5 a:hover{color: #358ee4;}
.case01 dl dd span{display: block;font-size: 14px;color: #666;}
.case01 dl dd em{display: block;width: 14px;height: 14px;position: absolute;top: 35px;right: 20px;}
.case01 dl dd em img{width: 14px;height: 14px;}
.case01 .case_desc{ display: none; font-size: 14px;color: #fff;line-height: 30px;overflow: hidden;background:url(../images/case_k.png) no-repeat;position: absolute;top: 0;left: 0;padding: 50px 45px 0;width: 290px;height: 164px;}
.case01:hover .case_desc{display: block;}
.case01 i{width: 380px;height: 2px;display:block;position: absolute;z-index: 4;bottom: 0;left: 0;background: #c8c8c8;}
.case01 i:hover{background:#358ee4\9;}/* IE6、IE7、IE8支持 */
.case01 i:after{content:'';position:absolute;height:100%;width:0;background:#358ee4;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;}
.case01:hover i:after{width:100%;}
.case .nobor{margin-right: 0;}

/*合作客户*/
.hz{background: #f6f6f6;padding: 0 0 60px;}
.hz_t{height: 100px;background:url(../images/hz_line.gif) no-repeat center 48px;line-height: 100px;overflow: hidden;text-align: center;margin-bottom: 5px;}
.hz_t a{font-size: 30px;color: #333;}
.hz_t a:hover{color: #358ee4;}
.hz ul li{width: 240px;height: 135px;float: left;line-height: 0;border-bottom: #ddd 1px solid;position: relative;}
.hz ul li a{ display:block; position:relative;width: 240px;height: 135px;}
.hz ul li a:before{content: "";width: 1px;height: 100%;background: #ddd;position: absolute;top: 0;right: 0;z-index: 2;}
.hz ul li img{width: 240px;height: 135px;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.hz ul li:hover img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; 
}
.hz ul li:nth-child(5n) a:before{background: none;}
.hz ul li a:hover:after{content: "";width: 240px;height: 135px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px #eee;z-index: 3;}

/*广告条*/
.ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 300px;overflow: hidden;}
.ban01_l{padding: 54px 0 0;width: 640px;}
.ban01_l p{font-size: 46px;color: #fff;line-height: 50px;letter-spacing: 3px;width: 640px;height: 170px;}
.ban01_l p span{display: block;font-size: 36px;padding: 15px 0 0;}
.ban01_l ul li{font-size: 24px;color: #fff;float: left;height: 40px;line-height: 40px;overflow: hidden;width: 190px;background:url(../images/ban_ico01.png) no-repeat 0 16px;padding: 0 0 0 20px;}
.ban01_r{width: 300px;}
.nextpage{position:absolute;width:44px;height:132px;top:0;right: 50px;
  animation:plateRotate 1s linear infinite alternate;
  -webkit-animation:plateRotate 1s linear infinite alternate;
  transform-origin:50% 0 0;
  -webkit-transform-origin:50% 0 0;
 }
.nextpage em,.nextpage a{display:block;}
.nextpage .line{width:1px;height:88px;background:#fff;margin:0 0 0 19px;}
.nextpage .mouse{width:44px;height:44px;background:url(../images/ban_tel.png)}
.ban01_r b{display: block;font-size: 30px;color: #fff;font-family: "Impact";text-align: right;padding: 145px 0 0;line-height: 40px;}
.ban01_btn{display: block;width: 300px;padding: 25px 0 0;}
.ban01_btn a{display: block;font-size: 16px;color: #166cb7;font-weight: bold;width: 155px;text-align: center;height: 38px;line-height: 38px;overflow: hidden;background: #fff;border-radius: 20px;float: right;}
.ban01_btn a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*产品中心*/
.chanp{padding: 100px 0;}
.chanp .plan_tit{background:url(../images/cp_tbg.gif) no-repeat center 0;}
.cp_t{padding: 20px 0 0;}
.cp_t ul li{width: 190px;height: 95px;float: left;line-height: 0;margin:10px 10px 20px 0;}
.cp_t ul li img{width: 150px;height:95px;display:block;margin:0 auto;}
.cp_t ul li:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.cp_m{width: 1200px;height: 190px;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.cp01{width: 350px;padding: 25px 0 0 50px;background:url(../images/cp_line.gif) no-repeat right 48px;}
.cp01 ul li{font-size: 16px;color: #666;float: left;width: 170px;height: 34px;line-height: 34px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp01 ul li:hover{color: #358ee4;}
.cp_m .nobor{background: none;}
.cp_list{padding: 15px 0 0;}
.cp_list ul li{width: 380px;height: 285px;line-height: 0;float: left;overflow: hidden;position: relative;margin-top: 25px;margin-right: 30px;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.cp_list ul li img{width: 380px;height: 285px;}
.cp_list ul li h4{font-size: 14px;color: #363636;height: 60px;line-height: 70px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url(../images/cp_ico01.gif) no-repeat;width: 300px;position: absolute;bottom: 0;left: 40px;}
.cp_list ul li:hover h4{color: #358ee4;}
.cp_list .nobor{margin-right: 0;}

/*资质荣誉*/
.honor_bg{background:url(../images/honor_bg.jpg) no-repeat center 0;height: 620px;overflow: hidden;}
.honor .plan_tit{background:url(../images/honor_tbg.gif) no-repeat center 0;}
.honor_l{width: 700px;padding: 20px 0 0 30px;}
.honor_l img{ width:684px; height:382px;}
.honor_r{width: 360px;padding: 130px 0 0;}
.honor_r ul li{height: 42px;line-height: 42px;width: 340px;overflow: hidden;}
.honor_r ul li a{font-size: 16px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 340px;}
.honor_r ul li a:hover{color: #358ee4;}

/*优势*/
.ys{padding: 70px 0 90px;}
.ys .plan_tit{background:url(../images/ys_tbg.gif) no-repeat center 0;padding: 10px 0 0;height: 90px;}
.ys_l{padding: 30px 0 0;width: 360px;}
.ys_l dl{width: 360px;height: 220px;-webkit-transition:transform .3s;transition:transform .3s;}
.ys_l dl:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.ys_l dl dt{width: 360px;height: 135px;overflow: hidden;}
.ys_l dl dt b{display: block;font-size: 60px;color: #358ee4;font-family: "Impact";height: 70px;line-height: 50px;overflow: hidden;}
.ys_l dl dt h5{font-size: 24px;color: #358ee4;height: 48px;line-height: 48px;overflow: hidden;position: relative;}
.ys_l dl dt h5:before{content: "";border-bottom: #ddd 1px dotted;width: 110px;height: 1px;position: absolute;top: 24px;left: 205px;}
.ys_l dl dt em{width: 35px;height: 48px;display: block;float: right;line-height: 0;}
.ys_l dl dt em img{width: 35px;height: 48px;}
.ys_l dl dd{font-size: 16px;color: #888;line-height: 24px;height: 72px;overflow: hidden;}
.ys_pic{width: 320px;height: 180px;line-height: 0;overflow: hidden;margin: 130px 0 95px;}
.ys_pic img{width: 320px;height: 180px;}
.ys .ys_r dl dt{text-align: right;}
.ys .ys_r dl dt h5:before{left: 45px;}
.ys .ys_r dl dt em{float: left;}
.ys .ys_r .ys_pic{margin-left: 40px;}
.ys_c{width: 453px;height: 453px;padding: 240px 0 0 13px;overflow: hidden;}
.ys_c img{width: 453px;height: 453px;
-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_c img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

/*新闻中心*/
.news_main{padding: 0 0 70px;}
.news_main .plan_tit{background:url(../images/news_tbg.gif) no-repeat center 0;}
.news{ width:550px;}
.news_t{ height:65px;line-height: 24px;overflow: hidden;border-bottom: #f3f3f3 2px solid;}
.news_t p{float: left;}
.news_t a{font-size: 18px;color: #333;font-weight: bold;}
.news_t a:hover,.news dd h3 a:hover,.news ul li a:hover{color: #358ee4;}
.news_t i{display: block;font-size: 20px;color: #999;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;}
.news_t span{float: right;width: 25px;height: 25px;display: block;line-height: 0;padding: 17px 0 0;}
.news_t span img{width: 25px;height: 25px;}
.news dl{ width:550px; padding:25px 0;border-bottom: #ddd 1px solid; display: inline-block;margin-bottom: 15px;}
.news dt{ width:150px; height:113px;overflow: hidden;float: left;line-height: 0;}
.news dt img{ width:150px; height:113px;}
.news dd{width:370px;float: left; padding:0 0 0 20px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;padding: 8px 0 0;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 370px;}
.news .news_desc{ font-size:14px; color:#909090; height:40px; line-height:20px;overflow: hidden;}
.news dd span{display: block;font-size: 32px;color: #358ee4;padding: 8px 0 0;font-weight: bold;}
.news dd em{display: block;line-height: 20px;margin-top: -20px;float: right;margin-right: 20px;}
.news dd em a{font-size: 14px;color: #358ee4;}
.news ul li{ height:28px; line-height:28px; overflow:hidden;}
.news ul li a{ font-size:14px; color:#333;display: block;float: left;width: 410px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px; background:url(../images/news_ico01.gif) no-repeat 0 11px;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}

/*关于惠驰*/
.abt{ height: 920px;background: url(../images/abt_bg.jpg) no-repeat center;}
.abt dl{ height: 553px;}
.abt dt { display: block;width: 970px;height: 553px;margin-left: -360px;overflow:hidden;float: left;}
.abt dt img{ display: block;width: 970px;height: 553px;transition:all 0.5s;float: left;}
.abt dt:hover img{ transform:scale(1.05);}
.abt dd{padding: 0 35px 0 65px;width: 490px;height: 553px;float: left;}
.abt dd h3{ display: block;padding-top: 144px;font-weight: normal;font-size: 28px;line-height: 38px;color: #358ee4;}
.abt dd h3 span{ display: block;font-size: 18px;color: #666666;line-height:18px ;padding-top: 0px;}

.abt dd p{ display: block;font-size: 16px;color: #666666;line-height:30px ;padding-top: 70px;letter-spacing: 1.5px;}
.abt dd ul{ margin-top: 35px;}
.abt dd ul li{ float: left;margin-right: 60px;position: relative;}
.abt dd ul li em{ display: block;width: 40px;height: 40px;margin: 0 auto;overflow:hidden;}
.abt dd ul li em img{ display: block;width: 40px;height: 40px;transition: all 0.3s;}
.abt dd ul li span{ display: block;font-size:16px ;line-height: 16px;color: #333333;margin-top: 10px;text-align: center;}
.abt dd li:hover em img:nth-child(1) {margin-top:-40px;}
.abt dd ul li:after{ position: absolute;left: 97px;top: 38px;width: 1px;height: 27px;content:"";background: #d2d2d2;}
.abt dd ul li:last-child:after{ background: 0;}
.abt dd ul li:hover span{color: #358ee4; }

.abt_t{ margin-top: 50px;}
.abt_t em a img{ display: block;float: left;width: 289px;height: 92px;margin-top: 45px;margin-right: 36px;margin-left: -10px;}
.abt_t li{ float: left;width:436px ;height: 218px;margin-right: 10px;}
.abt_t li i{ width:436px ;height: 218px;display: block;overflow: hidden;;}
.abt_t li img{ width:436px ;height: 218px;display: block;transition:all 0.5s;}
.abt_t li:hover img{ transform:scale(1.05);}
.abt_t li:last-child{ margin-right: 0;}

/*友情链接*/
.f_link{background:url(../images/link_bg.jpg) no-repeat center 0;height: 120px;overflow: hidden;line-height: 80px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 80px;}
.f_link p{font-size: 14px;color: #fff;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #fff; padding:0 10px 0 0;}


/**/
@-webkit-keyframes plateRotate {
  0% {-webkit-transform:rotateZ(-10deg);}
  100%{-webkit-transform:rotateZ(10deg);}
}

@keyframes plateRotate {
  0% {transform:rotateZ(-10deg);}
  100%{transform:rotateZ(10deg);}
}

@keyframes rotate{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@-webkit-keyframes rotate {
  0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}

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