/*-*********精细结构*********-*/
a { color: inherit; }
a:hover { color: inherit; }
.location.pb20 { padding-bottom: 20px; }

/*============关于我们============*/
.movingbox { margin-bottom: 50px; }
.movingbox img { width: 100%; }
.j-abs { display: block; }
.j-abh { display: none; }
.j-img-show img, .factory-box { display: none; }
.j-img-show img.curr, .factory-box.curr { display: block; }

/*关于我们浮动底部*/
.ab-ffloat-p { z-index: 11; position: sticky; bottom: 0px; opacity: 0.96; box-shadow: 0 0 40px #999; }

/*.ab-ffloat-p:hover,#about-foot:hover{box-shadow:0 0 40px #999;}*/
.ab-float { color: #a3a3a3; }
.ab-float .ab-float-img { padding-bottom: 6px; border-top: 4px solid transparent; }
.ab-float .ab-float-img span { display: inline-block; margin-top: 13px; width: 35px; height: 26px; background: url(/images/icon-about.png) no-repeat left -8px; }
.ab-float .ab-float-img:hover { border-top: 4px solid #333; background-color: rgba(245, 245, 245, 0.5); color: #333333; }
.ab-float .ab-float-img:hover span { display: inline-block; width: 35px; height: 26px; background: url(/images/icon-about.png) no-repeat left -48px; }
.ab-float .ab-float-img:hover p { color: #333; }

/*关于我们表格*/
.ab-table { width: 100%; margin: 25px 0; color: #4d4d4d; }
.ab-table td { padding: 28px 0 28px 20px; font-size: 18px; vertical-align: middle; }
.ab-table td:first-child { font-weight: bold; }

/*头部栏*/
.ab-table tr.capture td { font-size: 20px; font-weight: bold; background-color: #ebe8e8; }

/*背景色灰稍深*/
.ab-table .capture2 { font-size: 18px; background-color: #f2f0f0; }
.ab-table tr td:first-child { width: 370px; }
.ab-table tr td:nth-child(2) { width: 360px; }
.ab-table tr td:last-child { width: 240px; }

/*背景色灰稍浅*/
.ab-table .capture3 { background-color: #f7f5f5; }
.ab-table td span:last-child { display: inline-block; margin-top: 10px; line-height: 20px; font-size: 14px; font-weight: normal; }

/*============视频============*/
.c-video { margin: 0 auto; max-height: 500px; max-width: 960px; }
.c-video video { display: -webkit-box; object-fit: fill; width: 100%; height: 100%; }
.c-video .play-text { display: none; position: absolute; left: 0; top: 50%; z-index: 11; width: 100%; margin-top: -50px; text-align: center; color: white; }
.c-video:hover .play-text { display: block; }
.c-video:hover:after { content: ''; position: absolute; left: 0; top: 0; z-index: 10; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); }
.c-video i.play { display: inline-block; width: 40px; height: 40px; background: url(/images/img6_03.png) no-repeat; }
.c-video i.pause { display: inline-block; width: 40px; height: 40px; background: url(/images/img6_03_02.png) no-repeat; }
.c-video .play-text a, .c-video .play-text span { font-size: 18px; color: #a6a5a5; text-decoration: underline; cursor: pointer; }
.c-video .play-text i { color: transparent; }
.ab-tip { display: inline-block; margin-top: 5px; width: 160px; height: 48px; background-color: #eeeded; font-size: 18px; font-weight: bold; line-height: 42px; text-align: center; font-size: 16px; color: #333; }
.ab-tip .ab-tip-i { left: 44px; top: 3px; font-size: 24px; color: #eeeded;position:relative; }
.ab-nav { font-size: 16px; color: #333; }
.ab-nav li { position: relative; float: left; padding: 16px 35px 18px; border-bottom: 2px solid #fff; box-sizing: initial; }
.ab-nav li.on { position: relative; display: inline-block; left: 0; /*border-bottom: 2px solid #9ecb5e; font-family: 'Glyphicons Halflings';*/ transition: all 0.5s; }

/*.ab-nav li.on:after { content: "\e252"; position: absolute; top: 50px; left: 50%; margin-left: -10px; font-size: 20px; color: #9ecb5e; }
.ab-nav li:hover { border-bottom: 2px solid #9ecb5e; }*/
.ab-nav li .ab-line { position: absolute; left: 0; bottom: 0; width: 0; height: 18px; color: #9ecb5e; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; overflow: hidden; }
.ab-nav li .ab-line i.i-line { position: absolute; bottom: 7px; display: inline-block; height: 2px; width: 100%; background: #9ecb5e; }
.ab-nav li .ab-line i.iconfont { position: absolute; top: 2px; left: 0; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.ab-nav li.on .ab-line, .ab-nav li:hover .ab-line { width: 100%; }
.ab-nav li.on .ab-line i.iconfont, .ab-nav li:hover .ab-line i.iconfont { left: 48%; transition: all 0.8s; }
.ab-nav .ab-line02 { position: absolute; left: 0; bottom: 0; width: 0; height: 18px; color: #9ecb5e; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; overflow: hidden; }
.ab-nav .ab-line02 i.i-line { position: absolute; bottom: 7px; display: inline-block; height: 2px; width: 100%; background: #9ecb5e; }
.ab-nav .ab-line02 i.iconfont { position: absolute; top: 2px; left: 48%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

/*.ab-nav li.on .ab-line02,.ab-nav li:hover .ab-line02{width:100%;}
.ab-nav li.on .ab-line02 i.iconfont,.ab-nav li:hover .ab-line02 i.iconfont{left:48%;transition:all 0.8s;}*/

/*============售后============*/
.nav-ab { margin-bottom: 25px; font-size: 22px; color: #333; }
.nav-ab>li.active>a, .nav-ab>li.active>a:focus, .nav-ab>li.active>a:hover { background-color: #eeeded; color: #333; }
.nav-pills>li>a { border-radius: 0; border: 1px dashed #eeeded; }
.nav-ab>li { margin-right: 20px; }

/*============联系我们============*/
.img-contact { overflow: hidden; width: 40px; }
.img-contact img { position: relative; }
.ab-form { margin-left: 40px; padding: 0 40px 40px; background-color: #f6f6f6; font-size: 14px; }
.ab-form .form-group { margin-bottom: 25px; }
.ab-form label { font-weight: normal; }
.ab-form input.form-control { border: 1px solid #ddd; border-radius: 0; height: 40px; }
.ab-form textarea.form-control { border-radius: 0px; border: 1px solid #ddd; height: 100px; }
.ab-form .form-horizontal .control-label { padding-top: 0px; padding-bottom: 5px; color: #999; }
.ab-form .btn { padding: 12px 65px; }
.ab-form .has-feedback label ~ .ab-form .form-control-feedback { top: 33px !important; }

/*============新闻列表============*/
.new-box { padding: 0; border: 0; border-bottom: 3px solid transparent; border-radius: 0; color: #565656; -webkit-transition: unset; -o-transition: unset; transition: unset; }
.new-box:hover { border-bottom: 3px solid #9ecb5e; }

/*============新闻详情============*/

/*图片点击切换*/
.carousel { position: relative; min-width: 350px; }
.carousel-bigimg { position: relative; /*padding: 55px 85px;*/ padding-bottom: 66%; width: 100%; background-color: #f6f6f6; text-align: center; }
.carousel-bigimg img { /*max-width: 100%;*/ vertical-align: middle; position: absolute; top: 50%; left: 50%; max-width: calc(100% - 170px); max-width: -webkit-calc(100% - 170px); max-width: -moz-calc(100% - 170px); max-height: 100%; transform: translate(-50%, -50%); }

/*.magnifyingBegin { width: 145px; height: 120px; left: 0; top: 0; background-color: #454545; opacity: .5; filter: alpha(opacity=50); position: absolute; cursor: move; display: none; }
.magnifyingShow { width: 435px; height: 360px; display: none; position: absolute; right: -440px; top: 0; overflow: hidden; background-color: #fff; z-index: 999; text-align: center; }
.magnifyingShow>img { height: 1080px; max-width: 1305px; margin-left: 0; margin-top: 0; vertical-align: middle; }*/

/*小图列表*/
.carousel-wrap { position: relative; margin: 20px auto 40px; width: 100%; height: 70px; overflow: hidden; background-color: #fff; }
.carousel-imglist { margin: 0 auto; height: 70px; }
.carousel-imglist img { position: relative; top: 50%; transform: translate(0, -50%); max-width: 100%; max-height: 100%; }
.carousel-imglist li { margin: 0 7px; float: left; box-sizing: border-box; border: 3px solid #fff; width: 100px; /*max-*/ height: 70px; text-align: center; }
.carousel-imglist .act { border-color: #9ecb5e; }
.carousel>span { position: absolute; bottom: 30px; top: 50%; margin-top: -75px; display: block; width: 85px; height: 85px; background-color: #fff; line-height: 85px; text-align: center; cursor: pointer; }
.carousel .carousel-prev { }
.carousel .carousel-next { right: 0; transform: rotate(180deg); }

/*视频列表*/
.new-box .video-box { position: relative; margin-bottom: 15px; display: block; width: 100%; height: 100%; }
.new-box .video-box .video-bg { content: ''; position: absolute; left: 0; top: 0; z-index: 10; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); text-align: center; }
.new-box:hover .video-box .video-bg { display: block; }
.new-box .video-box .video-bg img { top: 50%; margin-top: -20px; position: relative; }

/*响应式相关样式*/
@media (max-width:768px) {

    /*about us*/
    .j-abs { display: none; }
    .j-abh { display: block; }

    /*brochure*/
    .mlr15-bw768 { margin-left: 15px; margin-right: 15px; }
    .m-brochure-list04 li { width: 47.5% !important; margin-right: 5% !important; }
    .m-brochure-list04 li:nth-child(2n) { margin-right: 0 !important; }

    /*our story*/
    .nav-ab { font-size: 14px; }
    .nav-ab > li { margin-right: 2px; }
    .nav-ab > li:last-child { margin-right: 0; }
    .nav > li > a { padding: 5px; }

    /*Contact Us*/
    .ab-form .form-group.mr0 { margin-right: -15px !important; }
    .ab-form .form-group.ml0 { margin-left: -15px !important; }

    /*Inquiry send*/
    .dropup .caret { border-bottom: none; }
    .inquiry .tc.inquiry-tl { text-align: left; }
    .inquiry .h65.lh35 { height: 35px; }
    .inquiry .mt10.mt40 { margin-top: 10px; }
    .inquiry .ml10.ml70 { margin-left: 10px; }
    .pr0-bw768 { padding-right: 0px; }
    .mb10-bw768 { margin-bottom: 10px; }
    .f-int-bw768 { float: initial; }
    .tc-bw768 { text-align: center; }
    .pl20i-bw768 { padding-left: 0px !important; }
}
@media (max-width:992px) {

    /*联系我们*/
    .ab-form { margin-left: 0; }
}

/*==============画报，动画墙-start==============*/

/*画册列表*/
.h-inh { height: inherit; }
.m-media-t {    /*margin-top: 30px;*/
font-size: 40px; font-family: "Microsoft YaHei"; font-weight: bold; text-align: center; }
.m-media-num { margin-top: 12px; margin-bottom: -12px; font-size: 16px; color: #999; text-align: right; }
.m-brochure-list { margin-top: -13px; padding-bottom: 40px; }
.m-brochure-list li { float: left; width: 400px; height: 440px; margin-right: 40px; margin-top: 35px; text-align: center; }
.m-brochure-list li div { position: relative; width: 400px; height: 400px; background: url("/images/icon-check01.png") no-repeat; }
.m-brochure-list li:nth-child(3n) { margin-right: 0; }
.m-brochure-list li img { max-width: 100%; height: 100%; margin: 0 auto; vertical-align: middle; }
.m-brochure-list div:hover:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); }
.m-brochure-list .u-download-c { display: none; position: absolute; left: 120px; top: 183px; z-index: 10; }
.m-brochure-list div:hover .u-download-c { display: block; }
.m-brochure-list li .title { margin-top: 15px; font-size: 20px; font-family: "Open Sans", "Microsoft YaHei"; }
.tip-add02 { display: inline-block; margin-right: 10px; border-radius: 50%; height: 20px; width: 20px; background-color: #fff; color: #9ecc5e; font-size: 20px; line-height: 20px; }
.z-btn02 { position: absolute; left: 110px; top: 183px; z-index: 10; padding: 0 15px; border: none; height: 45px; background-color: #9fcc5e; color: white; font-size: 20px; }
.m-brochure-list li .z-btn02 { display: none; }
.m-brochure-list li>div:hover .z-btn02 { display: block; }

/*画册列表页面四本一行*/
.m-brochure-list04 li { margin-right: 3%; width: 22.75%; height: auto; }
.m-brochure-list04 li:nth-child(3n) { margin-right: 3%; }
.m-brochure-list04 li:nth-child(4n) { margin-right: 0; }
.m-brochure-list04 li div { width: 100%; height: auto; }
.m-brochure-list04 .z-btn02 { left: 50%; top: 50%; margin-left: -65px; margin-top: -17px; font-size: 14px; height: 35px; padding: 0px 9px; width: 130px; }
.m-brochure-list04 .tip-add02 { height: 16px; width: 16px; line-height: 16px;vertical-align:middle;}
.m-brochure-list04 li .title { font-size: 18px; }

/*画册列表页面新增---start---*/
.c33 { color: #333; }
.tip-add02 { display: inline-block; margin-right: 10px; border-radius: 50%; height: 20px; width: 20px; background-color: #fff; color: #9ecc5e; font-size: 20px; line-height: 20px; }
.z-btn02 { position: absolute; left: 110px; top: 183px; z-index: 10; padding: 0 15px; border: none; height: 45px; background-color: #9ecc5e; color: white; font-size: 20px; }
.m-brochure-list li .z-btn02 { display: none; }
.m-brochure-list li>div:hover .z-btn02 { display: block; }

/*画册列表页面新增---end---*/

/*样式补充*/
.fb5-cont-page-book { position: absolute; }
#fb5 .fb5-page-book { position: absolute; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; overflow: hidden; }

/*style样式*/
#fb5 { font-family: Arial, sans-serif; font-size: 14px; position: relative; overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 300px; opacity: 0; margin-bottom: 30px; }
#fb5.fullScreen, #fb5-ajax[data-template="true"] #fb5 { margin-bottom: 0; }
#fb5 #fb5-container-book { position: absolute; z-index: 5; display: none; width: 1100px; height: 715px; }
#fb5 #fb5-deeplinking { display: none; }
#fb5 .fb5-bcg-book { background: none no-repeat center center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; width: 100%; height: 100%; }
#test { margin: 0 auto; width: 100%; }
#fb5 #page.mobile { width: 550px; height: 358px; margin: -210px 0 0 -275px; }
#fb5 #page .padding { }
#fb5 .cursor-grab { cursor: -webkit-grab; cursor: -moz-grab; }
#fb5 .fb5-overlay { position: absolute; left: -10000px; top: 0; z-index: 20; background: rgba(0, 0, 0, 0); width: 100%; height: 100%; display: none; }
#fb5 .fb5-overlay.active { left: 0; display: block; }

/*--------------------------About-------------------------- */
#fb5 #fb5-about { position: absolute; z-index: 5; width: 45%; display: none; }
#fb5 #fb5-about h1, #fb5 #fb5-about h2, #fb5 #fb5-about h3, #fb5 #fb5-about h4, #fb5 #fb5-about h5, #fb5 #fb5-about h6 { margin: 0 0 .5em 0; padding: 0px; font-size: 1.375em; color: #64c8d3; -webkit-font-smoothing: antialiased; text-transform: none; }
#fb5 #fb5-about h3 { margin-top: 50%; height: 55px; color: #000000; font-size: 32px; line-height: 55px; text-align: center; }
#fb5 #fb5-about ul, #fb5-about ol { list-style: disc; margin: 0; padding-left: 10px; padding-top: 0%; padding-bottom: 2%; }
#fb5 #fb5-about li { color: #cfeaee; margin-bottom: 4px; }
#fb5 #fb5-about p { color: #cfeaee; margin-bottom: 4%; }
#fb5 #fb5-about a { color: #ffffff; text-decoration: underline; }
#fb5 #fb5-about a:hover { text-decoration: none; }

/*--------------------------Book-------------------------- */
#fb5 #fb5-book { position: relative; z-index: 10; width: 100%; height: 100%; }
#fb5 #fb5-book .turn-page { background-color: #FFF; background-size: 100% 100%; }
#fb5 .fb5-double { background-size: 200% 100% !important; }
#fb5 .fb5-double.fb5-first { background-position: 0% 0%; }
#fb5 .fb5-double.fb5-second { background-position: -100% 0%; }

/*--------------------------Nav Arrows--------------------------*/
#fb5 .fb5-nav-arrow { position: absolute; top: 50%; z-index: 15; background: url(/images/arrow-navpage.png); width: 60px; height: 60px; margin-top: -68px; }
#fb5 .fb5-nav-arrow.next { right: -34px; background-position: 0 0; }
#fb5 .fb5-nav-arrow.prev { left: -34px; background-position: 0 -70px; display: none; }
#fb5 .fb5-nav-arrow.next { transform-origin: 0 center; -ms-transform-origin: 0 center; -webkit-transform-origin: 0 center; }
#fb5 .fb5-nav-arrow.prev { transform-origin: right center; -ms-transform-origin: right center; -webkit-transform-origin: right center; }

/*--------------------------End--------------------------*/
#fb5 #end { text-align: center; }
#fb5 #end p { padding-top: 60%; }

/*--------------------------Meta data--------------------------*/
#fb5 #fb5-book .fb5-meta { position: absolute; bottom: 1%; }
#fb5 .fb5-meta .fb5-num { font-weight: bold; font-size: 12px; color: #666; }
#fb5 .fb5-meta .fb5-description { font-size: 11px; color: #666; font-family: Arial, sans-serif; }
#fb5 .fb5-meta.fb5-left { left: 3%; }
#fb5 .fb5-meta.fb5-left .fb5-num { padding-right: 10px; }
#fb5 .fb5-meta.fb5-right { right: 3%; text-align: right; }
#fb5 .fb5-meta.fb5-right .fb5-num { padding-left: 10px; }
#fb5 .fb5-bcg-book { background-color: #eeeded; }
#fb5 #fb5-all-pages .fb5-container-pages { background: none repeat scroll 0 0 #000000; box-shadow: 0 0 40px rgba(100, 200, 211, 0.8); }

/*--------------------------preloader--------------------------*/
#fb5 .fb5-preloader { position: relative; width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; z-index: 101; margin-left: -45px; margin-top: -65px; }
#fb5 .fb5-preloader .wBall { position: absolute; width: 86px; height: 86px; opacity: 0; -moz-transform: rotate(225deg); -moz-animation: orbit 7.15s infinite; -webkit-transform: rotate(225deg); -webkit-animation: orbit 7.15s infinite; -ms-transform: rotate(225deg); -ms-animation: orbit 7.15s infinite; -o-transform: rotate(225deg); -o-animation: orbit 7.15s infinite; transform: rotate(225deg); animation: orbit 7.15s infinite; }
#fb5 .fb5-preloader .wBall .wInnerBall { position: absolute; width: 11px; height: 11px; background: #64C8D3; left: 0; top: 0; -moz-border-radius: 11px; -webkit-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; }
#fb5 .fb5-preloader #wBall_1 { -moz-animation-delay: 1.56s; -webkit-animation-delay: 1.56s; -ms-animation-delay: 1.56s; -o-animation-delay: 1.56s; animation-delay: 1.56s; }
#fb5 .fb5-preloader #wBall_2 { -moz-animation-delay: 0.31s; -webkit-animation-delay: 0.31s; -ms-animation-delay: 0.31s; -o-animation-delay: 0.31s; animation-delay: 0.31s; }
#fb5 .fb5-preloader #wBall_3 { -moz-animation-delay: 0.62s; -webkit-animation-delay: 0.62s; -ms-animation-delay: 0.62s; -o-animation-delay: 0.62s; animation-delay: 0.62s; }
#fb5 .fb5-preloader #wBall_4 { -moz-animation-delay: 0.94s; -webkit-animation-delay: 0.94s; -ms-animation-delay: 0.94s; -o-animation-delay: 0.94s; animation-delay: 0.94s; }
#fb5 .fb5-preloader #wBall_5 { -moz-animation-delay: 1.25s; -webkit-animation-delay: 1.25s; -ms-animation-delay: 1.25s; -o-animation-delay: 1.25s; animation-delay: 1.25s; }
#fb5 .fb5-preloader .wBall .wInnerBall { background: #64C8D3; }

/*预加载动画效果*/
@-moz-keyframes orbit {
    0% { opacity: 1; z-index: 99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
    7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin: 0%; }
    30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin: 7%; }
    39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin: 30%; }
    70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin: 39%; }
    75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin: 70%; }
    76% { opacity: 0; -moz-transform: rotate(900deg); }
    100% { opacity: 0; -moz-transform: rotate(900deg); }
}
@-webkit-keyframes orbit {
    0% { opacity: 1; z-index: 99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
    7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin: 0%; }
    30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin: 7%; }
    39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin: 30%; }
    70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 39%; }
    75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 70%; }
    76% { opacity: 0; -webkit-transform: rotate(900deg); }
    100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-ms-keyframes orbit {
    0% { opacity: 1; z-index: 99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
    7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin: 0%; }
    30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin: 7%; }
    39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin: 30%; }
    70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin: 39%; }
    75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin: 70%; }
    76% { opacity: 0; -ms-transform: rotate(900deg); }
    100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-o-keyframes orbit {
    0% { opacity: 1; z-index: 99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
    7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin: 0%; }
    30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin: 7%; }
    39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin: 30%; }
    70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin: 39%; }
    75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin: 70%; }
    76% { opacity: 0; -o-transform: rotate(900deg); }
    100% { opacity: 0; -o-transform: rotate(900deg); }
}
@keyframes orbit {
    0% { opacity: 1; z-index: 99; transform: rotate(180deg); animation-timing-function: ease-out; }
    7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin: 0%; }
    30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; origin: 7%; }
    39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin: 30%; }
    70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin: 39%; }
    75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin: 70%; }
    76% { opacity: 0; transform: rotate(900deg); }
    100% { opacity: 0; transform: rotate(900deg); }
}

/*--------------------------arrow gif--------------------------*/
#fb5 .fb5-nav-arrow { background: url("/images/arrow-navpage.png") repeat scroll 0 0 rgba(0, 0, 0, 0); }
#fb5 .fb5-menu { padding: 0 25px; }
#fb5 .fb5-menu ul { list-style: none; margin: 0; padding: 0; }
#fb5 .fb5-menu li { float: left; position: relative; width: 30px; margin: 0 3px; list-style: none; background: none; }
#fb5 .fb5-menu li a { display: block; background: url(/images/icon_page.png) no-repeat; width: 30px; height: 30px; transition: all .3s linear; }
#fb5 .fb5-menu li a:hover { transform: scale(1.03); }
#fb5 .fb5-menu li a.fb5-home { background-position: 0 -0px; }
#fb5 .fb5-menu li a.fb5-fullscreen { background-position: 0 -120px; }
#fb5 .fb5-menu li a.fb5-zoom-in { background-position: 0 -60px; }
#fb5 .fb5-menu li a.fb5-zoom-out { background-position: 0 -90px; }
#fb5 .fb5-menu#fb5-left { position: absolute; margin-top: 5px; width: auto; }
#fb5 .fb5-menu#fb5-center { position: absolute; margin-top: 10px; margin-down: 0; width: auto; }
#fb5 .fb5-menu#fb5-right { float: right; width: auto; margin-top: 5px; }
#fb5 .fb5-menu li.fb5-goto { position: relative; width: auto; margin: -2px 4px 0px 0; padding: 6px 0 0 10px; }
#fb5 .fb5-menu li.fb5-goto #fb5-label-page-number { font-family: Arial, sans-serif; display: inline; float: left; margin: 6px 5px 0 0; line-height: 12px; font-size: 10px; font-weight: bold; color: #fff; -webkit-font-smoothing: antialiased; width: auto; }
#fb5 .fb5-menu li.fb5-goto input[type='text'] { margin-right: 5px; float: left; display: inline; border: 1px solid #515151; width: 50px !important; height: 20px; background: rgba(0, 0, 0); text-align: center; font-size: 9px; color: #fff; }
#fb5 .fb5-menu li.fb5-goto button { float: left; display: inline; border: 0; width: 22px; height: 22px; background: url(/images/icon_page.png) no-repeat; background-position: -4px -35px; }
#fb5 .ui-btn-text { display: none; }

/*--------------------------Footer-------------------------- */
#fb5 #fb5-footer { position: absolute; bottom: 0; z-index: 15; margin: 0; padding: 0; width: 100%; height: 40px; opacity: 0; }
#fb5 #fb5-footer #fb5-logo { position: absolute; left: 10px; top: 5px; z-index: 5; }
#fb5 #fb5-footer .fb5-bcg-tools { background-color: #0c0c0c; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/*==============画报，动画墙-end==============*/

/*===============询盘详情===============*/

/*上传按钮*/
.file01 { position: relative; height: 30px; /*width: 120px;*/ background: url(/images/btn-upload.jpg) no-repeat left center; }
.file01-hide { opacity: 0; height: 30px; width: 120px; cursor: pointer; }
.file01-text { display: inline-block; position: relative; padding-right: 20px; width: 100%; height: 100%; vertical-align: middle; }
.inquiry .cart-del { /*position: absolute; right: 0px; top: 0px;*/ display: inline-block; /*border: 1px solid #efefef; border-radius: 50%;*/ width: 18px; height: 18px; text-align: center; line-height: 18px; }
.inquiry .show-tick .btn{padding:1px 12px;}
.inquiry .show-tick.bootstrap-select.btn-group{margin-bottom:0;}
.inquiry-cont-sel .select {min-width: 150px;height:24px;line-height:24px;}
.inquiry-cont-sel .sel-list{top:24px;}
.inquiry-cont-sel .btn {
    padding: 1px 6px;
    font-size: 14px;
}
.inquiry-prolist{padding:0 50px;}
.inquiry-prolist>div{padding:20px 0;border-bottom:dashed 1px #cbcbcb;}
.inquiry-prolist>div:last-child{border-bottom:none;}

.bg-border {
    background-image: url(/images/bg-border.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.inquiry-tit { height: 46px; background-color: #9fcc5e; font-size: 24px; line-height: 46px; color: #fff; text-align: center; }
.inquiry-img { display: inline-block; position: relative; border: solid 1px #cbcbcb; padding-bottom: 100%; width: 100%; overflow: hidden; }
.inquiry-img img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }

.inquiry .dl-horizontal dt {
    float: left;
    width: auto;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    line-height: 24px;
}
.inquiry .dl-horizontal03 .numbox02 {
    height: 24px;
}

.inquiry .dl-horizontal03 .numbox02 .btn {
    height: 24px;
    line-height: 24px;
}

.inquiry .dl-horizontal03 .numbox02 .num {
    height: 24px;
    line-height: 24px;
}
/*询价提交*/
@media (min-width:768px) {
    .inquiry .dl-horizontal dt.w70 { width: 70px; }
    .inquiry .dl-horizontal dt.w165 { width: 165px; }
    .inquiry .dl-horizontal dt.w190 { width: 190px; }
    .inquiry .dl-horizontal01 { width: 200px; }
    .inquiry .dl-horizontal03 .numbox02{float:right;}
    .inquiry .dl-horizontal02 { /*width: 283px; margin-left: 15px;*/
    }
    .inquiry .dl-horizontal03 { /*width: 290px; margin-left: 15px; */}
    
    .is-price { width: 100px; height: 24px; border: 1px solid #cbcbcb; }
}
@media (min-width:768px) {
    .inquiry .dl-horizontal dd { margin-left: 0; line-height: 24px; }
    .inquiry .dl-horizontal dd.ml70 { margin-left: 70px; }
    .inquiry .dl-horizontal dd.ml165 { margin-left: 165px; }
    .inquiry .dl-horizontal dd.ml190 { margin-left: 190px; }
}
@media (max-width:1280px) {
    /*.bs-lw .col-md-4 { width: 50%; }*/
}

/**********询价列表**********/
.inquiry-cart-nav { position: relative; padding-top: 20px; padding-bottom: 20px; color: #e0e5ec; font-size: 16px; transition: all 0.5s; }
.inquiry-cart-nav a, .inquiry-cart-nav .inquiry-nav { padding: 10px 15px; color: #323232; }
.inquiry-cart-nav .inquiry-nav:first-child { padding-left: 25px; }
.inquiry-cart-nav a {padding-left: 0; padding-right:0;}

/*.inquiry-cart-nav .inquiry-nav{box-sizing: initial;}*/
.inquiry-cart-nav a:hover, .inquiry-cart-nav .on { color: #9ecb5e; }
.inquiry-cart-nav .ic-line { position: absolute; display: inline-table; top: 49px; left: 0px; height: 2px; width: 0; background: #9ecb5e; transition: all 0.5s; }
.inquiry-cart-nav.fs14 { font-size: 14px; }
.inquiry-cart-nav.ptb17 { padding-bottom: 17px; padding-top: 17px; }
.inquiry-cart-nav .ic-line.t52 { top: 52px; }
.inquiry-cart { font-size: 16px; color: #565656; text-align: center; }
.inquiry-cart li { margin-bottom: 25px; transition: all 0.5s; }
.inquiry-cart li .inquiry-cart-img { z-index: 1; position: relative; /*display: inline-table; margin-bottom: 20%;*/ padding-bottom: 80%; width: 100%; overflow: hidden; }
.inquiry-cart li .inquiry-cart-img img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.inquiry-cart li .inquiry-cart-tit { margin: 0 35px 5px; height: 38px; color: #323232; font-size: 14px; }
.inquiry-cart li:hover .op0, .inquiry-cart li input.input02:checked { z-index: 2; opacity: 1; }
.inquiry-cart li:hover>div { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.btn-inquiry-cart { padding: 0 20px; height: 60px; max-width: 160px; line-height: 60px; background-color: #72DB00; }
.btn-inquiry-cart[disabled] { background-color: #efedee; color: #cccacb; cursor: not-allowed; }
.btn-inquiry-cart:not([disabled]):hover { background-color: #67c203; color: #fff; }

/*********询价订单详情*********/
.inquiry-remark { max-height: 70px; }
.inquiry-remark textarea { resize: none; }
.select-show.hidd { width: 0; height: 0; padding: 0; border: none; }
#iq-select-top .id_select-show .btn { border-radius: 0; }
#iq-select-top .id_select-show:hover .btn { background-color: #fff; }
#iq-select-top .id_select-show:hover .btn:focus { background-color: #fff; }
#iq-select-top .id_select-show .btn .caret { font-family: "iconfont" !important; content: '\e61e'; color: #a2a2a2; }
#iq-select-top .id_select-show.open .btn .caret { transform: rotate(180deg); }
#iq-select-top .id_select-show .btn .filter-option { color: #757575; }
#iq-select-top .id_select-show .dropdown-menu > li > a:hover { background-color: #9fcc5e; }

/*********询价订单列表*********/
.inquiry-list { }
.inquiry-list .inquiry-list-head { border-bottom: 1px solid #e6e7eb; }
.inquiry-list > thead.inquiry-list-head > tr:first-child { height: inherit; line-height: inherit; }
.inquiry-list thead.inquiry-list-head>tr>td { padding-top: 12px; padding-bottom: 12px; }

/*.inquiry-list tr td:nth-child(3){max-width: 310px;}*/
.inquiry-list .tr20 { width: 100%; height: 20px; }
.inquiry-list .tr10 { width: 100%; height: 10px; }
.inquiry-list>tbody>tr { margin: 20px; }
.cart-table.inquiry-list tbody tr:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.inquiry-list>tbody>tr>td { border-top: 0; padding: 7px; }
.inquiry-list>tbody>tr>td:nth-child(2) { padding-left: 15px; }
.inquiry-list>tbody>tr>td.plr20 { padding-left: 20px; padding-right: 20px; }
.inquiry-list .inquiry-list-item .pro_img { position: relative; border: 1px solid #eee; width: 80px; height: 80px; }
.inquiry-list .inquiry-list-item .pro_img img { position: absolute; top: 50%; left: 50%; border: 0; width: 100%; transform: translate(-50%, -50%); }
.inquiry-list .inquiry-list-tit { background-color: #f6f6f6; color: #999; }
.inquiry-list>tbody>tr.inquiry-list-tit>td { border-top: 1px solid #e8e8e8; }
.inquiry-list>tbody>tr.inquiry-list-tit>td:first-child, .inquiry-list>tbody>tr.inquiry-list-tit>td:last-child { border-top: 0; }
.inquiry-list>tbody>tr.inquiry-list-tit>td:first-child { border-right: 1px solid #e8e8e8; }
.inquiry-list>tbody>tr.inquiry-list-tit>td:last-child { border-left: 1px solid #e8e8e8; }
.inquiry-list-tit td:first-child, .inquiry-list-tit td:last-child { background-color: #fff; }
.inquiry-list>tbody>tr.inquiry-list-item td { border-bottom: 1px dashed #e8e8e8; }
.inquiry-list>tbody>tr.inquiry-list-item td:first-child, .inquiry-list>tbody>tr.inquiry-list-item td:last-child { border-bottom: 0; }
.inquiry-list>tbody>tr.inquiry-list-item>td { vertical-align: middle; }
.inquiry-list>tbody>tr.inquiry-list-item>td:first-child { border-right: 1px solid #e8e8e8; }
.inquiry-list>tbody>tr.inquiry-list-item>td:last-child { border-left: 1px solid #e8e8e8; }
.follow-right .inquiry-list>tbody>tr.inquiry-list-item>.pi-border { border-bottom: 1px solid #e8e8e8; }

/*.follow-right .inquiry-list>tbody>tr.inquiry-list-item>td:nth-child(6){border-bottom: 1px solid #e8e8e8;}*/
.follow-right .inquiry-list>tbody>tr.inquiry-list-item>td:nth-child(5) { border-right: 1px solid #e8e8e8; }
.inquiry-list>tbody>tr.inquiry-list-item>td:nth-child(6), .inquiry-list>tbody>tr.inquiry-list-item>td:nth-child(7) { border-left: 1px solid #e8e8e8;/*border-bottom: 1px solid #e8e8e8;*/ }
.inquiry-list > tbody > tr.inquiry-list-item > td:nth-child(7) { border-right: 1px solid #e8e8e8; }
.inquiry-list > tbody > tr.inquiry-list-item > td:nth-child(7).w20 { border-right: none; }
.inquiry-list > tbody > tr.inquiry-list-foot > td, .inquiry-list > tbody > tr > td.bb-s { border-bottom: 1px solid #e8e8e8; }
.inquiry-list>tbody>tr.inquiry-list-foot>td:first-child, .inquiry-list>tbody>tr.inquiry-list-foot>td:last-child { border-bottom: 0; }
.inquiry-list>tbody>tr.h20 { height: 20px; }
.follow .follow-right .inquiry-list .select { float: left; margin-left: -10px; border: 0; min-width: 125px; height: 20px; line-height: 20px; }
.follow .follow-right .inquiry-list .select .sel-show { color: #333; cursor: pointer; }
.follow .follow-right .inquiry-list .select .sel-show:after { top: -1px; content: '\e649'; transform: rotate(90deg); color: #565656; font-size: 14px; }
.follow .follow-right .inquiry-list .select.open .sel-show:after { content: '\e649'; transform: rotate(270deg); }
.follow .follow-right .inquiry-list .sel-list li { margin: 0; text-align: left; }
table.inquiry-list>tbody { margin-left: 15px; margin-right: 15px; }
.inquiry-list-item td .c-h01 { cursor: pointer; }

/*****关注页面*****/
.follow { padding-bottom: 20px; }
.follow .follow-left { float: left; width: 210px; background-color: #fff; }
.follow-l-ul { color: #999; }
.follow-l-ul li { color: #565656; }
.follow-l-ul li .follow-l-tit { display: block; border-bottom: 1px solid #e8e8e8; padding-left: 15px; width: 100%; height: 60px; line-height: 60px; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.follow-l-ul li .follow-l-icon { display: inline-block; margin-right: 10px; border-radius: 50%; width: 20px; height: 20px; background-color: #565656; font-weight: normal; font-size: 16px; text-align: center; line-height: 20px; }
.follow-l-ul li a:hover .follow-l-icon, .follow-l-ul li .on .follow-l-icon { background-color: #9fcc5e; }
.follow-l-ul li .follow-l-icon i.iconfont { color: #fff; font-size: 14px; }
.follow-l-ul li a:hover, .follow-l-ul li .on { color: #9fcc5e; }
.follow-l-ul li .follow-l-stit { position: relative; display: block; border-bottom: 1px dashed #e8e8e8; padding-left: 30px; width: 100%; height: 45px; line-height: 45px; }
.follow-l-ul li.bb { border-bottom: 1px solid #e8e8e8; }
.follow-l-ul li .bb0 { border-bottom: 0; }
.follow .follow-right { float: left; width: calc(100% - 210px); }
.follow .follow-right #pageNum {/*display:none;*/height: 42px; }
.follow .follow-right #pageNum.dno { display: block; }
.follow .follow-right #pageNum.dno i, .follow .follow-right #pageNum.dno span { display: none; }
.follow .follow-right li { margin-bottom: 25px; transition: all 0.5s; color: #565656; text-align: center; }
.follow-right li .follow-r-img { z-index: 1; position: relative; padding-bottom: 80%; width: 100%; overflow: hidden; }
.follow-right li .follow-r-img img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.follow-right li .follow-r-tit { margin: 0 15px 5px; height: 20%; color: #323232; font-size: 14px; }
.follow-right li:hover>div { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.follow-right li .h30 { line-height: 30px; }
.follow-right li .btn { font-weight: bold; }
.follow-right li .btn-inquiry { border-radius: 0; background-color: #fff; color: #909090; }
.follow-right li .btn-inquiry:hover { background-color: #fff; border-color: #333; color: #333; }
.follow-right li .btn-add-cart { border-radius: 0; background-color: #f2f2f2; color: #333; }
.follow-right li .btn-add-cart:hover { color: white; background-color: #333; }
.follow-right .noclick { color: #bababa; cursor: no-drop; }
.input-follow { position: absolute; z-index: 3; top: 15px; right: 15px; margin: 0; -webkit-appearance: none; width: 20px; height: 24px; vertical-align: middle; /*background: url(/images/icon-follow.png) no-repeat;*/ outline: none; cursor: pointer; }
.input-follow.checked {/*background: url(/images/icon-follow02.png) no-repeat;*/ }
.input-follow i { display: none; color: #c4c4c4; }

/*.follow-right li:hover>div i{display:block;}*/
.follow-right li:hover>div i { display: inline-block; }
.input-follow:hover i, .follow-right li.off-shelves .input-follow:hover i { color: #9fcc5e; }
.follow-right li.off-shelves .input-follow i { color: #fff; }
.follow-right li .follow-li-bg { display: none; position: absolute; top: 0; width: 100%; width: -webkit-calc(100% - 15px); width: -moz-calc(100% - 15px); height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.55); }
.follow-right li.off-shelves .follow-li-bg, .follow-right li .purchase .off-shelves .follow-li-bg { display: block; }
.follow-right li.off-shelves .follow-li-bg p { position: absolute; top: 50%; left: 50%; width: 150px; font-size: 26px; color: #fff; font-weight: bold; transform: translate(-50%, -50%); }
.follow-right li.off-shelves .follow-li-bg .btn-add-cart { position: absolute; bottom: 20px; transform: translateX(-50%); font-weight: normal; }
.follow-right li.off-shelves .shelf-show { opacity: 0; filter: Alpha(opacity=0); }

/*弹窗,背景用.overlay*/
.follow-pop {/*margin-top: 50ch;*/color: #333; }
.follow-pop .modal-dialog { width: 412px; height: 263px; }
.follow-pop .modal-content { border-radius: 0; }
.follow-pop .modal-header { padding: 12px 20px; border-bottom: 0; background-color: #efefef; }
.follow-pop .modal-title { font-size: 18px; font-weight: bold; }
.follow-pop .close { font-weight: normal; }
.follow-pop .modal-body { padding: 30px 35px 10px; font-size: 16px; }
.follow-pop .modal-footer { margin-bottom: 15px; border-top: 0; text-align: center; }

/*最近购买*/
.follow-right li .purchase:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.follow-right li .purchase:hover>div { box-shadow: none; }
.follow-right li .purchase .btn-purchase { border: 0; height: 34px; background-color: #fff; line-height: 34px; color: #999; }
.follow-right li .purchase .btn-purchase:hover { color: #333; }
.follow-right li .purchase .btn-purchase02 { border-left: solid 1px #eaeaea; color: #333; }
.follow-right li .purchase .btn-purchase02:hover { border: 0; background-color: #333; color: #fff; }
.follow-right li .purchase .off-shelves { position: relative; }
.follow-right li .purchase .off-shelves .follow-li-bg { width: 100%; }
.follow-right li .purchase .off-shelves .follow-li-bg .off-shelves { font-size: 24px; color: #fff; font-weight: bold; }

/*取消按钮*/
.btn-cancel { margin: 0 5px; padding: 10px 55px; border-radius: 0; background-color: #f1f1f1; font-size: 16px; color: #565656; }
.btn-cancel:hover { background-color: #dedede; color: #565656; }
.btn-submit { margin: 0 5px; padding: 10px 55px; border-radius: 0; background-color: #f5a31d; font-size: 16px; color: #fff; }
.btn-submit:hover { background-color: #e69208; color: #fff; }

/*======消息中心======*/
.message-list li, .follow-right .message-list li {/*border-bottom:1px solid #dce0e1;*/ margin-bottom: 0; text-align: left; }
.message-list li:hover { background-color: #ebeff4; }
.message-list li:hover>div { box-shadow: none; }
.message-list li .is-open { position: absolute; right: 8px; padding-left: 20px; cursor: pointer; width: 80px; }
.message-list li .is-open:before { position: absolute; content: "\e64c"; left: 0px; top: 0px; font-family: "iconfont"; font-size: 14px; color: #bfbfbf; }
.message-list li.open .is-open:before { content: "\e790"; }
.message-list li .icon-tongzhi1 { color: #dfefc8; }
.message-list li .icon-xitongzhuanhuan { color: #c8e4ef; }

/* 已读状态 */
.message-list li .m-read { position: relative; padding: 20px 20px 20px 60px; color: #565656; }
.message-list li .m-read:before { position: absolute; content: "\e645"; left: 20px; top: 16px; font-family: "iconfont"; font-size: 20px; color: #bfbfbf; }
.message-list li .m-read .message-type { color: #3f3f3f; }
.message-list li .m-read .info-date, .message-list li .m-unread .info-date { display: none; }
.message-list li.open .m-read .info-date, .message-list li.open .m-unread .info-date { display: block; }
.message-list li.open .m-info, .message-list li.open .m-padding { white-space: pre-line; }

/* 未读状态 */
.message-list li .m-unread { position: relative; padding: 20px 20px 20px 60px; color: #565656; }
.message-list li .m-unread:before { position: absolute; content: "\e63c"; left: 20px; top: 16px; font-family: "iconfont"; font-size: 20px; color: #0095dd; }
.message-list li .m-unread:after { position: absolute; content: ""; left: 37px; top: 22px; border-radius: 50%; width: 4px; height: 4px; background-color: #ff0a00; font-family: "iconfont"; font-size: 20px; color: #0095dd; }
.message-list li .m-unread .message-type { color: #010101; font-weight: bold; }
.message-list li .m-text { height: 0; overflow: hidden; transition: height 0.5s; }
.message-list li .m-text .m-padding { padding: 20px 20px 20px 60px; min-height: 80px; }
.message-list li .m-reply { position: relative; color: #a5a5a5; }
.message-list li.open .m-reply { display: none; }
.message-list li.open .m-text { border-top: 1px dashed #dce0e1; height: auto; }
.message-list li.open .m-text .btn04 { margin-top: 20px; height: 30px; line-height: 30px; font-size: 12px; }
.icon-unread { display: inline-block; border-radius: 50%; width: 4px !important; height: 4px !important; background-color: #ff0a00; }
.message-list02 li:hover { background-color: inherit; }
.message-list02 li .m-unread, .message-list02 li .m-read { border-bottom: dashed 1px #dce0e1; margin-left: 20px; padding: 20px 20px 10px 40px; }
.message-list02 li .m-read:before, .message-list02 li .m-unread:before { left: 0px; }
.message-list02 li .m-unread:after { left: 16px; }
.message-list-ltip { position: relative; float: left; margin-left: 90px; border-left: 1px solid #dce0e1; width: 100%; width: calc(100% - 90px); }
.message-list-ltip:before { position: absolute; content: ""; display: inline-block; top: 30px; left: -5px; border: 1px solid #dce0e1; border-radius: 50%; width: 10px; height: 10px; background-color: #fff; }
.message-list-ltip .order-num { display: inline-block; padding-left: 10px; padding-right: 10px; color: #fff; background-color: #bfbfbf; }
.message-list-ltip .m-unread .order-num { background-color: #9fcc5e; }
.message-list-ltip a.b { color: #a5a5a5; }
.message-list-ltip a.b:hover, .message-list-ltip a.a:hover { text-decoration: underline; }
.message-list-ltip .m-unread a.a { color: #0096dc; }
.message-list-ltip .m-unread a.b { color: #333333; }


/*about patiotime*/
@media(min-width:1300px) {
    .collection .pro-collection .pro-collection-bg .pro-tit { margin-bottom: 10px; font-size: 34px !important; }
    .collection .pro-collection .pro-collection-bg .pro-more { font-size: 16px; }
}
.collection { padding-left: 0; padding-right: 0; }
.collection .row { margin-right: -25px; margin-left: -25px; }
.collection .row .col-md-6 { padding-right: 25px; padding-left: 25px; }
.collection .pro-collection { position: relative; padding-top: 20px; margin-bottom: 20px; overflow: hidden; }
.collection .pro-collection img { width: 100%; }
.collection .pro-collection .pro-tit { position: absolute; bottom: 20%; width: 100%; width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); color: #fff; font-size: 46px; text-align: center; font-weight: bold; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
.collection .pro-collection .pro-tit.j-show-tit { opacity: 0; }
.collection .pro-collection .img-responsive { display: block; }
.collection .pro-collection:hover .pro-tit { display: none; }
.collection .pro-collection .pro-collection-bg { position: absolute; bottom: -50%; width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); /*width: 100%;*/ height: 50%; min-height: 85px; background-color: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s; opacity: 0; }
/*.collection .pro-collection .slowly-show-box .pro-collection-bg { width: 100%; }*/
.collection .pro-collection:hover .pro-collection-bg { bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s; opacity: 1; }
.collection .pro-collection .pro-collection-bg .pro-tit { position: initial; bottom: initial; display: block; padding-top: 20px; width: 100%; font-size: 36px; }
.collection .pro-collection .pro-collection-bg .pro-more { position: relative; display: inline-block; padding-left: 0; transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s; }
.collection .pro-collection .pro-collection-bg .pro-more:hover { padding-left: 20px; }
.collection .pro-collection .pro-collection-bg .pro-more:before { position: absolute; content: ""; left: 0; top: 10px; width: 0px; height: 1px; background-color: #fff; transition: all 0.5s;  -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.collection .pro-collection .pro-collection-bg .pro-more:hover:before { width: 15px; }
.act-move-t { animation: topin 1.5s; animation-fill-mode: forwards; /*让动画停留在最后一帧 */ animation-play-state: paused; }
.act-move-b { animation: bottomin 1.5s; animation-fill-mode: forwards; /*让动画停留在最后一帧 */ animation-play-state: paused; }
.act-move-l { animation: leftin 1.5s; animation-fill-mode: forwards; /*让动画停留在最后一帧 */ animation-play-state: paused; }
.act-move-r { animation: rightin 1.5s; animation-fill-mode: forwards; /*让动画停留在最后一帧 */ animation-play-state: paused; }
.act-movein .act-move-t, .act-movein .act-move-b, .act-movein .act-move-l, .act-movein .act-move-r { animation-play-state: running; }
@keyframes topin {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: visible;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@keyframes bottomin {
    0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: visible;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@keyframes leftin {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: visible;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@keyframes rightin {
    0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: visible;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}

/*====================可共用样式====================*/

/*模拟下拉框*/
.select { position: relative; display: inline-block; box-sizing: border-box; border: 1px solid #cbcbcb; height: 35px; min-width: 160px; background-color: white; line-height: 35px; }
.sel-show { padding: 0 40px 0 10px; color: #757575; }
.inquiry .sel-show { cursor: pointer; }
.sel-show:after { position: absolute; font-family: "iconfont" !important; content: '\e61e'; top: 0; right: 10px; color: #a2a2a2; }
.select.open .sel-show:after { transform: rotate(180deg); }

/*改变bootstrap的checkbox样式*/
.sel-show .checkbox { margin-bottom: 0; margin-top: 0; }
.sel-list { position: absolute; top: 34px; left: 0; z-index: 9; display: none; box-sizing: border-box; border-radius: 0 0 3px 3px; box-shadow: 0 1px 2px 1px #eaeaea; overflow-y: auto; width: 100%; max-height: 150px; background-color: white; line-height: 20px; font-size: 14px; }
.select.open .sel-list { display: inline-block; }
.sel-list li { padding: 5px 10px; }
.sel-list li:hover { background-color: #F0F0F0; cursor: pointer; color: #666666; }
.select.disable { border: none; }
.select.disable:after { background: none; }
.country { border: 1px solid #828282; width: 250px; height: 35px; line-height: 35px; }
.select02 { margin-left: -10px; border: 0; min-width: 125px; height: 20px; line-height: 20px; }
.select02 .sel-show { color: #333; cursor: pointer; }
.select02 .sel-show:after {/*top: -2px;*/content: '\e649'; transform: rotate(90deg); color: #565656; font-size: 12px; }
.select02.open .sel-show:after { content: '\e649'; transform: rotate(270deg); }
.select02 .sel-list li { margin: 0; text-align: left; }

/*模拟checkbox*/
.sel-list .checkbox { position: relative; margin-bottom: 0; margin-top: 0; padding-left: 25px; }
.sel-list .checkbox:first-child { margin-top: 0; }
.sel-list .checkbox:before { position: absolute; left: -4px; top: 0; font-family: "iconfont" !important; content: '\e681'; font-family: "iconfont" !important; color: #cbcbcb; font-size: 20px; }
.sel-list .checkbox.checked:before { position: absolute; left: 0; top: 0; font-family: "iconfont" !important; content: '\e688'; font-family: "iconfont" !important; font-weight: bold; color: #9fcc5e; font-size: 14px; }

/*联系人下拉框取消选择框*/
.sel-list .checkbox-noimg { padding-left: 0px; }
.sel-list .checkbox-noimg:before { display: none !important; }

/*仿bootstrap实现五等分*/
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
.col-xs-1-5 { width: 100%; float: left; }
@media (min-width:768px) {
    .col-sm-1-5 { width: 20%; float: left; }
}
@media (min-width:992px) {
    .col-md-1-5 { width: 20%; float: left; }
}
@media (min-width:1200px) {
    .col-lg-1-5 { width: 20%; float: left; }
}

/*单行隐藏省略*/
.one-line-hide { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*多行隐藏省略-默认两行，行高22px*/

/*.more-line-hide { position: relative; line-height: 22px; max-height: 44px; overflow: hidden; }
.more-line-hide:after { content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px; background: -webkit-linear-gradient(left, transparent, #fff 50%); background: -o-linear-gradient(right, transparent, #fff 50%); background: -moz-linear-gradient(right, transparent, #fff 50%); background: linear-gradient(to right, transparent, #fff 50%); }*/
.more-line-hide, .ell2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/*响应图片*/
.img-responsive { display: inline-block; max-width: 100%; height: auto; }
.location { padding: 18px 0 18px; font-size: 16px; color: #565656; }

/*前后按钮*/
.arrpage.noprev .glyphicon-triangle-left { color: #ddd; cursor: not-allowed; }
.arrpage.nonext .glyphicon-triangle-right { color: #ddd; cursor: not-allowed; }

/*图片放大，外卖还要加个.ofh*/
.img { width: 100%; transition: all .3s linear; overflow: hidden; }
.img:hover { transform: scale(1.03); }
a:hover { color: inherit; }

/*分页*/
.my-pagination, .paginationjs-pages { font-size: 18px; }
.my-pagination .glyphicon { font-size: 17px; font-weight: normal; }
.my-pagination>.active>a, .my-pagination>.active>a:hover { border-color: #333; background-color: #333; }
.my-pagination>li>a, .my-pagination>li>span, .my-pagination>.disabled>a, .paginationjs-pages ul li a { margin-right: 5px; padding: 3px 10px; background-color: #EFEDEE; color: #333; }
.my-pagination>li>a:hover, .paginationjs-pages ul li a:hover { background-color: #929292; border-color: #929292; color: white!important; }
.my-pagination>li:first-child>a, .my-pagination>li:first-child>span { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.my-pagination>li:last-child>a, .my-pagination>li:last-child>span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

/*============pagination.min.js渲染分页样式============*/
.paginationjs-pages { text-align: center; }
.paginationjs-pages ul li { display: inline-block; }
.paginationjs-pages ul li a { position: relative; float: left; margin-left: -1px; line-height: 1.42857143; text-decoration: none; }
.paginationjs-pages ul li.disabled a { padding: 2px 10px; border: 1px solid #ddd; color: #777; cursor: not-allowed; background-color: #fff; }
.paginationjs-pages ul li.active a { z-index: 3; border-color: #333; background-color: #333; color: #fff; cursor: default; }
.date01 { margin-top: -25px; }
.logo03 { position: absolute; top: -44px; left: -1px }
@media (max-width:768px) {
    .logo03 { width: 120px; position: absolute; top: -26px; left: -1px }
    .collection .row {
        margin:0;
    }

        .collection .row .col-md-6 {
            padding: 0 15px;
        }
    .collection .pro-collection .pro-tit {
        width: calc(100% - 30px);
    }
    .collection .pro-collection .pro-collection-bg {
        width: calc(100% - 30px);
    }
        .collection .pro-collection .pro-collection-bg .pro-tit{
            padding-top:10px;
            font-size:30px;
        }
    .paginationjs-pages {
        font-size: 16px;
    }
        .paginationjs-pages ul li a {
            padding: 4px 10px;
        }
        .paginationjs-pages ul li.disabled a {
            padding: 3px 8px;
        }
    .c-video .play-text p{
        font-size:14px;
    }
    .ab-form {
        padding:0;
    }
    .about_cont.p45{
        padding: 30px;
        margin-bottom:0;
    }
    .about_cont .ab-form .form-group{
        margin:0;
    }
    .about_cont .cp-r{
        padding-left:0;
    }
    .about_cont .col-sm-6 .form-group {
        width: 100%;
        margin-left: 0 !important;
    }
    .about_cont .ab-form .form-group {
        margin-top: 10px;
    }
    #submitBtn{
        margin-top:20px;
    }
    .inquiry .dl-horizontal03{
        margin-top:10px;
    }
    .inquiry .contact-info .tc {
        text-align: left;
    }

}
@media (max-width:1200px) {
    .date01 { font-size: 12px; margin-top: 10px; }
}
.img09 { display: block; width: 60px; height: 60px; line-height: 57px; text-align: center; border: 1px solid #eeeeee; }
.img09 img { max-width: 58px; max-height: 58px; }
.table.table09 td { text-align: center; vertical-align: middle; }
.table.table09 th { padding: 5px; font-weight: normal; text-align: center; background-color: #f6f6f6; vertical-align: middle; }
.table.table09 .fwb th { color: #333; font-weight: bold; }
.blogo { background: white url(/images/blogo_11.jpg) no-repeat bottom right; }
.quo-order { position: relative; }
.quo-btn { position: absolute; left: 50%; bottom: 35px; padding-bottom: 20px; text-decoration: none; }
.quo-box { position: absolute; width: 224px; bottom: -26%; left: 50%; margin-left: -112px; text-decoration: none; }
.quo-box i:hover, .ShowToggle i { text-decoration: none; }
.ShowToggle span { transition: all 0.6s; text-decoration: none; opacity: 0; }
.ShowToggle span:hover { text-decoration: none; }
.st-active { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -50, 0.01, 1); opacity: 0.01; }
.ShowToggle i { position: absolute; z-index: 9; left: 50%; top: 35px; margin-left: -17.5px; display: block; background: url(/Content//images/quotation_x.png) no-repeat; background-size: 35px; width: 35px; height: 35px; transition: all 0.6s; text-decoration: none; }
.quo-active { opacity: 1; margin-top: 30px; transform: rotate(45deg); }
.hideQuoPanel { display: none; padding: 50px 0 0; background-color: #fff; }
.declineText { width: 100%; padding: 10px; margin-top: 10px; }
.quo-btn-box .quo-index { width: 180px; height: 40px; font-size: 14px; font-weight: bold; margin-right: 20px; }
.quo-btn-box .quo-index01:hover { color: #fff; background-color: #333; border: none; }
.quo-btn-box .quo-index01 { color: #333; background-color: #d6d6d6; border: none; }
.quo-btn-box .quo-success { color: #fff; background-color: #9fcc5e; border: none; }
.quo-btn-box .quo-success:hover { background-color: #8ec243; }
.quo-btn-box .quo-success2 { background-color: #dfefc8; border: none; color: #8EC243; }
.quo-btn-box .quo-success2:hover { background-color: #9fcc5e; color: white; }
.quo-btn-box .quo-default { color: #565656; background-color: #f7f7f7; border: 1px solid #565656; }
.quo-btn-box .quo-default:hover { background-color: white; }

/*.decline-dc{
    width:205px;
}*/
.j-order-list .decline-move01 { border-right: none; }
.j-order-list .decline-move02 { border-left: none; }
.inquiry .table09 .decline-move02 { text-align: left; }

/*订单列表*/
.line01 { color: #ddd; font-weight: bolder; }
.line01 a { color: #565656; }
.line01 a:hover { color: #9ecb5e; }
.line01 a.curr { color: #9ecb5e; }
.num01 { position: absolute; top: 0; right: -8px; background-color: #333; color: white; font-size: 12px; padding: 0 2px; }
.hov01:hover { color: #ddd; text-decoration: underline; }
.pop-progress { position: relative; display: inline-block !important; }
.pop-progress.show>a { color: white;    /*text-decoration:underline;*/ }
.pop-progress>div { z-index: 99; display: none; position: absolute; right: 100%; top: -70px; width: 200px; text-align: left; background-color: white; padding: 5px 15px 15px; border: solid 1px #ddd; box-shadow: 0 0 5px #ddd; border-radius: 3px; }
.inquiry-list-item:nth-last-child(3) .pop-progress>div {    /*top: -170px;*/
top: auto; bottom: -10px; }
.inquiry-list-item:nth-last-child(3) .pop-progress>div:after { top: auto; bottom: 13px; }
.inquiry-list-item:nth-last-child(2) .pop-progress > div {    /*top: -230px;*/
top: auto; bottom: -10px; }
.inquiry-list-item:nth-last-child(2) .pop-progress>div:after {  /*top:233px;*/
top: auto; bottom: 13px; }
.inquiry-list-item:last-child .pop-progress > div {    /*top: -320px;*/
top: auto; bottom: -10px; }
.inquiry-list-item:last-child .pop-progress>div:after { /*top:323px;*/
top: auto; bottom: 13px; }
.pop-progress.show>div { display: block; }
.follow-right .pop-progress li { text-align: left; margin-bottom: 0; line-height: 22px; font-size: 12px; padding-left: 5px; }
.follow-right .pop-progress li.down { color: #f5a31d; }
.follow-right .pop-progress li.down:before { font-family: "iconfont"; content: "\e688"; margin-right: 5px; color: #f5a31d; }
.follow-right .pop-progress li.curr { color: #47a963; }
.follow-right .pop-progress li.curr:before { font-family: "iconfont"; content: "\e631"; margin-right: 5px; }
.follow-right .pop-progress li.not { padding-left: 22px; color: #999999; }
.follow-right .pop-progress>div>a { display: inline-block; margin-top: 5px; color: #0055aa; }
.follow-right .pop-progress>div>a:hover { text-decoration: underline; }
.pop-progress .clo { color: #aeaeae; cursor: pointer; font-size: 16px; }
.pop-progress .clo:hover { color: #000; }
.pop-progress>div:after { content: ''; position: absolute; right: -6px; top: 73px; width: 0; height: 0; border-style: solid; border-width: 7px; border-color: #fff #fff transparent transparent; transform: rotate(45deg); box-shadow: 2px -2px 2px #ddd; }

/*订单 完成、拒绝状态*/
.sign-complete { position: relative; }
.sign-complete:before { content: ''; position: absolute; top: 10px; right: 110px; width: 160px; height: 120px; background: url(../content//images/sign.png) no-repeat -410px 0; }
.sign-declined { position: relative; }
.sign-declined:before { content: ''; position: absolute; top: 10px; right: 110px; width: 160px; height: 120px; background: url(../content//images/sign.png) no-repeat -185px center; }
.sign-declined .inquiry-tit { background-color: #DEDEDE; color: #666; }
.sign-expired { position: relative; }
.sign-expired:before { content: ''; position: absolute; top: 10px; right: 110px; width: 160px; height: 120px; background: url(../content//images/sign.png) no-repeat -600px center; }
.sign-canceled { position: relative; }
.sign-canceled:before { content: ''; position: absolute; top: 10px; right: 110px; width: 160px; height: 120px; background: url(../content//images/sign.png) no-repeat 4px center; }

/*网站地图*/
.sitemap .linkline a { float: left; display: block; height: 37px; line-height: 38px; padding: 0 15px; background-color: #575757; color: white; font-size: 18px; margin-right: 10px; margin-bottom: 10px; }
.sitemap .linkline a:hover { background-color: #333333; }
.sitemap .linklist li { line-height: 30px; margin-bottom: 20px; width:100%;}
.sitemap .linklist li>a { display: inline-block; position: relative; font-size: 18px; color: #333; min-width: 210px; }
.sitemap .linklist li>a:after { position: absolute; right: 0; top: 5px; display: block; height: 20px; line-height: 20px; font-family: "iconfont"; content: '\e600'; font-size: 10px; color: black; font-weight: bolder; }
.sitemap .linklist li p { }
.sitemap .linklist li p a { position: relative; float: left; color: #565656; padding-right: 30px; }
.sitemap .linklist li p a:hover { color: #333; text-decoration: underline; }
.sitemap .linklist li p a:after { content: ''; position: absolute; display: block; right: 15px; top: 50%; height: 15px; width: 1px; margin-top: -7px; background-color: #ddd; }
.sitemap .linklist li p a:first-child { padding-left: 0; }
.sitemap .linklist li p a:last-child:after { width: 0; }
.sitemap .linklist li.nosec>a:after { display: none; }

/*购物车列表，询价列表*/
.deleted { height: 0; overflow: hidden; transition: all 0.5s; }
.deleted .deleted-list {    /*min-width:810px;*/ }
.deleted-list li, td.deleted-list01 { margin-bottom: 5px; border: 1px solid #f5c812 !important; min-height: 35px; background-color: #f8f7e1;    /*line-height:35px;*/ }
.deleted-list .d-list01, .deleted-list .d-list02, .deleted-list .d-list03, .deleted-list .d-list04, .deleted-list .d-list05, .deleted-list .d-list06 { float: left; padding: 8px; text-align: center; }
.deleted-list .d-list01 { width: 33.9%; text-align: left; }
.deleted-list .d-list02 { width: 13%; word-break: break-all; text-align: center; }
.deleted-list .d-list03 { width: 15.8%; text-align: center; }
.deleted-list .d-list04 { width: 16.2%; cursor: pointer; }
.deleted-list .d-list04:hover { color: #f5c812; }
.deleted-list .d-list05 { width: 21.1%; cursor: pointer; }
.deleted-list .d-list06 { width: 46.9%; text-align: left; cursor: pointer; }