@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*正文开始*/
.banner a { background:url(../images/banner.jpg) no-repeat center 0; height:540px; display:block;}

/*合作客户*/
.hz{ padding:65px 0;font-size: 0;}
.hz_t{height: 105px;text-align: center;overflow: hidden; background:url(../images/hz_line.png) no-repeat center 70px;}
.hz_t a{font-size: 28px;color: var(--themeColor);}
.hz_t a:hover,.ys dl dd h5 a:hover,.plan_t a:hover{color: #ffae00; text-decoration:none;}
.hz_t i{display: block;font-size: 18px;color: #e0e0e0;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; padding:3px 0 0;}
.hz_l a{ background:url(../images/hz_lico01.gif) no-repeat; width:29px; height:52px; display:block;}
.hz_l a:hover{ background:url(../images/hz_lico02.gif) no-repeat;}
.hz_r a{ background:url(../images/hz_rico01.gif) no-repeat; width:29px; height:52px; display:block;}
.hz_r a:hover{ background:url(../images/hz_rico02.gif) no-repeat;}
.hz_l{ position:absolute; top:233px; left:-40px;}
.hz_r { position:absolute; top:233px; right:-40px;}
.hz_c ul li { width:222px; float:left; padding:0 9px;overflow: hidden;}
.hz_c ul li img{ width:220px; height:165px;display: block;}
.hz_c ul li a{display: block;*display: inline;*zoom: 1;position: relative;height:165px;border:1px solid #e5e5e5;width:220px; box-shadow:2px 3px 4px #eee;}
.hz_c ul li a:before,.hz_c ul li a:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #ffae00;-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_c ul li a:before{top: -1px;border-bottom: 0;}
.hz_c ul li a:after{bottom: -1px;border-top: 0;}
.hz_c ul li a:hover:before,.hz_c ul li a:hover:after{width: 100%;height: 125px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}

/*优比施设备中心*/
.pro_bg{background: #f7f7f7;font-size: 0; padding:40px 0 68px;height:1060px;}
.cp_l{ width:240px;background: var(--themeColor);}
.cp_lt{ background:url(../images/cp_ltbg.gif) no-repeat; width:233px; height:101px;text-align: center;overflow: hidden;}
.cp_lt a{ font-size:28px; color:#fff;display: block; padding:18px 0 0;}
.cp_lt i{display: block;font-size: 18px;color: #a3cee6;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0;}
.cp_lm{ background:#fff;width: 229px; margin:0 auto; padding:20px 0 20px 0;}
.cp_lm h3{ width:192px; height:8px; margin:0 auto;margin-bottom:20px;}
.cp_lm h3 a{ font-size:16px; color:#fff; font-weight:normal;display: block;width: 192px;height: 40px;text-align: center;line-height: 40px;background: var(--themeColor);overflow: hidden;}
.cp_lm h3 a:hover{background: #ffae00; text-decoration:none;}
.cp_lm ul{ display:inline-block;width: 192px; padding:8px 0 15px 19px;}
.cp_lm ul li{ height:38px; line-height:36px; border-bottom:#cecece 1px dashed;overflow: hidden;}
.cp_lm ul li a{ font-size:12px; color:#333; padding:0 0 0 20px; background:url(../images/cp_ico01.gif) no-repeat 5px 14px;display: block;height: 36px;overflow: hidden;}
.cp_lm ul li a:hover{color: #ffae00; background:url(../images/cp_ico02.gif) no-repeat 5px 14px; text-decoration:none;}
.cp_lm .nobor{ border:none;}
.cp_bot{font-size: 16px;color: #fff;width: 233px;height: 85px;text-align: center; padding:12px 0 0;}
.cp_bot i{display: block;font-size: 20px; padding:3px 0 0;}
.cp_r{ width:950px;}
.cp_rt{width: 939px; background:#787878; height:60px; margin:0 0 0 18px;overflow: hidden;}
.cp_rt ul li{ float:left;width: 312px;height: 60px; border-right:#fff 1px solid;}
.cp_rt ul li a{ font-size:18px; color:#fff; display:block; float:left;width: 313px;text-align: center;height: 60px;line-height: 60px;overflow: hidden;}
.cp_rt ul li.cur a,.cp_rt ul li a:hover{ background:var(--themeColor); text-decoration:none;}
.cp_rt .nobor{ border: 0;}
.cp_rm{ display:inline-block;width: 954px;}
.cp_rm ul li{ width:220px;height:220px;overflow: hidden; float:left; padding:25px 0 0 18px;}
.cp_rm ul li img{ width:208px;height: 150px;padding:5px;}
.cp_rm ul li em{display: block;font-size: 16px;color: var(--themeColor);width: 195px; margin:0 auto;line-height: 28px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cp_rm ul li span{display: block;font-size: 14px;color: #666;width: 195px; margin:0 auto;line-height: 22px;height:44px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.cp_rm ul li i{font-size: 14px;color: #009ad3;}
.cp_rm ul li a{display: block;width: 216px;background: #fff; border:#e6e6e6 2px solid;height:216px;}
.cp_rm ul li a:hover{ border:var(--themeColor) 2px solid; text-decoration:none;}
/**/
.pk_bg{ background:url(../images/pk_bg.jpg) no-repeat center 0;height: 672px;font-size: 0;overflow: hidden;}
.qi_t{ padding:60px 0 0;height: 102px;overflow: hidden;width: 648px; margin:0 auto;}
.qi_t ul li{width: 136px;float: left; padding:0 40px;}
.qi_t ul li a{display: block;float: left;width: 134px;height: 44px;text-align: center;line-height: 44px;font-size: 18px;color: #fff; border:#fff 1px solid;overflow: hidden;}
.qi_t ul li.cur a,.qi_t ul li a:hover{background: #ffae00; border:#ffae00 1px solid; text-decoration:none;}
.pk_l{width: 100%;height: 380px;text-align: center;}
.pk_l img{width: 1060px;height: 380px;}

/**/
.qi_bg{ background:url(../images/qi_bg.gif) no-repeat center 0;height: 700px;font-size: 0;overflow: hidden;}
.qi_t{ padding:60px 0 0;height: 105px;overflow: hidden;width: 648px; margin:0 auto;}
.qi_t ul li{width: 136px;float: left; padding:0 40px;}
.qi_t ul li a{display: block;float: left;width: 134px;height: 44px;text-align: center;line-height: 44px;font-size: 18px;color: #fff; border:#fff 1px solid;overflow: hidden;}
.qi_t ul li.cur a,.qi_t ul li a:hover{background: #ffae00; border:#ffae00 1px solid; text-decoration:none;}
.qi_l{width: 350px;}
.qi_l p{ display:inline-block;width: 350px; padding:30px 0 20px;}
.qi_l p em{display: block;width: 100px;height: 100px;float: left;}
.qi_l p span{display: block;float: left; padding:22px 0 0 15px;width: 235px;font-size: 16px;color: #fff;line-height: 25px;}
.qi_r p span{ padding-top:0;}
.qi_c{width: 485px; padding:0 0 0 10px;}
.qi_c img{width: 485px;height: 525px;}
.qi_l .qi_em01{ background:url(../images/qi_ico01.gif) no-repeat;}
.qi_l a:hover .qi_em01{ background:url(../images/qi_ico06.gif) no-repeat;}
.qi_l .qi_em02{ background:url(../images/qi_ico02.gif) no-repeat;}
.qi_l a:hover .qi_em02{ background:url(../images/qi_ico07.gif) no-repeat;}
.qi_l .qi_em03{ background:url(../images/qi_ico03.gif) no-repeat;}
.qi_l a:hover .qi_em03{ background:url(../images/qi_ico08.gif) no-repeat;}
.qi_l .qi_em04{ background:url(../images/qi_ico04.gif) no-repeat;}
.qi_l a:hover .qi_em04{ background:url(../images/qi_ico09.gif) no-repeat;}
.qi_l .qi_em05{ background:url(../images/qi_ico05.gif) no-repeat;}
.qi_l a:hover .qi_em05{ background:url(../images/qi_ico10.gif) no-repeat;}
.qi_tel{ display:inline-block;width: 350px;}
.qi_tel i{display: block;float: left;width: 122px;}
.qi_tel i a{font-size: 14px;color: #fff;display: block;width: 118px;height: 32px;text-align: center;line-height: 32px; border:#fff 2px solid;overflow: hidden;}
.qi_tel i a:hover{color: #ffae00; border:#ffae00 2px solid; text-decoration:none;}
.qi_tel b{font-size: 24px;color: #fff;display: block;float: left; padding:3px 0 0 20px;}

.qi_l .qi_em06{ background:url(../images/qi_ico11.gif) no-repeat;}
.qi_l a:hover .qi_em06{ background:url(../images/qi_ico16.gif) no-repeat;}
.qi_l .qi_em07{ background:url(../images/qi_ico12.gif) no-repeat;}
.qi_l a:hover .qi_em07{ background:url(../images/qi_ico17.gif) no-repeat;}
.qi_l .qi_em08{ background:url(../images/qi_ico13.gif) no-repeat;}
.qi_l a:hover .qi_em08{ background:url(../images/qi_ico18.gif) no-repeat;}
.qi_l .qi_em09{ background:url(../images/qi_ico14.gif) no-repeat;}
.qi_l a:hover .qi_em09{ background:url(../images/qi_ico19.gif) no-repeat;}
.qi_l .qi_em10{ background:url(../images/qi_ico15.gif) no-repeat;}
.qi_l a:hover .qi_em10{ background:url(../images/qi_ico20.gif) no-repeat;}

.qi_l .qi_em11{ background:url(../images/qi_ico21.gif) no-repeat;}
.qi_l a:hover .qi_em11{ background:url(../images/qi_ico25.gif) no-repeat;}
.qi_l .qi_em12{ background:url(../images/qi_ico22.gif) no-repeat;}
.qi_l a:hover .qi_em12{ background:url(../images/qi_ico26.gif) no-repeat;}
.qi_l .qi_em13{ background:url(../images/qi_ico23.gif) no-repeat;}
.qi_l a:hover .qi_em13{ background:url(../images/qi_ico27.gif) no-repeat;}
.qi_l .qi_em14{ background:url(../images/qi_ico24.gif) no-repeat;}
.qi_l a:hover .qi_em14{ background:url(../images/qi_ico28.gif) no-repeat;}

/*优势*/
.ys01{ background:url(../images/ys_bg01.jpg) no-repeat center 0; height:375px; overflow:hidden;}
.ys02{ background:url(../images/ys_bg02.jpg) no-repeat center 0; height:394px; overflow:hidden;}
.ys03{ background:url(../images/ys_bg03.jpg) no-repeat center 0; height:439px; overflow:hidden;}
.ys04{ background:url(../images/ys_bg04.jpg) no-repeat center 0; height:417px; overflow:hidden;}
.ys_t{ padding:36px 0 0;}
.ys_t .hz_t{height: 127px;}
.ys dl{width: 540px;}
.ys dl dt{float: left;width: 87px; padding:0 30px 0 0;}
.ys dl dt img{width: 87px;height: 94px;}
.ys dl dd{width: 420px;float: left;}
.ys dl dd h5{height: 80px;width: 420px; background:url(../images/ys_line.png) repeat-x 0 83px; padding:10px 0 0; margin:0 0 8px;overflow: hidden;}
.ys dl dd h5 a{font-size: 28px;color: var(--themeColor);}
.ys dl dd h5 i{display: block;font-size: 20px;color: #b0b0b0;font-weight: normal; padding:5px 0 0;}
.ys dl dd p{font-size: 14px;color: #333;line-height: 24px; background:url(../images/ys_ico.png) no-repeat 0 14px; padding:6px 0 0 20px;}
.ys dl dd span,.jz dd em{display: block;width: 115px; padding:12px 0 0;}
.ys dl dd span a,.jz dd em a{display: block;font-size: 14px;width: 111px;height: 34px;line-height: 34px;text-align: center; background: #ffae00;color: #fff; border:#ffae00 2px solid; text-decoration:none;overflow: hidden;}
.ys dl dd span a:hover,.jz dd em a:hover{background: #ffae00;color: #fff; border:#ffae00 2px solid; text-decoration:none;}
.ys02 .ys dl{ padding:35px 0 0 600px;}
.ys03 .ys dl{ padding:35px 0 0;}
.ys04 .ys dl{ padding:22px 0 0 600px;}
.ys .ys_pic01{display: block;width: 495px;height: 340px;position: absolute;top: 0;right: 40px;}
.ys .ys_pic02{display: block;width: 525px;height: 394px;position: absolute;top: 0;left: 0;}
.ys .ys_pic03{display: block;width: 505px;height: 348px;position: absolute;top: 60px;right: 30px;}
.ys .ys_pic04{display: block;width: 515px;height: 340px;position: absolute;top: 60px;left: 80px;}

/*服务*/
.fuw{ padding:30px  0 20px;font-size: 0;}
.fuw .hz_t{height: 115px;}
.fuw dl{width: 280px;float: left; padding:0 10px;overflow: hidden;}
.fuw dl dt{width: 278px;height: 184px;overflow: hidden; border:#ccc 1px solid; box-shadow:2px 3px 4px #e8e8e8;}
.fuw dl dt img,.jz dt img{width: 278px;height: 184px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.fuw dl dt img:hover,.jz dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.fuw dl dd{width: 280px;height: 160px;overflow: hidden; box-shadow:2px 3px 4px #e8e8e8;}
.fuw dl dd a{font-size: 14px;color: #333;display: block;width: 278px;height: 158px; border-bottom:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid;}
.fuw dl dd a:hover{color: #ddecf5;background: var(--themeColor); text-decoration:none;}
.fuw dl dd h5{font-size: 18px;color: var(--themeColor); background:url(../images/fuw_line01.gif) no-repeat center 51px;height: 54px;line-height: 54px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding:0 20px}
.fuw dl dd a:hover h5{color: #fff; background:url(../images/fuw_line02.gif) no-repeat center 51px;}
.fuw dl dd p{ padding:8px 20px 0;height: 82px;line-height: 20px;overflow: hidden; margin:0 auto;}

/*解决方案*/
.plan_bg{ background:url(../images/plan_bg.jpg) no-repeat center 0;height: 368px;font-size: 0;overflow: hidden; padding:75px 0 0;}
.plan_t{height: 118px;text-align: center;}
.plan_t a{font-size: 28px;color: #fff;}
.plan_t span{display: block;font-size: 18px;color: #b8d8ea;font-weight: normal; padding:3px 0 0;}
.plan ul{ display:inline-block;width: 1200px;}
.plan ul li{width: 168px;height: 168px;float: left; padding:0 36px;overflow: hidden;}
.plan ul li a{display: block;font-size: 16px;color: #fff;line-height: 28px; background:url(../images/plan_k01.jpg) no-repeat;width: 168px;height: 124px;text-align: center; padding:44px 0 0;overflow: hidden;}
.plan ul li a:hover{ background:url(../images/plan_k02.jpg) no-repeat; text-decoration:none;}
.plan_tel{width: 780px; margin:0 auto; padding:25px 0 0;}
.plan_tel i{display: block;float: left;width: 122px;}
.plan_tel i a{font-size: 14px;color: #fff;display: block;width: 118px;height: 32px;text-align: center;line-height: 32px; border:#fff 2px solid;overflow: hidden;}
.plan_tel i a:hover{color: #ffae00; border:#ffae00 2px solid; text-decoration:none;}
.plan_tel span{display: block;float: left;font-size: 16px;color: #fff; padding:0 0 0 20px;}
.plan_tel b{font-size: 26px;color: #fff;}

/*客户见证*/
.jz,.honor{width: 860px;font-size: 0; padding:60px 0 0;}
.jz_t{height: 90px;}
.jz_t a{font-size: 22px;color: #333;}
.jz_t i{color: var(--themeColor);}
.jz_t a:hover,.jz_t a:hover i,.jz dd h3 a:hover,.honor_c ul li span a:hover,.about dl dd h5 a:hover{color: #ffae00; text-decoration:none;}
.jz_t span{display: block;float: right; padding:5px 0 0;}
.jz_t span a{font-size: 16px;color: #b3b3b3;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.jz_t em{display: block;width: 860px; padding:0 0 5px;}
.jz dl{ width:842px; height:300px;background: #f5f5f5; padding:22px 0 0 18px;}
.jz dt{ width:375px; height:269px;float: left; border:#fff 4px solid;overflow: hidden;}
.jz dt img{ width:375px; height:269px;}
.jz dd{ float:left; width:370px; overflow:hidden; padding:25px 0 0 30px;}
.jz dd h3{line-height:30px; height:30px; overflow:hidden;}
.jz dd h3 a{ font-size:18px; color:var(--themeColor);}
.jz dd span{font-size:16px; color:#333; padding:10px 0 0; display:block;}
.jz dd p{font-size: 14px; color:#333; line-height:25px; height:75px; overflow:hidden; padding:20px 0 0;}
.jz dd em{ padding:20px 0 0;}

/*荣誉资质*/
.honor{width: 1200px; position:relative}
.honor .jz_t em{width: 1200px;}
.honor_m{background: #f5f5f5;width: 1110px;height:250px;padding: 0 45px; margin:0 auto}
.honor_l a{ background:url(../images/honor_lico01.gif) no-repeat; width:20px; height:36px; display:block; }
.honor_l a:hover{ background:url(../images/honor_lico02.gif) no-repeat;}
.honor_r a{ background:url(../images/honor_rico01.gif) no-repeat; width:20px; height:36px; display:block;}
.honor_r a:hover{ background:url(../images/honor_rico02.gif) no-repeat;}
.honor_l{ padding:100px 0 0 20px;position:absolute;left: -10px;}
.honor_r{ padding:100px 20px 0 0;position:absolute;right: -10px;}
.honor_c ul li { width:182px; float:left; margin:28px 50px  0 0 ;}
.honor_c ul li img{ width:182px; height:170px;}
.honor_c ul li span{ width:182px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:8px 0 0;}
.honor_c ul li span a{ font-size:16px; color:#333;}

/*走进优比施*/
.ab_bg{ background:#f8f8f8; height:430px; padding:30px 0 0; margin:40px 0 20px;font-size: 0; overflow:hidden;}
.about dl{ width:1000px; display:inline-block;float: left; overflow:hidden;}
.about dl dt{ background:#fff; border:#e9e9e9 1px solid;padding: 10px; width:578px; height:378px; float:left;overflow: hidden;}
.about dl dt img{ width:578px; height:378px;}
.about dl dd{ width:355px; float:left; padding:0 0 0 32px;}
.about dl dd h5{ background:url(../images/ab_line.gif) no-repeat 0 63px; height: 66px;line-height: 66px;overflow: hidden;}
.about dl dd h5 a{ font-size:22px; color:#333;}
.about dl dd p{ font-size:14px; color:#333; height:156px; line-height:26px; padding:15px 0 0; overflow:hidden;}
.about dl dd span{display: block;width: 130px; padding:30px 0 0;}
.about dl dd span a{font-size: 18px;color: #fff;display: block;width: 130px;height: 40px;text-align: center;line-height: 40px;background: var(--themeColor);overflow: hidden;}
.about dl dd span a:hover{background: #ffae00; text-decoration:none;}
.ab_r{display: block;width: 140px; padding:55px 20px 0 0;}
.ab_r a{font-size: 18px;color: #333;display: block;width: 138px;height: 48px;text-align: center;line-height: 48px;background: #fff; border:#dcdcdc 1px solid;overflow: hidden; margin:0 0 30px;}
.ab_r a.cur,.ab_r a:hover{color: #fff;background: var(--themeColor); border:var(--themeColor) 1px solid; text-decoration:none;}

/*常见问题*/
.wd,.news{ width:410px;font-size: 0; padding:0 0 40px;}
.wd_t{ background:var(--themeColor);width: 370px;height: 50px;line-height: 50px;overflow: hidden; padding:0 20px;}
.wd_t a,.news_t a{font-size: 18px;color: #fff;font-weight: normal;}
.wd_t a:hover,.news_t a:hover{color: #ffae00; text-decoration:none;}
.wd_t span,.news_t span{float: right;}
.wd_t span a,.news_t span a{font-size: 14px;}
.wd dl{ width:410px; height:105px; border-bottom:#ddd 1px solid; padding:20px 0 0;}
.wd dt{ background:url(../images/wen.jpg) no-repeat 0 5px; padding-left:30px; height:25px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#333;}
.wd dt a:hover,.wd dd a:hover,.news dd h3 a:hover,.news_m ul li span a:hover{color: var(--themeColor); text-decoration:none;}
.wd dd{ background:url(../images/da.gif) no-repeat 0 10px; padding:5px 0 0 30px; line-height:25px; height:50px; overflow:hidden;}
.wd dd a{font-size: 14px;color: #666;}

/*优比施动态*/
.news{ width:760px;}
.news_t{ background:url(../images/news_tbg.jpg) no-repeat;width: 760px;height: 60px;line-height: 50px;overflow: hidden;}
.news_t a{ padding:0 0 0 66px;}
.news_t span{ padding:0 20px 0 0;}
.news dl{ width:760px; padding:22px 0; display:inline-block; overflow:hidden; border-bottom:#ddd 1px solid;}
.news dt{ width:220px; float:left;}
.news dt img{ width:220px; height:150px;}
.news dd{ float:left; overflow:hidden; width:495px; padding:0 0 0 30px;}
.news dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#333;font-weight: normal;}
.news dd p{ font-size:14px; color:#333; height:50px; line-height:25px;overflow: hidden; padding:12px 0 0;}
.news dd span{ display:block;width: 100px; padding:30px 0 0;}
.news dd span a{font-size: 14px;color: #333;display: block;width: 98px;height: 28px;text-align: center;line-height: 28px;overflow: hidden; border:#ddd 1px solid;}
.news dd span a:hover{ border:var(--themeColor) 1px solid; color: var(--themeColor); text-decoration:none;}
.news_m ul{ width:760px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:56px; padding:25px 0 0; border-bottom:#d6d6d6 1px solid; overflow:hidden; width:330px; float:left; margin:0 45px 0 0;overflow: hidden;}
.news_m ul li b{display: block;float: right;width: 11px;}
.news_m ul li b img{width: 11px;height: 21px;}
.news_m ul li em{display: block;font-size: 12px;color: #fff;float: left;width: 15px;height: 15px;text-align: center;line-height: 15px;overflow: hidden;background: #333;}
.news_m ul li span{display: block;float: left; padding:0 0 0 8px; width:294px;}
.news_m ul li span a{font-size: 14px;color: #333;}
.news_m ul li span i{display: block;font-size: 14px;color: #858585; padding:8px 0 0;}
.news_m .nobor,.wd .nobor{ border:none;}