@charset "utf-8";
.i-banner-box { width: 100%; min-width: 1190px; margin-top: -2px; margin-bottom: 30px; background: url("http://pic.7881.com/7881-2016/images/integral/index/ban-bg.jpg") center top no-repeat;}
.i-banner { width: 1190px; margin: 0 auto; padding-top: 30px;}
.iban-l { float: left; width:396px; height: 570px; position: relative; background: url("http://pic.7881.com/7881-2016/images/integral/index/iban-l-bg.png") no-repeat;}
.iban-l .yet-log { text-align: center; font-family: "microsoft yahei"; margin-top: 110px; text-indent: 8px; position: absolute; left: 0; top:0; width: 100%;}
.iban-l .yet-log h3 { font-family: arial; font-size: 34px; color: #563b1c; margin-bottom: -10px;}
.iban-l .yet-log p { color: #563b1c; font-size: 16px; margin-bottom: 32px;}
.iban-l .yet-log h4 { color: #ffc29a; font-size: 18px;}
.iban-l .yet-log h5 { color: #fff; font-size: 18px;}
.iban-l .not-log { text-align: center; font-family: "microsoft yahei"; margin-top: 96px; text-indent: 8px; position: absolute; left: 0; top:0; width: 100%;}
.iban-l .not-log h3 { height: 94px; overflow: hidden; margin-bottom: 20px;}
.iban-l .not-log p { color: #ffefe0; font-size: 16px; line-height: 24px;}
.iban-l .i-advantage { margin-top: 365px; text-align: center; margin-bottom: 44px;}
.iban-l .i-advantage ul li { color: #ffdfcd; font-size: 14px; display: inline-block; *display: inline; *zoom:1; margin: 0 38px;}
.iban-l .i-btn { text-align: center; margin-bottom: 12px;}
.iban-l .i-btn a { display: inline-block; *display: inline; *zoom:1; width: 320px; height: 56px; line-height: 55px; font-family: "microsoft yahei"; font-size: 20px; color: #333; background: #ffe9d9; border-radius: 4px; }
.iban-l .i-btn a.i-btn-01 {transition: .3s ease all;}
.iban-l .i-btn a.i-btn-02 { background: #ffbe88; color: #b65300; display: none;}
.iban-l .i-btn a.i-btn-01 em { color: #ff6800; font-weight: bold; margin: 0 6px;}
.iban-l .i-btn a.i-btn-01:hover { background: #f8d662; -ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px); -moz-box-shadow:0px 6px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0px 6px 10px rgba(0,0,0,0.2); box-shadow:0px 6px 10px rgba(0,0,0,0.2);}
.iban-l .i-btn.yet-sign a.i-btn-02{ display: inline-block; *display: inline; *zoom:1;}
.iban-l .i-btn.yet-sign a.i-btn-01{ display: none;}
.iban-l .i-gz { text-align: center;}
.iban-l .i-gz a { color: #ffeb56; font-size: 16px; font-family: "microsoft yahei";}
.iban-l .i-gz a:hover {color: #ffe9d9;}
.iban-r { float: right; width: 780px;}
.i-focus { float: right; width: 780px; height: 400px;}
.i-focus .slideBox{ width:780px; height:400px; overflow:hidden; position:relative;}
.i-focus .slideBox .hd{ height:13px; overflow:hidden; position:absolute; left:0; bottom:15px; width: 100%; z-index:1; text-align: center;}
.i-focus .slideBox .hd ul li{ display: inline-block; *display: inline; *zoom:1; margin:0 5px; width:13px; height:13px; background:url("http://pic.7881.com/7881-2016/images/integral/index/slider-arrow.png") 0 -56px no-repeat; cursor:pointer; }
.i-focus .slideBox .hd ul li.on{ background-position:0 -69px;}
.i-focus .slideBox .bd{ position:relative; height:100%; z-index:0;}
.i-focus .slideBox .bd li{ zoom:1; vertical-align:middle; }
.i-focus .slideBox .bd img{ width:780px; height:400px; display:block;  }
.i-focus .slideBox .prev,.slideBox .next{ position:absolute; left:0%; top:50%; margin-top:-28px; display:block; width:48px; height:56px; background:url(http://pic.7881.com/7881-2016/images/integral/index/slider-arrow.png) -144px 0px no-repeat;}
.i-focus .slideBox .next{ left:auto; right:0%; background-position:-48px 0px; }
.i-focus .slideBox .prev:hover{ background-position: -96px 0;}
.i-focus .slideBox .next:hover{ background-position: 0 0;}
.i-focus .slideBox .prevStop{ display:none;}
.i-focus .slideBox .nextStop{ display:none;}
.bk-banenr-box { float: right; width: 780px; padding-top: 14px;}
.bk-banenr { width: 800px;}
.bk-banenr .bk-banner-item { display: block; float: left; margin-right: 14px; width: 383px; height: 156px; transition: .3s ease all;}
.bk-banenr .bk-banner-item:hover { -ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px); -moz-box-shadow:0px 6px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0px 6px 10px rgba(0,0,0,0.2); box-shadow:0px 6px 10px rgba(0,0,0,0.2);}
.bk-banenr .set-goods { float: left; width: 383px; height: 156px; background: url("http://pic.7881.com/7881-2016/images/integral/index/set-goods-bg.png") no-repeat; transition: .3s ease all;}
.bk-banenr .set-goods:hover {-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px); -moz-box-shadow:0px 6px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0px 6px 10px rgba(0,0,0,0.2); box-shadow:0px 6px 10px rgba(0,0,0,0.2);}
.bk-banenr .set-goods .set-goods-tp01 { margin-left: 40px; margin-top: 23px;}
.bk-banenr .set-goods .set-goods-tp01 h2 { font-size: 24px; color: #fff; font-weight: bold; font-family: "microsoft yahei"; margin-bottom: 3px;}
.bk-banenr .set-goods .set-goods-tp01 h3 { font-size: 16px; color: #dad2d9; font-family: "microsoft yahei"; margin-bottom: 12px;}
.bk-banenr .set-goods .set-goods-tp01 p a { font-family: \5b8b\4f53; color: #fff; display: block; width: 80px; height: 24px; line-height: 24px; text-align: center; border: #878795 1px solid;}
.bk-banenr .set-goods .set-goods-tp02 dl {margin-left: 26px; margin-top: 26px;}
.bk-banenr .set-goods .set-goods-tp02 dl dt { width: 86px; height: 86px; border: #fff 2px solid; float: left;}
.bk-banenr .set-goods .set-goods-tp02 dl dd { float: left; margin-left: 18px; margin-top: 2px;}
.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-info { margin-bottom: 9px;}
.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-info h2 { color: #fff;  font-size: 16px; font-weight: bold; margin-bottom: 2px;}
.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-info p { color: #fff;}
.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-info p span { color: #fd823a; font-weight: bold;}
.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-progress { width: 216px; height: 14px; position: relative;}
.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-progress .setgoods-progress-bg,.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-progress .setgoods-progress-on,.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-progress .setgoods-progress-txt { position: absolute; left: 0; top:0; width: 216px; height: 14px;}
.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-progress .setgoods-progress-on { z-index: 3; background: #fd823a; width: auto;}
.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-progress .setgoods-progress-bg { z-index: 2; background: #fff; opacity: 0.2; filter:alpha(opacity=20);}
.bk-banenr .set-goods .set-goods-tp02 dl dd .setgoods-progress .setgoods-progress-txt { z-index: 4; text-align: center; line-height: 14px; color: #fff;}
.bk-banenr .set-goods .set-goods-tp02 .reelect { text-align: right; margin-top: 3px;}
.bk-banenr .set-goods .set-goods-tp02 .reelect a { margin-right: 32px; color: #1994eb; text-decoration: underline;}
.bk-banenr .set-goods .set-goods-tp02 .reelect a:hover { color: #ff6700;}
.setgoods-pop.i-pop { background: url("http://pic.7881.com/7881-2016/images/integral/index/setgoods-pop-bg.png") no-repeat; width: 800px; overflow: hidden; height: 505px;}
.setgoods-pop .setgoods-tit { position: absolute; left: 20px; top:16px; font-size: 24px; font-family: "microsoft yahei"; color: #fff;}
.setgoods-pop.i-pop .i-pop-close { top:19px; right: 20px; background: url("http://pic.7881.com/7881-2016/images/integral/index/i-pop-close.png") no-repeat;}
.setgoods-pop.i-pop .i-pop-close:hover { top:19px; background: url("http://pic.7881.com/7881-2016/images/integral/index/i-pop-close-on.png") no-repeat;}
.setgoods-pop .setgoods-pop-con { width: 759px; height: 356px; overflow: hidden; border-radius: 3px; margin: 65px auto 18px auto; background: #fff;}
.setgoods-pop .setgoods-pop-con .setgoods-pop-list dl { float: left; width: 253px; height: 119px; border-top: #e5e5e5 1px solid; border-left: #e5e5e5 1px solid; margin-left: -1px; margin-top: -1px;}
.setgoods-pop .setgoods-pop-con .setgoods-pop-list dl:hover { cursor: pointer;}
.setgoods-pop .setgoods-pop-con .setgoods-pop-list dl:hover dd h3 { color: #fc6600;}
.setgoods-pop .setgoods-pop-con .setgoods-pop-list dl dt { width: 70px; height: 70px; float: left; margin-right: 12px; margin-top: 24px;  margin-left: 20px;}
.setgoods-pop .setgoods-pop-con .setgoods-pop-list dl dd { float: left; width: 132px; margin-top: 21px; font-family:\5b8b\4f53;}
.setgoods-pop .setgoods-pop-con .setgoods-pop-list dl dd h3 { color: #333; margin-bottom: 3px; height: 36px; overflow: hidden;}
.setgoods-pop .setgoods-pop-con .setgoods-pop-list dl dd p { color: #999; margin-bottom: 1px;}
.setgoods-pop .setgoods-pop-con .setgoods-pop-list dl dd p em { color: #fc6600;}
.setgoods-pop .setgoods-pop-change { text-align: center;}
.setgoods-pop .setgoods-pop-change .setgoods-pop-change-btn { display: inline-block; *display: inline; *zoom:1; width: 134px; height: 40px; line-height: 40px; text-align: center; color: #fc6600; font-size: 18px; background: #fff; border-radius: 3px;}
.setgoods-pop .setgoods-pop-change .setgoods-pop-change-btn:hover { background: #fed5b8;}

.i-area-01 { width: 1190px; margin: 0 auto; margin-bottom: 26px;}
.a-01-l { float: left; width: 868px;}
.tit-01 { margin-bottom: 10px;}
.tit-01 .tit-01-l { float: left;}
.tit-01 .tit-01-l i { width: 4px; height: 20px; display: block; background: #fd823a; float: left; margin-top: 6px; margin-right: 14px;}
.tit-01 .tit-01-l span { float: left; font-size: 20px; color: #333; font-family: "microsoft yahei"; margin-right: 10px;}
.tit-01 .tit-01-l em { float: left; display: block; margin-top: 6px; height: 20px; line-height: 20px; padding: 0 8px 0 10px; color: #fff; background: #aaa;}
.tit-01 .tit-01-l b { float: left; display: block; margin-top: 6px; height: 20px; width: 12px; background: url("http://pic.7881.com/7881-2016/images/integral/index/i-indexicon-01.png") no-repeat;}
.tit-01 .tit-01-r { float: right; margin-top: 7px;}
.tit-01 .tit-01-r a { color: #aaa;}
.tit-01 .tit-01-r a img { display: inline-block; *display: inline; *zoom:1; vertical-align: middle; margin-top: -1px; margin-left: 6px;}
.tit-01 .tit-01-r a:hover { color: #666;}
.dhot-list ul { margin-left: -14px; width: 900px;}
.dhot-list ul li { width: 278px; height: 333px; overflow: hidden; border: #f5f5f5 1px solid; position: relative; text-align: center; float: left; margin-left: 14px; margin-bottom: 14px;}
.dhot-list ul li .jb-icon { display: block; width: 74px; height: 74px; position: absolute; left: -1px; top:-1px;}
.dhot-list ul li .img-box { margin-top: 39px; margin-bottom: 10px;}
.dhot-list ul li .img-box img { transition: .3s ease all;}
.dhot-list ul li .img-box img:hover {-ms-transform:translateX(5px);-moz-transform:translateX(5px);-webkit-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);}
.dhot-list ul li h2 { font-size: 16px; color: #333; padding: 0 20px; font-family: "microsoft yahei";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-wrap: normal;}
.dhot-list ul li .info-txt { height: 64px; position: absolute; bottom: 0; left: 0; width: 100%;}
.dhot-list ul li .info-txt .info-txt-item { float: left; margin-top: 11px;}
.dhot-list ul li .info-txt .info-txt-item h3 { font-size: 16px; font-family: "microsoft yahei"; width: 91px;}
.dhot-list ul li .info-txt .info-txt-line { float: left; width: 1px; height: 32px; margin-top: 16px;}
.dhot-list ul li .info-txt.info-text-01 { background: #fbfbfb;}
.dhot-list ul li .info-txt.info-text-01 .info-txt-line { background: #f0f0f0;}
.dhot-list ul li .info-txt.info-text-01 .info-txt-item h3{ color: #ff6700;}
.dhot-list ul li .info-txt.info-text-01 .info-txt-item p{ color: #a5a5a5;}
.dhot-list ul li .info-txt.info-text-02 { background: #fe791e; left: 278px; transition: .5s ease all;}
.dhot-list ul li .info-txt.info-text-02 .info-txt-line { background: #fea162;}
.dhot-list ul li .info-txt.info-text-02 .info-txt-item h3{ color: #fff;}
.dhot-list ul li .info-txt.info-text-02 .info-txt-item p{ color: #ffd0bc;}
.dhot-list ul li .info-txt.info-text-02 .info-txt-item a { margin-top: 6px; margin-left: 14px; width: 58px; height: 30px; line-height: 30px; display: inline-block; *display: inline; *zoom:1; border: #fea162 1px solid; color: #fff; border-radius: 4px;}
.dhot-list ul li .info-txt.info-text-02 .info-txt-item a:hover { background: #f8d662; border: #f8d662 1px solid; color: #ff6700;}
.dhot-list ul li:hover {-moz-box-shadow:0px 6px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0px 6px 10px rgba(0,0,0,0.2); box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.dhot-list ul li:hover .info-txt.info-text-02 { left: -1px;}
.a-01-r { float: right; width: 308px;}
.dh-ing { width: 306px; height: 682px; overflow: hidden; border: #f5f5f5 1px solid; position: relative;}
.dh-ing .m2list li{ text-align:left; width: 258px; margin: 0 auto; overflow: hidden; padding:15px 0; border-bottom: #f0f0f0 1px dashed; height:65px; color:#666;}
.dh-ing .m2list li .pic{ width:63px; height: 63px; border: #f5f5f5 1px solid; float:left;}
.dh-ing .m2list li .tint { width: 178px; margin-left: 77px;}
.dh-ing .m2list li .tint p,.dh-ing .m2list li .tint h4,.dh-ing .m2list li .tint h5 { width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-wrap: normal;}
.dh-ing .m2list li .tint p { color: #aaa; margin-bottom: 4px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-wrap: normal;}
.dh-ing .m2list li .tint h4 { color: #333; margin-bottom: 4px;}
.dh-ing .m2list li .tint h5 { color: #aaa;}
.dh-ing .m2list li .tint h5 em { color: #ff6700;}
.dh-ing .dh-ing-zz { position: absolute; width: 306px; background: #fff; left: 0; bottom: 0; height: 20px; z-index: 99;}

.i-area-02 { width: 100%; min-width: 1190px; height: 460px; background: url("http://pic.7881.com/7881-2016/images/integral/index/i-area-02-bg.jpg") center top no-repeat;}
.tit-02 { text-align: center; padding: 40px 0 38px 0;}
.tit-02 div { display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.tit-02 .tit-02-l,.tit-02 .tit-02-r { margin-top: -4px;}
.tit-02 .tit-02-c { padding: 0 18px;}
.tit-02 .tit-02-c span { color: #fff; font-size: 20px; font-weight: bold; font-family: "microsoft yahei"; float: left; margin-top: 3px;}
.tit-02 .tit-02-c i { font-size: 28px; color: #fff; float: left; margin: 0 10px;}
.tit-02 .tit-02-c em { color: #aaa; font-size: 14px; font-family: "microsoft yahei"; float: left; margin-top: 8px;}
.process-box { width: 1190px; margin: 0 auto; margin-top: -5px; overflow: hidden;}
.process-box ul { width: 1230px; padding-top: 5px;}
.process-box ul li { float: left; margin-right: 23px;}
.process-box ul li img { transition: .3s ease all;}
.process-box ul li img:hover { -ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}

.i-area-03 { width: 100%; min-width: 1190px; background: #f6f6f6;}
.i-area-03 .tit-02 .tit-02-c span { color: #333;}
.i-area-03 .tit-02 .tit-02-c i { color: #333;}
.i-area-03 .tit-02 .tit-02-c em { color: #999;}
.i-qa-box { width: 1190px; margin: 0 auto; overflow: hidden; padding-bottom: 40px;}
.i-qa { width: 1300px; margin-left: -78px;}
.i-qa dl { float: left; width: 492px; margin-bottom: 30px; padding-left: 126px;}
.i-qa dl dt span,.i-qa dl dd span{ font-size: 20px; position: absolute; left: -9px; top:-3px;}
.i-qa dl dd span { left: -10px; top:0px;}
.i-qa dl dt { font-size: 16px; color: #333; font-family: "microsoft yahei"; position: relative; margin-bottom: 7px;}
.i-qa dl dd { color: #999; position: relative; line-height: 22px;}

.i-pop-com {box-shadow:none!important; background: transparent!important;}
.i-pop { display: none; width: 769px; height: 384px; position: relative; font-family: "microsoft yahei"; background: url("http://pic.7881.com/7881-2016/images/integral/index/i-pop-bg-01.png") no-repeat;;}
.i-pop .i-pop-close { position: absolute; display: block; width: 30px; height: 30px; right: 32px; top:32px; z-index: 10;}
.i-pop .i-pop-txt { padding-left: 82px; padding-top: 80px; position: relative; z-index: 9;}
.i-pop .i-pop-txt h2 { color: #fff; font-weight: bold; font-size: 36px; margin-bottom: 13px;}
.i-pop .i-pop-txt p { color: #fff; font-size: 14px; line-height: 26px;}
.i-pop .i-pop-txt p em { color: #ffeb56; font-weight: bold; margin: 0 4px;}
.i-pop .i-pop-txt h4 { margin-top: 22px;}
.i-pop .i-pop-txt h4 a { display: inline-block; *display: inline; *zoom:1; width: 158px; height: 38px; line-height: 37px; margin-right: 14px; text-align: center; font-size: 16px; border-radius: 3px;}
.i-pop .i-pop-txt h4 a.i-pop-btn01 { background: #f4d361; border: #f4d361 1px solid; color: #fd6600;}
.i-pop .i-pop-txt h4 a.i-pop-btn02 { background: #fe6700; border: #f4d361 1px solid; color: #f4d361;}
.i-pop .i-pop-icon { position: absolute;right: 50px; top:82px; z-index: 8;}
.footer-04 { margin-top: 0;}