/* 清除内外边距 */ @charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; } input,textarea {border: 2 none; box-shadow: none; outline: none;} /* 设置默认字体 */ body,button, input, select, textarea {font: 14px/22px;font-family: "helvetica neue",helvetica,"pingfang sc","hiragino sans gb","microsoft yahei","微软雅黑",arial,sans-serif; color: #666;} * h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/ address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */ /* 重置列表元素 */ ul, ol ,li{list-style: none;} /* 重置文本格式元素 */ a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/ a:hover {text-decoration: none; color:#910800;} /* 重置表单元素 */ legend {color: #000;} /* for ie6 */ fieldset, img {border: none;} /* img 搭车:让链接里的 img 无边框 */ /* 注:optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */ html {overflow-y: scroll;} /*设置浮动*/ .fl {float: left;} .fr {float: right;} .pr{position: relative;} .pa{position: absolute;} /*字体大小*/ .clear{clear: both;height: 0;} .blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;} /*表单弹框*/ .nsw-modal { width: 100%; height: 100%; background: rgba(225, 225, 225, 0.5); position: fixed; top: 0; left: 0; z-index: 99999; } .modal-dialog { position: fixed; color: #000000; top: 150px; width: 400px; border-radius: 3px; min-height: 155px; overflow: hidden; z-index: 99998; margin-left: -200px; left: 50%; } .modal-dialog .css-icon { background-image: ; } .modal-dialog .modal-head { height: 30px; line-height: 30px; padding: 0px 20px; background: #f6efef; font-size: 14px; } .modal-dialog .modal-head .modal-logo { width: 15px; height: 15px; background-position: 1px 0px; margin: 8px 5px 0 0; float: left; } .modal-dialog .modal-head .close { float: right; width: 15px; height: 15px; background-position: -14px 0px; margin-top: 8px; } .modal-dialog .modal-body { width: 100%; min-height: 125px; background: #ffffff; } .modal-dialog .modal-body .modal-body-left { width: 140px; float: left; } .modal-dialog .modal-body .modal-body-left .icon { width: 64px; height: 64px; margin: 30px 0 0 48px; } .modal-dialog .modal-body .modal-body-left .success-message { background-position: 0px -14px; } .modal-dialog .modal-body .modal-body-left .warming-message { background-position: 0px -78px; } .modal-dialog .modal-body .modal-body-right { width: 260px; float: right; padding-top: 20px; } .modal-dialog .modal-body .modal-body-right .close-btn { color: #000; text-align: center; width: 90px; display: inline-block; height: 24px; line-height: 24px; background: #818079; } .modal-dialog .modal-body .modal-body-right p { line-height: 30px;} /**/ body{min-width: 1200px; width: 100%;} .content{ width:1200px; margin:0 auto;} /*引子*/ .yinz_bg{background:url(/uploads/image/simages/yinz_bg.jpg) no-repeat center 0;height: 855px;overflow: hidden;padding: 95px 0 0;} .yinz_t{font-size: 40px;color: #333;text-align: center;height: 90px;line-height: 45px;overflow: hidden;font-weight: normal;} .yinz_t a{color: #333;} .yinz_t span{display: block;font-size: 20px;color: #666;} .yinz_t a:hover,.yinz_t:hover{color: #f68223;} .yinz_pic{width: 430px;height: 430px;position: absolute;top: 395px;left: 50%;margin-left: -215px;-webkit-transition:transform .3s;transition:transform .3s;} .yinz_pic:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);} .yinz dl{position: absolute;} .yinz dl dt{width: 130px;height: 130px;line-height: 0;overflow: hidden;position: relative;} .yinz dl dt b{display: block;width: 116px;height: 116px;text-align: center;line-height: 116px;font-size: 30px;color: #f68223;border-radius: 50%;border: #e6e6e6 2px solid;margin: 0 auto;background: #fff;} .yinz dl dt em{width: 120px;height: 120px;line-height: 0;overflow: hidden;border-radius: 50%;padding: 4px;border: #c4d6eb 1px solid;display: none;position: absolute;top: 0;left: 0;} .yinz dl dt em img{width: 120px;height: 120px;border-radius: 50%;} .yinz dl dd{text-align: center;clear: both;} .yinz dl dd h5{font-size: 20px;color: #ff7d25;height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;} .yinz dl dd p{font-size: 14px;color: #666;line-height: 24px;height: 48px;padding: 5px 0 0;} .yinz dl:hover dt em{display: block;} .yinz dl:hover dt b{display: none;} .yinz dl.yinz_dl01{top: 430px;left: 0;} .yinz dl.yinz_dl01 dd{padding: 0 0 0 50px;width: 250px;margin-top: -10px;} .yinz dl.yinz_dl02{top: 220px;left: 170px;} .yinz dl.yinz_dl02 dt{margin-left: 30px;} .yinz dl.yinz_dl02 dd{width: 260px;} .yinz dl.yinz_dl03{top: 120px;left: 455px;} .yinz dl.yinz_dl03 dt{margin: 0 auto;} .yinz dl.yinz_dl03 dd{width: 300px;} .yinz dl.yinz_dl04{top: 220px;right: 170px;} .yinz dl.yinz_dl04 dt{margin: 0 auto;} .yinz dl.yinz_dl04 dd{width: 250px;} .yinz dl.yinz_dl05{top: 440px;right: 0;} .yinz dl.yinz_dl05 dt{float: right;} .yinz dl.yinz_dl05 dd{padding: 0 40px 0 0;float: left;width: 300px;} /*产品中心*/ .chanp{background:url(/uploads/image/simages/cp_bg.jpg) no-repeat center 0;overflow: hidden;height: 830px;} .chanp .yinz_t{height: 130px;} .pro_l{width: 275px;background: #eee;} .pro_l h3{height: 70px;line-height: 70px;overflow: hidden;background: #f68223;width: 275px;text-align: center;} .pro_l h3 a{font-size: 24px;color: #fff;font-weight: normal;} .pro_lm ul li{height: 46px;line-height: 46px;overflow: hidden;width: 255px;margin: 0 auto;border-bottom: #dcdcdc 1px dashed;text-align: center;} .pro_lm ul li a{font-size: 16px;color: #666;} .pro_lm ul li a:hover{color: #f68223;} .pro_lm ul li.nobor{border-bottom: none;} .pro_r{width: 900px;} .pro_ban{width: 900px;height: 380px;position: relative;} .pro_ban ul li{width: 900px;height: 380px;line-height: 0;overflow: hidden;} .pro_ban ul li img{width: 900px;height: 380px;} .pro_ban p{width: 28px;height: 60px;position: absolute;top: 50%;line-height: 0;margin-top: -30px;z-index: 10;} .pro_ban p a{display: block;width: 28px;height: 60px;} .cp_prev a{background:url(/uploads/image/simages/cp_lico01.png) no-repeat;} .cp_prev a:hover{background:url(/uploads/image/simages/cp_lico02.png) no-repeat;} .cp_next a{background:url(/uploads/image/simages/cp_rico01.png) no-repeat;} .cp_next a:hover{background:url(/uploads/image/simages/cp_rico02.png) no-repeat;} .cp_prev{left: 0;} .cp_next{right: 0;} .pro_list{padding: 27px 0 0;} .pro_list ul li{width: 287px;float: left;margin-left: 12px;} .pro_list ul li em{display: block;width: 287px;height: 161px;line-height: 0;overflow: hidden;border: #ccc 1px solid;box-sizing:border-box;} .pro_list ul li img{width: 287px;height: 161px;} .pro_list ul li span{display: block;font-size: 16px;color: #fff;width: 287px;text-align: center;height: 40px;line-height: 40px;background: #999;overflow: hidden;} .pro_list ul li:hover span{background: #f68223;} .pro_list ul li:hover em{border: #f68223 1px solid;} /**/ .case_bg{ background:#f6f6f6; padding:90px 0;overflow: hidden;} .hz{margin-top: 30px;position: relative;height: 122px;} .hz:before{content: "";width: 1px;height: 100%;background: #dcdcdc;position: absolute;top: 0;right: 0;z-index: 20;} .hz ul li{width: 240px;height: 120px;float: left;line-height: 0;border-top: #dcdcdc 1px solid;border-bottom: #dcdcdc 1px solid;position: relative;} .hz ul li a{ display:block; position:relative;width: 240px;height: 120px;} .hz ul li a:before{content: "";width: 1px;height: 100%;background: #dcdcdc;position: absolute;top: 0;left: 0;z-index: 2;} .hz ul li a:hover:after{content: "";width: 240px;height: 120px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px #eee;z-index: 3;} .hz ul li img{width: 240px;height: 120px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .hz ul li a:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);} .case_m{margin-top: 50px;} .case_btn{height: 38px;border-top: #434343 2px solid;padding: 45px 0 0;width: 390px;margin-top: 10px;} .case_btn a{display: block;float: left;width: 90px;height: 30px;line-height: 30px; margin:0 90px 0 0;font-size: 18px;color: #333;} .case_btn a:hover{color: #f68223;} .case_btn .case_btn01{ background:url(/uploads/image/simages/case_ico02.png) no-repeat right center;} .case_btn .case_btn02{ background:url(/uploads/image/simages/case_ico01.png) no-repeat 0 center;text-align: right;} .case_l{width: 390px;border-top: #434343 2px solid;} .case_tit{display: block;padding: 20px 0 15px 10px;line-height: 0;} .case_l dl{width: 351px;padding: 12px;height: 82px;margin:0 0 8px 8px;} .case_l dl dt{width: 145px;height: 82px;float: left;line-height: 0;overflow: hidden;} .case_l dl dt img{width: 145px;height: 82px;} .case_m dl dt img,.ys01 dl dt img,.honor ul li img,.ys03 dl dt img,.ys04 dl dt img,.news01 dl dt img,.pro_r ul li img{ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;} .case_m dl dt img:hover,.ys01 dl dt img:hover,.honor ul li img:hover,.ys03 dl dt img:hover,.ys04 dl dt img:hover,.news01 dl dt img:hover,.pro_r ul li img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .case_l dl dd{width: 170px;float: left;padding: 10px 0 0 20px;} .case_l dl dd h5{font-size: 20px;color: #333;font-weight: normal;height: 30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .case_desc{font-size: 14px;color: #666;height: 30px;line-height: 30px;overflow:hidden;} .case_l dl:hover,.case_l dl.on{background: #fff;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);} .case_r{width: 788px;} .case_r dl{width: 788px;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);} .case_r dl dt{width: 788px;height: 443px;line-height: 0;overflow: hidden;} .case_r dl dt img{width: 788px;height: 443px;} .case_r dl dd{width: 708px;height: 85px;padding: 15px 40px 0;background: #fff;} .case_r dl dd h5{font-size: 26px;color: #333;font-weight: normal;height: 40px;line-height: 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .case_r .case_desc p{float: left;padding-right: 40px;} /*优势*/ .ys01{background:url(/uploads/image/simages/ys_bg01.gif) no-repeat center 0;height: 565px;padding-top: 80px;overflow: hidden;} .ys02{background:url(/uploads/image/simages/ys_bg02.gif) no-repeat center 76px;height: 550px;overflow: hidden;margin-top: -76px;} .ys03{background:url(/uploads/image/simages/ys_bg03.gif) no-repeat center 0;height: 436px;padding-top: 30px;overflow: hidden;} .ys04{background:url(/uploads/image/simages/ys_bg04.gif) no-repeat center 0;height: 522px;padding-top: 30px;overflow: hidden;} .ys01 dl{padding: 40px 0 0;} .ys01 dl dt{width: 600px;height: 400px;line-height: 0;overflow: hidden;float: left;} .ys01 dl dt img,.ys04 dl dt img{width: 600px;height: 400px;} .ys01 dl dd{width: 515px;float: left;padding: 75px 0 0 45px;position: relative;z-index: 10;} .ys dl dd h5{font-size: 36px;color: #ff7d25;line-height: 45px;height: 90px;margin-bottom: 15px;position: relative;z-index: 10;} .ys dl dd h5:before{content: "";width: 100px;height: 2px;background: #f68223;position: absolute;top: 20px;left: -120px;} .ys dl dd h5 i{display: block;font-size: 20px;color: #333;} .ys dl dd p{font-size: 16px;color: #666;line-height: 24px;background:url(/uploads/image/simages/ys_ico.png) no-repeat 0 21px;padding: 15px 0 0 22px;} .ys02 dl{padding: 196px 0 0;position: relative;} .ys02 dl dt{width: 960px;height: 550px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;} .ys02 dl dt img{width: 960px;height: 550px;} .ys02 dl dd{width: 510px;float: left;padding: 0 0 0 55px;} .ys02 .ys dl dd h5:before,.ys04 .ys dl dd h5:before{left: 480px;} .ys03 dl{position: relative;} .ys03 dl dt{width: 960px;height: 400px;line-height: 0;overflow: hidden;position: absolute;top: 0;right: 50%;} .ys03 dl dt img{width: 960px;height: 400px;} .ys03 dl dd{width: 490px;float: right;padding: 80px 55px 0 0;} .ys04 dl dt{width: 600px;height: 400px;line-height: 0;overflow: hidden;float: right;} .ys04 dl dd{width: 480px;float: left;padding: 75px 0 0 55px;} .ys04_r .ys04_rb{ width:110px; right:0; bottom:25px; position:absolute; z-index:10;} .ys04_r .ys04_rb ul li{ float:left; margin:0 15px 0 0; display:inline; cursor:pointer; width: 15px;height: 15px;background: #fff;border-radius:50%; text-indent: -9999px;} .ys04_r .ys04_rb ul .on{background: #f68223;} .honor{width: 178px;height: 186px;position: absolute;top: 254px;left: 422px;z-index:10;} .honor ul li{width: 140px;height: 186px;overflow: hidden;line-height: 0;} .honor ul li img{width: 140px;height: 186px;} .honor_btn{width: 38px;height: 38px;position: absolute;bottom: 0;right: 0;cursor: pointer;} .honor_btn img{width: 38px;height: 38px;} /*贴心服务*/ .fuw_bg{background:url(/uploads/image/simages/fuw_bg.jpg) no-repeat center 0;height: 610px;padding-top: 74px;overflow: hidden;} .fuw_l{padding: 56px 0 0;width: 600px;position:relative;} .fuw_l ul li,.fuw_l p.fuw_p{color: #333;width: 150px;height: 160px;float: left;text-align: center;padding-right: 50px;cursor: pointer;} .fuw_l ul li em,.fuw_l p.fuw_p em{width: 50px;height: 50px;display: block;margin: 0 auto;line-height: 0;padding: 16px 0 0;} .fuw_l ul li em img,.fuw_l p.fuw_p em img{width: 50px;height: 50px;} .fuw_l ul li span,.fuw_l p.fuw_p span{display: block;font-size: 18px;height: 30px;line-height: 30px;overflow: hidden;padding: 10px 0 0;} .fuw_l ul li i,.fuw_l p.fuw_p i{display: block;font-size: 14px;font-family: "dinot";font-weight: bold;height: 20px;line-height: 20px;width: 22px;margin: 0 auto;position: relative;z-index: 1;} .fuw_l ul li i:before,.fuw_l p.fuw_p i:before{content: "";width: 100%;height: 3px;background: #f68223;position: absolute;bottom: 3px;left: 0;z-index: -1;} .fuw_l ul li:hover,.fuw_l ul li.on{background:url(/uploads/image/simages/fuw_k.png) no-repeat;color: #fff;} .fuw_l p.fuw_p{position:absolute;top:216px;right:0;} .fuw_r{width: 265px;padding: 110px 0 0 70px;} .fuw_r dl{width: 265px;} .fuw_r dl dt{font-size: 30px;color: #333;height: 70px;line-height: 70px;overflow: hidden;border-bottom: rgba(0,0,0,0.1) 2px solid;} .fuw_r dl dd{font-size: 14px;color: #4c4c4c;line-height: 28px;height: 56px;overflow: hidden;padding: 20px 0 0;} .fuw_tel{font-size: 14px;color: #333;text-transform: uppercase;font-family:arial, helvetica, sans-serif;background:url(/uploads/image/simages/fuw_tel.png) no-repeat 0 5px;padding: 0 0 0 50px;position: absolute;top: 400px;right: 0;width: 480px;line-height: 24px;height: 70px;} .fuw_tel b{display: block;font-size: 30px;color: #fe8300;font-family: "dinot";} /*新闻动态*/ .news{padding: 70px 0 80px;} .news_l{width: 745px;padding: 40px 0 0;} .news_tit{height: 65px;line-height: 65px;overflow: hidden;} .news_tit a{font-size: 20px;color: #232323;font-weight: normal;} .news_tit a:hover,.news_l dl dd h5 a:hover,.news02 dl dt a:hover,.wd dl dt a:hover{ color: #f68223;} .news_tit span{float: right;} .news_tit span a{font-size: 14px;color: #737373;text-transform: uppercase;} .news01{padding: 0 0 30px;width: 745px;border-bottom: #ebebeb 1px dashed;height: 185px;overflow: hidden;} .news01 dl dt{width: 328px;height: 185px;overflow: hidden;line-height: 0;float: left;} .news01 dl dt img{width: 328px;height: 185px;} .news01 dl dd{padding:10px 0 0 20px;width: 390px;float: left;} .news01 dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;} .news01 dl dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;} .news01 .news_desc,.news02 dl dd{font-size: 14px; color: #888; line-height: 24px; height: 72px; overflow: hidden;padding: 10px 0 0;} .news01 dl dd em{display: block;padding: 20px 0 0;} .news01 dl dd em a{font-size: 14px;color: #858585;display: block;width: 100px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;border: #a4a4a4 1px solid;background: #f8f8f8;border-radius: 30px;} .news01 dl dd em a:hover{background:#f68223;color: #fff;border: #f68223 1px solid;} .news02{width: 745px;padding: 30px 0 0;overflow: hidden;} .news02 dl{width: 300px;height: 88px;padding: 0 50px 0 0;} .news02 dl dt a{font-size: 16px;color: #333;display: block;height: 30px;line-height: 30px;width: 280px;background:url(/uploads/image/simages/news_ico02.gif) no-repeat 0 11px;padding-left: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news02 dl dd{padding: 5px 0 0 20px;height: 48px;} /*常见问答*/ .wd{width: 380px;height: 400px;background: #f6f6f6;padding: 0 20px;margin-top: 40px;} .wd_m{padding: 10px 0 0;overflow: hidden;} .wd dl{height: 84px;width: 380px;padding-top: 10px;} .wd dl dt{height: 30px;line-height: 30px;overflow: hidden;} .wd dl dt a{width: 350px;font-size: 14px;color: #272727; background:url(/uploads/image/simages/wen.gif) no-repeat 0 6px;padding-left: 30px;display: block;height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .wd dl dd{width: 350px;font-size: 14px;color: #888;height: 50px;line-height: 25px;overflow: hidden;border-bottom: #ededed 1px dashed;padding:0 0 0 30px; background:url(/uploads/image/simages/da.gif) no-repeat 0 3px;} /*关于壹亿加*/ .about{background: url(/uploads/image/simages/ab_bg.jpg) no-repeat center 0;height: 670px;overflow: hidden;padding-top: 73px;} .about .yinz_t span,.about .yinz_t a{color: #fff;} .ab_desc{padding: 55px 0 0;width: 1040px;text-align: center;margin: 0 auto;} .ab_desc div{font-size: 16px;line-height: 30px;height: 90px;overflow: hidden;color: rgba(255,255,255,0.8);} .ab_desc span{display: block;padding: 5px 0 0;} .ab_desc span a{font-size: 16px;color: rgba(255,255,255,1);font-weight: bold;} .ab_video{width: 66px;height: 66px;margin: 0 auto;cursor: pointer;padding: 30px 0 0;} .ibrand-num{overflow:hidden;margin:70px 0 0;} .ibrand-num li{float:left;width:300px;height:130px;text-align:center;color:#fff;font-size:30px;} .ibrand-num li span{font-size:72px;line-height: 70px;font-family: "dinot";font-style: italic;font-weight: bold;padding-right: 10px;} .ibrand-num li b{display:block;font-size: 20px;font-weight: normal; padding:10px 0 0;} /*友情链接*/ .f_link{height: 60px;line-height: 60px;overflow: hidden;background: #eee;border-top: #dedede 1px solid;} .f_link b{display: block;float: left;font-size: 14px;color: #666;width: 80px;text-transform: uppercase;} .f_link p{font-size: 14px;color: #666;float: left;width: 1120px;} .f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;} .f_link p a:hover{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);} }