html{font-size:16px;background:#fff}
body{min-width:320px;font-family:"Helvetica Neue",helvetica,'lucida grande','lucida sans unicode',lucida,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;background-color:#f6f6f6}

@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1501748198671'); /* IE9*/
    src: url('iconfont.eot?t=1501748198671#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff?t=1501748198671') format('woff'), /* chrome, firefox */
    url('iconfont.ttf?t=1501748198671') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('iconfont.svg?t=1501748198671#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
.icon-quanbu:before { content: "\e6fc"; }
input[type="file"] {cursor: pointer;}
a{color:#666;outline:none}
a:hover{color:#EC6300; text-decoration: none;outline: none}
a:focus{text-decoration:none}
.h1, .h2, .h3, h1, h2, h3{margin: 0}
li, ul{list-style-type: none; margin: 0; padding: 0;}
.form-control:focus{border-color:#EC6300;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,147,0,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,147,0,.6)}
select.form-control{padding-left:8px}
.pd0{padding:0!important;}
.pl45{padding-left:45px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.ml0{margin-left: 0px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.mt-1{margin-top: -1px!important;}
.mt0{margin-top:0!important}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt60{margin-top: 60px!important;}
.mt80{margin-top: 80px!important;}
.mt100{margin-top: 100px!important;}
.mt160{margin-top: 160px!important;}
.mt200{margin-top: 200px!important;}
.mb0{margin-bottom: 0!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb60{margin-bottom: 60px!important;}
.mb100{margin-bottom: 100px!important;}
.mb200{margin-bottom: 200px!important;}
.bdr0{border-radius:0!important}
.blank5, .blank6, .blank8, .blank10, .blank12, .blank15, .blank20, .blank30, .blank40, .blank60{clear:both;display:block;height:10px;overflow:hidden}
.blank5{height:5px;}
.blank6{height:6px;}
.blank8{height:8px;}
.blank10{height:10px;}
.blank12{height:12px}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank60{height:60px;}
.blank60{height:60px;}
.text-muted{color:#999!important;}
.text-org{color:#EC6300}
.text-red{color: #ff0000  }
.text-gray{color:#999}
.text-deep-gray{color:#666!important;}
.text-deep-grey{color:#666!important;}
.bg-white{background-color:#fff!important;}
.bg-gray{background-color:#edf4f5!important;}
.bg-gray:hover{box-shadow: none!important;}
.bgcF5F5F5{background-color:#F5F5F5}
.bg-grey{background-color:#eee}
.breadcrumb{margin:0;font-size:12px;padding:0;line-height:60px;background:none}
.breadcrumb a{color:#999;}
.breadcrumb a:hover{color:#666;}
.breadcrumb .active{color:#ccc}
.breadcrumb-join-gt>li+li:before{
    font-family: serif, cursive;
    content: ">";
}
.pagination>li>a, .pagination>li>span{color:#3D3D3D;border-color:#EDEDED;}
.pagination>li>span i,.pagination>li>span em{font-style: normal;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #EC6300;border-color:#EC6300}
.line-bottom{margin:20px 0;height:1px;border-bottom:1px solid #e6eced;clear:both}
.line-bottom+.box>.titlebar{padding-top:10px}
.font12{font-size:.75rem!important}
.font14{font-size:.875rem!important}
.font16{font-size:1rem!important}
.font18{font-size:1.125rem!important}
.font24{font-size:1.525rem!important}
.font-w{font-weight: bold!important;}
.input-lg.font14{font-size:.875rem}
.no-pd{padding: 0;}
.pointer{cursor:pointer}
.col-inline{display:inline-block;padding:0 15px}
.mr50{margin:0 50px;}
.h-1{height:1px}
.w-full{width: 100%!important;}
.w-100{width: 100px!important;}
.w-140{width: 140px!important;}
.w-150{width: 150px!important;}
.w-180{width: 180px!important;}
.w-220{width: 220px!important;}
.w-300{width: 300px!important;}
.w-400{width: 400px!important;}
.h-40{height: 40px!important;}

.btn-grey{background-color:#edf4f5;border-color:#ccc;color:#333;text-align: center;width:120px; padding: 6px}
.btn-grey .fa{float:left;padding: 5px;background-color: #333;color:#fff;margin-right: 5px}
.btn-grey:hover, .btn-grey.active{background-color: #ff9300;color:#fff;border-color:#cf7700}
.btn-org, .btn-org:hover, .btn-org:active{background-color:#ff9300!important;color:#fff;}
.form-so-simple .form-control{display: none;}
.form-so-simple .input-group-btn{text-align: right;}
.form-so-simple .fa{font-size: 18px;}
.form-so-simple .btn-org,
.form-so-simple .btn-org:hover,
.form-so-simple .btn-org:active,
.form-so-simple .btn-org.active{
    background-color:transparent!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color:#333;
    outline: none;
}
.radio-inline, .checkbox-inline{margin-right: 15px;padding-left: 20px;}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{margin-left: 0;}

.preview-text{position:fixed;z-index:1101;top:0;right:0;font-size:.875rem;color:#fff;line-height:36px;padding:0 15px;background:#ff9300}
.yz-button:before{content:'';position:relative;display:inline-block;height:100%;width:1px;margin-left:-1px;vertical-align:middle}
.yz-button:hover, .yz-button:active{background-color:inherit;border-color:inherit}

.toast{position:fixed;left:0;right:0;padding:0 40px;z-index:99999;top:50%;margin-top:-20px;text-align:center}
.toast span{display:inline-block;padding:8px 12px;color:#fff;font-size:14px;background-color:rgba(0,0,0,.5);border-radius:6px;}
.fixed-ht{height: 100%;overflow: hidden;}
/* bootstrap */
.modal{z-index: 1500;}
.modal-backdrop{z-index: 1450}
.modal-fluid, .modal-full{width:auto;margin:0 auto;padding:60px;}
.modal-full{max-width:1200px;}
.tooltip.left .tooltip-arrow {border-left-width: 6px;}
.tooltip.right .tooltip-arrow {border-right-width: 6px;}
.tooltip.top .tooltip-arrow {border-top-width: 6px;}
.tooltip.bottom .tooltip-arrow {border-bottom-width: 6px;}

.topbar{background-color: #202020;height:36px;line-height:36px;color:#fff}
.topbar-ct{font-size:0.875rem;background:#202020;}
.topbar-ct span{float:left}
.topbar a{color:rgba(255,255,255, .75)}
.topbar a:hover{color:#fff}
.topbar-ct .spot-line{margin:12px 15px;border-left:1px solid rgba(255,255,255,.35);height:12px}
.lang-bar span{margin-right:10px}

.sort-topbar{background-color: #202020;height:48px;line-height:48px;color:#aaa;position: relative;display: none}
.sort-topbar .container{width:auto;padding:0}
.sort-topbar .fa{display:inline-block;width:48px;text-align:center;font-size:1rem;}
.sort-nav-bar .fa{cursor: pointer;font-size:1.3rem;}
.sort-nav-bar:hover{background-color:#EC6300;color:#fff}
.sort-topbar img{height:28px;position:absolute}
.sort-topbar a{color:#aaa}
.sort-topbar a:hover{color:#EC6300}
.sort-navbar .modal-dialog{position: absolute;left:-200px;top:0;bottom:0;margin: 0;background-color:rgba(0,0,0,.75);max-width:200px}
.sort-navbar .modal-dialog .logo{display:block;margin:20px 10px 10px 10px;cursor: pointer}
.sort-navbar .modal-dialog ul li{line-height: 250%;font-size: 1rem;padding: 0 30px 0 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.sort-navbar .modal-dialog ul li:last-child{border-bottom:0}
.sort-navbar .modal-dialog ul li a{color: #aaa}
.sort-navbar .modal-dialog ul li:hover{background-color: #EC6300}
.sort-navbar .modal-dialog ul li:hover a{color: #fff}

.modal-open .in.sort-navbar .modal-dialog{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px);}

.header-affix.affix{width:100%;z-index:1100;border-bottom:1px solid #e6eced}
.header-affix.affix+.header-affix-placeholder{height:116px;}
.header-black .header-affix.affix+.header-affix-placeholder{height:60px;}


.header{height:80px;position:relative;z-index:1002;background-color:#fff;}
.header .container{background-color:#fff;}
.header .logo-container{height: 80px;float: left; display: flex;align-items:center;margin-right:40px}
.header .logo{max-height: 60px;}
.header h2.logo{}
.header .navbar-nav li{font-size:1.125rem;color:#1a1a1a;position:relative}
.header .navbar-nav>li>a{padding:30px 20px 0;height:80px;font-weight:100;color:#222}
.header .navbar-nav>li:hover>a,
.header .navbar-nav>li>a:hover,
.header .navbar-nav>li.open>a,
.header .navbar-nav>li.open>a:focus,
.header .navbar-nav>li.open>a:hover,
.header .navbar-nav>li.active,
.header .navbar-nav>li.active>a{color:#EC6300;}
.header .navbar-nav a:focus, .header .navbar-nav a:hover,
.header .navbar-nav .open>a, .header .navbar-nav .open>a:focus, .header .navbar-nav .open>a:hover{background:none;}
.header .navbar-nav .open>a, .header .navbar-nav .open>a:focus, .header .navbar-nav .open>a:hover{border:0}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height:600px}
.header .news-nav .news-nav-l li:hover a{border-bottom:0}
.header .form-so{float:right;width:200px}
.header .form-so-simple{width:45px}



.header-black .header{height: 60px;}
.header-black .header .logo-container{height:60px;}
.header-black .header .logo{max-height: 40px;}
.header-black .header form{margin-top:13px;}
.header-black .header-affix.affix{border-bottom:none}
.header-black-home .header-black .header-affix-placeholder{display:none}
.header-black .header .container{background-color:transparent;}
.header-black .header{background-color:#000;}
.header-black .header .navbar-nav>li>a{padding:20px 20px 0;height: 60px;color:rgba(255, 255, 255, 0.73);}
.header-black .topbar{display:none}
.header-black .form-control{height:33px;}

.navbar-hover > li > a {text-align: center}
.navbar-hover > li:hover {color: #222 !important}
.navbar-hover .chn, .navbar-hover .eng {
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar-hover .eng {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    color: #EC6300;
}
.navbar-hover > li:hover .eng {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 1;
}
.navbar-hover > li:hover .chn {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
}

.nav-menu-horizontal .dropdown-menu{border:0!important;}
.nav-menu-horizontal .dropdown-menu:before{display:block;content:'';border-top:1px solid #ececec;background:#fff;position:absolute;top:0;left:-2000px!important;right:-2000px!important;height:100%!important;
    -webkit-box-shadow: 0 8px 10px rgba(0,0,0,.175);
    -moz-box-shadow: 0 8px 10px rgba(0,0,0,.175);
    box-shadow: 0 8px 10px rgba(0,0,0,.175);
}
.nav-menu-horizontal .dropdown-menu{
    -webkit-box-shadow:none!important;
    -moz-box-shadow: none!important;;
    box-shadow:none!important;;
    white-space: nowrap!important;;
    padding:15px 0;
}
.nav-menu-horizontal .dropdown-menu>li{display:block;border-radius:4px;overflow:hidden;vertical-align:middle;float: left}
.header .nav-menu-horizontal>li>.dropdown-menu>li>a{padding-left:15px;padding-right:15px;}

.header form{margin-top:23px}
.header form .form-group{position: relative}
.header form .form-group .form-control{border-right:44px; }
.header-container form{margin-top:17px;position:relative;z-index:5;}
.header-container form .form-group{margin-bottom:0}
.header-container form .glyphicon-search{color:#999;border:0;background:none;pointer-events:auto;outline:none}
.header-container form .form-control{color:#fff;border:1px solid transparent;background:rgba(255,255,255,.25)}
.header-container form .form-control:focus{color:#333;box-shadow:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.9)}
.navbar-nav li.spill {
    float: none;
    max-width: 180px;
    min-width: 150px;
    background-color: #fff;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.navbar-nav .spill-box .fa-ellipsis-h,
.navbar-nav .spill-box{
    color: #666;
}
.navbar-nav .spill-con{
    position: absolute;
    left: 0;
    top: 79px;
    background-color: #fff;
    border: 1px solid #eee!important;
    border-top:none!important;
}
.navbar-nav .spill a .chn{
    display: none;
}
.navbar-hover li.spill .eng{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    color: #666;
}
.navbar-hover li.spill:hover .eng{
    color: #fff;
}
.navbar-hover li.spill.active .eng{
    color: #fff;
}
.header .nav-menu-horizontal>li.spill-box >.dropdown-menu,
.header .nav>li.spill-box:hover>.dropdown-menu{
    display: none;
}
.header .nav-menu-horizontal>li.spill-box.open >.dropdown-menu{
    display: block;
}
.nav-menu-horizontal .spill-con.dropdown-menu:before{
    height: auto!important;
    border-top: 0!important;
}
.header .navbar-nav>li>.dropdown-menu.spill-con>li>a{
    padding: 8px 20px;
    font-size: 1rem;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{
    background-color: #FF9300;
}
/*slider*/
.carousel{z-index:100}
.carousel-lg{z-index:101}
.carousel-control{background:none!important;width: initial;}
.carousel-control.left{left:8%;}
.carousel-control.right{right:8%;}
.carousel-control .fa{display:none}
.carousel:hover .carousel-control .fa{display:block}
.carousel-indicators li{background-color:#979797;box-sizing: border-box;border:0;vertical-align:middle}
.carousel-indicators .active{background-color:#EC6300;border:2px #fff solid;height:14px;width:14px;}
.slide-lg{background:#202020}
.slide-lg .carousel-inner>.item{overflow:hidden;text-align:center;}
.slide-lg .carousel-inner .item-bd{display:inline-block;text-align:left;display:inline-block;position:relative}
.slide-lg .carousel-inner>.item img{max-width:inherit}


/*footer*/
.footer-container{clear:both;background:#fff;border-top:1px solid #e6eced}
.footer-container .footer-navbar{border-bottom:1px solid #e6eced;display:-webkit-flex;display:flex;}
.footer-container .footer-nav{flex:1;padding-left:0;padding-right:0}
.footer-container .footer-nav-item{flex:1;padding-right:30px}
.footer-container .footer-nav h3{font-size:1.125rem;margin-bottom:10px}
.footer-container .footer-nav ul{color:#999;font-size:0.875rem;line-height: 200%}
.footer-container .footer-nav ul a{color:#999}
.footer-container .footer-nav ul a:hover{color:#EC6300}
.footer-container .footer-nav-side{padding:0 30px 0 60px}
.footer-container .hot-line-title{font-size:1.125rem;margin:0 0 10px;color:#666}
.footer-container .hot-line{font-size:1.75rem}
.footer-container .copyright{line-height:24px;font-size: 0.875rem;color:#666;margin-bottom:0;padding:30px 0}
.footer-container .copyright .beian{text-align:right}
.footer-nav h3 .fa{display:none}
.powered-by{font-size:12px;}
.powered-by a{color:#337ab7;font-weight:700}

.weixin-wrap{padding:5px 0 0;text-align:center}
.weixin-wrap img{display:block}
.weixin-wrap img, .weixin-wrap h5, .weixin-wrap h6{width:100px;margin:0 auto;}
.weixin-wrap h5, .weixin-wrap h6{margin-top:5px}

.bg-white+.footer-container{margin-top:0}

.single-page{background-color:#fff;border:0px solid transparent;min-height:200px;}
.single-page-body,
.about-ct{padding:20px;color:#666;line-height:150%}
.single-page-body h1,
.single-page-body h2,
.about-ct h2{margin:20px 0;font-size:2rem;color:#999;text-align:center}
.single-page-body p{margin:20px 0}
.single-page-body table p{margin:0}
.single-page-body blockquote{margin:20px 0}
.single-page-body blockquote>p{margin-top:0}
.single-page img{max-width:100%;width: auto;height: auto;}
.single-page-body .container-full{margin-left:-20px;margin-right:-20px;}
.single-page-body>.container-full:first-child{margin-top:-20px}

.fa-loading{
    padding:1px;
    -webkit-animation:loading 1.1s infinite linear;
    animation:loading 1.1s infinite linear;
}
@-webkit-keyframes loading {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loading {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.btn .fa-loading{margin-right:6px}

/*box*/
.box{}
.titlebar{position:relative;line-height:40px;padding:20px 0 15px;}
.titlebar .title{display:inline-block;font-size:1.5rem;color:#333;font-weight:normal;}
.titlebar .filter-type{display:none;position: absolute;top:23px;right: 10px;font-size:16px;}
.titlebar .title-line{font-size:1.125rem;border-left:3px solid #ff9300;padding-left:15px;line-height:20px;margin:10px 0}
.titlebar .title .fa-lg{float:left;width:40px;height:40px;margin-right:8px;line-height:38px;text-align:center;font-size:1.75rem;color:#999}
.titlebar .styles li{font-size: 0.875rem;width: 30px!important;line-height: 30px!important;}
.titlebar .filter-menu{top:36px!important;}
.titlebar .more{float:right;line-height:40px;margin-top:3px;font-size: 0.75rem;color:#999}
.titlebar .more a:visited{color:#999}
.titlebar .more a:hover{color:#EC6300}
.titlebar .nav-list{margin-left: 10px;font-size: 0.75rem;padding-top:5px}
.titlebar .nav-list a{color:#666;padding: 0 10px;}
.titlebar .nav-list a:not(:first-child){border-left:1px solid #ddd}
.titlebar .nav-list a.active{color:#EC6300}
.box .col-sm-6{padding-left: 0;}

.img-list-news .img-list-item{margin-bottom:15px;}
.img-list-news .img-list-item .img{float:left;margin-right:15px;width:45%;}
.news-list h3{font-size: 1rem;color:#333;line-height: 175%}
.news-list p{font-size: 0.75rem;color:#999;line-height:175%;overflow: hidden;margin-bottom: 0}
.news-list-r{}
.news-list-r .col-sm-12{padding-left: 0}
.news-list-r li{margin-bottom: 20px}
.news-list-r li .img{float:left;}
.news-list-r li:last-child{margin-bottom:0}
.news-list-r img{float:left;width:100px;height:70px;overflow: hidden;margin-right: 15px;}
.news-list-r h3{font-size: 1rem;color:#333;line-height: 175%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.news-list-r p{font-size: 0.75rem;color:#999;line-height:175%;overflow:hidden;height:40px;margin-bottom: 0}

/* line */
.line-overflow{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line-overflow-2{-webkit-line-clamp:2}
.line-overflow-3{-webkit-line-clamp:3}
.line-overflow-4{-webkit-line-clamp:4}
.line-overflow-5{-webkit-line-clamp:5}
.line-height-18{line-height:18px!important;}
.line-height-20{line-height:20px!important;}
.line-height-25{line-height:25px!important;}
.line-overflow.line-height-18{min-height:18px}
.line-overflow-2.line-height-18{min-height:36px}
.line-overflow-3.line-height-18{min-height:54px}
.line-overflow-4.line-height-18{min-height:72px}
.line-overflow-5.line-height-18{min-height:90px}
.line-overflow-2.line-height-20{min-height:40px}
.line-overflow-3.line-height-20{min-height:60px}
.line-overflow-4.line-height-20{min-height:80px}
.line-overflow-5.line-height-20{min-height:100px}
.line-overflow-2.line-height-25{min-height:50px}
.line-overflow-3.line-height-25{min-height:75px}
.line-overflow-4.line-height-25{min-height:100px}
.line-overflow-5.line-height-25{min-height:125px}
.auto-height{min-height:inherit}

/* center position */
.center-in-parent,
.img>figure img,
.preview-img img,
.preview-list img,
.images-selector li img,
.table-model-list .model-col-picture .img img{
    position:relative;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.center-in-parent-h,
.slide-lg .carousel-inner>.item>img,
.product-item .img img,
.img-match-height img
{
    position:relative;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.center-in-parent-v{
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}

.img{display:block;position:relative;background:#f9f9f9 url("../images/nophoto.gif") no-repeat center;background-size:auto 30%}
.img-blank{background:none}
.img-sq-sm{width:40px}
.img-sq-md{width:60px}
figure>img{max-width:100%}
.img>figure{position:relative;padding-bottom:61.8%;overflow:hidden;height:0}
.img>figure img{position:absolute;max-width:100%;max-height:100%}
.img-square{}
.img-square>figure{padding-bottom:100%}
.img-bordered:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.05)}

.square{position:relative;overflow:hidden}
.square:after{content:'';position:absolute;width:100%;height:100%;border:1px solid rgba(0,0,0,.03);top:0;left:0;}
.square .img>figure{padding-bottom:100%}
.square-60{width:60px}
.img-list-item .img img,
.img-match-parent img{min-width:100%;min-height:100%}
.img-match-width img{width:100%}
.img-match-height img{height:100%}

.img-animate:hover img,
.product-item:hover .img img{
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transform: scale(1.05) translate(-50%, -50%);
    transform: scale(1.05) translate(-50%, -50%);
}
.product-item:hover .img img,
.preview-list .img:hover img{transform: scale(1.05) translateX(-47.5%)}
.img-animate:hover .img>figure img,
.img-animate:hover figure.img img{
    -webkit-transform: scale(1.05) translate(-50%,-50%);
    transform: scale(1.05) translate(-50%,-50%);
}
.img-animate:hover img.center-in-parent{
    -webkit-transform: scale(1.05) translate(-50%, -50%);
    transform: scale(1.05) translate(-50%, -50%);
}
.img-animate:hover img.center-in-parent-h,
.img-match-height:hover img{
    -webkit-transform: scale(1.05) translateX(-50%);
    transform: scale(1.05) translateX(-50%);
}
.img-animate:hover img.center-in-parent-v{
    -webkit-transform: scale(1.05) translateY(-50%);
    transform: scale(1.05) translateY(-50%);
}

.img-list{}
.img-list-item{display:block;font-size:0.75rem}
.img-list-rows .img-list-item{margin-bottom:15px}
.img-list-item .img{display:block;position:relative;background-color:#f9f9f9}
.img-list-item h3{margin:15px 0 10px;font-size:1rem;height:20px;line-height:20px;overflow:hidden}
.img-list-white .img-list-item{background:#fff;padding:0 20px 20px;transition:all 0.3s ease;}
.img-list-white .img-wrap,
.img-list-white .img-list-item>.img,
.img-list-white .img-list-item>figure{margin-left:-20px;margin-right:-20px;}
.img-list-white .img-list-item h3{margin:20px 0 0;}
.img-list-white .img-list-item .desc{margin:10px 0 0}
.img-list-white .img-list-item .img{background-color:#fff}
.img-list-120 .img-list-item .img{padding-bottom:120px}
.img-list-140 .img-list-item .img{padding-bottom:140px}
.img-list-160 .img-list-item .img{padding-bottom:160px}
.img-list-square .img-list-item .img{padding-bottom:100%}
.img-list-4-3 .img-list-item .img{padding-bottom:75%}
.img-list-auto-width .img-list-item .img img{min-width:auto;}
.masonry-list img{display:block;width:100%}
.masonry-list .img-list-item{background:#fff}


.img-wrap{position:relative}
.img-wrap:empty, .img-wrap-empty, .img-wrap-grey{background:#f5f5f5}
.img-wrap img{position:relative;height:100%;display:block}
.img-logo-wrap img{max-height:60px}
.img-square-wrap, .img-circle-wrap{width:96px;height:0;padding-bottom:100%;overflow:hidden}
.img-circle-wrap{border-radius:50%}
.img-circle-wrap img,
.img-square-wrap img{position:absolute}
.img-auto-wrap img{display:block;max-width:100%;max-height:200px;height:auto}
.img-auto-wrap .center-in-parent{position:static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform:none}
.img-auto-wrap+.btn-img-uploader{margin-top:15px}
.img-auto-wrap.img-wrap-empty+.btn-img-uploader{margin-top:0}

.img-remove{display:none;color:#fff;width:24px;height:22px;line-height:20px;text-align:center;overflow:hidden;position:absolute;right:0;top:0;background:rgba(0,0,0,.35);cursor:pointer;font-size: 14px}
.img-remove:hover{background:#e91022;border-color:#e91022}
.img-wrap-hover .img-remove{display:inherit}




.product-item{display:block;overflow:hidden;text-align:left; margin-bottom:30px;background-color:#fff}
.product-item:hover{position:relative;box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);background:#EC6300;color:#fff}
.product-item:hover span.text-gray{color:#fff}
.product-item:hover .text-org{color:#fff}
.product-item:hover:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;border:2px #EC6300 solid;}
.product-item .img{display:block;padding-bottom:100%;margin-bottom:15px;overflow:hidden;position:relative;background-color:#f9f9f9}
.product-item .img img{position:absolute!important;height:100%;min-width:100%}
.product-item .text{padding:0 15px 15px;font-size:0.75rem;line-height:18px}
.product-item h3{margin-bottom:5px;font-size:1rem;line-height:20px;text-overflow:ellipsis;overflow: hidden;white-space:nowrap}
.product-item span.text-gray{display:block;overflow:hidden;height:36px;}

.product-series-bg-gray .product-item{background:#f9f9f9}
.product-series-bg-gray .product-item:hover{background: #EC6300}

.case{border:none!important;background:none!important;}
.case h3, .case h4, .case h5, .case h6{padding-left: 0!important;}
.case h6{font-size: 0.75rem;color:#999;line-height: 150%}
.case h6 a{color:#999}
.case .col-sm-12{padding-left: 0;padding-right: 0}

.love:hover{border:1px #EC6300 solid}

.product-list{background-color: #e8e8e8!important;position: relative}
.product-list:hover{background-color:#EC6300!important;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.25);
    box-shadow: 0 0 10px rgba(0,0,0,.25);}
.product-list:hover a{color:#fff}
.product-list .img{background-color: #fff!important;display: block}

.product-pic img{/*min-width:100%;height:400px*/display:block;width:100%;height:auto;}
.product-pic .col-sm-6,
.product-pic .col-sm-3{padding-right:0;padding-left: 0;position: relative}
.product-pic .col-sm-3:after{content:''; width: 0px; display: block; border-left: 1px solid #f3f3f3; position: absolute; top: 0; bottom: 0; left: 0}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 120dpi),
(-ms-high-contrast: active),
(-ms-high-contrast: none){
    .product-pic .col-sm-6 .col-sm-6:after{
        transform: scaleX(0.5);
        -webkit-transform: scaleX(0.5);
        -webkit-transform-origin:0 0;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3){
    .product-pic .col-sm-6 .col-sm-6:after{
        transform: scaleX(0.333);
        -webkit-transform: scaleX(0.333);
        -webkit-transform-origin:0 0;
    }
}

.form-param-filter .form-group .control-label{font-weight:normal;color:#666;}
.form-param-filter.hide+.sort-bar{margin-top:0}
/* series filter */
.param-filter-item{display:inline-block;vertical-align:bottom;padding-right:8px;width:98px;margin-bottom: 15px}
.param-filter h3{font-size:12px;margin-bottom:8px;margin-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.param-filter ul{margin-bottom:10px;/*overflow:hidden;*/padding-top:1px}
.param-filter li{height:26px;border:1px #ccc solid;padding:0 8px;background:#f8f8f8;line-height:25px;font-size:12px;margin-top:-1px;cursor:pointer;position:relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.param-filter li .fa-ico{width:24px;height:24px;float:left;margin-left:-8px;margin-right:8px;vertical-align:middle;}
.param-filter li .fa-ico img{float:left;max-width:24px;max-height:24px}
.param-filter li .fa-ico-img{width:25px;border-right:1px solid #ddd}
.param-filter li .fa-color{width:16px;height:16px;margin:4px 8px 4px -4px;opacity:.8}
.param-filter li .fa{position:absolute;right:5px;top:6px;font-size:14px;}
.param-filter li:hover, .param-filter dd:hover{z-index:1;border-color:#EC6300;background:#fff}
.param-filter li.active{color:#fff;z-index:1;background:#EC6300;border-color:rgba(0,0,0,.2);position:relative}
.param-filter li.loading:after{display:none}
.param-filter li.disabled{opacity:.55;cursor:not-allowed}
.param-filter li.disabled:hover{border-color:#aaa;background:#f5f5f5;}
.param-filter dd{width:25%;height:30px;line-height:28px;font-size:12px;border:1px #aaa solid;margin:-1px 0 0 -1px;float:left;padding:0 6px;background:#dcdcdc;cursor:pointer;position:relative;}
.param-filter dd .fa{position:absolute;right:5px;top:0px;line-height:26px;font-size:14px;}

.param-filter-col-2 ul,
.param-filter-col-3 ul,
.param-filter-col-4 ul,
.param-filter-col-5 ul{padding-left:1px}
.param-filter-col-2 ul li,
.param-filter-col-3.param-filter-count-2 ul li,
.param-filter-col-4.param-filter-count-2 ul li,
.param-filter-col-5.param-filter-count-2{float:left;margin-left:-1px;width:50%}
.param-filter-col-3 ul li,
.param-filter-col-4.param-filter-count-3 ul li,
.param-filter-col-5.param-filter-count-3 ul li{float:left;margin-left:-1px;width:33.333333%}
.param-filter-col-4 ul li,
.param-filter-col-5.param-filter-count-4 ul li{float:left;margin-left:-1px;width:25%}
.param-filter-col-5 ul li{float:left;margin-left:-1px;width:20%}
.param-filter-col-2.param-filter-count-1 ul li,
.param-filter-col-3.param-filter-count-1 ul li,
.param-filter-col-4.param-filter-count-1 ul li,
.param-filter-col-5.param-filter-count-1 ul li{width:100%}

.param-filter-check .col-md-3{width:12.5%}
.param-filter-check h3{font-weight:bold;}
.param-filter-check ul{padding:0}
.param-filter-check ul li{white-space:normal;margin:5px 0!important;float:none;width:100%!important;border:0;background:none;padding-left:20px;line-height:16px;height:auto;}
.param-filter-check ul li:before{content:'';width:14px;height:14px;border:1px solid #999;position:absolute;left:0;top:0}
.param-filter-check ul li.active{background:none;color:inherit}
.param-filter-check ul li.active:after{content:'';width:8px;height:8px;position:absolute;top:3px;left:3px;background:#999}
.param-filter-check ul li:hover,
.param-filter-check ul li.disabled:hover{background:none}
.param-filter-check li .fa{top:2px}

.sort-bar{margin:10px 0;}
.sort-row{height:40px}
.sort-bar .sorts{float:left;line-height:40px}
.sort-bar .sorts li{float:left;}
.sort-bar .sorts li a{padding:0 15px}
.sort-bar .sorts li.active{background:#EC6300;}
.sort-bar .sorts li.active a{color:#fff}
.sort-bar .styles, .titlebar .styles{float:right;border-left:1px solid #ddd;}
.sort-bar .styles li, .titlebar .styles li{float:left;line-height:40px;width:40px;text-align:center;color:#fff;background-color: #ccc}
.sort-bar .styles li.active, .titlebar .styles li.active{border:none;background:#EC6300;color:#fff}
.sort-bar .pager{margin:0;float:right;line-height:40px}
.sort-bar .pager .fa{font-size: 1rem}
.sort-bar .pager a{float:left;padding:0 15px;}
.sort-bar .pager span{float:left;font-size:12px}
.sort-bar .pager strong{color:#EC6300;font-weight:normal;}
.sort-bar .dropdown button{color:#666;height:40px;padding:0 21px;border:none;background:none}
.sort-bar .dropdown button .fa{margin-left:4px}
.sort-bar .dropdown.open button{position:relative;z-index:1002;height:41px;border:1px solid #ddd;padding:0 20px;border-bottom-color:#fff;background:#fff;}
.sort-bar .dropdown .dropdown-menu{margin-top:-1px;border-radius:0;box-shadow:none}
.sort-bar .dropdown .dropdown-menu>li>a:hover,.sort-bar .dropdown .dropdown-menu>li>a:focus{background:#EC6300;}
.sort-bar .checkbox-group{float:right;line-height:23px;padding:8px 15px}


.category-affix-nav{top:136px;width:180px;overflow: hidden}
.category-affix-nav h3,
.category-affix-nav .hd{font-size:0.875rem;line-height:34px;color:#666}
.category-affix-nav .hd{background:#ddd;padding-left:15px}
.category-affix-nav .hd a{display: none;}
.category-affix-nav h3 .fa{width:30px;text-align:center}
.category-affix-nav ul{line-height:35px}
.category-affix-nav ul li{padding-left:33px}
.form-param-filter{}

.product-list-wrap{}
.product-list-wrap-with-side{width:100%;position:relative;float:left;margin-right:100%;}
.breadcrumb +.product-list-wrap>.titlebar:first-child{padding-top:0}

/* product-cate*/
.product-cate-wrap{width:180px;position:relative;z-index:1;float:left;margin-right:-100%}
.product-cate-wrap+.product-list-wrap-with-side{padding-left:210px}
.product-cate-title{font-size:1rem;line-height:40px;color:#666}

.filter-nav-cate{overflow-y:auto;overflow-x:hidden;max-height:200px;padding:0 5px}
.filter-nav-cate ul ul{display:none;margin-bottom:5px}
.filter-nav-cate ul{margin:0}
.filter-nav-cate li{padding-left: 0!important;}
.filter-nav-cate h4{font-size:0.75rem;margin: 0}
.filter-nav-cate>ul>li>h4{border-top:1px solid #f3f3f3}
.filter-nav-cate>ul>li:first-child>h4{border-top:none}
.filter-nav-cate li li,
.filter-nav-cate li li h4{font-size:0.75rem}
.filter-nav-cate a{display:block;padding-top:6px;padding-bottom:6px;line-height:18px}
.filter-nav-cate li.active > h4{color:#333}
.filter-nav-cate li.active > h4 a, .filter-nav-cate h4 a:hover{color:#333}
.filter-nav-cate li.selected > h4 a{color:#EC6300}
.filter-nav-cate li.active > ul{display:block}
.filter-nav-cate li.active > ul > li.active h4{color:#666}
.filter-nav-cate li > h4 a:after{float:right;width:28px;text-align:center;content:'';height:20px;color:#ccc;}
.filter-nav-cate li.has-child > h4 a:after{font-weight:100;content:"\f105";font-size:1rem;font-family:FontAwesome}
.filter-nav-cate li.has-child.active > h4 a:after{content:'\f107'}
.filter-nav-cate span{color:#bbb;padding-left:4px;font-size:0.75rem;font-weight: normal}
.filter-nav-cate li li a{padding-left:15px}
.filter-nav-cate li li li a{padding-left:30px}
.filter-nav-cate li li li li a{padding-left:45px}
.filter-nav-cate li li li li li a{padding-left:60px}

.filter-nav-cate .radio-inline input[type=radio],
.filter-nav-cate .checkbox-inline input[type=checkbox]{margin-left:-20px;margin-top:0}
.filter-nav-cate::-webkit-scrollbar{width:8px}
.filter-nav-cate::-webkit-scrollbar-thumb{border-radius:4px;background:#f0f0f0}

/*nav-cate*/
.nav-cate{padding:0}
.nav-cate>ul{background:#fff}
.nav-cate ul ul{display:none;margin-bottom:5px}
.nav-cate ul{margin:0}
.nav-cate li{padding-left: 0!important;}
.nav-cate h4{font-size:0.875rem;margin: 0}
.nav-cate h4>i{}
.nav-cate>ul>li>h4{border-top:1px solid #f5f5f5;padding:2px 0}
.nav-cate>ul:first-child>li:first-child>h4{border-top:0}
.nav-cate li li,
.nav-cate li li h4{font-size:0.75rem}
.nav-cate a{display:block;padding:6px 30px 5px;line-height:18px;position:relative}
.nav-cate li.selected > h4 a{color:#EC6300;font-weight:bold}
.nav-cate li.active > ul{display:block}
.nav-cate li.active > ul > li.active h4{color:#666}
.nav-cate li > h4 a:after{position:absolute;top:6px;right:0;width:30px;padding-left:2px;text-align:center;content: '';line-height:18px;color:#ccc;}
.nav-cate li.has-child > h4 a:after{font-weight:100;content:"\f105";font-size:1rem;font-family:FontAwesome}
.nav-cate li.has-child.active > h4 a:after{content:'\f107'}
.nav-cate span{color:#bbb;padding-left:4px;font-size:0.75rem;font-weight: normal}
.nav-cate li a{padding-left:15px}
.nav-cate li li a{padding-left:27px}
.nav-cate li li li a{padding-left:39px}
.nav-cate li li li li a{padding-left:51px}
.nav-cate li li li li li a{padding-left:63px}
.nav-cate li li li li li li a{padding-left:75px}
.nav-cate li li li li li li li a{padding-left:87px}

/*download*/
.download{}
.download .title{font-size:14px;margin-top:30px}
.download li{line-height:30px;margin-bottom: 20px}
.download li a{position:relative;display:block;height:50px;padding:9px 10px 9px 48px;font-size:0.875rem;background-color:#fff;color:#999;cursor:pointer;margin-bottom: 0}
.download li a:hover{background-color:#EC6300;color:#fff}
.download li a p{height:32px;margin:0;display:table-cell;vertical-align:middle}
.download li a span{line-height:16px;max-height:32px;word-break:break-all;display:inline-block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.download li .fa{position:absolute;left:10px;top:10px;border-radius:3px;font-size:1.325rem;color:#fff;background-color:#EC6300;padding:5px;margin-right:10px;line-height: 20px}
.download-gray li a{background-color:#f3f3f3;color:#333}

/* prieview */
.product-info-ct{position:relative;margin-bottom: 60px;}
.product-preview{position:relative;z-index:1}
.product-info{position: relative;}
.product-info .nav-tabs>li>a{border-radius:0;color:#666;}
.product-info .nav-tabs>li.active>a{color: #FF9300;}
.product-info .nav>li>a:focus, .product-info .nav>li>a:hover{background-color: #fff;}
.preview-img{position:relative;height:0;overflow:hidden;padding-bottom:100%;background:#fff}
.preview-img:after{content:'';border:1px solid rgba(0,0,0,.05);position:absolute;top:0;left:0;right:0;bottom:0}
.preview-img figure{position:absolute;top:0;left:0;right:0;bottom:0;height:100%}
.preview-img img{height:auto;width:auto;max-width:100%;max-height:100%}

.product-info-ct .parts .img{float:left;margin-right:15px}
.product-info-ct .parts .col-sm-6{margin-bottom: 20px}
.product-info-ct .tab-content{padding:20px 0}
.product-info-ct .tab-content .img-ct{overflow: hidden;display: block;max-height: 200px}
.product-info-ct .tab-content .img-ct img{width:100%}
.product-info-ct-no-pic .product-preview{display:none}
.product-info-ct-no-pic .product-info{float:none;padding:0;margin-right:0}

.parameter{position:relative;font-size: 0.75rem;color:#666;border:1px solid #ddd;border-width:0 1px 1px 0}
.parameter:before{/*content:'';width:90%;height:30px;position:absolute;right:-2px;bottom:-1px;border:1px solid #ddd;border-width:1px 0;*/}
.parameter>li{position:relative;display:inline-flex;float:left;width:50%;line-height:28px;border:1px solid #ddd;border-width:1px 0 0 1px;}
.parameter>li span{display:block;padding:0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.parameter>li span:first-child{min-width:150px;overflow:inherit;background:#f5f5f5;border-right:1px solid #ddd}
.parameter .more{position: absolute;bottom:-30px;right:0;line-height: 30px;padding: 0 10px}
.parameter .more:hover{background-color: #EC6300;color:#fff}
.parameter-lg{}
.parameter-lg>li{width:33.333333%}
.parameter-list>li{line-height:25px;float:none;width:100%;border:0}
.parameter-list,
.parameter-list:before,
.parameter-list>li span{border:0}
.parameter-list>li span:first-child{font-weight:bold;background:none;border:0;padding-left:0}

.title-h2{line-height:30px;}
.title-h2 .more{line-height:30px}
.title-h2 .more a{float:left;background:#ddd;color:#666;font-size: 12px;padding:0 10px;}
.title-h2 .more a:hover{background:#02b980;color:#fff}
.title-h2 .more .fa{float:left;line-height:30px;padding:0 12px;background:#333;color:#fff;cursor:pointer}
.preview-ctrl{margin:10px 0 0;padding:0 23px;position:relative;}
.preview-ctrl-no-angle{padding:0}
.preview-ctrl-no-angle a{display:none}
.preview-ctrl-forward, .preview-ctrl-backward{color:#ccc;line-height:54px;position:absolute;top:0;width:23px;}
.preview-ctrl a.disabled {color:#ddd;}
.preview-ctrl-forward{left:0}
.preview-ctrl-backward{right:0;text-align:right;}
.preview-ctrl-forward .fa, .preview-ctrl-backward .fa{font-size:36px;line-height:54px;}
.preview-list{height:54px;overflow:hidden;position:relative}
.preview-list ul{float:left;width:9999px;position:absolute;left:0;}
.preview-list li{float:left;margin-right:6px;cursor:pointer;width:54px;height:54px;overflow:hidden;position:relative}
.preview-list li.active:before,.preview-list li:hover:before{content:'';border:2px solid #EC6300;width:100%;height:100%;position:absolute;z-index:1}
.preview-list img{vertical-align:inherit;max-width:100%;max-height:100%}

.btn-group-model{padding:20px;background-color:#fff;border:1px #ccc solid;border-radius:4px}
.btn-group-model .fa, .btn-with-ico .fa{float:left;margin:-1px 0 0 -6px;width:22px;height:22px;line-height:22px;border-radius:3px;background:#333;color:#fff}
.btn-with-ico{width:140px;background:#f9f9f9}
.btn-group-model .btn-with-ico{width:inherit}
.btn-group-model .btn-block+.btn-block{margin-top:10px}

.preview-r-r li{background-color:#edf4f5;border:1px #ddd solid;text-align: center;line-height: 32px;cursor: pointer}
.preview-r-r li.line-bottom{border-top:0}
.preview-r-r li .fa{padding:4px;width:22px;background-color: #333;color:#fff;float:left;margin: 5px;}
.preview-r-r li:hover, .preview-r-r li.active{background-color: #EC6300;color:#fff}
.preview-r-r p{line-height: 50px;color:#999}
.preview-r-r p span{margin-right: 20px;cursor: pointer}
.preview-r-r p span:hover{color:#EC6300}
.preview-r-r p span .fa{margin-right:6px;}


.product-nav{margin-top: 40px;background-color: #fff}
.product-nav .nav-tabs{background-color: #e6e6e6;font-size: 1rem}
.product-nav .nav-tabs>li>a{color:#333}
.product-nav .nav-tabs>li.active>a, .product-nav .nav-tabs>li.active>a:focus, .product-nav .nav-tabs>li.active>a:hover{color:#EC6300;border-top:2px #EC6300 solid;border-bottom:none;border-left:none;border-right:none}
.product-nav .nav-tabs>li>a{border-radius:0}
.product-ct{padding: 30px 20px}
.product-ct .guige{margin: 20px 0;font-size: 0.875rem}
.product-ct .guige li{line-height: 250%;color: #999}
.product-ct .guige li span{float:left;width:50%}
.product-ct .line-bottom{margin: 40px 0;border-color:#f3f3f3}

.model-parts-list .img-list-item{padding:0 15px 0 0;margin-bottom:30px}
.model-parts-list .img-list-item:hover{background-color:#f9f9f9}
.model-parts-list .img-list-item .img{width:120px;padding-bottom:120px;float:left;margin:0 15px 0 0}
.model-parts-list .img-list-item h3{font-size:0.875rem;margin:10px 0;word-break:break-all}

.application-pic .col-sm-9, .application-pic .col-sm-3{padding: 0}
.application-pic .col-sm-9 img, .application-pic .col-sm-3 img{width:100%}

.product-index{position: relative;min-height: 500px}
.product-index-l{position:absolute;top:0;width:200px}
.product-index-l .product-cate-wrap{top:33px;left:0;background-color: transparent}
.product-index-r{padding-left:210px}
.product-index-r .focus{position: relative}
.product-index-r .focus img, .product-index-r .bigimg{width: 100%}

/* Product Model */
.title-bar-sm{font-size:0.875rem}
.title-bar-sm .fa{color:#fff;background-color:#EC6300;width:20px;height:20px;margin:0 10px 20px 0;line-height:20px;text-align: center}

.model-params-list{margin-left:-30px;margin-right:-30px;}
.model-params-list li{margin:3px 0}

.images-selector{padding:3px 0;margin-right:-3px;margin-left:-3px;}
.images-selector li{float:left;width:20%;padding:3px}
.images-selector li span{display:block;padding-bottom:100%;position:relative;overflow:hidden;cursor:pointer}
.images-selector li img{max-height:100%;max-width:100%;position:absolute}
.images-selector li.active span:after{content:'';width:100%;height:100%;border:2px solid #EC6300;position:absolute;top:0;left:0}

.focus-zoom{opacity:.5;position: absolute;top:0;right:0;width:40px;height:40px;z-index: 99;display: none;padding: 11px;background-color:rgba(0,0,0,.2)}
.focus-zoom-sm{margin: -8px -8px 0 0 ;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);}
.focus-zoom:hover{background-color:#EC6300;opacity:1;}
.carousel:hover .focus-zoom{display:none}

.focus-images .carousel-inner{overflow:visible}
.focus-element{position:relative;display:block;background:#fff}
.focus-element img{position:relative}
.focus-element .hover-img{width:100%;position:absolute;top:0;left:0;z-index:1;}
.focus-body-el{display:none}

.focus-item{min-width:36px;min-height:36px;position:absolute;z-index:1000}
.focus-item-ico{cursor:pointer;width:36px;height:36px;position:absolute;top:0;left:0}
.focus-item:hover{z-index:1001}
.focus-item:hover .focus-item-ico:before{background-color:#ff9300}
.focus-item:not(.focus-item-empty):hover .focus-item-ico{z-index:1001;background:transparent;content:'';border-radius:50%;}
.focus-item:not(.focus-item-empty):hover .focus-item-ico:before{display:block !important;width:8px;height:8px;background:#ff9300;left:12px;top:12px;}
.focus-item:not(.focus-item-empty):hover .focus-item-ico:before,
.focus-item:not(.focus-item-empty):hover .focus-item-ico:after{display:none}
.focus-item .tooltip-inner{white-space:nowrap}
.focus-item-text{background:none;position:absolute;z-index:2;top:0;left:0;border:0;padding:0;margin:0;border-radius:0;cursor:default;font-family:inherit;line-height:inherit}
.focus-item-button{position:absolute;top:0;left:0;z-index:2}
.overflow-visible{overflow:visible !important}

.focus-item-default,
.focus-item-org,
.focus-item-red,
.focus-item-gray{margin:6px 0 0 6px;width:24px;height:24px;background:rgba(255,255,255,.1);border-radius:50%;}

.focus-item-default:before,
.focus-item-org:before,
.focus-item-red:before,
.focus-item-gray:before{
    content:'';
    width:8px;height:8px;
    background: rgba(255,255,255,.25);
    position:absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius:50%;
}

.focus-item-org:before{background:#EC6300}
.focus-item-red:before{background:rgba(255,0,0,.25);}
.focus-item-gray:before{background:rgba(0,0,0,.25);}

.focus-item-forward,
.focus-item-turn-left,
.focus-item-turn-right,
.focus-item-left-top,
.focus-item-right-top,
.focus-item-pointer,
.focus-item-zoom,
.focus-item-close,
.focus-item-helicopter,
.focus-item-down,
.focus-item-bag,
.focus-item-buy,
.focus-item-img{background:url('../images/icon.png') no-repeat}

.focus-item-forward{background-position:-360px -550px}
.focus-item-turn-left{background-position:-280px -550px}
.focus-item-turn-right{background-position:-320px -550px}
.focus-item-left-top{background-position:-480px -550px}
.focus-item-right-top{background-position:-440px -550px}
.focus-item-pointer{background-position:-400px -550px}
.focus-item-zoom{background-position:-240px -550px}
.focus-item-close{background-position:-80px -550px}
.focus-item-helicopter{background-position:-40px -550px}
.focus-item-down{background-position:0px -550px}
.focus-item-bag{background-position:-200px -550px}
.focus-item-buy{background-position:-160px -550px}
.focus-item-img{background-position:-120px -550px}

.focus-item-ico-ar:after{
    content:'';width:24px;height:24px;position:absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    animation: focusItemIcoAr 1.5s infinite;
    -webkit-animation: focusItemIcoAr 1.5s infinite;
    border:2px solid rgba(255,255,255,.5);
    border-radius:50%
}
.focus-item-ico-lr{
    animation: focusItemIcoLr 1.3s infinite;
    -webkit-animation: focusItemIcoLr 1.3s infinite;
}
.focus-item-forward,
.focus-item-ico-bt{
    animation: focusItemIcoBt 1s infinite;
    -webkit-animation: focusItemIcoBt 1s infinite;
}
.focus-item-pointer{
    animation: focusItemIcoBt .8s infinite;
    -webkit-animation: focusItemIcoBt .8s infinite;
}
.focus-item-down,
.focus-item-ico-tb{
    animation: focusItemIcoTb 1.1s infinite;
    -webkit-animation: focusItemIcoTb 1.1s infinite;
}

@-webkit-keyframes focusItemIcoAr {from{width:24px;height:24px;opacity:1}to{width:40px;height:40px;opacity:0}}
@-moz-keyframes focusItemIcoAr {from{width:24px;height:24px;opacity:1}to{width:40px;height:40px;opacity:0}}
@-o-keyframes focusItemIcoAr {from{width:24px;height:24px;opacity:1}to{width:40px;height:40px;opacity:0}}
@-ms-keyframes focusItemIcoAr {from{width:24px;height:24px;opacity:1}to{width:40px;height:40px;opacity:0}}
@keyframes focusItemIcoAr {from{width:24px;height:24px;opacity:1}to{width:40px;height:40px;opacity:0}}

@-webkit-keyframes focusItemIcoLr {from{margin-left:-5px}to{margin-left:5px}}
@-moz-keyframes focusItemIcoLr {from{margin-left:-5px}to{margin-left:5px}}
@-o-keyframes focusItemIcoLr {from{margin-left:-5px}to{margin-left:5px}}
@-ms-keyframes focusItemIcoLr {from{margin-left:-5px}to{margin-left:5px}}
@keyframes focusItemIcoLr {from{margin-left:-5px}to{margin-left:5px}}

@-webkit-keyframes focusItemIcoRl {from{margin-left:5px}to{margin-left:-5px}}
@-moz-keyframes focusItemIcoRl {from{margin-left:5px}to{margin-left:-5px}}
@-o-keyframes focusItemIcoRl {from{margin-left:5px}to{margin-left:-5px}}
@-ms-keyframes focusItemIcoRl {from{margin-left:5px}to{margin-left:-5px}}
@keyframes focusItemIcoRl {from{margin-left:5px}to{margin-left:-5px}}

@-webkit-keyframes focusItemIcoTb {from{margin-top:-5px}to{margin-top:5px}}
@-moz-keyframes focusItemIcoTb {from{margin-top:-5px}to{margin-top:5px}}
@-o-keyframes focusItemIcoTb {from{margin-top:-5px}to{margin-top:5px}}
@-ms-keyframes focusItemIcoTb {from{margin-top:-5px}to{margin-top:5px}}
@keyframes focusItemIcoTb {from{margin-top:-5px}to{margin-top:5px}}

@-webkit-keyframes focusItemIcoBt {from{margin-top:-5px}to{margin-top:5px}}
@-moz-keyframes focusItemIcoBt {from{margin-top:-5px}to{margin-top:5px}}
@-o-keyframes focusItemIcoBt {from{margin-top:-5px}to{margin-top:5px}}
@-ms-keyframes focusItemIcoBt {from{margin-top:-5px}to{margin-top:5px}}
@keyframes focusItemIcoBt {from{margin-top:-5px}to{margin-top:5px}}

.focus-item:hover .focus-item-bd,
.focus-item.active .focus-item-bd{display: block}
.focus-item-bd{position:static;float:none;margin:0;min-width:240px;max-width:400px;min-height:60px;display:none;padding:30px 20px 20px 30px;background-color:rgba(255,255,255,.95);}
.focus-item-bd h3{font-size:14px;margin:0 0 6px}
.focus-item-bd p{font-size:12px;margin-bottom:0;line-height:150%}
.focus-item-bd h3+p{margin-top:6px}
.focus-item-bd h3+ul,.focus-item-bd p+ul{padding-top:10px}
.focus-item-gray .focus-item-bd, .focus-item-gray h3, .focus-item-gray p{color:#fff}
.focus-item-gray .focus-item-bd{background-color:rgba(0,0,0,.35);}
.focus-item-bd ul{padding:0;margin:0;font-size:0.75rem}
.focus-item-bd li{margin-top:5px}
.focus-item-bd ul li:first-child{margin-top:0}
.focus-item-bd a{color:#EC6300;display:table-cell;white-space:nowrap}
.focus-item-bd .img{background-color:transparent;background-size:50% auto;display:inline-block;vertical-align:middle;position:relative;width:40px;height:40px;margin:3px 10px 3px 0;overflow:hidden}
.focus-item-bd .img img{height:40px;width:auto;}
.focus-item-bd .img+.txt{margin-right:50px}
.focus-item-bd .txt{display:inline-block;vertical-align:middle;white-space:normal;line-height:20px}
.focus-item-hover-img{max-width:250px;max-height:180px;cursor:pointer}
.focus-item-poi-lb .focus-item-bd{position:absolute;right:0;top:0;left:auto}
.focus-item-poi-rt .focus-item-bd{position:absolute;left:0;bottom:0;top:auto}
.focus-item-poi-lt .focus-item-bd{position:absolute;right:0;bottom:0;top:auto;left:auto}

.focus-item-bd .list-style-square li{padding-left: 10px;position: relative}
.focus-item-bd .list-style-square li:before{content:'■';position: absolute;left:0;top:0;color:#999;width:6px;height:6px}

.focus-item-bd .imgblock{margin:10px 0;display: block}
.focus-item-bd .col-sm-4 img{width:100%}
.focus-item-bd .col-sm-4 p{line-height: 18px}
.focus-item-bd ul.row{margin:0 -15px!important;padding-top: 0}

.product-index-r .filter{}
.product-index-r .filter h4{color: #666;font-size: 0.875rem}
.product-index-r .filter h5{color: #999;font-size: 0.75rem}
.product-index-r .smallimg{margin-right: 20px;margin-top: 10px}

.light-effect+.light-effect{margin-top:20px}
.light-effect-list{margin-top:20px}
.light-effect-info{}
.light-effect-info h4{font-size:0.875rem;margin:0 0 10px}
.light-effect-info p{font-size:0.75rem}

.light-effect-list-img{text-align:center}
.light-effect-list-img a{vertical-align:top;display:inline-block;margin:0 5px;width:60px;overflow:hidden;text-align:center}
.light-effect-list-img a span,
.light-effect-list-img a .txt{display:block;line-height:30px;width:100%;white-space:nowrap;font-size:12px;color:#999}
.light-effect-list-img a .txt{height:60px;border:1px solid #ddd;background:#ececec;padding:5px;white-space:normal;line-height:normal}
.light-effect-list-img a:hover .txt{background:#fafafa}
.light-effect-list-img a.active .txt,
.light-effect-list-img a.active:hover .txt{background:#fff;border-color:#ccc}
.light-effect-list-img img{display:block;height:60px;}
.light-effect-img img{display:block;float:left;width:100%;margin-right:-100%;}
.light-effect-img img, .light-effect-list-img a{
    opacity:0;
    filter: alpha(opacity=0);
    -webkit-transition:opacity .5s;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s;
}
.light-effect-list-img a{
    opacity:.5;
    filter: alpha(opacity=50);
}
.light-effect-img img.active, .light-effect-list-img .active{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s;
    z-index: -1;
}

.product-info h1{font-size: 1.8rem;color:#333;line-height:40px;margin-bottom:15px;}
.product-info h4{margin-top: 20px;line-height:40px;}
.img-list-4{margin: 0 -10px;}
.img-list-4 li{padding: 0 10px;margin-bottom:20px}
.product-honor-pic{margin-top: 20px;}
.scene-map{}
.scene-map ul{}
.scene-map li{margin-bottom: 30px;}
.data-down{margin-top: 40px;margin-bottom: 60px;}
.product-info h2 strong{font-weight:normal}
.product-info .tab-pane .carousel-inner .item img{margin:0 auto}
.product-feature{line-height:1.5}
.product-feature ul, .product-feature li{list-style-type:inherit}
.product-feature ul, .product-feature ol{padding-left:30px}
.product-feature-list li{margin:5px 0 0;line-height:20px;font-size: 0.875rem;color:#666;position:relative;padding-left:25px}
.product-feature-list li:before{content:'';width:5px;height:5px;background:#ccc;position:absolute;top:7px;left:0}

.product-icons li{background:#fff;margin:5px 6px 0 0;line-height:54px;text-align:center;float:left;height:56px;border: 1px #ddd solid;overflow: hidden}
.product-icons li img{height:54px;}


.product-index-model-r p{margin-top:10px;font-size: 0.875rem;color:#666}
.product-index-model-r p span{margin-right: 20px}
.product-index-model-r p span .fa{margin-right:8px;width:12px;height:12px;border: 1px #ddd solid}

.grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}
.grabbing {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}
.model-list-ct{width: 100%;overflow-x: auto;}
.model-list{min-width:100%;float:left;background:#fff}
.model-item-row{padding:6px 0;border-bottom:1px solid #ececec;}
.model-item-row:hover{background:#f8f8f8}
.model-item-row:last-child{border-bottom:0}
.model-item{height:60px;line-height:15px;display:table;min-width:100%;
    overflow: hidden;}
.model-item li{min-width:100px;padding:0 10px;color:#666;font-size:12px;display:table-cell;word-wrap:break-word;word-break:break-all;vertical-align:middle}
.model-item li span{cursor:pointer;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;}
.model-item .model-col-picture{padding:0;min-width:60px!important;width:60px;}
.model-item .model-col-picture .img{width:60px;height:60px;overflow:hidden}
.model-item .model-col-picture img{min-width:60px;height:60px}
.model-item .model-col-name{min-width:100px!important;}
.model-item .model-col-expand{font-size:16px;font-weight:100;color:#ccc;min-width:40px!important;text-align:center;line-height:40px;cursor:pointer;}

.model-list-hd{border-bottom:1px solid #e6eced;background:#f3f3f3}
.model-list-hd .model-item{height:34px;font-size:12px;color:#666;background:#f3f3f3}
.model-list-hd .model-item li{padding-top:8px;padding-bottom:8px;height:34px;background:none;line-height:16px;background:#f3f3f3}

.model-list-cols-0 .model-item li{min-width:950px}
.model-list-cols-1 .model-item li{min-width:475px}
.model-list-cols-2 .model-item li{min-width:317px}
.model-list-cols-3 .model-item li{min-width:238px}
.model-list-cols-4 .model-item li{min-width:190px}
.model-list-cols-5 .model-item li{min-width:159px}
.model-list-cols-6 .model-item li{min-width:136px}
.model-list-cols-7 .model-item li{min-width:119px}
.model-list-cols-8 .model-item li{min-width:107px}

.table-model-list {min-width:100%;}
.table-model-list thead th {height:34px;font-size:12px;font-weight:500;color:#666;padding:0 10px;min-width:100px;}
.table-model-list tbody td {height:72px;font-size:12px;color:#666;padding:0 10px;cursor:pointer;}
.model-view-panel td {padding:0 !important;}
.table-model-list .model-col-picture {min-width:60px;width:60px;padding:0;}
.table-model-list .model-col-picture .img {width:60px;height:60px;overflow:hidden;float:left;}
.table-model-list .model-col-picture .img img {max-width:100%;max-height:100%;vertical-align:inherit}
.table-model-list .model-col-expand {min-width:40px;color:#ccc;font-size:16px;text-align:center;}

.model-view{padding:20px 0;min-height:342px;position:relative;border-bottom:1px solid #f3f3f3;overflow:hidden}
.model-view-side{position:absolute;top:10px;left:0;width:322px;}
.model-view-side .img{float:left;margin:1px 1px 0 0;height:160px;width:160px;overflow:hidden}
.model-view-side img{}
.model-view-body{padding-left:352px;}
.model-view-body h3{font-size:1rem;color:#333;line-height:30px;margin-bottom:15px;}
.list-params li{margin:10px 0}
.list-params li span{float:left;line-height:30px;white-space:nowrap;border: 1px #ddd solid;padding:0 8px;font-size:0.75rem;color:#666;margin:5px 5px 0 0}
.model-view-body .more,
.product-info .more{float:right;cursor:pointer;line-height:30px;background-color:#f3f3f3;color:#999;font-size: 0.75rem;}
.model-view-body .more a,
.product-info .more a{float:left;padding:0 8px;}
.model-view-body .more .fa,
.product-info .more .fa-minus{float:left;width:30px;line-height:30px;color:#fff;background-color:#333;text-align:center}

/* accessory */
.accessory-list{margin:0 -15px;padding:0}
.accessory-list li{float:left;width:150px;padding:0 15px;margin-bottom:15px;font-size:12px;}
.accessory-list li .img{margin-bottom:10px}
.accessory-list li .name{font-size:12px;margin:3px 0 0;line-height:20px;height:40px;overflow:hidden}
.accessory-list li .cat{color:#999;margin-bottom:3px}

.product-about{position: relative}
.product-about .fa{position: absolute;top:35%;width:40px;height:40px;line-height:36px;text-align:center;font-size: 1.5rem;background-color: #EC6300;color:#fff}
.product-about .next{left:0;}
.product-about .before{right:0;}
.product-about .col-xs-3{width:25%!important;}

.middle-nav{margin:20px 0}
.middle-nav li{float:left;font-size:0.75rem;color:#333;margin-right:5px;line-height:30px}
.middle-nav li a{display:inline-block;padding:0 10px;}
.middle-nav li:hover a, .middle-nav li.active a{background-color:#EC6300;color:#fff;border-radius:3px}

/*new-add-product-flicikty*/
.flickity-box{position: relative;}
.flickity-box .item:not(:first-child){display:none}
.flickity-box .flickity-slider .item{display:inherit}
.flickity-box .flickity-page-dots{
    bottom: 30px;
}
.flickity-box .flickity-page-dots .dot.is-selected{
    background-color: #ff9300;
}
.flickity-box .item img{
    display: block;
    margin: 0 auto;
}
.flickity-box .flickity-prev-next-button svg{
    display: none;
}
.flickity-box .flickity-prev-next-button{
    display: none;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(255, 255, 255, 0.86);
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.flickity-box .flickity-prev-next-button.previous{
    left: 8%;
}
.flickity-box .flickity-prev-next-button.next{
    right: 8%;
}
.flickity-box .flickity-prev-next-button.previous:before{
    content: "\f104";
}
.flickity-box .flickity-prev-next-button.next:before{
    content: "\f105";
}
.banner-box{
    position: relative;
}
.carousel-match-width .item{width:100%}
.carousel-match-width .item img{
    width:100%
}
.slider-box{
    text-align: center;
}
.slider-box .flickity-prev-next-button{
    font-size: 8vw;
}
.slider-box .flickity-page-dots{
    display: none;
    position: static;
    width: auto;
}
.slider-box .flickity-page-dots .dot{
    margin: 0 6px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
}
.slider-box .flickity-page-dots .dot.is-selected{
    background-color: #FF9300;
}
.slider-dots{
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.slider-dots .flickity-page-dots{
    display: inline-block;
}
.banner-box.open .slider-box .slider-dots{
    bottom: 150px;
}
.slider-box .icon-quanbu{
    position: relative;
    top: -1px;
    display: none;
    margin-right: 5px;
    width: 30px;
    height: 20px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}
.slider-box .icon-quanbu:hover{
    color: #FF9300;
}
.thumbnail-box{
    position: absolute;
    width: 100%;
    z-index: 99;
    bottom: 5px;
}
.thumbnail-list{
    width: 100%;
    display: inline-block;
    height: 116px;
    text-align: center;
}
.thumbnail-list .flickity-slider{
    position: static;
    width: auto;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
}
.thumbnail-list .item{
    position: static!important;
    display: inline-block;
    margin-right: 10px;
    width: 186px;
    height:116px;
    border: 3px solid rgba(255, 255, 255, 0.8);
    overflow: hidden;
}
.thumbnail-list .item img{
    min-width: 100%;
    height: 100%;
    cursor: default;
}
.thumbnail-list .item.is-selected{
    border-color: #FF9300;
}
.thumbnail-list .img-ct{
    display: block;
    max-width: 180px;
    overflow: hidden;
}
.thumbnail-list .img-ct img{
    position: relative;
    display: block;
    width: 278px;
    height: 110px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.analysis-pics .flickity-prev-next-button{
    font-size: 5vw;
}
.analysis-pics .flickity{z-index:100}
.analysis-pics .flickity-page-dots .dot{
    background-color: #333;
    border: 2px #f5f5f5 solid;
    height: 14px;
    width: 14px;
    opacity: 0.8;
}
.analysis-pics .flickity-page-dots{bottom: 28px}
.analysis-pics .flickity-page-dots .dot.is-selected{
    background-color: #ff9300;
    border-color: #fff;
}
.product-analysis .item .img-hidden{
    max-width: 990px;
    overflow: hidden;
}
.product-analysis .item img{
    max-height: 600px;
}
.recom-product{
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 320px;
    margin: 0 auto;
}
.recom-product .flickity-page-dots{
    bottom: 20px;
}
.recom-product .item img{
    min-height: 320px;
    max-height: 320px;
}
/*new-add-product-flicikty*/


/*service*/
.service-ad{background-color: #25cb73;text-align: center}
.service-ad img, .news-ad img, .about img{width:100%}
.service-area{padding: 30px 0;background-color: #fff}
.service-area img{width:100%}
.service-area p{color:#666;line-height:175%;margin-bottom: 30px}
.service-item{background-color: #fff;margin-top: 30px}
.service-item h3{line-height: 50px;font-size: 1.125rem;color:#333;font-weight: bold;padding: 0 30px;border-bottom: 1px #f3f3f3 solid}

.list{font-size:0.875rem;}
.list li{line-height:200%;position: relative;padding-left: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.list li:before, .list li:before{content:'';width:4px;height:4px;background:#999;color:#ccc;font-size: 0.5rem;position: absolute;top:12px;left:3px}
.service-item .download{margin-top: 20px}

.news-ad{background-color: #5e86d6;text-align: center;position: relative}
.news-ad h2{text-align: center;font-size: 2.25rem;color:rgba(255,255,255,.3);position: absolute;top:50%;left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-weight: 100}

.page-list-item{background-color: #fff;padding:30px;margin-bottom: 20px}
.page-list-item:hover{
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.125);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.125);
    box-shadow: 0 0 10px rgba(0,0,0,0.125);}
.page-list-item h2{font-size:1.875rem;color:#333;margin-bottom: 20px}
.page-list-item h3{font-size: 1.5rem;color:#333;margin-bottom:10px;font-weight: 500;text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
.page-list-item h4{font-size:0.875rem;color:#999;line-height: 28px;margin-bottom: 0}
.page-list-item h4 span.general{margin-right:10px;float:left}
.page-list-item h4 span.general:last-child{margin-right:0;}
.page-list-item h4 span.general .fa{font-size: 1rem;color:#ccc;margin-right: 3px;cursor: pointer}
.page-list-item h4 span.exc{float:right}
.page-list-item h4 span.exc span{float:left;margin-right:10px}
#share{display: none}
.exc-share:hover #share{display: block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out ;
    -ms-transition: all 0.5s ease-in-out ;
    -o-transition: all 0.5s ease-in-out ;
    transition: all 0.5s ease-in-out ;}
.fa-ico{background-image:url(../images/icon.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;width:18px;height:18px;}

.fa-line{width:16px;height:16px;background-position:-16px -430px}
.fa-rude{width:16px;height:16px;background-position:0 -430px}
.fa-triangle{width:30px;height:30px;background-position:-52px -430px}
.fa-zoom{background-position: -34px -430px}
.fa-zoom-big{background-position: -108px -430px}
.fa-list-fa{background-position: -144px -430px}
.fa-th-list-fa{background-position: -180px -430px}

.fa-lightbulb-fa{background-position:-40px 0}
.fa-bars-fa{background-position:-40px -40px}
.fa-case-fa{background-position:-40px -80px}
.fa-download-fa{background-position:-40px -120px}
.fa-product-fa{background-position:-40px -160px}

.fa-icon{float:none;display:inline-block;vertical-align:middle;width:25px;height:25px}
.fa-weixin-fa{background-position:-200px -400px;}
.fa-weixin-fa:hover{background-position:-125px -400px}
.fa-clock-fa{background-position:-175px -400px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}
.fa-QQKJ{background-position:-250px -400px}
.fa-QQKJ:hover{background-position:-25px -400px}
.fa-weibo-fa{background-position:-225px -400px}
.fa-weibo-fa:hover{background-position:0 -400px}
.fa-share-alt-fa{background-position:-50px -400px}
.fa-eye-fa{background-position:-75px -400px}
.fa-ico-printer{background-position:-164px -504px}
.fa-heart-fa{background-position:-100px -400px}
.fa-share-alt-fa-grey{background-position:-150px -400px}
.fa-share-alt-fa-grey:hover,
.exc-share:hover .fa-share-alt-fa-grey{background-position:-50px -400px}

.page-list-item p.small{margin-top:10px;line-height:175%;font-size: 0.875rem;color:#666}
.page-list-item p.detail{line-height:200%;font-size:1rem;color:#666;text-indent: 2em;margin-bottom: 20px}
.page-list-item p.more{font-size:1rem;color:#ccc;text-align: right;margin-bottom:0}
.page-list-item p.more a{color:#ccc;}
.page-list-item p.more:hover a{color:#EC6300}
.page-list-item p.more .fa{font-size: 1.25rem;margin-left:6px}
.page-list-item .img{margin:10px 0 0}
.page-list-item .img+p.small{margin-top:20px}

.pagination li.item{display: none;}
.pagination li.current-len{display: none;}
.pagination li.allCount{display: none;}
.pagination li.jump{display: none;}
.pager-info li.item,.pager-info li.current-len{display: inline-block;}
.pager-jump li.item,.pager-jump li.current-len,.pager-jump li.jump{display: inline-block;}
.pagination>li>a:hover,.pagination>li>span:hover{border-color:#EC6300}
.pagination{display:none;text-align:center;overflow:hidden;font-size:0}
.pager .pagination{display:inline-block;margin:0}
.pagination li{display: inline-block;}
.pagination li.disabled{opacity: 0.3}
.pagination li>a{padding:8px 15px;font-size:0.875rem;}
.pagination li a{cursor: pointer}
.pagination li .dot{position: relative;float: left;padding: 8px;margin-left: -1px;font-size: 1rem;line-height: 1.42857143;color: #999;text-decoration: none;background-color: #fff;border-left: 1px solid #ddd;}

.pagination .allCount span,
.pagination .jump span,
.pagination .current-len span{
    padding: 8px 18px;
    font-size: 0.875rem;
    border: none;
    background-color: transparent;
}
.pagination .allCount:hover span,
.pagination .jump:hover span,
.pagination .current-len:hover span{
    background-color: transparent;
    color: #3D3D3D;
}
.pagination .current-len em{
    margin-left: 5px;
}
.pagination .jump .pageval{
    display: inline-block;
    margin: 0 10px;
    width: 35px;
    height: 20px;
    border: 1px solid #ddd;
}
.pagination .jump input{
    width: 100%;
    height: 18px;
    outline: none;
    text-align: center;
    background-color: transparent;
    border: none;
    vertical-align: text-bottom;
}
.pagination .allCount em{
    margin: 0 10px;
    color: #000;
}
.pagination .jumpBtn{
    padding: 5px 10px;
    margin-left: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 12px;
    color: #3D3D3D;
    cursor: pointer;
}
.pagination .jumpBtn:hover{
    border-color: #EC6300;
    color: #EC6300;
}
.pagination>li>a:focus, .pagination>li>a:hover{background: #fff;color: #EC6300;border-color:#EDEDED;}
.pagination li:first-child>a{border-radius: 0;}
.pagination li:last-child>a{border-radius: 0;}
.product-series+.pagination{margin-top:10px;margin-bottom:40px}
.pagination-fixed-width a{width:120px}

.pager>li>a, .pager>li>span{border-radius:3px;padding:4px 12px}
.pager>li{margin:0 4px}
.pager>li>a:hover{color:#fff;background:#EC6300;border-color:#EC6300}
.pager>li>span{font-weight:bold;border:0}

.content-ct{background:#fff;padding:30px 35px;margin-bottom: 20px}
.content-headline{font-size:2rem;font-weight:500;line-height:125%}
.content-slogan{font-size:.875rem;font-weight:100;line-height:125%;color:#666;margin-top:15px}
.content-info{position:relative;padding:5px 0 15px;color:#999;line-height:24px;border-bottom:1px solid #ececec;margin-top: 10px;}
.content-info .content-share{position: absolute;top: 5px;right: 0;}
.content-thumb{margin:30px 0;text-align:center}
.content-thumb img{margin:0;width:auto;max-width:100%}
.article-main .focus-images{margin-top:30px;}
.article-body{margin:30px 0 20px;line-height:200%;font-size:1.125rem;color:#333}
.article-body p{margin-top:20px;word-break: break-all;}
.article-body img{max-width:100%}
.content-ct-no{}

.video-container{position:relative;padding-bottom:56.25%;background:#999}
.video-container .prism-player,
.video-container iframe,
.video-container>embed{position:absolute;top:0;left:0;}
.video-container iframe,
.video-container>embed{width:100%;height:100%}

.head-title-bar{background:#fff;padding:20px 30px;border:1px solid #f3f3f3;border-width:1px 1px 0}

.tag-list li{border-radius:20px;padding: 3px 12px;border:1px solid #ccc;display: inline-block;margin-right: 15px;color:#999;margin-top: 15px;cursor: pointer;font-size: 12px}
.tag-list li:hover,.tag-list li.active{border-color:#ff9300}
.tag-list li:hover a,.tag-list li.active a{color:#ff9300}

.tag-panel{width: 95%;padding: 20px 0;display: flex}
.tag-panel .title{flex:0 0 130px;}
.tag-panel .title .tip{display: flex;width: 100px;height:100px;justify-content:center;align-items:center;font-size:30px;background-color: #f5f5f5;margin-top:15px}
.tag-panel .cont{flex:1;}
.tag-nav{position: absolute;top:50px;right:10px;width: 30px}
.tag-nav a{width: 24px;color:#ccc;height:24px;margin-bottom: 3px;border-radius:50%;padding: 0;line-height:22px}
.tag-nav a:hover,.tag-nav a.act{color:#fff;background-color:#ff9300}
.tag-nav.tag-fixed{position: fixed;top:115px;left:0;width: 100%;text-align: center;height:60px;border-bottom:1px solid #f5f5f5;line-height: 60px;background-color: #fff;box-shadow: 0 8px 10px rgba(0,0,0,.175);}

.tag-list-title{font-size: 20px;text-align: center; position: relative;margin-bottom: 30px;}
.tag-list-title:after{position: absolute;content:"";display: block;width: 36px;height:2px;background-color:#ff9300;left:50%;bottom:-15px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
.tag-ct-title{padding: 15px 0;border-bottom:1px solid #ccc;display: flex;align-items: center;justify-content: space-between}
.tag-ct-title h3{float: left;font-size: 20px}
.tag-ct-title .bar-icon{float: right;font-size:20px;color:#999}
.tag-ct-title .bar-icon i{cursor: pointer}
.tag-ct-title .bar-icon i.active{color:#ff9300}

.tag-page-list{margin-top: 30px;display:flex;flex-flow:row wrap}
.tag-page-list .item{display:flex;flex:0 0 100%;margin-bottom: 20px}
.tag-page-list .item .item-img{flex:0 0 220px;height:140px;margin-right: 20px;background-color: #f5f5f5;position: relative;overflow: hidden}
.tag-page-list .item .item-img img{min-width: 100%;min-height:100%;position: absolute;top:0;left:0;max-width: 100%;max-height:100%}
.tag-page-list .item .title{flex:1;position: relative}
.tag-page-list .item .title h3{font-size: 16px;padding: 8px 0}
.tag-page-list .item .title p{color:#999;max-height:90px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.tag-page-list .item .title .msg{position: absolute;bottom:0;display: flex;align-items: center;}
.tag-page-list .item .title .msg .tag-list a{margin-bottom: 0}

.tag-page-list.tags-grid{margin-left: -15px;margin-right: -15px}
.tag-page-list.tags-grid .item{flex:0 0 25%;padding: 0 15px;flex-flow:row wrap}
.tag-page-list.tags-grid .item .item-img{flex:0 0 100%;height:0;margin-right: 0;min-width: 220px;padding-bottom: 63.5454%;}
.tag-page-list.tags-grid .item .title{flex:0 0 100%}
.tag-page-list.tags-grid .item .title p{-webkit-line-clamp:2;margin-bottom: 35px}
.tag-page-list.tags-grid .item .title .msg{width:100%;justify-content: space-between}



.tag-more{background-color: #f5f5f5;display: flex;justify-content: center;align-items: center;font-size: 24px;color:#ff9300;padding: 12px}
.tag-more>i{cursor: pointer}
.tag-more>span{font-size: 14px;color:#999}

/*container-side*/
.container-side{background-color:#fff;margin-bottom:30px}
.container-side h2{line-height:50px;padding:0 20px;font-size:1.125rem;color:#666;border-bottom:1px solid #e6eced}
.container-side .box{margin:0;padding:20px}
.container-side .box.list{padding:20px 20px;}
.container-side .box .carousel-inner img{width:100%}
.container-side .box .carousel-indicators{bottom:0}
.container-side .box.tag-list li{margin-right: 6px;margin-top: 8px}

.carousel-indicators li{margin: 3px}

.slide-control{position: absolute;bottom:0;left:0;right:0;z-index: 2;text-align: center;overflow: hidden;max-height:100%}
.slide-control .carousel-indicators-ct{position: static;width:100%;text-align: center;margin:10px 0 20px;vertical-align: middle}
.slide-control .carousel-indicators-ct .collapse{display: inline-block}
.slide-control .carousel-indicators{position: static;left:auto;width:auto;margin-left: 0;display: inline-block}

.slider-list-icon{text-align: center;vertical-align: middle;display:block}
.slider-list-icon li{width:60px;text-align: center;font-size: 0.75rem;color:#fff;display: inline-block;vertical-align: middle}
.slider-list-icon li p{line-height: 30px;margin-bottom: 0;display: block}
.slider-list-icon li:hover{color:#EC6300;cursor: pointer}
.fa-slider-icon, .login-ico{width:30px;height:30px;display:inline-block;vertical-align:middle;background: url("../images/slider-list.png") no-repeat}
.fa-slider-icon.sm{cursor: pointer;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);}
.fa-slider-pic{background-position: 0 0}
.fa-slider-zoom{background-position: -30px 0}
.fa-slider-light{background-position: -60px 0}
.fa-slider-info{background-position: -90px 0}
.fa-slider-download{background-position: -120px 0}
.fa-slider-other{background-position: -150px 0}
.slider-list-icon li:hover .fa-slider-pic,
.fa-slider-pic:hover{background-position: 0 -30px}
.slider-list-icon li:hover .fa-slider-zoom{background-position: -30px -30px}
.slider-list-icon li:hover .fa-slider-light{background-position: -60px -30px}
.slider-list-icon li:hover .fa-slider-info{background-position: -90px -30px}
.slider-list-icon li:hover .fa-slider-download{background-position: -120px -30px}
.slider-list-icon li:hover .fa-slider-other{background-position: -150px -30px}

.slider-list-view-ct{display: inline-block;vertical-align: middle}
.slider-list-view-bd{overflow: hidden;height:130px;padding: 10px;background-color: rgba(255,255,255,.75)}
.slider-list-view ul{float:left}
.slider-list-view li{display:table-cell;text-align: center;color:#fff;vertical-align: middle;text-indent: 0;border-radius:0;border:0;background:none}
.slider-list-view li a:hover:before,
.slider-list-view li.active a:before{content: '';position: absolute;top:0;bottom:0;left:0;right:0;border: 2px #EC6300 solid;z-index: 3}
.slider-list-view li .img-ct{width:180px;height:110px;display:block;margin:0 2px 0 0;overflow: hidden;position: relative}
.slider-list-view li:last-child .img-ct{margin-right: 0}
.slider-list-view li .img-ct img{height:100%}
.slider-list-view .carousel-indicators .active{border:0;background: none}

.list-download{}
.list-download{}
.list-download li{cursor:pointer;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-download li span{padding-left:25px;color:#999;font-size:12px}
.list-download input{margin-right: 10px}
.list-download .btn-bar{margin:20px 0 0 25px}

.filter-item{float:left;padding:0 15px;margin-bottom:15px;width:25%;position:relative;}
.filter-item .control-label{font-weight:normal}
.filter-item .form-control{font-size:12px;padding-right:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#999;line-height:28px;height:40px;border:1px solid #ddd;cursor:default;position:relative;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.filter-item .form-control:hover{border-color:rgba(0,0,0,.25)}
.filter-item.open .form-control{border-radius:4px 4px 0 0;border-color:rgba(0,0,0,.25)}
.filter-item .form-control:after{position: absolute;top:6px;right:10px;content: '\f107';font-family: 'FontAwesome';color:#aaa}
.filter-item.open .form-control:after{transform:rotate(180deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;color:#666}
.filter-item .btn{height:40px}

.filter-menu{top:62px;left:15px;right:15px;border-top-left-radius:0;border-top-right-radius:0;padding:5px;border-color:#ddd}
.filter-menu-list{overflow-y:auto;overflow-x:hidden;max-height:200px;padding-right: 5px}
.filter-menu-list h3{font-size: 0.875rem;color:#333;position: relative;line-height: 36px;padding-bottom:5px;padding-left: 5px}
.filter-menu-list h3:after{position: absolute;top:0;right:10px;content: '\f107';font-family: 'FontAwesome';color:#aaa}
.filter-menu-list h3.active:after{content: '\f106';color:#EC6300}
.filter-menu-list h3+ul{border-bottom: 1px solid #eaeaea}
.filter-menu-list h3+ul li:last-child{margin-bottom: 5px}
.filter-menu-list h3+ul:last-child{border-bottom-width:0}
.filter-menu-list li{line-height:20px;font-size: 0.75rem;color:#666}
.filter-menu-list li.active{background-color: #f9f9f9;cursor: pointer;color:#EC6300}
.filter-menu-list li:hover{background-color: #f9f9f9}
.filter-menu-list .checkbox-inline,.filter-menu-list .radio-inline{display:block;padding-left:27px}
.filter-menu-list .radio-inline input[type=radio],
.filter-menu-list .checkbox-inline input[type=checkbox]{margin-left:-22px;margin-top:2px}
.filter-menu-list::-webkit-scrollbar{width:8px}
.filter-menu-list::-webkit-scrollbar-thumb{border-radius:4px;background:#f0f0f0}

.filter-menu-list label{margin-bottom: 0;font-weight: normal;padding:5px 10px}
input[type=checkbox], input[type=radio]{
    border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    width:15px!important;
    height:15px!important;
    -webkit-transition: all 0.15s ease-out 0;
    -moz-transition: all 0.15s ease-out 0;
    transition: all 0.15s ease-out 0;
    background:#fff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    outline: none!important;
    box-shadow: none;
}
input[type=checkbox]::before, input[type=radio]:checked::before{
    border:1px solid #d3cfc8;
    width: 15px;
    height: 15px;
    position: absolute;
    content: '\f00c';
    font:normal normal normal 12px/1 FontAwesome;
    display: inline-block;
    text-align: center;
    line-height: 14px;
    border-radius:2px
}

input[type=checkbox]:hover::before, input[type=radio]:hover{border-color:#EC6300}
input[type=checkbox]:checked::before, input[type=radio]:checked::before{color:#EC6300;border-color:#EC6300}
input[type=radio]{border:1px solid #999;padding-top:0!important;border-radius:50%}
input[type=radio]:checked{border-color:#EC6300}
input[type=radio]:checked::before{content:'';background:#EC6300}
input[type=radio]:checked::before{left:3px;top:3px;width:7px;height:7px;border-radius:50%}

.case-list{position: relative}
.case-item{width:25%;position: absolute;float:left;padding: 0 15px}
.case-item .img-ct{display: block}
.case-item .img-ct img{width:100%}
.case-item .bd{padding: 15px 10px 0}
.case-item .bd h3{font-size: 1rem;color:#666;line-height: 30px}
.case-item .bd h4{font-size:0.875rem;color:#999;line-height: 30px;margin: 0}
.case-item-author{margin-top: 10px;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;padding:10px 20px}
.case-item-author .img-ct{float:left;width:40px;height:40px;border-radius:50%;margin-right:10px;overflow: hidden}
.case-item-author h3{font-size: 0.875rem;color: #666;line-height:24px}
.case-item-author h5{font-size: 0.75rem;color: #999;margin:0}
.case-item-from{font-size: 0.75rem;color: #999;line-height: 30px;margin: 0;padding: 0 10px}

.case-detail{position: relative;min-height:440px}
.case-detail-r .container-side{background-color: #fafafa!important;}

.filter-crumb-bar{border-top:1px solid #ddd;padding-top:10px;}
.filter-crumb{font-size: 0.75rem;color:#666;line-height:1.125rem}
.filter-crumb .fa{font-size:1rem;color:#aaa;margin: 0 5px}
.filter-crumb-item{float:left;padding:5px 20px 5px 6px;background-color: #fff;border:1px solid #ddd;color:#666;position: relative;margin:0 5px 5px 0}
.filter-crumb-item:before,
.filter-crumb-item:after{position:absolute;top:14px;right:6px;content:'';width:10px;height:2px;background-color:#ccc;}
.filter-crumb-item:before{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}
.filter-crumb-item:after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.filter-crumb-item:hover{border-color:#EC6300;cursor:pointer}
.filter-crumb-item:hover:before,
.filter-crumb-item:hover:after{background-color: #EC6300}

/*guide*/
.guide{}
.guide .img-ct{display: block;overflow: hidden}
.guide-hd{height:40px;background-color:#ccc;line-height:40px;font-size: 0.875rem}
.guide-hd li{cursor:default;float:left;padding:0 15px;position:relative;border-right:1px solid rgba(0,0,0,.075);line-height: 40px;height:40px}
.guide-hd li:last-child{border-right:0}
.guide-hd li.guide-ico-all{display:none}
.guide-hd li.ico{padding:0;width:40px;text-align: center}
.guide-hd li .fa{background:none}
.guide-hd li .close-it{display:none;margin:-2px -10px 0 0}
.guide-hd .guide-hd-tab li{display:none}
.guide-hd li.active{display:inherit}
.guide-hd li.ico:hover{background-color:rgba(255,255,255,.25)}
.guide-hd li.ico:hover .fa{color:#fff}
.guide-hd li:hover .fa-zoom-big, .guide-hd .active .fa-zoom-big, .guide-hd .fa-zoom-big.active{background-position: -90px -430px}
.guide-hd li:hover .fa-list-fa, .guide-hd .active .fa-list-fa, .guide-hd .fa-list-fa.active{background-position: -126px -430px}
.guide-hd li:hover .fa-th-list-fa, .guide-hd .active .fa-th-list-fa, .guide-hd .fa-th-list-fa.active{background-position: -162px -430px}


.guide-bd{position:relative;background:#ddd;overflow:hidden}
.guide-bd .slider-list-icon{position: absolute;bottom:30px;left:0;right:0}
.guide-bd-r{position:absolute;z-index:2;top:0;bottom:0;right:0;width:278px}
.guide-bd-l{position:absolute;z-index:3;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.25);}
.guide-bd-l .img-ct{width:200px;height:200px;overflow: hidden}
.guide-bd-item{overflow-y: auto;height: 100%;padding:15px}
.guide-bd-item h3,
.guide-bd-pop h3{font-size: 1.125rem;color:#fff;line-height: 30px;margin-bottom:10px}
.guide-bd-item ul{}
.guide-bd-item ul li{margin-bottom: 10px}
.guide-bd-item .img-ct{float:left;width:80px;height:80px;margin-right: 10px;}
.guide-bd-item li h4{font-size: 0.875rem;color:#ccc;line-height: 30px;overflow: hidden;margin:0;text-overflow: ellipsis;white-space: nowrap}
.guide-bd-pop{position: absolute;top:0;bottom:0;right:0;left:0;background-color: rgba(0,0,0,0.6);padding:20px}
.guide-bd-pop ul{}
.guide-bd-pop li{float:left;width:140px;margin: 20px 13px 0;overflow: hidden}
.guide-bd-pop .img-ct{display:block;vertical-align: middle;width:140px;height:140px;overflow: hidden}
.guide-bd-pop h3{margin-left: 10px}
.guide-bd-pop p{display:block;line-height: 30px;font-size: 0.75rem;color:#ccc;margin: 0;text-align: center}

.guide-list{padding:15px;color:#fff}
.guide-list li{width:20%;float:left;padding:15px;margin:0;cursor:pointer;text-align:center}
.guide-list li h6{margin:5px 0 0;line-height:20px;text-align:center;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guide-list .img-list-item .img{margin-bottom:0;padding-bottom:61.8%;background:none}
.guide-list .img-list-item .img img{max-width:110%}

.guide .focus-element{display:none}
.guide .focus-element.active{display:block}

.guide-tab {
    display:flex;
    height:40px;
    line-height:40px;
    color:rgba(255,255,255, .5);
    border-bottom:1px solid rgba(255,255,255,.15);
    position:absolute;
    left:0;
    top:0;
    right:0;
}
.guide-tab li {
    flex-grow:1;
    text-align:center;
    cursor:pointer;
    position:relative;
}
.guide-tab li.active{
    color:#EC6300;
}
.guide-tab li.active:after{
    position:absolute;
    display:block;
    content:'';
    width:20px;
    height:1px;
    bottom:-1px;
    left:50%;
    margin-left:-8px;
    background:#EC6300;
}
.guide-tab li:last-child{
    border-left: 1px solid rgba(255,255,255,.15);
}
.guide-list-wrap {
    padding:10px 15px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.guide-list-wrap h5{margin:0 20px 0 0;cursor:default}
.guide-focus-list{
    background-color: #ddd;
}
.guide-focus-list > li{
    padding:10px;
    border-bottom:1px solid #ccc;
    position:relative;
}
.guide-focus-list > li:last-child{border:0}
.guide-focus-list > li:hover{
    background:rgba(255,255,255,.25);
}

.guide-focus-list li i {
    position:absolute;
    top:0;
    right:0;
    font-size:16px;
    line-height:40px;
    width:30px;
    text-align:center;
}
.show-list .guide-item-list {
    display: block;
}
.guide-item-list, .guide-product-list {
    display: none;
    position: relative;
    z-index: 1;
}
.guide-item-list {
    padding-top:10px
}
.guide-item-list li,.guide-product-list li{
    border-bottom:1px solid #d1d1d1;
    padding:10px 0;
}
.guide-item-list .img{min-width:40px}
.guide-product-list li > a, .guide-item-list li > a {
    display: block;
    display:flex;
    color:rgba(255,255,255,.75)
}
.guide-item-list li:last-child{
    border:none;
}

.guide-item-list li p,.guide-product-list li p{
    font-size:12px;
    padding:2px 0 0 8px;
    margin:0;
    flex:1;
    color: #333;
}
.focus-item-hover .focus-item-ico {background-color: #fff}
.focus-item-hover .focus-item-ico:before {
    background-color:#EC6300;
}

.focus-images{position:relative;z-index:1}
.guide-bd .focus-images{margin-right:278px;border:1px solid #ddd;border-top:0}

.blur {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}

.scroll-view{overflow:auto}
.scroll-view::-webkit-scrollbar{width:8px}
.scroll-view::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}

.yz-scroll{overflow:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-overflow-scrolling:touch}
.yz-scroll.yz-scroll--fixed{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}.yz-scroll::-webkit-scrollbar{width:6px;height:9px}
.yz-scroll::-webkit-scrollbar-button:end:increment, .yz-scroll::-webkit-scrollbar-button:start:decrement{background:0 0;display:none}
.yz-scroll::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.04)}
.yz-scroll::-webkit-scrollbar-track-piece:vertical:start{border-radius:3px 3px 0 0}
.yz-scroll::-webkit-scrollbar-track-piece:vertical:end{border-radius:0 0 3px 3px}
.yz-scroll::-webkit-scrollbar-track-piece:horizontal:start{border-radius:5px 0 0 5px}
.yz-scroll::-webkit-scrollbar-track-piece:horizontal:end{border-radius:0 5px 5px 0}
.yz-scroll::-webkit-scrollbar-thumb, .yz-scroll::-webkit-scrollbar-thumb:horizontal, .yz-scroll::-webkit-scrollbar-thumb:vertical{background-color:#dbd6cd}
.yz-scroll::-webkit-scrollbar-thumb:vertical{border-radius:3px;height:50px}
.yz-scroll::-webkit-scrollbar-thumb:horizontal{border-radius:5px;width:50px}
.yz-scroll::-webkit-scrollbar-thumb:hover{background-color:#ccc7bf}
.yz-scroll.yz-scroll-small::-webkit-scrollbar{width:3px;height:6px}
.yz-scroll.yz-scroll-dark::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.25)}
.yz-scroll.yz-scroll-dark::-webkit-scrollbar-thumb,.yz-scroll.yz-scroll-dark::-webkit-scrollbar-thumb:horizontal,.yz-scroll.yz-scroll-dark::-webkit-scrollbar-thumb:vertical{background-color:#444}
.yz-scroll.yz-scroll-dark::-webkit-scrollbar-thumb:hover{background-color:#666}

/*close-it*/
.close-it{position:relative;width:18px;height:18px;display: inline-block;vertical-align: middle}
.close-it:before,
.close-it:after{content:'';width:10px;height:2px;background-color:#999;content:'';width:12px;height:2px;
    position:absolute;top:50%;left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.close-it:before{-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}
.close-it:after{-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.close-it:hover:before,
.close-it:hover:after{background-color:#EC6300}

/*login*/
.login-bd{position:relative;padding:5%;min-height:520px;background:#1a1a1a url("../images/login-bg.jpg") no-repeat top}
.login-ct{float:right;width:350px;height:350px;background-color: #fff;padding: 0 40px;color:#999;font-size: 0.75rem;margin-top: 75px}
.login-ct h3{line-height:60px;font-size: 1.125rem;color:#333;font-weight: bold;margin-top: 10px}
.login-ct .input-group-addon,
.login-ct .form-control,
.reg .form-control{border-radius:0;box-shadow:none}
.login-ct .input-group-addon{background-color: transparent;padding: 0 2px}
.login-ct label{font-weight: normal}
.login-ct label input{vertical-align: middle;margin-top: 0}
.login-bd .password{float:right;color:#999;cursor:pointer}
.login-bd .password:hover{color:#ff9300}
.btn-primary{background-color: #ff9300;border:0;margin-top:10px}
.btn-primary:focus, .btn-primary:hover, .btn-primary.active, .btn-primary:active,.open>.dropdown-toggle.btn-primary{background-color: #ff9300;}
button{outline: none;border:0}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{background-color: #EC6300;border-color:#EC6300}

.form-group-vcode input{width:65%;margin-right:15px;float:left;}
.form-group-vcode img{height:45px;cursor:pointer;float:right;}

.font-blue{color:#3d89cc}
.login-ct .line-bottom{margin:15px -40px;}
.login-ct .three-soft{color:#333}
.login-ct .three-soft i{margin-right: 6px}
.img-load {width:50px;margin:0 auto;position: relative;margin-left: 50%;left: -25px;top: -400px;}

/*reg*/
.reg{max-width:900px;margin: 30px auto 0;background-color: #fff;border-radius:10px;padding: 50px}
.reg h3{color:#EC6300;font-size:1.5rem}
.reg .form-horizontal{margin:50px 0}
.reg .form-group-lg .form-control{font-size: 0.875rem}
.reg .form-horizontal label{font-weight: normal;font-size: 1rem!important;color:#666}
.reg .form-horizontal label small{font-size: 1rem;color:#EC6300;margin-right:5px;vertical-align: middle}
.reg p, .reg p a{color:#999;font-size: 0.75rem}
.reg p a:hover{color:#EC6300}
.reg .font-blue{font-size: 0.75rem;line-height:46px}


/*serve*/
.serverBox{}
.serve{background-color:#fff;width:600px;border-radius: 5px;}
/*.modal.fade{top: 20%;opacity: 1;left:50%;margin-left:-308px;}*/
.serve .modal-header{text-align: center}
.serve .modal-body{height:600px;overflow:auto}
.serve .modal-footer .btn{border:1px solid #a5a5a5}
.serve .modal-footer .btn-success{background-color:#ff9300}


.login-ico{}
.login .login-ico{position: absolute;top:25px;left:0;width:46px;height:46px}
.fa-user-fa{background-position: -90px -60px}
.fa-lock-fa{background-position: -120px -60px}
.fa-weixin-login{background-position: -60px -60px}
.fa-weibo-login{background-position: 0 -60px}
.fa-QQ-fa{background-position: -30px -60px}
.social-login{position:relative;z-index:1;margin:15px 0 0}
.social-login p{margin:0 auto;display:inline-block;padding:0 10px;z-index:1;background-color:#fff;}
.social-login:after{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#f1f1f1;margin-top:-1px;z-index:-1;}
.social-login .social-icon{display:inline-block;margin:0 8px;border:2px solid #919191;color:#919191;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:50px;height:50px;line-height:50px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.social-login .social-icon i{font-size:24px;}
.social-login .social-icon:hover{color:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.social-login .social-weibo:hover{background:#d53326;border-color:#d53326;}
.social-login .social-qq:hover{background:#5194d0;border-color:#5194d0;}
.social-login .social-weixin:hover{background:#3eb135;border-color:#3eb135;}
.social-login .fa-alipay{background:url(../images/slider-list.png) no-repeat 0 -210px;width:30px;height:30px;vertical-align: middle}
.social-login .social-zfb:hover{background-color:#00aaee;border-color:#00aaee}
.social-login .social-zfb:hover .fa-alipay{background-position:-30px -210px}

/*login & reg*/
.login{margin:50px auto;padding:20px 50px 50px;width:500px;border-radius:5px;background:#fff}
.login h1{text-align:center;font-weight:normal;font-size:30px;margin:20px 0}
.login .form-group{position:relative}
.login .nav-tabs{display:flex;margin-bottom:30px}
.login .nav-tabs li{flex:1;text-align:center;font-size:18px;line-height:60px}
.login .nav-tabs li a{padding:0;border:0;margin-right:0;border-radius:0;line-height:60px}
.login .nav-tabs li a:hover{border-color:transparent;background:none}
.login .nav-tabs li.active a, .login .nav-tabs li.active a:focus, .login .nav-tabs li.active a:hover{cursor:pointer;border:none;border-bottom:2px #ff9300 solid;color:#ff9300}
.login .tab-content{border:1px solid #fff;border-top:0;border-radius: 5px;}
.login .input-lg{font-size: 0.875rem}
.login label{color:#666}
.login label input{margin-top:2px}
.login .input-lg,
.login .btn-group-lg>.btn, .btn-lg{border-radius:4px;padding:13px 18px;}
.login .form-group .input-group .sec-code{width:250px;border-radius: 4px;}
.login .form-group .input-group .btn-sms{background-color: #f5f5f5;font-size:14px;border-radius: 4px;box-sizing:border-box;border:1px solid #e0e0e0}
.login .form-group .fa-user-fa{background:url(../images/slider-list.png) no-repeat 0 -100px}
.login .form-group .fa-lock-fa{background:url(../images/slider-list.png) no-repeat 0 -146px}
.login .term{vertical-align:10%;padding-left:10px;}


/*regSendmail*/
.regSendmail{margin:50px auto;width:500px;background:#fff}
.regSendmail .form-group{position:relative}
.regSendmail .recover-header{padding-top:20px;padding-left:50px;}
.regSendmail .pm-body-txt{color:#999}
.regSendmail .btn-check{margin-top:-30px;}
.regSendmail .btn-check:hover{background-color:#ff9300}
.regSendmail .nav-tabs{display:flex}
.regSendmail .nav-tabs li{flex:1;text-align:center;font-size:22px;font-weight:100;line-height:40px;}
.regSendmail .nav-tabs li a{height:60px;margin-right:0;padding:10px 15px;border-radius:0}
.regSendmail .tab-pane form{margin:0 auto;font-size:14px;padding:30px 50px 50px;}
.regSendmail .nav-tabs>li>a{border:0;font-size:20px;line-height:40px}
.regSendmail .nav-tabs>li>a:hover{border-color:transparent}
.regSendmail .nav-tabs>li.active>a, .regSendmail .nav-tabs>li.active>a:focus, .regSendmail .nav-tabs>li.active>a:hover{cursor:pointer;border: none;border-bottom:2px #ff9300 solid;color:#ff9300}
.regSendmail .tab-content{border:1px solid #fff;border-top:0}
.regSendmail .input-lg{font-size: 0.875rem}
.regSendmail label{color:#666}
.regSendmail label input{margin-top:2px}
.regSendmail .input-lg,
.regSendmail .btn-success{background-color:#ff9300;border:none;}
.regSendmail .btn-group-lg>.btn, .btn-lg{border-radius:4px;padding:13px 18px;background-color:#ff9300}
.regSendmail .form-group .input-group .sec-code{width:250px;border-radius: 4px;}
.regSendmail  .form-group .input-group .btn-sms{background-color: #f5f5f5;font-size:14px;border-radius: 4px;box-sizing:border-box;border:1px solid #e0e0e0}
.regSendmails .form-group .pl45{padding-left: 46px}
.regSendmails .form-group .fa-user-fa{background:url(../images/slider-list.png) no-repeat 0 -100px}
.regSendmails .form-group .fa-lock-fa{background:url(../images/slider-list.png) no-repeat 0 -146px}
.regSendmails .term{vertical-align:10%;padding-left:10px;}
.regSendmail .text-muted a{color:#ff9300}

/*verify*/
.verify .email-error{height:50px;background-color:#FFF1F1;color:#E84C3C;font-size:16px;line-height: 50px;padding-left:1rem;border:1px solid #F1C7BD}

/*regSuccess*/
.regSuccess{width:100%;}
.regSuccess .regSuccessMsg{margin:0 30px;}
.regSuccess .title{text-align: center;font-size:25px;}
.regSuccess .msg{text-align: center;color: #919191;}
.regSuccess a{color:#fff;}

/*recover*/
.recover{margin:50px auto;width:500px;background:#fff}
.recover .form-group{position:relative;}
.recover .recover-header{padding-top:20px;padding-left:50px;}
.recover .recover-panel{border-radius:5px;}
.recover .nav-tabs{display:flex}
.recover .passwordMsg{padding-left:50px;color: #a5a5a5;font-size:12px;}
.recover .nav-tabs li{flex:1;text-align:center;font-size:22px;font-weight:100;line-height:40px;}
.recover .nav-tabs li a{height:60px;margin-right:0;padding:10px 15px;}
.recover .tab-pane form{margin:0 auto;font-size:14px;padding:30px 50px 50px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.recover .tab-pane{}
.recover .nav-tabs>li>a{border:0;font-size:16px;line-height:40px}
.recover .nav-tabs>li>a:hover{border-color:transparent}
.recover .nav-tabs>li.active>a, .recover .nav-tabs>li.active>a:focus, .recover .nav-tabs>li.active>a:hover{cursor:pointer;border: none;border-bottom:2px #ff9300 solid;color:#ff9300}
.recover .tab-content{border:1px solid #fff;border-top:0;}
.recover .input-lg{font-size: 0.875rem}
.recover label{color:#666}
.recover label input{margin-top:2px}
.recover .input-lg,
.recover .btn-group-lg>.btn, .btn-lg{border-radius:4px;padding:13px 18px;}
.recover .form-group .input-group .sec-code{width:250px;border-radius: 4px;}
.recover  .form-group .input-group .btn-sms{background-color: #f5f5f5;font-size:14px;border-radius: 4px;box-sizing:border-box;border:1px solid #e0e0e0}
.recover .form-group .pl45{padding-left: 46px}
.recover .form-group .fa-user-fa{background:url(../images/slider-list.png) no-repeat 0 -100px}
.recover .form-group .fa-lock-fa{background:url(../images/slider-list.png) no-repeat 0 -146px}
.recover .term{vertical-align:10%;padding-left:10px;}
.third-part-login{margin:40px 0 -20px;text-align:center;}


/*personal*/
.personal{margin:40px 0;position: relative}
.personal .nav-l{position: absolute;left:0;width:200px;top:0}
.personal .nav-l li.title{line-height: 36px;background-color: #EC6300;font-size: 1rem;height:40px}
.personal .nav-l li{line-height: 36px;font-size: 0.875rem;color:#fff;padding-left: 15px}
.personal .nav-l li.active{background-color: #22282e}
.personal .nav-l li a{color:#fff}
.personal .nav-l .fa-ico{width:20px; height:20px;float:left;margin:8px 10px 0 0 }
.personal .nav-r{float:right;width:100%;border-left:200px solid #293038;background-color: #fff;min-height:500px}
.personal .nav-r .page-header-sm{margin: 0}
.personal .nav-r .page-header-sm h1{font-size: 1rem;color:#333;line-height: 30px}
.fa-home-nav{background-position:-140px -510px}
.fa-project-nav{background-position:-60px -510px}
.fa-lib-nav{background-position:-80px -510px}
.fa-favorite-nav{background-position:-100px -510px}
.fa-profile-nav{background-position:0 -510px}
.fa-security-nav{background-position:-20px -510px}
.fa-message-nav{background-position:-40px -510px}
.personal-info .fa-ico{width:20px;height:20px}
.fa-pencil-personal{background-position:-120px -510px}
.personal-info{margin: 30px}
.personal-info img{float:left;width:200px;height:200px;margin-right: 30px}
.personal-info p{line-height: 30px;font-size: 0.875rem;color: #333}
.personal-info p small{color: #666}
.personal-ct{}
.personal-hd{flaot:left;height:50px;background-color:#f3f3f3}
.personal-hd span{margin-left: 30px;padding: 0 20px;font-size: 0.875rem;color: #999;border-top:3px solid #EC6300;line-height: 50px;background-color: #fff;display: inline-block}
.personal-bd{padding:30px}
.personal-bd li{margin-bottom:30px}
.personal-bd .img{max-height:215px;display: block}
.personal-bd .img img{width: 100%}
.personal-bd h5{font-size: 0.875rem;color:#333}
.personal-bd p{font-size: 0.75rem;color:#666}

.plr30{padding: 30px}
.personal .nav-tabs li>a{margin-right:50px;font-size: 1rem;padding:10px 0}
.personal .nav-tabs>li.active>a, .personal .nav-tabs>li.active>a:focus, .personal .nav-tabs>li.active>a:hover{border:0;border-bottom:2px solid #EC6300;color:#EC6300;font-size: 1rem}
.personal .nav-tabs>li>a:hover{border-color:transparent}
.personal .table>tbody>tr>td, .personal .table>tbody>tr>th, .personal .table>tfoot>tr>td, .personal .table>tfoot>tr>th, .personal .table>thead>tr>td, .personal .table>thead>tr>th{border: 0;vertical-align: middle}
.personal .table{font-size:0.875rem;color:#666}
.personal .photo{width:60px;height:60px;border-radius:50%}
.personal .col1{width:10%!important;font-size: 1rem;line-height:30px!important;}
.personal .col2{width:70%!important;font-size: 0.875rem;line-height:30px!important;}
.personal .col3{width:20%!important;line-height:30px!important;}
.personal .col4{width:45%!important;line-height:60px!important;}
.personal .col5{width:45%!important;line-height:60px!important;}
.personal .col6{width:10%!important;line-height:60px!important;}
.personal .security{width:600px;margin: 30px auto}
.personal .mav-r-ct li{vertical-align: middle;padding: 0 10px}
.personal .tab-content span{float:left;width:33.33%;line-height:80px;}
.personal .tab-content em{font-style: normal}
.personal .tab-content .line-bottom{margin: 10px 0;border-bottom: 1px dotted #ddd}
.user-name{line-height:34px;color:#666}
.personal label{font-weight: normal;font-size: 0.875rem;color:#666}
.personal .form-group p{margin-top: 5px}


.webuploader-pick{background:#f3f3f3;padding:7px 13px;font-size:13px;border:1px solid #d9d9d9;line-height:18px;cursor:pointer}
.btn .webuploader-pick{background:none;border:0}
.btn-sm .webuploader-pick{padding:5px 10px;font-size:inherit;line-height:inherit}
.webuploader-container{position:relative}
.webuploader-element-invisible {
    position:absolute !important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px);
}
.btn.webuploader-container{padding:0}

/* panel */
.panel-message{padding:25px;width:600px;margin:0 auto; margin-top: 40px; background-color:#FFF}
.panel-message .page-header{margin-top:0;padding-bottom:20px;border-bottom:none;}
.panel-message .panel-body{padding:0 20px}

/* vc-image */
.vc-img-edit{}
.vc-img-item{float:left;position:relative;font-size:13px;width:10%;min-width:88px;max-width:140px;margin:0 10px 10px 0}
.vc-img-item h6{text-overflow:ellipsis;width:80px;margin:4px auto 0;height:24px;overflow:hidden;line-height:24px;font-size:13px;font-weight:normal;text-align:center;white-space:nowrap}
.vc-img-item img{max-width:80px;max-height:80px;position:absolute;z-index:1;bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    box-sizing:content-box;
    border:1px solid #ddd;
    padding:3px;
    box-shadow:0px 2px 5px #ececec;
}
.vc-img-item>img{margin-top:2px;}
.vc-img-view .vc-img-item, .vc-img-view .vc-img-item h6{color:#999}
.vc-img-item .img, .vc-img-img, .vc-img-item .webuploader-pick, .webuploader-img, .vc-img-btn, .vc-img-btns{position:relative;text-align:center}
.vc-img-item .img{position:relative;overflow:hidden}
.vc-img-item .img{width:288px;margin-left:-50px;display:block;text-align:center}
.vc-img-item h6 input{width:100%;height:25px;padding:3px 6px!important;border:none}
.vc-img-item h6 input:focus{outline:none}
.vc-img-item label{margin:0}
.vc-img-img{height:88px;position:relative}
.loader-inner{}
.vc-imgr-loading,
.vc-img-eror{padding-top:12px;z-index:10;position:absolute;color:#fff;border-radius:6px;width:60px;height:60px;background:rgba(0,0,0,.35);bottom:4px;left:50%;margin-left:-30px;text-align:center;}
.vc-img-loading i{font-size:16px}
.vc-img-error i{font-size:20px;display:block;}

.vc-img-bordered .vc-img-btn{border:1px solid #ddd}

/*img*/
.gallery{display: block;position: relative;}
.gallery-top{width: 100%; min-width: 990px; height: 42px; line-height: 42px;overflow: visible; position: relative; z-index: 11; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #f3f3f3 url(images/top_bg.png) left center repeat-x; background: -moz-linear-gradient(top, #faf7f7 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #faf7f7), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #faf7f7 0%, #f0f0f0 100%); background: -o-linear-gradient(top, #faf7f7 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #faf7f7 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #faf7f7 0%, #f0f0f0 100%);}
.gallery-top .headline{height: 100%; width: 500px;margin-left: 20px; overflow: hidden;}
.gallery-top .headline h1{display: inline;line-height: 42px; color: #242424; font-size: 18px; font-family: "Hiragino Sans GB", "Microsoft YaHei", "\5B8B\4F53", sans-serif; font-weight: bold;}
.gallery-top .headline span{color: #b9b9b9;font-style: italic;font-size: 0.75rem;margin-left: 10px}
.thumb{}
.thumb ul{width:250px;float:left;}
.thumb ul li{float: left; width: 25px; height: 100%; padding: 0 2px; font-size: 14px; font-family: Arial, Verdana, sans-serif; font-style: italic; text-align: center; color: #878787; text-decoration: none; cursor: pointer; -moz-user-select: none; -webkit-user-select: none;}
.thumb ul span{display: block;}
.thumb ul li.active{color:#9e2f50; font-weight: bold; background: url(images/thumb_text_active.png) 2px 11px no-repeat;}
.thumb ul li.active span:hover{color: #9e2f50;}
.thumb ul li span:hover{color: #d0412c;}
.thumb .thumb-img-wrap{position: absolute; top: 42px; left: 20px; display: none; width: 108px; height: 83px; text-align: left; background-color: transparent;}
.thumb .thumb-img-wrap s{position: absolute; top: -10px; left: 50px; display: block; height: 0; width: 0; font-size: 0; line-height: 0; border-color: transparent transparent #dadada transparent; border-style: dashed dashed solid dashed; border-width: 5px;/*transform:rotate(180deg)*/}
.thumb .thumb-img-wrap s i{position: absolute; top: -4px; left: -5px; display: block; height: 0; width: 0; font-size: 0; line-height: 0; border-color: transparent transparent white transparent; border-style: dashed dashed solid dashed; border-width: 5px;}
.thumb .thumb-img-wrap .thumb-img-cont{padding: 3px; background-color: white; border: 1px solid #dadada; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);}
.thumb .thumb-img-wrap .thumb-img-cont img{border: none; vertical-align: top;}
.thumb .thumb-img-wrap-first s{left: 19px;}
.thumb .fold{width: 16px; height: 16px; margin: 13px 0 0 8px; cursor: pointer; float: left; background-image: url(images/foldbtn.png); background-repeat: no-repeat;}
.thumb .fold-open{background-position: -16px 0px;}
.thumb .fold-close{background-position: -48px 0px;}
.thumb .fold-open:hover{background-position: -16px -20px;}
.thumb .fold-close:hover{background-position: -48px -20px;}

.main{height: 495px; min-height: 495px; width: 600px; min-width: 600px; margin:10px auto; padding-left: 30px; padding-right: 360px; background: white; text-align: left; position: relative; z-index: 1;}
.widemode .main{padding-right: 30px;}
.photoarea{border: 1px solid #f3f3f3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; height: 100%; overflow:hidden;}
.photoarea .photo-a,
.photoarea .photo-b{position: absolute; top: 50%; left: 50%;}
.photoarea .photo-a img,
.photoarea .photo-b img{width: 100%; height: 100%; border: none; margin: 0; padding: 0; vertical-align: bottom; -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.photoarea .photo-a{z-index: 9;}
.photoarea .photo-b{z-index: 8;}
.cursor-left{cursor: url("http://img2.cache.netease.com/utf8/gallery/img/cursor_left.cur"), auto;}
.cursor-right{cursor: url("http://img2.cache.netease.com/utf8/gallery/img/cursor_right.cur"), auto;}
.cursor-default{cursor: default;}
.photoarea .picinfo{position: absolute; left: 0; bottom: 0; z-index: 11; width: 100%; background: black; background: rgba(0, 0, 0, 0.7); color: white; cursor: default;}
.photoarea .picinfo .fold,
.photoarea .picinfo .unfold{background-image: url(images/picinfo_fold.png); background-repeat: no-repeat; cursor: pointer; opacity: .85; filter: alpha(opacity=85); position: absolute; right: 0; bottom: 0;}
.photoarea .picinfo .fold:hover,
.photoarea .picinfo .unfold:hover{opacity: 1; filter: alpha(opacity=100);}
.photoarea .picinfo .fold{background-position: -160px center; width: 60px; height: 100%; display: block;}
.photoarea .picinfo .unfold{display: none; background-color: black; background-position: 19px 15px; width: 60px; height: 30px; line-height: 30px; padding-top: 30px; text-align: center;}
.photoarea .picinfo-text-wrap{padding: 10px 60px 10px 15px;}
.photoarea .picinfo-text{overflow: hidden; height: 40px; line-height: 20px;}
.photoarea .picinfo-text p{margin: 0; padding: 0; font-size: 13px; font-family: "\5FAE\8F6F\96C5\9ED1", sans-serif;}
.photoarea .picinfo-text p a{color: #ba2636;}
.photoarea .picinfo-fold{background: none; height: 30px;}
.photoarea .picinfo-fold .progress,
.photoarea .picinfo-fold .picinfo-text-wrap,
.photoarea .picinfo-fold .fold{display: none;}
.photoarea .picinfo-fold .unfold{display: block;}
.photoarea .loader{width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; z-index: 99;}
.modeswitch{width:19px; position: absolute; top: 50%; right: -10px; margin-top: -26px; z-index: 11;}
.modeswitch .open,
.modeswitch .close{opacity:1;width: 10px; height: 50px; cursor: pointer; border: 1px solid #d6d6d6; background-color: white; background-image: url(../images/triangle.png); background-repeat: no-repeat;}
.modeswitch .close{float: left; border-right: none; background-position: -87px -56px; display: none;}
.modeswitch .open{float: right; border-left: none; background-position: -27px -56px;}
.modeswitch .close:hover,
.modeswitch .open:hover{background-color: #f8f8f8;}
.modeswitch .close:hover{background-position: -87px -19px;}
.modeswitch .open:hover{background-position: -27px -19px;}
.sidebar{background-color: white; position: absolute; top: 0; right: 30px; width: 300px; height: 495px; min-height: 495px; -webkit-transition: width 0.25s ease-out, height 0.25s ease-out; -moz-transition: width 0.25s ease-out, height 0.25s ease-out; transition: width 0.25s ease-out, height 0.25s ease-out;}
.widemode .sidebar{display: none;}
.sidebar .tag{font-size: 14px; line-height: 1; margin: 10px 0; font-family: "\5FAE\8F6F\96C5\9ED1", sans-serif;}
.sidebar .tag span{color: #999999;}
.sidebar .tag a{padding: 6px 8px; margin-right: 6px; color: #252525; background-color: #f5f4f4; text-decoration: none;}
.sidebar .tag a:hover{color: white; background: #d0412c;}
.sidebar .prevue-title{font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1", sans-serif; padding-top: 10px;}
.sidebar .prevue{color: #888888; margin: 0; padding: 10px 0; font-size: 12px; line-height: 1.8; -ms-word-wrap: break-word; word-wrap: break-word; max-height:500px;}
.sidebar .prevue .viewport{height:400px; overflow: hidden; position: relative;}
.sidebar .prevue .overview{width: 100%; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;}
.sidebar .prevue .overview a{color: #ba2636;}
.sidebar .prevue .overview p{width: 400px; margin: 0;font-size: 0.815rem}
.sidebar .prevue .overview .ptitle{font-size: 16px; font-family: "Microsoft Yahei", sans-serif; margin-bottom: 8px;}
.sidebar .prevue .scrollbar{position: relative; float: right; width: 9px; font-size: 0; background: url(images/scrollbar_bg.png) top center repeat-y; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAABAQMAAAA2DBY+AAAABlBMVEXc3Nz////gotfwAAAAAnRSTlP/AOW3MEoAAAALSURBVAjXY/jeAAACcQF4YUSDEgAAAABJRU5ErkJggg==) top center repeat-y;}
.sidebar .prevue .track{height: 100%; width: 9px; position: relative;}
.sidebar .prevue .thumb{height: 18px; width: 7px; border: 1px solid #b7b7b7; background: gainsboro; border-radius: 4px; padding: 0; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0;}
.sidebar .prevue .thumb:hover{background: #eeeeee;}
.sidebar .prevue .disable{display: none;}
.noSelect{user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.progress{float: left; width: 55px; height: 50px; margin: 0 15px 5px 15px; text-align: center; background: url(images/splash.png) 60% 70% no-repeat; position: relative;}
.progress-wide{width: 85px;}
.progress .numerator,
.progress .denominator{position: absolute; font-family: Georgia, 'Monotype Corsiva', Arial, sans-serif; font-style: italic; line-height: 1;}
.progress .numerator{bottom: 25%; right: 50%; color: #cc191b; font-size: 36px;}
.progress .denominator{top: 60%; left: 60%; font-size: 14px;}

.photoarea .progress{top: 5px; margin-bottom: 0; background-image: url(images/splash_white.png);}

.head-image{position:relative;display:block;overflow:hidden}
.head-image figure {position:relative;padding-bottom:61.8%;overflow:hidden}
.head-image figure img{position:absolute;min-width:100%;height:100%;}
.head-image figure:after {content:'';position:absolute;background:rgba(0,0,0,0.5);left:0;top:0;right:0;bottom:0;opacity:0;transition:all .3s;}
.head-image:hover figure:after{opacity:1;}
.head-image .head-image-text {position:absolute;bottom:0;z-index:2;width:100%;padding:8% 8% 0}
.head-image h3{color:#fff;margin-bottom:20px;font-size:1rem;line-height:135%;text-shadow:0 0 5px #000;text-align:center}
.head-image p{height:60px;font-size:12px;color:#fff;line-height:20px;margin-bottom:-60px;transition:all .3s;}
.head-image:hover p:not(:empty){margin-bottom:20px;margin-top:-15px}

/* 规格书定制 */
.spec-editor{z-index:9999}
.spec-editor+.modal-backdrop{z-index:9998}
.spec-editor .modal-content{border-radius:0}
.spec-editor .modal-body{padding:0}
.spec-editor-scroll .content{}
.spec-editor-hd{height:120px;padding:30px;background:#f3f3f3;position:relative}
.spec-editor-hd .modal-title {font-size:28px}
.spec-editor-hd .btn-clear{opacity:1;position:absolute;right:40px;top:55px}
.spec-editor-bd{position:relative}
.spec-editor-scroll .spec-editor-bd{margin:5px 5px 5px 0;height:360px;overflow:auto;}
.spec-editor-bd::-webkit-scrollbar {width:8px}
.spec-editor-bd::-webkit-scrollbar-track {background:#fff}
.spec-editor-bd::-webkit-scrollbar-thumb{background:#ddd}
.spec-editor-bd::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.1)}
.spec-editor-main{padding:20px 30px 30px;margin-right:15%}
.spec-editor-main h2{font-size:20px;margin:0 0 15px;padding:10px 0 0}
.spec-editor-main h3{font-size:16px;margin:0 0 15px;padding-top:10px}
.spec-editor-main p{font-size:14px}
.spec-editor-main hr{margin:20px 0}
.spec-param-row{margin-bottom:5px}
.spec-editor-ft{border-top: 1px solid #e6eced;padding:30px}
.spec-editor-sidebar{position:absolute;width:15%;right:0;padding:26px 0 20px 10px}
.spec-editor-sidebar .active{color:#333}
.spec-editor-sidebar .nav .nav{margin-bottom:10px;}
.spec-editor-sidebar .nav>li>a{padding:5px 20px;color:#999}
.spec-editor-sidebar .nav .nav>li>a{font-size:12px;padding-left:30px}
.spec-editor-sidebar .nav>li.active>a{color:#EC6300;font-weight:700}
.spec-editor-sidebar .nav .nav>li.active>a{font-weight:500}
.spec-editor-ct{border:1px solid #e6eced}
.spec-editor-ct .spec-editor-hd .close{display:none}
.spec-editor-sidebar .nav.affix{top:136px}

.table-params{width:auto;}
.table-params>tbody>tr>th, .table-params>tbody>tr>td{border:0;padding:3px 10px 3px 0}

.check-list{margin-bottom:0}
.check-list .check-list-item{width:96px;height:96px;background:#f3f3f3;position:relative;cursor:pointer}
.check-list .check-list-image{background:none}
.check-list li.check-list-item{padding:0;margin:0 20px 20px 0;float:left;}
.check-list li div{position:absolute;width:100%;padding:0 8px;word-wrap:break-word;text-align:center}
.check-list .check-list-item:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid #ddd;z-index:1}
.check-list .check-list-item:hover:before{border:1px solid #EC6300}
.check-list .check-list-item.active{background:#fff;z-index:1}
.check-list .check-list-item.active:before,
.check-list .check-list-item.active:hover:before{border:2px solid #EC6300}
.check-list .check-list-item.active:after{content:'';width:30px;height:30px;position:absolute;bottom:0;right:0;background:url(../images/icon.png) -162px -464px no-repeat;z-index:2}
.param-selector-ct{}
.param-selector li img{display:block;margin:0 auto 5px}
.param-selector-white li{background:none}

/* sms image code prommpt */
.sms-code-prompt{position:fixed;top:0;bottom:0;z-index:99999;width:100%}
.sms-code-prompt .mask{position:absolute;top:0;width:100%;height:100%;background-color:#000000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}
.sms-code-prompt form{background:#fff;width:420px;position:absolute;top:50%;left:50%;margin:-140px 0 0 -210px}
.sms-code-prompt .form-group{padding:30px 40px 20px;margin:0;border-bottom:1px solid #ddd;position:relative}
.sms-code-prompt .form-control{height:54px}
.sms-code-prompt .btn{border:0;border-radius:0;height:60px}
.sms-code-prompt .input-group-addon{padding:5px;background:#fff}
.sms-code-prompt .help-block{margin:8px 0 0;text-align:right}
.sms-code-prompt .help-block a{display:inline-block;width:120px;text-align:center}
.sms-code-prompt img{right:46px;bottom:33px;height:40px;max-width:160px;cursor:pointer;vertical-align:middle}

.img-head-list .page-list-item {position:relative;min-height: 160px;padding: 20px 20px 20px 230px;margin:0;
    border-bottom: 1px solid #f5f5f5;}
.img-head-list .page-list-item .text-muted {font-size:12px;}
.img-head-list .page-list-item:hover{box-shadow: none;}
.img-head-list .page-list-item:last-child{border:0;}
.img-head-list .page-list-item .img {position: absolute;left:20px;top:20px;width:194px;margin:0;}
.img-head-list .more {display:none;}
.img-head-list .page-list-item .img+p.small{margin:6px 0 0;}
.img-head-list .page-list-item h3 {font-size:1.125rem;margin:5px 0;}
.img-head-list .page-list-item .small {font-size:0.875rem;color:#999;display:block;overflow:hidden;text-overflow:ellipsis;  display:-webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient:vertical;line-height: 160%; }
.img-head-list .page-list-item .ch{color:#1155cc}
.img-head-list .page-list-item-info{margin-top:6px}

/* btn-close*/
.btn-clear{position:relative;display:inline-block;width:8px;height:8px}
.btn-clear:before, .btn-clear:after{content:'';width:144%;height:1px;position:absolute;background:#999;left:-22%;top:50%;margin-top:-1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.btn-clear:after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.btn-clear-black:before, .btn-clear-black:after{background:#000}
.btn-clear:hover:before, .btn-clear:hover:after{background:#d9534f}
.btn-clear-color{background:#ddd;border-radius:50%}
.btn-clear-color:hover, .btn-clear-hover:hover{background:#d9534f}
.btn-clear-color:before, .btn-clear-color:after,
.btn-clear-color:hover:before, .btn-clear-color:hover:after,
.btn-clear-hover:hover:before, .btn-clear-hover:hover:after{width:60%;left:20%;background:#fff}
.btn-clear-l{
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
}
.btn-clear-xl{
    -webkit-transform: scale(2.7);
    -moz-transform: scale(2.7);
    -ms-transform: scale(2.7);
    -o-transform: scale(2.7);
    transform: scale(2.7);
}

/* search */
.so-form-modal{position:fixed;z-index:99999;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.98)}
.so-form-modal form{width:50%;margin:60px auto 40px;max-width:610px;min-width:450px}
.so-form-modal .btn-clear{width:24px;height:24px;position:absolute;right:3.75rem;top:3.75rem}
.so-form-modal .btn-clear:before, .so-form-modal .btn-clear:after{height:2px}
.so-form-modal .tab{font-size:1.125rem;margin:0 -15px 15px}
.so-form-modal .tab li{cursor:pointer;display:inline-block;padding:15px 0 15px;margin-right:30px;}
.so-form-modal .tab li.active{border-bottom:2px solid #EC6300}
.so-form-modal .input-word{height:60px;border-width:0 0 1px;border-radius:0;background:none;box-shadow:none;padding-left:0;padding-right:60px}
.so-form-modal .form-word{position:relative}
.so-form-modal .fa-search{position:absolute;right:0;top:0;width:60px;line-height:58px;text-align:center;font-size:1.75rem;background:none;color:#999}

/* waterfall */
.waterfall-item{float:left;width:33.3333%;padding:0 15px;margin-bottom:30px}
.waterfall-item a{display:block;background:#fff;font-size:.75px;padding:0 15px;position:relative;overflow:hidden}
.waterfall-item .img{margin:0 -15px}
.waterfall-item .img>figure img{min-height:100%;max-height:inherit}
.waterfall-item h3{font-size:1rem;margin:10px 0;line-height:20px;}
.waterfall-item p{color:#999;margin:0 0 15px}
.waterfall-item .mask-wrap{color:#fff;padding:0 15px;position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:all .3s;}
.waterfall-item .mask-wrap p{color:#fff;height:0;margin:0;transition:all .3s;overflow:hidden}
.waterfall-item:hover .mask-wrap{background:rgba(255,147,0,.95);}
.waterfall-item:hover .mask-wrap p{margin:-5px 0 15px;height:auto}

.page-title-bar{margin-top:40px;margin-bottom:40px}
.page-title-bar .channel-description{margin-top:15px;line-height:150%}

.channel-title{line-height:50px}
.channel-title u{position:relative;display:inline-block;text-decoration:none;padding-bottom:10px}
.channel-title u:after{content:'';position:absolute;bottom:-2px;left:50%;margin-left:-20px;width:40px;height:2px;background:#ff9300}

.overlay-dialog-animate {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-animation: scale-fade .5s forwards cubic-bezier(.8, .02, .45, .91);
    animation: scale-fade .5s forwards cubic-bezier(.8, .02, .45, .91)
}

@-webkit-keyframes scale-fade {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8) rotateX(-40deg);
        transform: scale(.8) rotateX(-40deg)
    }
    50% {
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1.05) rotateX(0);
        transform: scale(1.05) rotateX(0)
    }
    100% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0)
    }
}

@keyframes scale-fade {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8) rotateX(-40deg);
        transform: scale(.8) rotateX(-40deg)
    }
    50% {
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1.05) rotateX(0);
        transform: scale(1.05) rotateX(0)
    }
    100% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0)
    }
}

/* lightbox */
.lightbox-content>img{max-width:100%}
.lightbox-header .close{margin-top:-16px;margin-right:-16px;font-size:2em;color:white;opacity:.8;filter:alpha(opacity=80)}
.lightbox-header .close :hover{opacity:.4;filter:alpha(opacity=40)}
.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none}
.lightbox .fade .lightbox-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.lightbox .in .lightbox-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.lightbox .lightbox-dialog{z-index:1050;width:auto;margin-right:auto;margin-left:auto}
.lightbox .lightbox-dialog .lightbox-header{float:right}
.lightbox .lightbox-dialog .lightbox-header .close{margin-top:-2px}
.lightbox .lightbox-dialog .lightbox-content{position:relative;background-color:#fff;border:1px solid #ddd;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.2);box-shadow:0 3px 9px rgba(0,0,0,.2);background-clip:padding-box;padding:15px;display:inline-block}
.lightbox .lightbox-dialog .lightbox-content .lightbox-caption{position:absolute;right:15px;bottom:14px;left:15px;padding:2%;font-size:14px;line-height:18px;color:#fff;text-align:center;background:#000;background:rgba(0,0,0,.6)}
.lightbox+.modal-backdrop{z-index:99998;}
.lightbox:after{content:'\00D7';font-size:36px;color:#fff;background:#a94442;width:40px;height:40px;line-height:36px;text-align:center;font-weight:100;border-radius:50%;position:fixed;right:20px;top:20px;cursor:pointer}
.lightbox-ctrl{position: absolute;top: 0;bottom: 0;width: 15%;font-size: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0,0,0,.6);filter: alpha(opacity=50);opacity: .5;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.lightbox-ctrl-left{left:0}
.lightbox-ctrl-right{right:0}
.lightbox-ctrl .fa{  -webkit-transform: scale(4,4);  -moz-transform: scale(4,4);  -ms-transform: scale(4,4);  -o-transform: scale(4,4);  transform: scale(4,4);}
.preview-list-container{position: absolute;bottom: 20px;left: 0;width: 100%;display: flex;justify-content: center;}
.preview-list-clone {width: 400px;}
.preview-list-clone .preview-list {width: 100%;}

/* side nav bar */
.side-nav-bar {
    position: fixed;
    z-index: 1001;
    top: 116px;
    bottom: 0;
    right: 0;
    width: 36px;
    background: #fff;
    text-align: center;
    box-shadow: 0 5px 5px #eee;
}

.header-black .side-nav-bar {
    top: 60px;
}

.side-nav-bar .tooltip-inner {
    white-space: nowrap;
}

.bar-menu li.title {
    color: #aaa;
    padding: 12px 6px;
    border-bottom: 1px solid #eee;
}

.side-nav-bar li.popover-btn {
    margin-top: 5px;
}

.bar-menu-top > li > a, .bar-menu-bottom > li > a {
    display: block;
    padding: 4px 0;
    line-height: 24px;
    color: #666;
}

.bar-menu-bottom > li:hover > a, .bar-menu-top > li:hover > a{
    background: #EC6300;
    color: #fff;
}

.bar-menu-top {
    position: relative;
}

.bar-menu-bottom {
    position: absolute;
    bottom: 0;
    width: 266px;
    padding-right: 230px;
    border-top: 1px solid #eee;
}

#back-to-top {
    border-top: 1px solid #eee;
    padding-bottom: 8px;
}

#back-to-top:hover {
    border-color: #EC6300;
}

#back-to-top span {
    font-size: 12px;
    display: block;
    line-height: normal
}

.text-overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.popover-content hr {
    margin-top: 0 !important;
}
.popover-content .qun {
    padding-left: 25px;
}

.popover-content dt {
    line-height: 25px;
    font-weight: 700;
}

.popover-content dd {
    padding-left: 25px;
}

.bar-menu-bottom .popover-content{
    font-size: 12px;
    padding:14px
}
.bar-menu-bottom .popover-content .fa img{vertical-align:baseline}
.bar-menu-bottom .popover-content .fa{color:#999;font-size:14px;float:left;width:25px}

.sidebar-theme-2 {background:#202020;}
.sidebar-theme-2 .bar-menu-top > li > a, .sidebar-theme-2 .bar-menu-bottom > li > a {color: #fff;}
.sidebar-theme-2 .bar-menu-bottom, .sidebar-theme-2 #back-to-top {border-top:1px solid rgba(255,255,255,.25);}
/*资源管理*/
.td100 td{width:100px;}

/* search */
.search-box{background-color:#EDF4F5;}
.search-form{padding-top:40px;margin-bottom:60px;}
.search-form .form-control{border-radius: 4px}
.search-form .input-group-btn button{width:60px}
.search-tab{height:45px}
.search-tab li{height:30px;float:left;padding:0 12px;color:#333333;font-size:14px;cursor:pointer;line-height:30px;margin-right:5px}
.search-tab li.active,
.search-tab li:hover{color:#fff;border-radius:3px;background:#EC6300;}
.search-result-tip{color:#A9A9A9;font-size:12px;padding:20px 0}
.search-list .page-list-item{padding:0 0 0 214px;border-bottom:0;min-height: 120px;margin-bottom:30px;}
.search-list .page-list-item .img{left:0;top:0;}
.search-list .page-list-item h3{margin-top:0;padding-top:5px;}
.search-list .page-list-item p{margin:10px 0;color:#999}
.search-pagination li>a{padding:10px 15px;font-size:0.875rem;}
.search-hot-words{margin-top:30px;line-height:30px}
.search-hot-words a{display:inline-block;margin-right:10px;padding:0 10px;background:#ddd;margin-bottom:13px;border-radius:3px;}
.search-hot-words a:hover{background:#EC6300;color:#fff}

/* 友情链接 */
.friend-links{border-bottom:1px solid #e6eced;color:#666;padding:30px 0}
.friend-links strong{margin-right:10px}
.friend-links a{color:#999;display:inline-block;margin-right:15px}
.friend-links a:hover{color:#EC6300}

/*  意见反馈  */
.feedback-header{height:60px;padding:20px 30px;border-bottom:1px solid #e5e3dd;}
.feedback-body{padding:0 30px;position:relative;}
.feedback-body .feedback-textarea{height:140px;resize:none}
.feedback-body .help-txt{color:#aaa;font-size: 14px}
.feedback-list{color:#666;font-size: 18px; padding: 5px 0}
.feedback-footer{text-align: center; padding: 30px 15px;}
.file-load{overflow:hidden;width: 100px;height:40px;position: relative;display: inline-block; cursor:pointer;vertical-align:middle;}
.file-load .file-load-btn{width: 100%;height:100%;font-size: 19px}
.file-load .file-load-input{position: absolute;z-index: 1;width: 100%;height:100%;opacity: 0;top:0;left:0;font-size: 0px;}

.baidu-maps{height:500px;margin:20px 0 30px}
.net-title-box{padding: 30px 0;border-top: 1px solid #ececec;overflow: hidden}
.net-title{font-size:20px;float: left}
.result-search{text-align: right;color:#999;font-size:12px;display: inline-block;float: right}
.result-search span{color:#ff0000}
.clear-btn{position: absolute;right:64px;top:7px;z-index: 5;cursor: pointer}
.clear-btn:hover{color:#EC6300}
.table.net-table>tbody>tr{background:#f6f6f6;border-bottom:20px #fff solid;}
.table.net-table>tbody>tr>td{padding:15px;border-top:0;vertical-align: middle;width:140px;display:table-cell;text-align: left;font-size: 14px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 140px}
.table.net-table>tbody>tr>td:nth-of-type(1) .img-box{width:120px;min-height:60px;background-color: #ccc;border-radius:5px;overflow: hidden;max-height: 130px}
.table.net-table>tbody>tr>td:nth-of-type(1) .img-box img{width: 120px}
.table.net-table>tbody>tr>td:nth-of-type(2){min-width:230px;width:230px;max-width: 230px;}
.table.net-table>tbody>tr>td:nth-of-type(2) a{color:#337ab7}
.table.net-table>tbody>tr>td:nth-of-type(2) a:hover{color:#EC6300}
.table.net-table>tbody>tr>td:nth-of-type(4){min-width:180px;width: auto}

.network-form{word-break: break-all}
.network-form .msg-list{padding-left: 25px}
.network-form h1{font-size:20px;font-weight: bold;margin: 5px 0px 15px}
.network-form p{margin: 0px;font-size: 14px;line-height: 1.8}
.network-form .code{width: 400px;margin-top: 20px;overflow: hidden}
.network-form .code .half-item{width: 50%;text-align: center;float:left}
.network-form .input-group-addon{position: relative; width:85px}
.network-form .input-group-addon img{position: absolute;top:0;left:0;width: 100%}
.network-form.no-img .form-group>div:first-child{display:none}
.network-form .carousel-inner>.item{height:400px;position: relative}
.network-form .carousel-inner>.item img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.BMapLib_sendToPhone{display: none}
.BMapLib_nav_tab_content *{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box}
#baidu-maps .BMap_Marker img{max-width: none}
.BMap_Marker.BMap_noprint{color:#fff;line-height: 1.5}
.subscribe-wrap{background-color: #fff;margin-top: 60px;margin-bottom: 60px;padding: 40px 0;}
.subscribe-wrap form{margin:0 auto;padding: 0 20px;}
.subscribe-wrap form>h4{margin-top: 30px;margin-bottom: 0;font-size: 36px;color:#E64869}
.subscribe-wrap form>.help-block{font-size: 24px;color:#E64869;font-weight: bold}
/* 新增CSS加在上面 */

/* Make clicks pass-through */
#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #EC6300;
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #EC6300, 0 0 5px #EC6300;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #EC6300;
    border-left-color: #EC6300;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}
@-webkit-keyframes nprogress-spinner {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*share-box*/
.share-box{
    background-color: #fff;
}
.share-right{text-align: right;}
.share-right .sns-share{display: inline-block;}
.jiathis_style>div{box-sizing: content-box;}
.sns-share{display: inline-block;vertical-align: text-bottom;}
/*share-box*/

/* media */
@media (min-width:480px)and (max-width:768px){
    .topbar, .product-cate-wrap, .product-index-l{display: none}
    .product-cate-right{padding-left: 15px!important;}
    .product-index-r{padding-left: 0!important;}
    .footer-r{width:100%!important;margin-top: 30px;}
    .news-list-r{width:100%}
    .product-series .col-sm-2, .product-series .col-sm-3, .param-filter .col-md-3, .news-list.col-sm-6,
    .news-list-r .col-sm-12, .product-pic .col-sm-6 .col-sm-6,
    .light-pictures .col-sm-3, .parts .col-sm-3,
    .product-ct .col-sm-4, .filter .col-sm-6,
    .product-series .col-md-3,
    .img-list .col-sm-2,
    .img-list .col-sm-3,
    .download .col-sm-3{width:50%;float:left}
    .product-pic .col-sm-6{width:100%;margin-bottom: 10px;}
    .product-pic .col-sm-3{width:50%;float:left;}
    .preview-r .col-sm-8{width:100%}
    .preview-r h2{font-size: 1rem!important;}
    .preview-r h5{font-size:0.625rem!important;}
    .preview-r .col-sm-4{display: none}
    .sort-bar{margin-top: 0!important;}
    .preview .preview-r{display: none}
    .model-list-ct .col1, .model-list-hd .col1{width:30%}
    .model-list-ct .col8, .model-list-ct .col7, .model-list-ct .col6, .model-list-ct .col5, .model-list-ct .col4,
    .model-list-hd .col8, .model-list-hd .col7, .model-list-hd .col6, .model-list-hd .col5, .model-list-hd .col4{display: none}
    .btn-grey{width:auto!important; margin-bottom: 20px}
    .model-list-open-r{display: none}
    .service-area p{font-size: 0.75rem;padding: 0 30px}
    .product-list-wrap-with-side{padding-left: 0}
    .article-body{font-size: 0.875rem!important;}
    /*.content-ct,
    .container-side .box{padding:10px 15px!important;}*/
    /*.content-ct,
    .container-side .box{padding:0!important;}*/
    .container-side h2{padding:0 20px!important;font-size: 1rem}
    .case-detail-l{float:left;width:100%;background-color: #fff}
    .case-detail-r{float:left;width:100%;background-color: #fafafa}
    .filter-item{width:50%}
    .bs-docs-sidebar {display:none;}

    .img-head-list .page-list-item{background-color: #f6f6f6;padding:15px 0 15px 225px;border-bottom: 1px solid #E5E5E5;}
    .img-head-list .page-list-item .img{left: 0;top:15px;width:210px;}
    .img-head-list .page-list-item .img+p.small{font-size: 13px;line-height: 1.5;}
    .img-head-list .page-list-item .text-muted{position: absolute;bottom: 15px;}
    .footer-container{ border-top: none;}
    .middle-nav{margin-top: 20px;margin-bottom: 5px;}
    .container-side h2{padding: 0!important;background-color: #f6f6f6;border-bottom: 0;font-size: 1.125rem;}
    .container-side h2 a{color:#333;}

}

@media (min-width:769px) and (max-width:991px){
    .header, .topbar, .product-cate-wrap, .product-index-l{display: block}
    .product-cate-wrap{display: none}
    .product-cate-right{width:100%}
    .footer-container .footer-nav div h3{font-size: 1rem}
    .footer-container .footer-nav div ul{font-size: 0.75rem}
    .footer-container .footer-r .telphone-num{font-size: 1.625rem}
    .product-pic .col-sm-6 .col-sm-6:last-child{border-left:1px #f3f3f3 solid}
    .news-list-r .img{display: block}
    .product-series .col-sm-2, .product-series .col-sm-3, .param-filter .col-md-3,
    .light-pictures .col-sm-3,
    .product-series .col-md-3{width:33.33%;float:left}
    .parts .col-sm-3,
    .download .col-sm-3{float:left;width:50%}
    .preview-r .col-sm-8{width:100%}
    .preview-r h2{font-size: 1rem!important;}
    .preview-r h5{font-size:0.625rem!important;}
    .preview-r .col-sm-4{display: none}
    .model-list-ct .col1, .model-list-hd .col1{width:25%}
    .model-list-ct .col8, .model-list-ct .col7, .model-list-ct .col6,
    .model-list-hd .col8, .model-list-hd .col7, .model-list-hd .col6{display: none}
    .btn-grey{width:auto!important;}
    .service-area p{font-size: 0.875rem;padding: 0 30px}
    .product-list-wrap-with-side{padding-left: 0}
    .article-body{font-size:1rem!important;}
    .case-detail-l{float:left;width:100%;background-color: #fff}
    .case-detail-r{float:left;width:100%;background-color: #fafafa}
    .form-so {display:none;}
}

@media (min-width:992px) and (max-width: 1199px){
    .footer-container .footer-r .telphone-num{font-size: 1.75rem}
    .product-pic .col-sm-6 .col-sm-6:last-child{border-left:1px #f3f3f3 solid}
    .news-list-r .img{display: block}
    .preview-r .col-sm-8{width:100%}
    .preview-r .col-sm-4{display: none}
    .model-list-ct .col1, .model-list-hd .col1{width:15%}
    .model-list-ct .col8, .model-list-hd .col8{display: none}
    .service-area p{font-size:1rem;padding: 0 50px}
    .case-detail-l{float:left;width:100%;border-right:360px solid #fafafa;background-color:#fff}
    .case-detail-r{position:absolute;right:0;top:0;width:360px;background-color: #fafafa}
    .parts .col-sm-3,
    .download .col-sm-3{float:left;width:33.33%}
}

@media (min-width:769px) {
    .product-cate-wrap, .product-index-l{display: block}
    .container{width:auto}

    .header .navbar-collapse{float:left}
    .header .nav>li:hover>.dropdown-menu{display:block;}
    .header .nav-menu-horizontal>li:hover>.dropdown-menu,
    .header .nav-menu-horizontal>li.open>.dropdown-menu{display:block}
    .header .navbar-nav>li>a:hover:after,
    .header .navbar-nav>li.open>a:after,
    .header .navbar-nav>li.active>a:after{content:'';display:block;height:10px;}
    .header .navbar-nav>li.active>a:after{border-bottom:2px solid #EC6300}
    .header .navbar-nav>li>.dropdown-menu{border-radius:0;border:0;min-width:100%;-webkit-box-shadow:none;box-shadow:none;border:1px solid #e6eced;border-top:0;}
    .header .navbar-nav>li>.dropdown-menu:before{display:block;position:absolute;top:0;left:0;right:0;height:1px;background:#fff;}
    .header .navbar-nav>li>.dropdown-menu>li{margin:0 -1px}
    .header .nav-menu-horizontal>li>.dropdown-menu>li{margin:0 0px}
    .header .navbar-nav>li>.dropdown-menu>li:last-child{margin-bottom:-1px}
    .header .navbar-nav>li>.dropdown-menu>li>a{padding:3px 20px;line-height:30px;font-size:0.875rem;color:#333;}
    .header .navbar-nav>li>.dropdown-menu>li>a:hover{color:#fff;background-color:#EC6300;border-bottom: 0}
    .header .navbar-nav>li>.dropdown-menu .img{margin-bottom:20px;display:block;min-width:120px;height:120px;overflow:hidden;background:none}
    .header .navbar-nav>li>.dropdown-menu .img img{height:120px}

    .header .news-nav .news-nav-l{float:left;width:120px;margin:10px 0 20px;padding-left: 25px}
    .header .news-nav .news-nav-l li{line-height:36px;color:#666;font-size:0.875rem}
    .header .news-nav .news-nav-r{margin:13px 0 20px 120px;width:400px;padding: 0 30px;border-left:1px solid #e6eced;}
    .header .news-nav .news-nav-r li{color:#333;font-size:0.75rem;line-height:30px}
    .header .news-nav .news-nav-r em{color:#999;font-style: normal}
    .header .news-nav .news-nav-l li>a, .header .news-nav .news-nav-r ul li>a{padding:0;border-bottom: 0}

    .dropdown-menu-nav{padding:0}

    .product-nav-menu{left:-5000px;right:-5000px;top:100%;border:0!important;padding:0 0 25px;background:#fff;margin-top:-1px!important}
    .product-nav-menu ul{float:left;padding-left:50%;margin-left:-75px;top:0;min-width:540px;}
    .product-nav-menu li{min-width:120px;display:inline-block;vertical-align:top;padding:0 15px;
        -webkit-animation:.8s ease layout-header-nav-child-item-animate forwards 1;
        animation:.8s ease layout-header-nav-child-item-animate forwards 1
    }

    .product-nav-menu li:nth-child(2){-webkit-animation-delay:53.85ms!important;animation-delay:53.85ms!important}
    .product-nav-menu li:nth-child(3){-webkit-animation-delay:.13077s!important;animation-delay:.13077s!important}
    .product-nav-menu li:nth-child(4){-webkit-animation-delay:.20769s!important;animation-delay:.20769s!important}
    .product-nav-menu li:nth-child(5){-webkit-animation-delay:.28462s!important;animation-delay:.28462s!important}
    .product-nav-menu li:nth-child(6){-webkit-animation-delay:.36154s!important;animation-delay:.36154s!important}
    .product-nav-menu li:nth-child(7){-webkit-animation-delay:.43846s!important;animation-delay:.43846s!important}
    .product-nav-menu li:nth-child(8){-webkit-animation-delay:.51538s!important;animation-delay:.51538s!important}
    .product-nav-menu li:nth-child(9){-webkit-animation-delay:.59231s!important;animation-delay:.59231s!important}
    .product-nav-menu li:nth-child(10){-webkit-animation-delay:.66923s!important;animation-delay:.66923s!important}
    .product-nav-menu li:nth-child(11){-webkit-animation-delay:.74615s!important;animation-delay:.74615s!important}
    .product-nav-menu li:nth-child(12){-webkit-animation-delay:.82308s!important;animation-delay:.82308s!important}
    .product-nav-menu li:nth-child(13){-webkit-animation-delay:.9s!important;animation-delay:.9s!important}
    .product-nav-menu li:nth-child(14){-webkit-animation-delay:.97692s!important;animation-delay:.97692s!important}
    .product-nav-menu li:nth-child(15){-webkit-animation-delay:1.05385s!important;animation-delay:1.05385s!important}
    .product-nav-menu li:nth-child(16){-webkit-animation-delay:1.13077s!important;animation-delay:1.13077s!important}
    .product-nav-menu li:nth-child(17){-webkit-animation-delay:1.20769s!important;animation-delay:1.20769s!important}
    .product-nav-menu li:nth-child(18){-webkit-animation-delay:1.28462s!important;animation-delay:1.28462s!important}
    .product-nav-menu li:nth-child(19){-webkit-animation-delay:1.36154s!important;animation-delay:1.36154s!important}

    .product-nav-menu h3{font-weight:normal;font-size:1rem;color:#333;text-align: center}
    .product-nav-menu a:hover h3{color:#EC6300}

    .header .nav>li:hover>.product-nav-menu{
        height: auto;
        -webkit-animation: .5s ease layout-header-nav-child-animate forwards 1;
        animation: .5s ease layout-header-nav-child-animate forwards 1;
    }

    .dropdown-menu-placeholer {
        position:absolute;
        left:-5000px;
        right:-5000px;
        top:100%;
        opacity: 0;
        height: 0;
        background: #fff;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .header .nav > li:hover .dropdown-menu-placeholer {
        opacity: 1;
        height:210px;
        border-bottom: 1px solid #e6eced;
    }

    .navbar-nav-gray .product-nav-menu{background-color:#edf4f5;padding:0;}
    .navbar-nav-gray .product-nav-menu .nav>li{padding:0}
    .navbar-nav-gray .product-nav-menu .nav>li>a {padding:30px 20px;}
    .navbar-nav-gray .product-nav-menu .nav>li>a:hover{background:#edf4f5;}

    .footer-navbar{padding-top:50px;padding-bottom:50px;}
    .news-nav-r li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{font-size:72px;line-height:100px;width:50px;height:100px;margin-top:-50px}

    .header-black .header .navbar-nav>li>.dropdown-menu{background-color: #000;border:1px solid #2f2f2f;border-top-color: #000;}
    .header-black .header .navbar-nav>li>.dropdown-menu:before{background: #000;}
    .header-black .header .navbar-nav>li>.dropdown-menu>li>a{color: #aaa;}
    .header-black .header .navbar-nav>li>.dropdown-menu>li>a:hover,
    .header-black .header .navbar-nav .nav>li>a:hover{color:#f9f9f9;}
    .header-black .header .navbar-nav>li>a:hover:after, .header-black .header .navbar-nav>li.open>a:after, .header-black .header .navbar-nav>li.active>a:after{height: 0;}
    .subscribe-wrap form{width: 720px;}
}

@-webkit-keyframes layout-header-nav-menu-animate{0%{height:0}100%{height:210px}}
@keyframes layout-header-nav-menu-animate{0%{height:0}100%{height:210px}}

@-webkit-keyframes layout-header-nav-child-animate{0%{height:100px}100%{height:210px}}
@keyframes layout-header-nav-child-animate{0%{height:100px}100%{height:210px}}

@-webkit-keyframes layout-header-nav-child-item-animate{0%{opacity:0;-webkit-transform:translate(70px);transform:translate(70px)}100%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}
@keyframes layout-header-nav-child-item-animate{0%{opacity:0;-webkit-transform:translate(70px);transform:translate(70px)}100%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}

@media (min-width:992px) {
    .footer-nav{display:inline-flex}
    .single-page-body p, .about-ct p{font-size:1rem;line-height:2rem;}
    .article-body{font-size:1rem!important;}
    .product-preview{float:left;width:400px;margin-right:-100%}
    .product-info{float:left;width:100%;padding-left:450px;margin-right:-100%}
    .product-preview-empty+.product-info{float:none;padding-left:0;margin-right:0}
    .middle-nav{margin:30px 0}
    .middle-nav li{font-size:1rem;line-height:40px}
    .middle-nav li a{padding:0 30px;}
    .img-list-white .img-list-item:hover{background:#fff;transform:translateY(-10px);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);}
}

@media (min-width:1200px){
    .container{width:1200px;padding-right: 0;padding-left: 0}
    .service-area p{font-size:1rem;padding: 0 50px}
    .case-detail-l{float:left;width:100%;border-right:360px solid #fafafa;background-color: #fff}
    .case-detail-r{position: absolute;right:0;top:0;width:360px;background-color: #fafafa}
    .page-list:not(.img-head-list){padding-right:45px}
    .flickity-box:hover .flickity-prev-next-button{
        display: inline-block;
    }
    .flickity-box .flickity-prev-next-button:hover{
       color: #fff;
    }
    .slider-box .icon-quanbu{display: inline-block;}

    .single-page-body, .about-ct{padding:60px 200px}
    .single-page-body .container-full{margin-left:-200px;margin-right:-200px}
    .single-page-body>.container-full:first-child{margin-top:-60px}
    .single-page-body h1,
    .single-page-body h2,
    .about-ct h2{
        font-weight: 100;
        font-size:2.5rem;
        margin:30px 0;
    }
    .single-page-body>h1:first-child,
    .single-page-body>h2:first-child{
        margin-top:0
    }
    .single-page-body p, .about-ct p{font-size:1rem;line-height:2rem;}
    .article-body{font-size:1rem!important;}
}

@media (max-width:992px){
    .header .form-so{display:none}
    .carousel-container{width:100%;padding:0;margin-top:0!important;}
    .slide-lg .carousel-inner>.item img{max-height:400px}
    .slide-control .fa-slider-pic{display:none}
    .product-preview{margin: 0 auto 30px;}
    .spec-editor-sidebar {width:24%}
    .img-head-list .general {display:none;}
    .side-nav-bar {display: none}
}

@media (max-width:768px){
    .article-body p{background-color: transparent!important;}
    .article-body section{background-color: transparent!important;}
    .header{height:51px;z-index: 1200;}
    .header .logo{max-height:32px;}
    .header-affix.affix{position:static}
    .header-affix-placeholder{display:none;}
    .header .logo-container{height:50px;margin-left: 15px;}
    .header .navbar-toggle{font-size:24px;font-weight:100;padding:0;height:50px;width:50px;margin:0;color:#666}
    .header .navbar-toggle .fa-bars {-webkit-transition: all .25s;}
    .header .navbar-toggle:not(.collapsed) .fa-bars {transform:rotate(90deg);}
    .header .navbar-collapse{margin-left:-15px;margin-right:-15px;background:#fff;/*border-top:1px solid #ddd;*/-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
    .header .navbar-collapse.collapse{display:none!important;}
    .header .navbar-collapse.in{display:block!important;}
    .header .navbar-nav{margin:0 -15px}
    .header .navbar-nav li {float:none;font-size:1rem;}
    .header .navbar-nav li a{z-index: 9;}
    .header .navbar-nav>li>a{padding:15px 20px;height:auto;border-top:1px solid #ececec;position:relative;font-weight:normal;color:#000;}
    .header .navbar-nav>li>a:after,
    .header .navbar-nav>li.active>a:after,
    .header .navbar-nav>li>a:hover:after,
    .header .navbar-nav .nav>li>a:after{content:"\f105";font:normal normal normal 24px/1 FontAwesome;position:absolute;right:20px;top:16px;line-height:20px;color:#ddd;font-weight:100;border:0;-webkit-transition: all .25s;}
    .header .navbar-nav>li>a.dropdown-toggle:after{transform:rotate(90deg)}
    .header .navbar-nav>li.open>a.dropdown-toggle:after{transform:rotate(-90deg)}
    .header .navbar-nav .nav>li>a:after{top:8px;right:15px}
    .header .navbar-nav>li>.dropdown-menu {border-bottom: 1px solid #ececec;padding: 0 0 10px;border-radius: 0;}
    .header .navbar-nav>li>.dropdown-menu-nav {padding: 0 20px 10px;}
    .header .navbar-nav .nav {padding:0 20px}
    .header .navbar-nav .nav>ul {padding:0;margin-left:0}
    .header .navbar-nav .nav li{width: 50%;float:left;}
    .header .navbar-nav>li>.dropdown-menu>li>a,
    .header .navbar-nav .nav>li>a{padding:8px 15px;display:block;font-size:0.875rem;color:#000;font-weight:normal;}
    .header .navbar-nav>li>.dropdown-menu>li>a:hover,
    .header .navbar-nav .nav>li>a:hover{color:#EC6300;}
    .header .navbar-nav .nav .img{display:none}
    .header .navbar-nav .nav h3{font-size:0.875rem;line-height:normal;font-weight:normal;}
    .header .news-nav .news-nav-r {display:none;}
    .header .news-nav {margin:0!important}
    .slide-lg .carousel-inner>.item img{max-height:300px;min-width:100%;}
    .single-page{background:none}
    .single-page-body{padding: 10px;}
    .single-page-body p{margin: 10px 0;background-color: transparent!important;line-height: 190%;}
    .single-page-body .container-full,
    .single-page-body>.container-full:first-child{margin:0}
    .footer-container .hot-line-wrap{float:none;text-align:center;border-top:1px solid #ececec;padding-top:15px;}
    .head-image{margin-bottom:15px}
    .product-index{min-height:inherit!important;}
    .parameter>li{width:50%}
    .footer-navbar{padding:15px}
    .footer-nav{padding-bottom:0;}
    .footer-nav h3{position:relative;line-height:30px;font-size:1rem!important}
    .footer-nav h3 .fa{position: absolute;right:0;top:0;color:#999;font-size:1.5rem;display: block}
    .footer-nav div{cursor: pointer; -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;}
    .footer-nav div:hover .fa{transform:rotate(45deg)}
    .footer-nav div ul{font-size:0.875rem;display: none;margin-bottom:10px}
    .footer-nav div:hover ul{display:block;}
    .footer-nav div ul li{padding:0 10px;line-height:30px;}
    .footer-nav div ul li:hover{background-color: #f3f3f3}
    .footer-container .copyright-text,
    .footer-container .copyright .beian{text-align:center}
    .modal-fluid, .modal-full {padding:30px}
    .slide-control .carousel-indicators-ct{margin:0}
    .spec-editor-sidebar {width:26%}
    .breadcrumb{line-height:20px;visibility: hidden;}
    .img-head-list .img {width: 130px;}
    .img-head-list .general {display:none;}
    .img-head-list .describe {  -webkit-line-clamp:2;}
    .navbar-hover .eng{display: none;}
    .img-list li{float: left; width: 50%;}
    .img-list li{ margin-top: 10px; padding-left: 5px;padding-right:5px;}
    .footer-container .footer-navbar{border-bottom:1px solid #e6eced;display:block;}
    .footer-container .footer-nav{flex:auto;padding-left:0;padding-right:0}
    .footer-container .footer-nav-item{flex:auto;padding-right:0;}
    .footer-container .hot-line-title{font-size:1.125rem;margin:10px 0;color:#666}
    .footer-container .footer-nav-side{padding:0;}
    .navbar-hover .chn{margin-right: 15px;}
    .header .container{width: 100%;}
    .navbar-hover > li > a{text-align: left;}
    .navbar-hover > li:hover .chn {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    .header-black .header .container{background-color:#000;}
    .header-black .header .navbar-collapse{background-color: #000;}
    .header-black .header{background-color:#000}
    .header-black .header .navbar-nav>li>.dropdown-menu>li>a,
    .header-black .header .navbar-nav .nav>li>a{color: #BABABA;}
    .header-black .header .navbar-nav>li>.dropdown-menu {border-bottom: 1px solid #333;padding: 0 0 10px;}
    .header-black .header .navbar-nav>li>.dropdown-menu-nav {padding: 0 20px 10px;background-color: #000;}
    .navbar-toggle{display: block;}
    .navbar-header{ float: none;}
    .navbar-nav{float: none;}
    .navbar-nav .open .dropdown-menu{position: static;float: none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;}
    .header-black .header .navbar-collapse{border-top:1px solid #333;}
    .header-black .header .navbar-nav>li>a{border-top:1px solid #333;}
    .header-black .header .navbar-toggle{color:#ddd;line-height: 60px;}
    .header-black .header .navbar-nav>li>a:after,
    .header-black .header .navbar-nav>li.active>a:after,
    .header-black .header .navbar-nav>li>a:hover:after,
    .header-black .header .navbar-nav .nav>li>a:after{color:#999;}
    .content-ct, .container-side .box{padding: 0!important;}
    .container-side .box.list{padding: 10px 15px!important;}
    .content-ct{background-color: #f6f6f6;}
    .content-headline{margin-top: 10px;font-size: 1.625rem;}
    .channel-title{line-height: 40px;margin-top: 30px!important;margin-bottom: 10px!important;font-size: 1.125rem;}
    .channel-title u{font-size: 1.5rem;}
    .img-list-white .img-list-item{padding:0 10px 15px;overflow:hidden;}
    .img-list-white .img-list-item h3{margin:8px 0 0;color:#333;}
    .img-list-white .img-list-item .desc{margin:8px 0 0;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;}
    .img-list .col-sm-4{margin-bottom: 20px!important;}
    .box .img-list-white .img-wrap{ margin-left: 0!important;margin-right: 0!important;}
    .product-cate-wrap+.product-list-wrap-with-side{padding-left: 0}
    .product-analysis .item img{max-height: 360px;}
    .recom-product{
        max-width: 180px;
    }
    .recom-product .item img{
        min-height: 180px;
        max-height: 180px;
    }
    .analysis-pics .item img{
        max-height: 300px;
    }
    .analysis-pics .flickity-page-dots{
        bottom: 20px;
    }
    .focus-item-button{
        font-size: 14px!important;
        width: 80px!important;
        left: 75%!important;
        top: 80%!important;
    }
    .focus-item-text{
        display: none;
    }
    .slider-box .item img{
        max-height: 300px;
    }
    .slider-box .slider-dots{
        bottom: 20px;
    }
    .model-list-ct{
        overflow: hidden;
    }
}
@media (max-width:479px){
    .bg-gray{margin-top: 20px!important;}
    .carousel-inner .focus-item-text{font-size: 0.75rem!important;}
    .product-info h1{font-size: 1.25rem;}
    .footer-container .hot-line-title{margin:0 0 10px;font-size: 1rem;}
    .footer-container .hot-line{font-size: 1.375rem;}
    .footer-nav h3{line-height: 20px;font-size: 0.875rem!important;}
    .footer-nav h3 .fa{font-size: 1rem;}
    .footer-nav div ul{font-size: 0.75rem!important;}
    .footer-nav div ul li{line-height: 25px;}
    .carousel-inner{min-height: inherit!important;overflow: inherit;}
    .guide-hd .pull-right,
    .guide-bd .focus-item,
    .guide-bd .focus-item-text{display: none;}
    .single-page{margin-top:45px;}
    .focus-body-main blockquote{line-height: 160%;}
    .about-ct{margin-top:20px;padding: 0;line-height: 180%;}
    .container-side .box .carousel-inner img{max-width: 200px;margin: 0 auto;}
    #productList .img-list{margin-top: 0!important;}
    .box .img-list{margin-top: 0!important;}
    .img-list-item h3{font-size: 0.875rem;min-height: 20px!important;-webkit-line-clamp: 1;}
    .img-list{border-top:1px solid #F6F6F6;padding-left: 0!important;padding-right: 0!important;}
    .img-list li{ margin-top: 0; padding-left: 0;padding-right:0;margin-bottom: 0!important;;margin-left:-1px;float:left;width:50%;border-left:1px solid #F6F6F6;border-bottom:1px solid #F6F6F6;}
    .masonry-list li{padding: 5px!important;}
    .topbar, .product-cate-wrap, .product-index-l, .header-affix-placeholder{display: none}
    .header-affix-placeholder {display:none!important;}
    .product-cate-right{padding-left: 15px!important;}
    .product-index-r{padding-left: 0!important;}
    .product-index{margin-top: 20px;}
    .footer-container .copyright{font-size: 0.7rem;padding: 20px 0;margin-top: 0;}
    .footer-container .footer-r .telphone-num{font-size:1rem}
    .product-pic .col-sm-6 .col-xs-6:last-child{border-left:1px #f3f3f3 solid}
    .product-series .col-sm-3, .product-series .col-sm-2,
    .light-pictures .col-sm-3, .parts .col-sm-3, .filter .col-sm-6,
    .product-series .col-md-3,
    .img-list .col-sm-2{float:left;width:50%}
    .img-list-news .col-sm-6{width:100%}
    .preview-r .col-sm-8{width:100%}
    .preview-r h2{font-size: 1rem!important;}
    .preview-r h5{font-size:0.625rem!important;}
    .preview-r .col-sm-4{display: none}
    .product-ct .parts ul li img{width:100%}
    .product-nav .nav-tabs,
    .article-body{font-size: 0.875rem!important;}
    .sort-bar{margin-top: 0!important;}
    .preview .preview-r{display: none}
    .model-list-ct .col1, .model-list-hd .col1{width:50%}
    .model-list-ct .col8, .model-list-ct .col7, .model-list-ct .col6, .model-list-ct .col5, .model-list-ct .col4, .model-list-ct .col3, .model-list-ct .col2,
    .model-list-hd .col8, .model-list-hd .col7, .model-list-hd .col6, .model-list-hd .col5, .model-list-hd .col4, .model-list-hd .col3, .model-list-hd .col2{display: none}
    .model-list-open-r{display: none}
    .service-area p{font-size: 0.5rem;padding: 0 15px}
    .product-list-wrap-with-side{padding-left: 0}
    .container-side h2{padding:0;font-size: 1.125rem;margin-top:10px;background-color: #f6f6f6;border-bottom: none;}
    .container-side h2 a{color: #333;}
    .case-detail-l{float:left;width:100%;background-color: #fff}
    .case-detail-r{float:left;width:100%;background-color: #fafafa}
    .titlebar .title{font-size:1.25rem}
    .titlebar .filter-type{display: block;}
    .channel-title u{font-size:1.25rem}
    .filter-item{width:100%}
    .slider-list-icon li{font-size: 0.5rem;width:50px}
    .form-so {display:none;}
    .slide-lg .carousel-inner>.item img{max-height:200px;min-width:100%;}
    .content-headline{font-size: 1.125rem;line-height: 150%;margin-top:30px;}
    .content-ct {background:none;}
    .spec-editor-sidebar {width:36%}
    .spec-editor-ft .btn-lg {margin-top:20px}
    .product-pic {overflow:hidden}
    .parameter>li{width:100%}
    .img-head-list .page-list-item {min-height: 100px;padding: 10px 0 10px 140px;background-color: #f6f6f6;border-bottom: 1px solid #E5E5E5;}
    .img-head-list .page-list-item .img {position: absolute;left:20px;top:20px;width:96px;margin:0;}
    .img-head-list .page-list-item .text-muted,
    .img-head-list .page-list-item .small {display:none;}
    .product-pic .col-sm-6, .product-pic .col-sm-3{margin-bottom: 10px;}

    .middle-nav{margin: 0;}
    .img-head-list .page-list-item h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;line-height: 1.3;margin-top: 3px;font-size: 0.875rem;}
    .img-head-list .page-list-item .img{left: 0;top: 10px;width: 130px;}
    .img-head-list .page-list-item .text-muted{position: absolute;display: block;bottom: 10px;}
    .footer-container{ /*border-top: none;*/}
    /*型号*/
    .form-horizontal .form-group{height:auto!important;}
    .form-horizontal .form-group .series-param-type-select,
    .form-horizontal .form-group .series-param-type-string,
    .form-horizontal .form-group .series-param-type-number{position: static!important;left: auto!important;top: auto!important;}
    .form-horizontal .form-group .col-md-3{position: static!important;width: 100%;}
    /*资讯页面导航样式改版*/
    .breadcrumb{display: none;}
    .container{position: relative;padding-left:10px; padding-right:10px;}
    .middle-nav{position: absolute;left: 0;top: 0;z-index: 99;overflow-x: scroll;overflow-y: hidden;width: 100%;padding: 5px 10px;border-top: 1px solid #f9f9f9;white-space: nowrap;background-color: #fff;}
    .middle-nav li{float: none;display: inline-block;margin-right: 0;font-size: 14px;}
    .middle-nav li:hover a, .middle-nav li.active a{background-color: #fff;color: #EC6300;}
    .middle-nav li a{color: #555;padding: 0 8px;}
    .row .page-list{margin-top: 42px;}
    .middle-nav::-webkit-scrollbar{display: none;}
    .header-black .middle-nav{border-top: 1px solid #555;background-color: #000;}
    .header-black .middle-nav li:hover a, .header-black .middle-nav li.active a{background-color: #000;color: #EC6300;}/*.middle-nav li:hover a, .middle-nav li.active a*/
    .header-black .middle-nav li a{color: #ddd;}
    .slide-lg .carousel-inner>.item .focus-item-el {display: none !important;}
    .focus-element{}
    .focus-item-bd{
        padding: 30px 10px 10px 15px;
        min-width: initial;
        max-width: initial;
    }
    .focus-item-bd h3{
        font-size: 12px;
        line-height: 1.4;
    }
    .table-model-list th,
    .table-model-list .model-item-row td{display: none;}
    .table-model-list .model-item-row .model-col-picture,
    .table-model-list .model-item-row .model-col-name,
    .table-model-list .model-item-row .model-col-species{
        display: table-cell;
    }
    .table-model-list .model-col-expand{
        padding: 0;
        min-width: inherit;
    }
    .product-preview{
        margin: 0 auto 30px;
    }
    .product-info {
        margin: 0 auto;
        padding-bottom: 5px;
        overflow: hidden;
    }
    .product-info .tab-pane ul.row{
        margin-left: -5px;
        margin-right: -5px;
    }
    .product-info .tab-pane li.col-xs-6{
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .product-analysis .item img{max-height: 200px;}
    .analysis-pics .item img{
        max-height: 180px;
    }
    .guide-bd .focus-images{
        margin-right: auto!important;
    }
    .guide-bd-r,.focus-item-button{
        display: none!important;
    }
    .guide-list-wrap{
        position: static;
    }
    .slider-box .slider-dots{
        bottom: 10px;
    }
    .slider-box .flickity-page-dots .dot{
        width: 12px;
        height:12px;
    }
    .slider-box .item img{
        max-height: 200px;
    }
    .data-down{margin-top: 0;margin-bottom: 0;}
    .scene-map ul{margin-right: -5px; margin-left: -5px;}
    .scene-map li{padding-left: 5px;padding-right: 5px;}
    .product-info-nav{ width: 100%;overflow-x: auto;overflow-y: hidden;}
    .product-info-nav::-webkit-scrollbar {display:none}
    .product-info-nav ul{width: 640px;}
    .friend-links{padding: 20px 0;}
    .friend-links strong{font-size: 12px;}
    .friend-links a{margin: 0 5px;font-size: 12px;}
    .product-honor-pic ul.row{margin-left:-5px;margin-right:-5px;}
    .product-honor-pic li{padding-left: 5px;padding-right: 5px;}
    .box.tag-list{background-color: #f6f6f6;}
    .product-cate-wrap{
        display:block;
        z-index: 2000;
        width: 100%;
        height: 100% !important;
    }
    .product-cate-wrap .shadow{
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }
    .product-cate-wrap .category-affix-nav{
        display: block;
        position: fixed!important;
        top: 0!important;
        left: -100%;
        width: 90%;
        height: 100%;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .product-cate-wrap.in .shadow{
        display: block;
    }
    .product-cate-wrap.in .category-affix-nav{
        position: fixed;
        left:0;
    }
    .category-affix-nav .hd{
        position: relative;
    }
    .category-affix-nav .hd a{
        display: block;
        position: absolute;
        right: 15px;
        top: 8px;
        padding: 0;
    }
}

.customScrollBar::-webkit-scrollbar-button:horizontal:increment{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQzU1NDExQUNFQTExMUUwODVCRDlGMjgxNTUwOTY0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQzU1NDExOUNFQTExMUUwODVCRDlGMjgxNTUwOTY0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnbliksAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAACFJREFUCFtj/M/ACEd/mRj/MDP+aWb84wxGzSAuUBBJDQCreRGBIU9zHQAAAABJRU5ErkJggg==)}
.customScrollBar::-webkit-scrollbar-button:horizontal:increment:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNjMxOTJDNkNFQTAxMUUwOTEwQThBOUQ3OTU2MDhBRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNjMxOTJDNUNFQTAxMUUwOTEwQThBOUQ3OTU2MDhBRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnVIpeYAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAACFJREFUCFtj/M/ACEd/mRj/MDP+aWb84wxGzSAuUBBJDQCreRGBIU9zHQAAAABJRU5ErkJggg==)}
.customScrollBar::-webkit-scrollbar-button:horizontal:decrement{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTQ1MTFBOUNFQTExMUUwQjFCMUQ0QTY5Nzg0NkM4MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTQ1MTFBOENFQTExMUUwQjFCMUQ0QTY5Nzg0NkM4MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhHC5VgAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAACBJREFUCFtj+P+fAYH2M/y3Z/hnz/AHjIAMIBckiFADAIcKGtnX/NNJAAAAAElFTkSuQmCC)}
.customScrollBar::-webkit-scrollbar-button:horizontal:decrement:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRDlGMzQxNUNFQTExMUUwOUQ1RUMzMDcwNkI3NzQ4OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRDlGMzQxNENFQTExMUUwOUQ1RUMzMDcwNkI3NzQ4OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Piwt9IAAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAACBJREFUCFtj+P+fAYH2M/y3Z/hnz/AHjIAMIBckiFADAIcKGtnX/NNJAAAAAElFTkSuQmCC)}
.customScrollBar::-webkit-scrollbar-button:vertical:increment{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQUVGMjQ0M0NFQTAxMUUwODVFRkVGMkEyMDYzQjNCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQUVGMjQ0MkNFQTAxMUUwODVFRkVGMkEyMDYzQjNCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi1r31IAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIY+yDP+UGf848z4r5ERQxYAnBUQ8bRhSzUAAAAASUVORK5CYII=)}
.customScrollBar::-webkit-scrollbar-button:vertical:increment:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBODk4RUE4QUNFQTAxMUUwQjI0MUFCODBCNTk2MzdFMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBODk4RUE4OUNFQTAxMUUwQjI0MUFCODBCNTk2MzdFMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrzuktcAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIY+yDP+UGf848z4r5ERQxYAnBUQ8bRhSzUAAAAASUVORK5CYII=)}
.customScrollBar::-webkit-scrollbar-button:vertical:decrement{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMzVEMjUyMkNFQTAxMUUwQTc0NzgzNTNCNkQ3RkNFRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMzVEMjUyMUNFQTAxMUUwQTc0NzgzNTNCNkQ3RkNFRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psti8fgAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIb+NTL+cWb8oc74QZ4RQxYAoGUQ8fkWopYAAAAASUVORK5CYII=)}
.customScrollBar::-webkit-scrollbar-button:vertical:decrement:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEM0ZDNDlGQ0NFQTAxMUUwQUY5RkJGN0ZBNEREREEyMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEM0ZDNDlGQkNFQTAxMUUwQUY5RkJGN0ZBNEREREEyMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhWCNEUAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIb+NTL+cWb8oc74QZ4RQxYAoGUQ8fkWopYAAAAASUVORK5CYII=)}
[draggable=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* 以下不要再加CSS */