/**/
body { background-color: #fff; }
.logobar { height: auto; }

/* ico-coop */
.ico-coop { background: url('http://www.365canyin.com/zizhucanshangmen/images/ico-cooperation.png') no-repeat; vertical-align: middle; display: inline-block; overflow: hidden; }
.i-coop1 { width: 24px; height: 25px; background-position: 0 0; }
.i-coop2 { width: 23px; height: 25px; background-position: -30px 0; }
.i-coop3 { width: 22px; height: 24px; background-position: -60px 0; }
.i-coop4 { width: 22px; height: 24px; background-position: -90px 0; }
.i-coop5 { width: 22px; height: 24px; background-position: -120px 0; }
.i-coop6 { width: 60px; height: 24px; background-position: -160px 0; }
.i-coop7, .i-coop8 { width: 33px; height: 31px; }
.i-coop7 { background-position: 0 -30px; }
.i-coop8 { background-position: -40px -30px; }
.i-coop9 { width: 19px; height: 19px; background-position: -90px -40px; }
.i-coop10 { width: 20px; height: 20px; background-position: -120px -40px; }
.i-coop11 { width: 12px; height: 12px; background-position: -160px -40px; }
.i-coop12, .i-coop13, .i-coop14 { width: 60px; height: 60px; }
.i-coop12 { background-position: 0 -70px; }
.i-coop13 { background-position: -70px -70px; }
.i-coop14 { background-position: -140px -70px; }
.i-coop15, .i-coop16, .i-coop15a, .i-coop16a { width: 24px; height: 48px; }
.i-coop15 { background-position: -240px -70px; }
.i-coop16 { background-position: -280px -70px; }
.i-coop15a { background-position: -240px 0; }
.i-coop16a { background-position: -280px 0; }
.i-coop17 { width: 90px; height: 90px; background-position: -320px 0; }

/* dincond-boldregular */
@font-face {
    font-family: 'dincond-boldregular';
    src: url('fonts/dincond-bold-webfont.eot');
    src: url('fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dincond-bold-webfont.woff') format('woff'),
         url('fonts/dincond-bold-webfont.ttf') format('truetype'),
         url('fonts/dincond-bold-webfont.svg#dincond-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.bg-f8 { background-color: #f8f8f8; }
.ptb65 { padding-top: 65px; padding-bottom: 65px; }
.ptb80 { padding-top: 80px; padding-bottom: 80px; }
.ptb100 { padding-top: 100px; padding-bottom: 100px; }
.mt25 { margin-top: 25px; }
.mtb160 { margin-top: 160px; margin-bottom: 160px; }
.mtb190 { margin-top: 190px; margin-bottom: 190px; }
.mtb200 { margin-top: 200px; margin-bottom: 200px; }
.mt160 { margin-top: 160px; }
.mt180 { margin-top: 180px; }
.mt200 { margin-top: 200px; }
.mb160 { margin-bottom: 160px; }
.mb200 { margin-bottom: 200px; }
.lh42 { line-height: 42px; }
.pt160 { padding-top: 160px; }
.mt60 { margin-top: 60px; }
.pb60 { padding-bottom: 60px; }

/* coop-nav */
.coop-nav li { float: left; position: relative; margin-left: 50px; }
.coop-nav li .b-line { display: none; position: absolute; bottom: 0; left: 50%; z-index: 4; margin-left: -32px; width: 64px; height: 3px; line-height: 0; background-color: #f60; overflow: hidden; }
.coop-nav .coop-one { display: block; padding-bottom: 30px; font-size: 16px; line-height: 60px; }
.coop-nav .coop-nav-pop { display: none; position: absolute; left: 50%; top: 90px; z-index: 3; margin-left: -60px; padding: 15px 0; width: 120px; text-align: center; background-color: #fff; box-shadow: 0 8px 19px rgba(0, 0, 0, 0.16); }
.coop-nav-pop a { display: block; font-size: 16px; line-height: 40px; }
.coop-nav .coop-nav-now .b-line, .coop-nav .coop-nav-hover .b-line  { display: block; }
.coop-nav .coop-nav-now .coop-one, .coop-nav .coop-one:hover, .coop-nav .coop-nav-hover .coop-one { color: #f60; }

/* coop-nav-top */
.coop-nav-top { display: none; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 910; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.coop-nav-top .coop-nav li { margin-left: 0; margin-right: 50px; }
.coop-nav-top .coop-nav { width: 1200px; margin: auto; }
.coop-nav-top .coop-nav .coop-one { line-height: 70px; padding-bottom: 0; }
.coop-nav-top .coop-nav .coop-nav-pop { top: 70px; }

/* footer */
.footer { background-color: #333; padding: 60px 0; }
.footer-nav { text-align: center; }
.footer-nav a { font-size: 14px; color: #ccc; }
.footer-nav a:hover { color: #fff; }
.footer-nav .f-line { display: inline-block; margin: 0 25px; width: 1px; height: 10px; line-height: 0; overflow: hidden; background-color: #ccc; }
.footer-copy { color: #666; margin-top: 20px; text-align: center; }

/* banner */
.banner { height: 400px; background: url(http://www.365canyin.com/zizhucanshangmen/images/banner.jpg) center center no-repeat; text-align: center; }
.banner h2 { padding-top: 128px; font-size: 48px; line-height: 54px; color: #3156f4; font-weight: bold; }
.banner p { margin-top: 20px; font-size: 24px; line-height: 28px; font-weight: bold; }

/* tit-f28 */
.tit-f28 { font-size: 28px; line-height: 30px; font-weight: bold; text-align: center; columns: #222; }

/* website-introduce */
.website-introduce { padding: 150px 95px 170px; text-align: center; }
.website-introduce p { font-size: 16px; line-height: 34px; color: #666;text-align: left; }

/* website-advantage */
.website-advantage { padding: 160px 0 135px; background-color: #f9f9f9; box-shadow: inset 0 0 20px rgba(150, 150, 221, .1); }
.advantage-box { margin-top: 45px; }
.advantage-box img { float: left; margin-right: 20px; }
.advantage-box ul { float: left; width: 560px; padding-top: 65px; font-size: 18px; font-weight: bold; }
.advantage-box ul li { margin-bottom: 27px; }
.advantage-box ul .i-coop10 { float: left; margin-right: 20px; }
.advantage-box ul li p { float: left; width: 50%; }

/* hz-types */
.hz-types { margin-top: 60px; padding: 0 30px; }
.hz-types li { position: relative; float: left; margin-right: 90px; width: 320px;box-shadow: 0 6px 14px rgba(102, 102, 102, .2); }
.hz-types-t { border: 10px solid #e5e5e5; background-color: #fff; height: 306px; padding: 60px 35px 0; text-align: center; }
.hz-types-t span { font-size: 22px; line-height: 24px; }
.hz-types-t p { margin-top: 20px; font-size: 14px; line-height: 30px; color: #999; }
.hz-types-b { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; height: 32px; padding: 29px 30px; background-color: #ed4e4e; color: #fff; }
.hz-types-b a { float: right; width: 100px; height: 28px; line-height: 28px; font-size: 14px; text-align: center; color: #fff; border-radius: 16px; border: solid 2px #fff; }
.hz-types-b a:hover { background-color: #fff; color: #ed4e4e; }
.hz-types-b strong { font-size: 24px; line-height: 32px; }
.hz-types-b strong b { float: left; font-size: 30px; margin-right: 10px; }
.hz-types .i-coop17 { position: absolute; top: 0; right: 0; z-index: 2; }

/* member-box */
.member-box { padding: 140px 0; background-color: #f5f5ff; box-shadow: inset 0 0 20px rgba(136, 136, 207, .1); }
.member-table { width: 1060px; padding: 40px; margin: 60px auto 0; background-color: #fff; box-shadow: 0 6px 30px rgba(43, 110, 184, 0.12); border-radius: 12px; }
.member-table table { border: 2px solid #eee; text-align: center; }
.member-table tr, .member-table th, .member-table td { border: 2px solid #eee; }
.member-table th { padding: 15px 0; height: 48px; line-height: 48px; font-weight: bold; font-size: 24px; }
.member-table td { padding: 15px 0; line-height: 34px; font-size: 16px; }
.member-table .s-cf44 { color: #f44141; }
.member-table th .ico-coop { margin-right: 10px; margin-top: -3px; }

/* privilege-list */
.privilege-list { margin-top: 60px; }
.privilege-list li { float: left; width: 20%; text-align: center; }
.privilege-list li p { margin-top: 25px; font-size: 16px; }

/* flow-box */
.flow-box { margin: 50px auto 0; width: 1140px; height: 350px; background-color: #f2f2f2; }
#flow { height: 350px; }

/* industry-status */
.industry-status { margin-top: 70px; }
.industry-status li { float: left; width: 20%; text-align: center; }
.industry-status li strong { position: relative; font-size: 38px; line-height: 42px; font-family: 'dincond-boldregular'; }
.industry-status li strong em { position: absolute; top: 0; margin-left: 7px; font-family: 'MicrosoftYaHei'; font-size: 20px; font-weight: bold; line-height: 22px; }
.industry-status li p { margin-top: 25px; line-height: 25px; font-size: 16px; color: #666; }
.industry-status li p .ico-coop { margin-right: 10px; margin-top: -2px; }

/* user-box */
.user-box { padding: 155px 0; background-color: #f5f5ff; box-shadow: inset 0 0 20px rgba(160, 160, 241, 0.1); }
.user-list { margin: 50px auto 0; width: 1140px; text-align: center; }
.user-list li { position: relative; float: left; width: 190px; height: 190px; overflow: hidden; }
.user-list li img { display: block; width: 190px; height: 190px; }
.user-list .user-list-pop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top:75px; height: 115px; color: #fff; font-size: 14px; background-color: #000; background-color: rgba(15,15,15,.38); *background-color: #000; }
.user-list li.w380, .user-list li.w380 img { width: 380px; }

/* subject-columns */
.subject-columns { margin: 50px auto 0; width: 1140px; }
.subject-columns li { position: relative; float: left; width: 260px; height: 400px; margin-right: 33px; overflow: hidden; }
.subject-columns li.mar0 { margin-right: 0; }
.subject-columns li .sub-pop { position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 80px; line-height: 80px; background-color: #ed4e4e; color: #fff; font-size: 20px; font-weight: bold; text-align: center; }

/* layout-box */
.layout-box { padding: 160px 0; background-color: #f5f5ff; box-shadow: inset 0 0 20px rgba(160, 160, 241, 0.1); }

/* func-box */
.func-box { padding: 50px 0; text-align: center; }
.func-box li { float: left; width: 33.33%; }
.func-box p { margin-top: 15px; font-size: 18px; font-weight: bold; color: #ccc; }

/* combo-box */
.combo-box { width: 1140px; }
.combo-con { width: 425px; }
.combo-con-t { padding-top: 60px; font-size: 28px; line-height: 32px; }
.combo-con-m { margin-top: 45px; font-size: 18px; }
.combo-con-b { margin-top: 35px; font-size: 14px; color: #999; line-height: 32px; }
.combo-more { margin-top: 50px; display: block; width: 240px; height: 60px; line-height: 60px; font-size: 22px; text-align: center; color: #fff; background-color: #ed4e4e; box-shadow: 0 6px 20px rgba(139, 52, 52, 0.12); border-radius: 30px; }
.combo-more:hover { color: #fff; background-color: #ed6363; }

/* appreciation-box */
.appreciation-box { width: 1140px; margin: 60px auto 0; }
.appreciation-box li { position: relative; float: left; margin-right: 120px; width: 300px; height: 362px; }
.appreciation-box li.mar0 { margin-right: 0; }
.appreciation-box .apprec-con { padding: 56px 35px 0; height: 286px; text-align: center; border: 10px solid #e5e5e5; background-color: #fff; box-shadow: 0 6px 14px rgba(102, 102, 102, .2); }
.appreciation-box .apprec-con h3 { font-size: 22px; line-height: 24px; }
.appreciation-box .apprec-con p { margin-top: 30px; font-size: 16px; line-height: 34px; color: #999; }
.appreciation-box .apprec-see { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; display: block; text-align: center; height: 80px; line-height: 80px; background-color: #ed4e4e; font-size: 18px; font-weight: bold; color: #fff; }
.appreciation-box .apprec-see:hover { color: #fff; background-color: #ed6363; }

/* u-member */
.u-member { margin: auto; padding: 80px; width: 980px; background-color: #fff; box-shadow: 0 8px 19px rgba(140, 140, 140, .16); border-radius: 14px; text-align: center; }
.u-member a { display: inline-block; margin-top: 50px; width: 240px; height: 60px; line-height: 60px; background-color: #f24646; box-shadow: 0 6px 20px rgba(139, 52, 52, .12); border-radius: 30px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; }
.u-member a:hover { color: #fff; background-color: #ed6363; }

/* vip-serv */
.vip-serv { margin: auto; padding: 80px 100px; width: 940px; background-color: #fff; box-shadow: 0 8px 29px rgba(140, 140, 140, .16); border-radius: 14px; }

/* template-show */
.template-show { position: relative; padding: 0 40px; width: 1170px; overflow: hidden; }
.ovh { width: 1170px; overflow: hidden; }
.template-list { width: 1950px;  height: 480px; overflow: hidden; padding: 10px 0 20px; }
.template-list li { float: left; width: 360px; height: 480px; margin: 0 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, .15); }
.template-list li img { display: block; width: 360px; height: 480px; border-radius: 2px; }
.template-show .qh-btn { position: absolute; top: 50%; margin-top: -24px; }
.template-show .prev { left: 0; }
.template-show .next { right: 0; }
.template-show .qh-btn-no .i-coop15 { background-position: -240px 0; }
.template-show .qh-btn-no .i-coop16 { background-position: -280px 0; }

/* user-eval */
.user-eval li { margin-bottom: 10px; padding: 30px 40px; background-color: #fff; overflow: hidden; box-shadow: 0 2px 5px rgba(140, 140, 140, .2); }
.user-eval .photo { display: block; margin-right: 40px; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; }
.user-eval .photo img { display: block; width: 80px; height: 80px; }
.user-eval .name { font-size: 22px; font-weight: bold; margin-right: 30px; }

/* gug-box1 */
.gug-box1 { margin-top: 35px; box-shadow: 0 4px 20px rgba(102, 102, 102, .16); border-radius: 10px; overflow: hidden; }
.gug-box1 img { display: block; width: 100%; }
.gug-box2 { box-shadow: 0 4px 20px rgba(102, 102, 102, .16); border-radius: 10px; overflow: hidden; }

/* guang-serv */
.guang-serv { width: 1145px; }
.guang-serv li { float: left; margin-right: 145px; width: 285px; text-align: center; }
.guang-serv li.mar0 { margin-right: 0; }
.guang-serv li h3 { font-size: 20px; line-height: 22px; margin-top: 25px; }
.guang-serv li p { margin-top: 35px; font-size: 14px; color: #999; line-height: 26px; }

/* cheng-advantage */
.cheng-advantage { margin-top: 80px; }
.cheng-advantage li { float: left; width: 25%; text-align: center; }
.cheng-advantage li p { font-size: 18px; font-weight: bold; color: #999; }

/* muban-show */
.muban-show { padding: 0 15px; }
.muban-show li { float: left; margin: 0 15px; width: 360px; height: 480px; box-shadow: 0 10px 40px rgba(0, 0, 0, .15); }
.muban-show li img { display: block; width: 360px; height: 480px; }

/* added-services */
.added-services li { float: left; margin: 35px 22px 35px 23px; _margin: 35px 20px; padding: 50px 0; width: 350px; height: 355px; background-color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, .1); border-radius: 6px; text-align: center; }
.added-services h4 { margin-top: 10px; margin-bottom: 40px; font-size: 24px; line-height: 28px; font-weight: bold; }
.added-services .more { display: inline-block; margin-top: 70px; text-align: center; font-size: 16px; color: #fff; width: 200px; height: 48px; line-height: 48px; background-color: #ed4e4e; box-shadow: 0px 6px 20px rgba(139, 52, 52, 0.12); border-radius: 24px; }
.added-services .more:hover { color: #fff; background-color: #ed6363; }
.added-services .more-serv { display: block; margin-top: 165px; font-size: 20px; line-height: 24px; color: #d8d8d8; }

/* online-pay */
.online-pay { padding: 30px; background-color: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, .1); text-align: center; border-radius: 10px; }
.online-pay table, .online-pay tr, .online-pay th, .online-pay td { border: 2px solid #eee; }
.online-pay th { height: 55px; line-height: 55px; padding: 0 15px; font-size: 18px; font-weight: bold; }
.online-pay td { padding: 10px 15px; line-height: 28px; font-size: 14px; color: #666; }

/* market-box */
.market-box { background-color: #fff; box-shadow: 0 6px 6px rgba(0, 0, 0, .06); }
/* marketing-list */
.marketing-list li { padding: 30px; border-bottom: 1px solid #e9e9e9; height: 180px; overflow: hidden; }
.marketing-list .mark-img { display: block; margin-right: 40px; width: 260px; height: 180px; border-radius: 6px; overflow: hidden; }
.marketing-list .mark-img img { display: block; width: 260px; height: 180px; }
.marketing-list h3 { font-size: 20px; height: 24px; line-height: 24px; overflow: hidden; }
.marketing-list .mark-des { margin-top: 25px; font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; color: #999; }
.marke-more { display: block; height: 80px; line-height: 80px; font-size: 16px; text-align: center; color: #aaa; }

/* detail-box */
.detail-box { padding: 90px 210px 150px; }
.detail-box h2 { text-align: center; font-size: 28px; font-weight: bold; line-height: 32px; }
.detail-con { padding-top: 50px; border-top: 2px solid #eee; font-size: 16px; color: #999; line-height: 40px; }
.detail-con p { margin-top: 10px; text-indent: 2em; }