html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
input:focus{ outline: none; }
body { font: 12px/1.5 "Microsoft YaHei", "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
button{ cursor: pointer; }

/**
 * 公共部分
 */
.broadcast { background-color: #313131; }
.broadcast .pack{ margin: 0 auto; width: 1200px; height: 34px; background: url(../img/msgIcon.png) no-repeat 2px center; overflow: hidden; }
.broadcast ul{ margin: 0 39px; color: #fff; font-size: 12px; }
.broadcast ul li{ height: 34px; line-height: 34px; }
.broadcast ul li a{ color: #f2f2f2; }
.header .container{ background-color: #1b1b1b; }
.header .pack{ margin: 0 auto; width: 1200px; }
.header .pack::after{ content: ''; clear: both; display: table; }
.header .pack > div{ float: left;}
.header .logo{ height: 45px; }
.header .logo img{ padding: 17px 50px 17px 0;}
.header .pack .iPhone{ float: right; height: 46px; line-height: 66px; margin: 17px 0; padding-left: 82px; border-left: 1px #fff solid; background: url(../img/iPhoneIcon.png) no-repeat 23px center; font-size: 20px; color: #fff;}
.nav ul::after{ content: ''; clear: both; display: table; }
.nav li{ float: left; }
.nav li.list{ margin-right: 5px;}
.nav li.active{ background-color: #535353; }
.nav li{ height: 80px; line-height: 80px; text-align: center; }
.nav li a,.nav li.list{ display: inline-block; cursor: pointer; padding: 0 32px; height: 100%; color: #fff; font-size: 18px; position: relative; }
.nav li.list::after{ content: ''; width: 16px; height: 11px; display: inline-block; background: url(../img/list.png) no-repeat 4px center;}
.nav dl{ position: absolute;z-index: 1; top: 80px; left: 0; width: 100%; display: none; }
.nav dd{ text-align: center; background: rgba(55,55,55,0.7); border-bottom: 1px #b5b5b5 dashed; font-size: 16px; color: #fff; }
.nav dd,.nav dd a{ padding: 0; height: 48px; line-height: 48px;  cursor: pointer;}
.nav dd:last-child{ border-bottom: none;}

.banner{ position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }
.banner ul li{ background-position: center top; background-repeat: no-repeat; height: 460px; }
.unslider{overflow:auto; position: relative; margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider-nav{ position: absolute; right: 0; left: 0; bottom: 20px;}
.unslider-nav ol {list-style: none;text-align: center;}
.unslider-nav ol li {display: inline-block;width: 10px;height: 10px;margin: 0 4px;background: transparent;border-radius: 50%;overflow: hidden;text-indent: -999em;border: 1px solid #8d5d36;cursor: pointer;}
.unslider-nav ol li.unslider-active{background: #8d5d36;cursor: default;}

.footer{ height: 200px; background-color: #1b1b1b; }
.footer p{ width: 1200px; margin:  0 auto; padding: 102px 0 70px 0; color: #fff; font-size: 16px; text-align: center; }
.footer a{ color: #fff;}

.pagination{ text-align: center; }
.pagination li{ display: inline-block; width: 24px; height: 24px; margin: 3px; border: solid 1px #e4e4e4; font-size: 14px; color: #737373; line-height: 24px; }


/**
 * 门店邦-工厂
 */
.tab-pages .pack {
    background: url(../img/bg.png) no-repeat center top;
    height: 620px;
    padding-top: 132px;
}

.tab-pages .tab-list {
    width: 1200px;
    margin: 0 auto;
    color: #fff;
}

.tab-pages .tab-list::after {
    content: '';
    clear: both;
    display: table;
}

.tab-pages .tab-list > div {
    float: left;
}

.tab-pages .tab-content {
    width: 830px;
    background: rgba(48, 48, 48, 0.5);
    margin-right: 3px;
}

.tab-pages .tab-content li {
    display: none;
}

.tab-pages .tab-content img {
    width: 778px;
    height: 516px;
    padding: 18px 27px;
}

.tab-pages .tabs li {
    width: 300px;
    height: 102px;
    background-color: rgba(0, 0, 0, 0.5);
    border: solid 1px rgba(162, 115, 77, 0.31);
    padding: 16px 23px;
    margin-bottom: 2.5px;
}

.tab-pages .tabs .title {
    font-size: 20px;
    height: 22px;
    margin-bottom: 12px;
}

.tab-pages .tabs p {
    font-size: 16px;
    line-height: 1.5;
}

.tab-pages .tabs li.active {
    position: relative;
    padding-left: 35px;
    width: 291px;
}

.tab-pages .tabs li.active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #b46d34;
    width: 13px;
    height: 100%;
}

.tab-pages .sub-menu{ height: 80px; background-color: #f7f7f7; box-shadow: 4.8px 6.4px 6.4px 0.6px #ececec; font-size: 20px;}
.tab-pages .container{ width: 1200px; margin: 0 auto; overflow: hidden; position: relative; }
.tab-pages .sub-menu ul{ margin-left: 50px; float: left;}
.tab-pages .sub-menu ul::after{ content: ''; clear: both; display: table; }
.tab-pages .sub-menu li{ float: left; width: 146px; color: #2b2b2b; font-size: 26px; padding: 20px 0 21px; margin-right: 15px; text-align: center; cursor: pointer; }
.tab-pages .sub-menu li.active{
    background-color: #fae9dc; color: #8d5d36; }
.tab-pages .sub-menu .btns{ position: absolute; top: 17px; left: 680px; }
.tab-pages .sub-menu .btns a{ display: inline-block; color: #fff;  width: 150px; height: 46px; border-radius: 6px; background-color: #b07a4d; text-align: center; line-height: 46px; margin-left: 15px; }

.service { width: 1200px; margin: 0 auto; }
ul.guide{ list-style-type:none;	counter-reset:sectioncounter; }
.guide{ width: 1200px; margin: 50px auto 0; padding-bottom: 165px; overflow: hidden; }
.guide li{ width: 379px; float: left; margin: 80px 110px; position: relative; }
ul.guide li:before { content: counter(sectioncounter); counter-increment:sectioncounter; font-size: 26px; color: #fff; position: absolute; top: 0; left: -70px; width: 45px; height: 45px; background: #fc8a8a; border-radius: 50%;  text-align: center; line-height: 45px; }
.guide .title{ font-size: 24px; font-weight: bold; line-height: 1.75; }
.guide .text{ font-size: 16px; line-height: 1.5; color: #404040; }

/**
 * 关于我们
 */
.about .pack-list ul{ overflow: hidden; width: 1252px; margin: 0 auto; padding: 100px 0 90px 0;}
.about .pack-list li{     background-position: center top;
    background-repeat: no-repeat;
    width: 235px;
    margin: 0 38px;
    padding-top: 197px;
    float: left;}
.about .pack-list .title{ padding: 28px 0; ;font-size: 30px; color: #2b2b2b; }
.about .pack-list p{ font-size: 18px; color: #737373; }

.news{ background-color: #f8f8f8; padding: 72px 0;}
.news-list{ background: #fff; width: 1200px; margin: 0 auto;}
.news-list li{ position: relative; height: 180px; padding: 15px; overflow: hidden; }
.news-list .img{ position: absolute; top: 10px; left: 8px;}
.news-list .img,.news-list img{ width: 276px; height: 186px; background: #ccc;}
.news-text{ margin-left: 300px; height: 172px; margin-right: 20px; padding-right: 35px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; }
.news-list li:last-child .news-text{ border-bottom: none; }
.news-text .title{ color: #818181; font-size: 16px; padding: 15px 0;}
.news-text p{ color: #b4b4b4; font-size: 14px; text-align: justify; }
.news-text a{ color: #6fb8f6; padding: 0 2px;}

/**
 * 合作
 */
.cooperation-banner{ background-position: center top; background-repeat: no-repeat; height: 460px; }
.coo-content{ padding-bottom: 100px; }
.coo-content .pack{ width: 1200px; margin: 0 auto; }
.coo-content .title{ color: #2b2b2b; font-size: 30px; text-align: center; padding-top: 90px;}
.coo-content .desc{ color: #737373;
    font-size: 24px;
    padding-top: 47px; text-align: center; }
.coo-content .img{ text-align: center; margin-top: 80px; }

.contact{ background: #f8f8f8; }
.contact .pack{ width: 1000px; margin: 0 auto; padding: 0 100px 120px; }
.contact ul{ overflow: hidden; }
.contact li{ float: left; margin-right: 78px; }
.contact .title{ color: #2b2b2b; font-size: 30px; text-align: center; padding: 92px 0 100px 0; }
.contact .name{ background: url(../img/icona.png) no-repeat left top;}
.contact .iPhone{ background: url(../img/iconb.png) no-repeat left top;}
.contact .name,.contact .iPhone{ color: #8d5d36; font-size: 24px; height: 48px; padding-left: 45px;  }

/*工厂入驻*/

/*城市合伙人*/
.matters{ margin: 0 auto; width: 1200px; }
.matters .tipsbg{ height: 20px; background: url(../img/tipsZS.png) no-repeat center top; }
.matters .title{ text-align: center; }
.matters .title div{ background: #fff; display: inline-block; color: #2b2b2b; font-size: 18px; line-height: 18px; padding: 0 30px; height: 25px;}
.matters ul{ list-style-type: decimal; padding: 55px;}


/**
 * 培训学习
 */
.training-banner{ background-position: center top; background-repeat: no-repeat; height: 460px; }
.training-content{ margin: 0 auto; width: 1200px; margin-top: 30px;}
.training-content:after{ content: ''; clear: both; display: table; }

.training-content .left{ width: 870px; float: left;}
.video-pack{ position: relative; }
/*.video-pack .newVideo{ position: absolute; top: 0; left: 0; height: 460px; background-color: #fbf1e8; border: solid 1px #e4e4e4;}*/
.video-pack .newVideo{ background-color: #fbf1e8; border: solid 1px #e4e4e4;}
.video-pack .tag{ color: #fff; width: 115px; height: 32px; line-height: 32px; background-color: #8d5d36; margin-top: 17px; text-align: center; position: relative; }
.video-pack .tag:after{ content: ''; width: 100.2px; height: 34.1px; opacity: 0.36; background-color: #8d5d36; position: absolute; top: 0; left: 5px; transform: rotate(2deg);}
.video-pack .newVideo .title{ text-align: center; color: #8d5d36; font-size: 20px; padding: 6px;  font-weight: bold; }
.video-pack .newVideo span{ font-size: 30px; padding:  0 5px; }
/*.video-pack .video{ margin: 20px 30px 48px; border: solid 1px #8d5d36;}*/
.video-pack .video{ margin: 20px 30px 48px;
    border: solid 1px #8d5d36;
    padding: 17px 27px; }
/*.video-pack video{display: block; margin: 17px 27px; width: 420px; height: 270px; background-color: #000000;}*/
.video-pack video{ display: block;
    width: 100%;
    background-color: #000000;}

.reviewList{ margin-left: 536px; position: relative; border: solid 1px #e4e4e4; border-left: none; height: 460px; padding-left: 24px; position: relative; }
.reviewList::after{ content: ''; position: absolute; top: 55px; left: 48px; width: 1px; height: 391px; background-color: #e4e4e4;}
.reviewList .more{ position: absolute; top: 28px; right: 32px; color: #737373; font-size: 14px; text-decoration: underline; }
.reviewList .titles{ color: #2b2b2b; font-size: 18px; margin-top: 26px; }
.reviewList ul{ margin-top: 33px; }
.reviewList li{ position: relative; }
.reviewList li::after{ content: ''; position: absolute; right: 125px; bottom: 55px; width: 34px; height: 34px; background: url(../img/play.png) no-repeat center; }
.reviewList .period{ width: 47px; height: 47px; line-height: 47px; text-align: center; background-color: #a5a5a5; border-radius: 50%; color: #fff; display: inline-block; position: relative; z-index: 1;}
/*.reviewList .sign{ font-size: 32px; color: #989898; width: 13px; height: 8px; display: inline-block; }*/
.reviewList .txt{ color: #737373; font-size: 16px; height: 17px; display: inline-block; position: relative;  padding: 0 18px; }
.reviewList .txt::before{ content: '“'; font-size: 32px; color: #989898; width: 13px; height: 8px; display: inline-block; position: absolute; top: -5px; left: -17px;}
.reviewList .txt::after{ content: '”'; font-size: 32px; color: #989898; width: 13px; height: 8px; display: inline-block; position: absolute; top: -5px; right: 2px;}
.reviewList img{ width: 215px; height: 122px; margin-left: 60px; outline: #8d5d36 solid 1px; outline-offset: 5px; margin-bottom: 10px; }

.videoList ul{ border: 1px solid #e4e4e4; border-left: none; margin-top: 30px; height: 334px; overflow: hidden;}
.videoList ul:after{ content: ''; clear: both; display: table; }
.videoList li{ float: left; padding: 0 24px; width: 240px; border-left: 1px solid #e4e4e4; display: none; height: 100%; }
.videoList li.active{ display: block; }
.videoList .img {
    margin-top: 21px;
    cursor: pointer;
}
.videoList img{ width: 240px; height: 180px;}

.replyList { position: relative; border: solid 1px #e4e4e4; margin-top: 30px; margin-bottom: 50px;}
.replyList .title{ font-size: 18px; font-weight: bold; color: #2b2b2b; padding: 21px; border-bottom: solid 1px #e4e4e4;}
.AskBtn{ color: #8d5d36; font-size: 16px; text-decoration: underline; position: absolute; top: 23px; right: 50px;  cursor: pointer; }
.replyList .list li{ position: relative; border-bottom: 1px solid #e4e4e4; }
.replyList .list li:last-child{ border-bottom: none; }
.replyList .avatar{ position: absolute; top: 10px; left: 10px; width: 64px; height: 64px; background: url(../img/avatar.png) no-repeat center; }
.AskText{ margin-left: 74px; padding: 18px; padding-bottom: 5px; font-size: 20px; color: #2b2b2b;font-weight: bold }
.replyList .time{ padding-bottom: 8px; margin-left: 92px; margin-right: 35px; font-size: 18px; color: #2b2b2b; color: #737373; font-size: 14px; border-bottom: dashed 1px #f1c9a9; }
.replyList .replyText{ font-size: 16px; color: #2b2b2b; padding: 28px 36px 33px; }

.training-content .right{ float: right; width: 315px;  }
.training-content .right > div{ border: solid 1px #e4e4e4; margin-top: 16px; }
.training-content .right ul, .AskMsg, .BUGFeedback{ color: #737373; font-size: 14px; }
.training-content .right .title{ color: #2b2b2b; font-size: 18px; padding: 13px 23px; border-bottom: 1px solid #e4e4e4; }
.training-content .search{ height: 45px; border: solid 1px #e4e4e4; position: relative; margin-top: 0 !important;}
.training-content .search input{ width: 217px; height: 15px; border: none; padding: 15px 70px 15px 23px; }
.training-content .search .btn{ border-left: 1px solid #e4e4e4; width: 45px; height: 45px; background: url(../img/icon-s.png) no-repeat center; position: absolute; top: 0; right: 0; color: #737373;  cursor: pointer; }
.notice ul{ list-style-type: disc; padding: 25px 28px 25px 46px; }
.notice li{ padding: 3px 0;}
.course{ position: relative; padding-bottom: 100px; }
.course ul{ padding: 25px 28px; }
.course li{ padding: 3px 0;}
.course .btn{ width: 85px; height: 40px; line-height: 40px; color: #fff; padding-left: 55px; background: #8d5d36 url(../img/book.png) no-repeat 17px center; position: absolute; left: 25px; bottom: 55px; }
.AskMsg p{ padding: 27px 21px; }
.AskMsg .btn{ width: 85px; height: 40px; line-height: 40px; color: #fff; padding-left: 55px; background: #8d5d36 url(../img/icon-r.png) no-repeat 17px center; margin: auto; margin-bottom: 30px; cursor: pointer; }
.BUGFeedback{ color: #8d5d36; font-size: 14px; padding: 26px 26px 26px 87px; background: url(../img/icon-bug.png) no-repeat 16px center; padding-bottom: 100px; position: relative;}
.BUGFeedback div{ font-size: 18px; margin-bottom: 12px;}
.BUGFeedback .btn{ width: 140px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #8d5d36; margin: auto; margin-bottom: 30px; position: absolute; bottom: 0; right: 82px;  cursor: pointer; }
.dynamic ul{ padding: 25px 28px 25px 46px; list-style-type: square; }
.dynamic li{ padding: 3px 0;}

.play{ position: relative; cursor: pointer; }
.play::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 34px; height: 34px; background: url(../img/play.png) no-repeat center; pointer-events: none;}

.video-window{ background: #fbf1e8; width: 920px; height: 590px; border: 3px solid #8d5d36; padding: 40px; position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.video-window video{ display: block; width: 920px; height: 590px; }
.video-window .off{ width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; cursor: pointer; }
.video-window .off::before, .video-window .off::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: 10%;
    height: 2px;
    margin-top: -6px;
    border-radius: 5px;
    background: #000;
}
.video-window .off::before {
    transform: rotate(45deg);
}
.video-window .off::after {
    transform: rotate(-45deg);
}

/**
 * 侧边栏
 */
#sidebar{ position: fixed; right: 0; top: 36%;  z-index: 1;}
#sidebar li{ position: relative; width: 0; padding-right: 70px;  height: 70px; border-radius: 8px; margin-bottom: 8px; margin-right: 10px; background: #b07a4d no-repeat center; z-index: 99; cursor: pointer; }
#sidebar .iPhone .icon{ border-radius: 8px; width: 0; padding-right: 70px;  height: 70px; background: #b07a4d no-repeat center; z-index: 100; position: absolute; top: 0; right: 0; background-image: url(../img/session.png); }
#sidebar .iPhone .text{ background: #b07a4d; position: absolute; z-index: 99; top: 0; right: 55px; line-height: 70px; color: #fff; font-size: 20px; width: 0; padding-left: 14px; border-radius: 8px; -webkit-transition: all .3s;
    transition: all .3s; white-space: nowrap;overflow: hidden; }
#sidebar .probation{ background-image: url(../img/shi.png); cursor: pointer;}
#sidebar .QR{ background-image: url(../img/icon-qr.png);}
#sidebar .Top{ background-image: url(../img/top.png); }
#sidebar .QR img{ display: none; position: absolute; top: 0; left: -170px; outline: #b07a4d solid 1px; outline-offset: 6px; width: 150px; width: 150px; }
#sidebar .QQ{ background-image: url(../img/icon-qq.png);}

/*留言弹框*/
.message{ position: fixed; top: 0; left: 0;
    right: 0; bottom: 0; margin: auto; background: #fff; width: 550px; max-height: 630px; z-index: 999; box-shadow: 0 0 14.6px 1.4px rgba(0, 0, 0, 0.24); display: none;}
.message .title{ width: 550px; height: 58px; line-height: 56px; text-align: center; background-color: #b07a4d; font-size: 20px; color: #fff; }
.message .off{ width: 18px; height: 18px; background: url(../img/off.png) no-repeat; position: absolute; top: 20px; right: 25px; cursor: pointer;}
.message .logo{ position: absolute; top: 2px; left: 40px; background: url(../img/logo2.png) no-repeat 0 center / 45px; height: 56px; color: #fff; font-size: 16px; width: 112px;  text-align: right; line-height: 56px; }
.message ul{ padding: 10px 65px;}
.message li::after{ content: ''; clear: both; display: table; }
.message .key{ font-size: 18px; color: #2b2b2b; padding: 20px 0 11px 0; }
.message input[type=text]{ padding: 0 15px; width: 390px; height: 36px; border: solid 1px #e4e4e4;}
.message select{ width: 230px; height: 40px; border: solid 1px #e4e4e4; border-radius: 0; -webkit-appearance: none; background: #fff; text-indent: 1rem; float: left;}
.message select:last-child{ border-left: none; }
.message select:focus{ outline: none; }
.message button{ width: 380px; height: 40px; border: none; border-radius: 4px; background-color: #b07a4d; font-size: 18px; color: #fff; margin-top: 27px; }
.message .tips{ font-size: 14px; color: #737373; text-align: center; margin-top: 26px; }
.message textarea{ width: 400px; height: 120px; border: 1px solid #e4e4e4; resize: none; padding: 10px; }
.message textarea:focus{ outline: none; }
.message .codePack{ overflow: hidden; overflow: hidden;
    padding: 10px 65px 0 65px; }
.message .codePack div{ float: left; }
.message .codePack .name{ font-size: 18px; color: #2b2b2b; margin-right: 15px; line-height: 30px; }
.message .codePack input[type=text]{ padding: 0 15px; width: 130px; height: 30px; border: solid 1px #e4e4e4; float: left; }
.message .codePack .codeImg{ margin-left: 20px; width: 70px; height: 30px; border: solid 1px #e4e4e4;}
.message select{ width: 210px; height: 40px; border: solid 1px #e4e4e4; border-radius: 0; -webkit-appearance: none; background: #fff; text-indent: 1rem; float: left;}

/**
 * 新闻文章页
 */
.bread-nav{ border-left: 4px solid #8d5d36;  padding: 0 22px; width: 1156px; margin: 23px auto; }
.bread-nav a::after{ content: '>'; padding: 0 4px; }
.article{ color: #2b2b2b; font-size: 16px; margin-bottom: 160px; }
.article .title{ font-size: 18px; font-weight: bold; text-align: center; margin-top: 59px; padding-bottom: 23px; border-bottom: 1px solid #e4e4e4; }
.article .info{ padding: 18px; color: #2b2b2b; font-size: 14px; text-align: center; }
.article .info span{ padding: 0 30px; }
.article .content{ padding: 0 60px; }
/*内容公共样式*/
.article .img{ text-align: center; }
.article img{ margin: 60px 0 40px 0; }
.article p{ text-align: justify; }

/**
 * 视频列表页
 */
.videoPage ul{ overflow: hidden; margin-right: -32px; }
.videoPage li{ float: left;
    border: 1px solid #e4e4e4; width: 240px; height: 260px; padding: 20px; margin-right: 25px; margin-bottom: 25px; }
.videoPage img{ width: 240px; height: 180px; }
.videoPage .title{ font-size: 16px; font-weight: bold; color: #2b2b2b; margin: 16px 0 6px 0;}
.videoPage .text{ font-size: 14px; color: #737373; }

/**
 * 首页
 */
.funBlock{ height: 80px; background-color: #f7f7f7; box-shadow: 0 2px 5.8px 0.2px rgba(0, 0, 0, 0.24);}
.funBlock > div{ background: url(../img/iPhoneImg.png) no-repeat 10px 18px; height: 100%; padding: 9px 0;}
.funBlock .pack{ margin-left: 430px; border-left: 1px solid #e4e4e4; padding-left: 45px; }
.funBlock input{ height: 40px; border-radius: 6px; border: solid 1px #b07a4d; width: 126px; margin: 11px 10px; padding: 0 14px; }
.funBlock button{width: 150px; height: 40px; border: none;  border-radius: 6px; background-color: #b07a4d; font-size: 20px; color: #fff; position: relative; bottom: -1px; }

.cooperationList {
    text-align: center;
    padding: 75px 0 55px;;
}

.cooperationList .title {
    font-size: 34px;
    color: #2b2b2b;
    text-align: center;
}

.cooperationList .text {
    margin-bottom: 46px;
    color: #737373;
    font-size: 24px;
    padding-top: 47px;
}

.apply{ background: #f8f8f8; text-align: center; color: #3e3e3e; font-size: 28px; padding-top: 120px; margin-top: 130px; }
.apply button{ border: none; width: 360px; height: 60px; border-radius: 30px; background-color: #b07a4d; font-size: 26px; color: #fff; margin-top: 40px; margin-bottom: 100px; }
.apply button:hover{ background-color: #cf9263; }

.querys{ display: inline-block; position: relative; height: 64px; }
.querys ul{ position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #e4e4e4; width: 100%; display: none;height: 220px;overflow-y: auto; }
.querys ul li{ border-bottom: 1px solid #e4e4e4;  padding: 4px 14px; font-size: 16px; }
.querys ul li:last-child{ border-bottom: none; }
.cityList.querys ul{ width: 156px; margin-left: 10px; margin-top: -4px; border-color: #b07a4d; border-radius: 4px; color: #737373;top: 60px; }
.cityList.querys ul li{ border-color: #b07a4d; }
.search.querys ul{ width: 264px; margin-left: -1px; background: #f5f5f5; }

.indexMain li {
    padding: 140px;
}

.indexMain li.odd {
    background: #fff;
}

.indexMain li.even {
    background: #f8f8f8;
}

.indexMain li > div {
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.indexMain li.odd .img {
    float: left;
}

.indexMain li.even .img {
    float: right;
}

.indexMain li.odd .text {
    display: inline-block;
}

.indexMain li.odd .text {
    float: right;
}

.indexMain li.even .text {
    float: left;
}

.indexMain .title {
    font-size: 34px;
    color: #2b2b2b;
    padding-top: 40%;
    text-align: center;
}

.indexMain p {
    color: #737373;
    font-size: 24px;
    padding-top: 47px;
}
.indexVideo{ }
.indexVideo .title {
    margin-top: 90px;
    font-size: 34px;
    color: #2b2b2b;
    text-align: center;
}

.indexVideo p {
    color: #737373;
    font-size: 24px;
    margin-top: 46px;
    text-align: center;
}
.indexVideo .video{ margin: 70px auto 86px; width: 800px;
    height: 450px;
    border: solid 1px #ffffff;}




.headTitle{ color: #2b2b2b; font-size: 16px; padding: 15px 22px; background: #f2f2f2; border: 1px solid #e4e4e4; border-bottom: none; margin-top: 16px; }
.reviewList::after{ content: ''; position: absolute; top: 55px; left: 48px; width: 1px; background-color: #e4e4e4;}
.videoList ul{ margin-top: 0; height: 281px;}
.videoList ul .moreIcon{
    border-left: 1px solid #e4e4e4;
    overflow: hidden;
    height: 100%;
    background: url(../img/moreIcon.png) no-repeat center;
}
.videoList ul li{ position: relative; padding: 0 24.3px;}
/*.videoList ul li::after{
    content: '';
    overflow: hidden;
    border-left: 1px solid #e4e4e4;
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    padding: 0 24.3px;
}*/
.videoList .img{ position: relative; background: #ccc; }
.videoList .title {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 180px;
    background-color: rgba(0,0,0, .5);
}
.videoList .text {
    font-size: 14px;
    line-height: 1.43;
    color: #737373;
    padding: 20px 0;
}

.w1200{ width: 1200px; margin: auto; }

.pageTitle{
    height: 60px;
    border: solid 1px #e4e4e4;
    padding-left: 59px;
    background: #f2f2f2 url(../img/videoIcon.png) no-repeat 15px center;
    font-size: 16px;
    line-height: 60px;
    font-weight: bold;
    position: relative;
}

.pageMenu{
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    background: url(../img/menuIcon.png) no-repeat center;
}
.pageMenu ul{
    display: none;
    position: absolute;
    z-index: 99;
    top: 43px;
    right: 28px;
    background: #fff;
    border: 1px #e4e4e4 solid;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    word-break:keep-all;
    white-space:nowrap;
    padding: 25px;
}
.pageMenu:hover ul{
    display: block;
}

.contentPack{
    border: 1px solid #e4e4e4;
    border-top: none;
}
.contentPack .title{
    padding-left: 29px;
    height: 54px;
    background-color: #f2f2f2;
    border: solid 1px #e4e4e4;
    line-height: 54px;
    font-size: 16px;
    color: #2b2b2b;
    position: relative;
    margin-top: 16px;
}
.contentPack .title::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    width: 4px;
    height: 28px;
    margin: auto;
    background-color: #8d5d36;
}
.flowIMG{
    text-align: center;
    padding: 32px 0;
}
.contentPack ul{
    padding: 16px 7px 4px;
    overflow: hidden;
}
.contentPack li{
    width: 240px;
    padding: 20px;
    margin: 0 7px 16px;
    border: 1px solid #e4e4e4;
    float: left;
}
.contentPack .img,.contentPack .img img{
    width: 240px;
    height: 180px;
    position: relative;
    background: #ccc;
    display: block;
}

.contentPack .text{
    font-size: 14px;
    font-weight: bold;
    color: #2b2b2b;
    margin-top: 20px;
}