@charset "utf-8";

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

/**/
.yin{height: 185px;margin-top: -20px;position: relative;z-index: 20;}
.yin_l{width: 224px;padding: 25px 0 0 16px;}
.yin_l em{display: block;height: 80px;}
.yin_l em img{padding-left:50px;}
.yin_l b{display: block;font-size: 28px;color: #fff;padding-left:0px;}
.yin_r{width: 1200px;padding: 50px 0 0;height: 130px;}
.yin01{width: 240px;height: 130px; background:url(../images/yin_line.gif) no-repeat right 10px;}
.yin01_t{width: 239px;text-align: center;}
.yin01_t em{width: 34px;height: 36px;display: block;margin: 0 auto;padding: 0 0 14px;}
.yin01_t em img{width: 34px;height: 36px;}
.yin01_t b{display: block;font-size: 14px;color: #333;}
.yin01_t span{display: block;font-size: 14px;color: #7d7d7d;}
.yin01_b{display: none;width: 189px;height: 130px;position: absolute;top: 0;left: 0;text-align: center;}
.yin01_b span{display: block;font-size: 14px;color: #333;width: 189px;height: 50px;background: #fff;}
.yin01_b span b{font-size: 48px;color: #e81f3e; font-family:Arial, Helvetica, sans-serif;line-height: 50px;}
.yin01_b p{font-size: 14px;color: #fff;width: 189px;height: 80px;background: #f01b37;}
.yin01_b p b{display: block;padding: 15px 0 0;}
.yin01:hover .yin01_b{display: block;}

/**/
.chanp{padding: 60px 0 0;}
.cp_t{font-size: 28px;color: #0d0408;font-weight: normal;text-align: center; line-height: 40px;height: 105px;overflow: hidden;}
.cp_t a{color: #0d0408;}
.cp_t span{display: block;font-size: 18px;color: #999;}
.cp01{ background:url(../images/cp_bg01.jpg) no-repeat center 0;height: 460px;}
.cp02{ background:url(../images/cp_bg02.jpg) no-repeat center 0;height: 460px;}
.cp_k{ background:url(../images/cp_k01.png) no-repeat;width: 57px;height: 225px;position: absolute;top: 35px;right: 10px;z-index: 20;}
.cp_k span{display: block;font-size: 24px;color: #fff;width: 32px;text-align: center;line-height: 28px;margin: 0 auto;padding: 84px 0 0;}
.chanp dl dt{width: 800px;height: 458px;float: right;}
.chanp dl dt img{width: 800px;height: 458px;}
.chanp dl dt a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.chanp dl dt a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.chanp dl dd{width: 375px;height: 310px; background:#fff url(../images/cp_line01.gif) no-repeat;margin: -15px 0 0 -10px;float: left;padding: 50px 0 0 35px;}
.chanp dl dd h5{width: 305px;height: 60px;line-height: 32px; background:url(../images/cp_line02.gif) no-repeat 0 bottom;margin: 0 0 25px 20px;}
.chanp dl dd h5 a{font-size: 26px;color: #0153c7;display: block; background:url(../images/cp_ico02.gif) no-repeat right 5px;}
.chanp dl dd h5 i{display: block;font-weight: normal;}
.chanp dl dd p{font-size: 14px;color: #111;line-height: 30px; background:url(../images/cp_ico03.gif) no-repeat 0 15px;padding-left: 20px; padding-right:20px;}

.cp03{padding: 20px 0 70px;overflow: hidden;width: 100%;height: 250px;}
.cp03 ul li{width: 20%;float: left;position: relative;margin-left: 0.3%;line-height: 0;}
.cp03 ul li em{display: block;width: 100%;line-height: 0;overflow: hidden;height: 100%;border:#eee 1px solid;}
.cp03 ul li em img,.ys dl dt img,.case_con dl dt img,.hz ul li img,.news_l dl dt img,.about dl dt img{width: 100%;height: 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp03 ul li em img:hover,.ys dl dt img:hover,.case_con dl dt img:hover,.hz ul li img:hover,.news_l dl dt img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp03 ul li span{display: block;font-size: 14px;color: #fff;width: 74.4%;padding-left:2%;text-align: center;height: 40px;line-height: 40px;position: absolute;top: 90%;left: 11.8%; background:#0153c7;no-repeat;background-size: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp03 ul li b{padding-left: 20px;}

/*优势*/
.ys{padding-top:50px;}
.ys .cp_t{height: 115px;background-position: 745px 33px;}
.ys dl{width: 550px;height: 395px;margin-bottom: 50px;margin-right: 100px;float: left;}
.ys dl dt{width: 550px;height: 253px;line-height: 0;overflow: hidden;position: relative;}
.ys dl dt img{width: 550px;height: 253px;}
.ys dl dt p{width: 100px;text-align: center;position: absolute;top: 80px;right: 115px;z-index: 20;}
.ys dl dt p img{width: 100px;height: 100px;}
.ys dl dt p span{display: block;font-size: 14px;color: #171717;line-height: 36px;}
.ys dl dd{width: 550px;height: 142px; background:url(../images/ys_ddbg.gif) no-repeat;}
.ys dl dd h5{width: 120px;float: left;padding: 30px 0 0 40px;font-size: 24px;color: #fff;line-height: 28px; background:url(../images/ys_ico01.gif) no-repeat 42px 83px;height: 100px;}
.ys dl dd h5 i{display: block;font-size: 16px;font-weight: normal;}
.ys .ys_m{width: 350px;float: left;padding: 28px 0 0 25px; background:url(../images/ys_line.gif) no-repeat 0 40px;}
.ys dl dd p{font-size: 14px;color: #fff;line-height: 26px; background:url(../images/cp_ico03.png) no-repeat 0 10px;padding: 0 0 0 20px;}
.ys dl.nobor{margin-right: 0;}

/*服务流程*/
.liuc{ background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 540px;overflow: hidden;}
.liuc_l{ background:url(../images/liuc_k.png) no-repeat 30px 170px;padding: 50px 0 0 20px;width: 735px;height: 490px;}
.liuc_l h5{font-size: 20px;color: #333;height: 95px;line-height: 30px;width: 735px; background:url(../images/cp_ico01.gif) no-repeat 158px 22px;}
.liuc_l h5 i{font-weight: normal;}
.liuc_l ul{padding: 0 0 0 70px; display: inline-block;width: 540px;height: 324px;}
.liuc_l ul li{width: 170px;float: left;height: 108px;text-align: center;}
.liuc_l ul li em{ background:url(../images/liuc_y01.png) no-repeat;display: block;width: 48px;text-align: center;height: 48px;line-height: 48px;overflow: hidden;margin: 0 auto;font-size: 16px;color: #fff;font-weight: bold;font-family: "DINOT";}
.liuc_l ul li span{display: block;font-size: 14px;color: #0d0408;height: 40px;line-height: 40px;overflow: hidden;}
.liuc_l ul li:hover em{ background:url(../images/liuc_y02.png) no-repeat;}
.liuc_l p{width: 410px;margin: 0 auto;padding: 15px 0 0;}
.liuc_l p a{display: block;font-size: 16px;color: #fff; background:url(../images/liuc_btn01.gif) no-repeat;width: 410px;text-align: center;height: 50px;line-height: 46px;overflow: hidden;}
.liuc_l p a:hover,.liuc_btn a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.liuc_l p em,.liuc_btn em{padding-left: 20px;}
.liuc_l p em img,.liuc_btn em img{width: 14px;height: 10px;}
.liuc_r{width: 355px;padding: 135px 0 0;}
.liuc_r p{font-size: 24px;color: #202020;line-height: 32px;width: 250px;height: 90px;border-bottom: #cbcbcb 1px dashed;padding: 20px 0 0 5px;}
.liuc_r p i{display: block;}
.liuc_p01{ background:url(../images/cp_ico01.gif) no-repeat 5px 78px;}
.liuc_p02{ background:url(../images/liuc_line.gif) no-repeat 77px 78px;}
.liuc_r span{display: block;font-size: 16px;color: #666;padding: 30px 0 0;line-height: 26px;}
.liuc_r span b{display: block;font-size: 26px;font-family: "DINOT";}
.liuc_btn{width: 203px;padding: 46px 0 0;}
.liuc_btn a{display: block;font-size: 16px;color: #fff; background:url(../images/liuc_btn02.gif) no-repeat;width: 203px;text-align: center;height: 50px;line-height: 46px;overflow: hidden;}

/*工艺实例*/
.case{padding: 80px 0 60px;}
.case .cp_t{height: 95px;background-position: 673px 33px;}
.case_t{border-top: #e5e5e5 1px solid;height: 68px;line-height: 50px;overflow: hidden;padding-left: 200px;}
.case_t ul li{float: left;padding: 0 30px;}
.case_t ul li a{font-size: 14px;color: #333;}
.case_t ul li a:hover{color: #168acc;font-weight: bold;}
.cases { width: 100%; min-width: 1200px; height: 300px; position: relative; overflow: hidden; }
.case_con { width: 1200px; position: absolute; left: 50%; margin-left: -600px; }
.case_con .tempWrap .case_m { margin-left: -1200px !important; }
.case_con .tempWrap, .case_con .tempWrap .case_m { overflow: visible !important; }
.case_con dl { width: 397px; height:555px; overflow: visible; position: relative;margin-left: 3px;float: left;}
.case_con dl dt{width: 397px;height: 298px;position: relative;line-height: 0;overflow: hidden;}
.case_con dl dt img{width: 397px;height: 298px;}
.case_con dl dt span{display: block;font-size: 14px;color: #fff;width: 270px;height: 40px;text-align: center;line-height: 40px;position: absolute;bottom: 15px;left: 60px; background: rgba(0,0,0,0.6);}
.case_con dl dd { width: 347px; height: 220px; overflow: hidden;padding: 37px 25px 0; }
.case_con dl dd h5{height: 65px;line-height: 24px;overflow: hidden; background:url(../images/case_ico01.gif) no-repeat 2px 8px;border-bottom: #e2e2e2 1px solid;padding-left: 30px;}
.case_con dl dd h5 a{font-size: 20px;color: #0d0408;}
.case_con dl dd span{display: block;font-size: 16px;color: #0d0408;font-weight: normal;}
.case_desc{font-size: 14px;color: #0d0408;line-height: 28px;padding: 5px 0 0 30px;}
.case_con dl dd p{ background:url(../images/cp_ico03.gif) no-repeat 0 11px;padding-left: 20px;}
.case .pnBtn .blackBg { display: block; position: absolute; top: 0; width: 100%; height: 555px; background: #000; filter: alpha(opacity=50); opacity: 0.6; }
.case .pnBtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 555px; cursor: pointer; }
.case .prev { left: -50%; margin-left: -600px; }
.case .next { left: 50%; margin-left: 600px; }
.case .pnBtn .arrow { display: none; opacity: .6; position: absolute; top: 0; z-index: 1; width: 90px; height: 300px; transition: all 1s ease-in-out; }
.case .pnBtn .arrow:hover { filter: alpha(opacity=100); opacity: 1; }
.case .prev .arrow { right: 0; background: url(../images/case_lico01.gif) no-repeat center; }
.case .next .arrow { left: 0; background: url(../images/case_rico01.gif) no-repeat center; }
.case .prev .blackBg{ left: 0;}
.case .next .blackBg{right: 0;width: 99.8%;}
.g_ys{padding-top: 68px;}
.g_ys h2{height: 140px;text-align: center;font-size: 28px;color: #000000;width: 1200px;margin: 0 auto; font-weight:200;}
.g_ys h2 a{color: #000000;}
.g_ys h2 b{color: #30b014}
.g_ys h2 i{display: inline-block;font-size: 30px;font-style: normal;position: relative;padding: 0 6px;top:-6px;}
.g_ys h2 em{display: block;font-size: 18px;color: #545657;font-weight: normal;position: relative;margin-top: 12px;}
.g_ys .m_ys1{background:url(../images/ysbg1.jpg) no-repeat center top;height: 340px;padding-top: 60px;text-align: right;}
.g_ys .m_ys2{background:url(../images/ysbg2.jpg) no-repeat center top;height: 340px;padding-top: 60px;text-align: left;}
.g_ys .m_ys3{background:url(../images/ysbg3.jpg) no-repeat center top;height: 340px;padding-top: 60px;text-align: right;}
.g_ys .m_ys4{background:url(../images/ysbg4.jpg) no-repeat center top;height: 340px;padding-top: 60px;text-align: left;}
.g_ys h3{height: 184px;font-size: 30px;color: #000;font-weight: normal;}
.g_ys h3 i{display: block;height: 100px;} 
.g_ys h3 b{display: block;font-size: 22px;color: #0153c7; padding-top:10px;}
.g_ys p{font-size: 16px;line-height: 34px;color: #333333;padding-right: 41px;background:url(../images/ysline.png) no-repeat right 15px}
.g_ys .m_ys2 p,.g_ys .m_ys4 p{background:url(../images/ysline.png) no-repeat left 15px;padding-left: 41px;}
/*合作客户*/
.hz{padding: 0 0 80px;}
.hz_t{ background: url(../images/hz_tbg.gif) no-repeat 0 5px;height: 40px;line-height: 40px;overflow: hidden;}
.hz_t a{font-size: 24px;color: #333;padding-left: 47px;}
.hz_m{width: 1200px;overflow: hidden;margin: 20px 0 0;border-top: #e4e4e4 1px solid;border-left: #e4e4e4 1px solid;}
.hz ul{display: block;float: left;width: 200px;}
.hz ul li{width: 200px;height: 100px;line-height: 0;overflow: hidden;border-bottom: #e4e4e4 1px solid;border-right: #e4e4e4 1px solid;box-sizing:border-box;}
.hz ul li img{width: 200px;height: 100px;}
.hz p{width: 32px;position: absolute;top: 0;z-index: 10;}
.hz p a{display: block;width: 32px;height: 32px;border-radius: 50%;box-shadow: 0 3px 5px 3px #eee;}
.hz_lico a{ background: url(../images/hz_lico01.gif) no-repeat center;}
.hz_lico a:hover{ background: url(../images/hz_lico02.gif) no-repeat center;}
.hz_rico a{ background: url(../images/hz_rico01.gif) no-repeat center;}
.hz_rico a:hover{ background: url(../images/hz_rico02.gif) no-repeat center;}
.hz_lico{right: 55px;}
.hz_rico{right: 0;}

/**/
.news{padding: 0 0 20px;}
.news .cp_t{background-position: 616px 32px;height: 105px;}
.news_l{width: 508px;}
.news_l dl dt{width: 508px;height: 254px;line-height: 0;overflow: hidden;}
.news_l dl dt img{width: 508px;height: 254px;}
.news_l dl dd{height: 40px;line-height: 40px;overflow: hidden;}
.news_l dl dd a{font-size: 12px;color: #0d0408;}
.news_l dl dd a:hover,.news_r dl dd h5 a:hover,.wd ul li a:hover{color: #168acc;}
.news_l dl dd b{padding: 0 10px;}
.news_r{width: 600px;}
.news_r dl{height: 96px;}
.news_r dl dt{width: 80px;height: 80px;float: left;font-size: 12px;color: #666; font-family:Arial, Helvetica, sans-serif;text-align: center; background: url(../images/news_line.gif) no-repeat right 0;line-height: 30px;margin-top: 13px;}
.news_r dl dt i{display: block;font-size: 36px;color: #2f2f2f;}
.news_r dl dd{width: 460px;float: left;padding: 0 0 0 15px;}
.news_r dl dd h5{height: 22px;line-height: 22px;overflow: hidden;}
.news_r dl dd h5 a{font-size: 12px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 460px;}
.news_desc{font-size: 12px;color: #333;line-height: 22px;height: 44px;overflow: hidden;padding: 5px 0 0;}

/*常见问答*/
.wd{height: 74px;line-height: 74px;overflow: hidden;border-bottom: #e5e5e5 1px solid;border-top: #e5e5e5 1px solid;margin-bottom: 50px;}
.wd_m{width: 1050px;float: left;overflow: hidden;}
.wd ul li{width: 350px;float: left;}
.wd ul li a,.wd span a{font-size: 12px;color: #0d0408;}
.wd span{display: block;float: right;width: 150px;text-align: center;}
.wd span a:hover{font-weight: bold;}

/*关于杭州碟滤*/
.about{background: #eee;height: 500px;overflow: hidden;}
.about dl dt{width: 1096px;height: 500px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 465px;}
.about dl dt img{width: 1096px;height: 500px;}
.about dl dd{width: 405px;float: left;padding: 66px 0 0;}
.about dl dd h5{font-weight: normal;height: 70px;line-height: 34px;overflow: hidden; background: url(../images/cp_ico01.gif) no-repeat 145px 30px;}
.about dl dd h5 a{font-size: 28px;color: #333;}
.about dl dd h5 em{display: block;font-size: 14px;color: #333;}
.ab_desc{font-size: 14px;color: #666;height: 210px;line-height: 30px;overflow: hidden;padding: 25px 0 0;}
.about dl dd span{display: block;padding: 40px 0 0;}
.about dl dd span a{font-size: 14px;color: #666;text-transform: uppercase;}
.ab_bot{display: block;position: absolute;top: 0;left: 470px;z-index: 200;width: 32px;}
.ab_bot li{width: 32px;height: 108px;overflow: hidden;padding: 0 0 5px;}
.ab_bot li a{font-size: 16px;color: #fff;display: block;width: 32px;height: 108px;background: #168acc;}
.ab_bot li span{display: block;width: 22px;text-align: center;margin: 0 auto;line-height: 18px;padding: 15px 0 0;}
.ab_bot li a:hover,.ab_bot li:first-child a{background: #f01b37;}

/*友情链接*/
.f_link{height: 60px;line-height: 60px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.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);}
}