::-webkit-scrollbar {background:transparent;width:13px}
::-webkit-scrollbar-thumb {background-clip:padding-box;background-color:#d6d6d6;border:3px solid transparent;border-radius:20px}
::-webkit-scrollbar-thumb:hover {background-color:#b8babd}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;-webkit-font-smoothing:antialiased;font-family:'PingFang SC','Helvetica Neue','Helvetica','Hiragino Sans GB','Microsoft YaHei','微软雅黑','黑体','Arial','sans-serif'}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {line-height:1;font-size:14px;vertical-align:baseline;}
ul,li,dl,dt,dd {border:0 none;list-style: none outside none;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, form, input, button, textarea,em,i {margin: 0;padding: 0;font-style:normal;font-weight:normal;}
span {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{font-size: 14px;}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
hr {border-width:0 0 1px;border-bottom:1px solid #ccc}

.transition {transition:background .5s,color .5s;-moz-transition:background .5s,color .5s;-webkit-transition:background .5s,color .5s;-o-transition:background .5s,color .5s}
.transition-op {transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out}

input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset}
button, input {
    line-height: normal;
    outline: none;
}
*, *::before, *::after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}


.f0,.f-0{line-height: 0;font-size: 0}
img{margin:0; padding:0; border:0 none;}

.clear {clear:both;float:none;}
.clearfix {clear:both;float:none;display:block;zoom:1}
.clearfix:after{content: "";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}


.ellipsis,.ellipsis li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* text align */
.text-c,.text-center,.txt-center {text-align: center !important;}
.text-l,.text-left,.txt-lt {text-align: left !important;}
.text-r,.text-right,.txt-rt {text-align: right !important;}

.text-over {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.over-hide {overflow: hidden;}

.d-inline,.inline-block{display: inline-block;*display: inline;*zoom: 1;}
.d-block{ display:block;}


.float-rt,.fr{float:right;}/* float right */
.float-lt,.fl{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative,.pos-rel{position:relative;}/* Position Relative */
.pos-absolute,.pos-abs{position:absolute;}/* Position Absolute */
.vertical-base{vertical-align:baseline;}/* vertical align baseline */
.vertical-top{vertical-align:top;}/* vertical align top */

.hide{ display:none;}
.show{ display:block;}

.font-normal{font-weight: normal;}
.font-bold{font-weight: bold;}
.f-c-99 {color: #999 !important;}
.f-c-66 {color: #666 !important;}
.f-c-ff66{color:#ff6600;}

.f12,.f-12 { font-size: 12px;}
.f14,.f-14 {font-size: 14px;}
.f16,.f-16 {font-size: 16px;}
.f18,.f-18 {font-size: 18px;}
.f20,.f-20 {font-size: 20px;}
.f22,.f-22 {font-size: 22px;}
.f30,.f-30 {font-size:30px !important;}
.f36,.f-36 {font-size:36px !important;}

.red-color {color: #fe615a;}
.price {font-size: 42px;font-weight: 700;}
.bg-white{background-color: #fff;}
.bg-ed{background: #ededed;}
.bg-f3{background-color: #f3f3f3}

.flex-align-center {display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;}
.align-items-center{align-items:center;}
.align-items-baseline{align-items: baseline}
.space-between{justify-content:space-between;}
.justify-content-c{justify-content:center;}
.space-around{justify-content: space-around}
.flex,.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex-column{flex-flow:column}
.flex-row{flex-flow:row}
.flex-wrap{flex-wrap: wrap}
.flex-nowrap{flex-wrap: nowrap}
.flex-auto{flex: auto;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}

.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}

.pd-10{padding: 10px;}
.pd-15{padding: 15px;}
.pd-20{padding: 20px;}

.margin-auto{margin-left: auto;margin-right: auto;}

/*表单验证 红色框必填*/
.error {border: 1px solid #f11 !important;}

.w-1150 {width:1150px;height:100%;}
.img-100 img{width: 100%;}

a{text-decoration:none;color:#555555; }
/*a:visited {text-decoration:none;color:#83006F;}*/
a:hover {text-decoration:none;color:#ff6600;}
a:active {text-decoration:none;color:#302F35;}



@font-face {
    font-family:dinot;
    src:url(/static/index2019/css/fonts/fad3bbb.eot);
    src:url(/static/index2019/css/fonts/40311ab.woff) format("woff"),url(/static/index2019/css/fonts/f0476b5.ttf) format("truetype"),url(/static/index2019/css/fonts/5968f57.svg) format("svg")
}

.radius-5{border-radius: 5px;}
.radius-5 img {border-radius:5px;transition:transform 3s;}
.radius-5 img:hover{border-radius:5px;transform:scale(1.1)}


.wrapper {width: 1150px;margin: 0 auto;}
.bread{ padding:20px 0; color:#666;}

.icon{background: url(/static/index2019/img/icon.png) no-repeat 0 0;display:inline-block;}


.image-view-container {
    overflow: hidden;
    position: relative;
    font-size: 0;
}
.loading-status {
    display: block;
    position: relative;
    background: #f5f5f6 url(/static/index2019/img/load-bg.png) 50% no-repeat;
    background-size: 60%;border-radius: 5px;
}

/**************企业礼包************/

.clipper-service li {text-align: center;}
.clipper-service{padding-bottom:36px}
.clipper-service h2{font-size:24px;padding:20px 0;}
.clipper-service li{float:left;width:134px;height:130px;background:#fff;position:relative;border:1px solid #e9e9e9;margin-right:-1px}
.clipper-service li a{width:134px;height:130px;position:absolute;left:0;top:0}
.clipper-service li i{width:36px;height:34px;display:inline-block;margin:36px 0 17px;background:url(/static/index2019/img/icon-libao.png) no-repeat}
.clipper-service li p{font-size:14px;color:#333}
.clipper-service .icon-i1{background-position:0 -110px}
.clipper-service .icon-i2{background-position:-36px -110px}
.clipper-service .icon-i3{background-position:-72px -110px}
.clipper-service .icon-i4{background-position:-108px -110px}
.clipper-service .icon-i5{background-position:-144px -110px}
.clipper-service .icon-i6{background-position:-180px -110px}
.clipper-service .icon-i7{background-position:-216px -110px}
.clipper-service .icon-i8{background-position:-252px -110px}
.clipper-service .icon-i9{background-position:-288px -110px}
.clipper-service li:hover{background:linear-gradient(-69deg,#fccb46,#fdc04a);background:-webkit-linear-gradient(-69deg,#fccb46,#fdc04a);background:-moz-linear-gradient(-69deg,#fccb46,#fdc04a);background:-ms-linear-gradient(-69deg,#fccb46,#fdc04a);*background:#fccb46}
.clipper-service li:hover .icon-i1{background-position:0 -150px}
.clipper-service li:hover .icon-i2{background-position:-36px -150px}
.clipper-service li:hover .icon-i3{background-position:-72px -150px}
.clipper-service li:hover .icon-i4{background-position:-108px -150px}
.clipper-service li:hover .icon-i5{background-position:-144px -150px}
.clipper-service li:hover .icon-i6{background-position:-180px -150px}
.clipper-service li:hover .icon-i7{background-position:-216px -150px}
.clipper-service li:hover .icon-i8{background-position:-252px -150px}
.clipper-service li:hover .icon-i9{background-position:-288px -150px}
.clipper-service li:hover p{color:#fff}
.clipper-service li.no-mgR{margin-right:0}








/* 内页头部 */
.header-top {height:50px;background:#000000;color:#9399a5;}
.header-top a {color:#9399a5;font-size:12px;}
.header-top a .header-dot-on{display: none;}
.header-top a.on {color:#ffffff;}
.header-top a.on .header-dot-on {width: 30px;height: 2px;margin: 0 auto;position: absolute;bottom: -6px;left: 50%;margin-left: -15px;display: block;background-color: #ff6600;border-radius: 5px;vertical-align: middle;}

.hand-img {display:none;position:absolute;left:50%;top:32px;margin-left:-50px;width:120px;border:1px solid #e5e5e5;background:#fff;text-align: center;z-index: 100}
.hand-img .p1 {color:#666;line-height:18px;text-align:center;padding:5px 0;}
.weixin:hover .hand-img {display:block}
.ivu-icon{margin-right: 5px;}

.header-logo{height: 85px;}
.search-key .input-keyword {
    float: left;
    display: block;
    width: 500px;
    height: 46px;border: none;
    line-height: 46px;
    padding-left: 12px;
    background-color: #ecedf1;
    color: #2e2e2e;
    font-size: 12px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.search-key .btn {
    width: 113px;
    height: 46px;
    line-height: 46px;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    background: none;
    border: none;
    cursor: pointer;
    background-color: #FFBB33;
    -webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}


/**********网站底部***********/




/*************侧边栏 side ***************/
.side-contact {position:fixed;width:101px;height:85px;right:10px;bottom:0px;z-index:100}
.side-contact .item-phone,.side-contact .item-wx,.side-contact .item-email {width:48px;height:48px;line-height:48px;text-align:center;border-radius:4px;background-color:#e3e3e3;cursor:pointer}
.side-contact .item-phone:hover,.side-contact .item-wx:hover {background-color:#dfdfdf}
.side-contact .item-phone .iconfont,.side-contact .item-wx .iconfont {font-size:48px;color:#a5b9c2}
.side-contact .item-phone:hover .iconfont,.side-contact .item-wx:hover .iconfont {color:#17a1e6}
.side-contact .item-phone {margin-right:5px}


.side-contact .item-phone-detail,.side-contact .item-wx-detail,.side-contact .item-email-detail {display:none;right:0;position:absolute;text-align:center;font-size:12px;background:#FFF;border:solid 1px #e5e9eb}

.side-contact .item-phone-detail {top:-91px;width:140px;height:84px;border-radius:10px}
.side-contact .item-phone-detail .title {margin-top:15px;font-size:12px}
.side-contact .item-phone-detail .bottom-arrow {right:72px;bottom:-6px}
.side-contact .item-phone-detail .phone {font-size:14px;margin-top: 15px;line-height: 1.5;}
.side-contact .item-phone-detail .service-time {font-size:12px;color:rgba(0,0,0,0.5);font-style:normal}
.side-contact .bottom-arrow {position:absolute;width:9px;height:6px;background-position:0 0}

.side-contact .item-wx-detail {top:-140px;width:120px;height:130px;border-radius:10px}
.side-contact .item-wx-detail .title {margin-top:15px;font-size:12px}
.side-contact .item-wx-detail .bottom-arrow {right:6px;bottom:-6px}

.sprites {
    background: url(/static/index2019/img/sprites.png) no-repeat;
}

.ft-scroll-top {display:none;position:relative;width:86px;height:26px;line-height:26px;padding-right:6px;margin-top:11px;background:#535353;border-radius:5px 5px 0 0;cursor:pointer;text-align: center}
.ft-scroll-top.reach-bottom {bottom:250px}
.ft-scroll-top .con {height:26px;line-height:26px;font-size:10px;color:#FFF}
.ft-scroll-top .con .iconfont {height:26px;line-height:26px;color:#FFF;font-size:26px}

/********************** bottom *****************/
.footer{width: 100%;min-height: 270px;
    padding: 0;
    margin: 0;
    background: #202020;bottom: 0;}

.footer-wrap {width:1150px;height:250px;margin:0 auto;padding:30px 0 0 0;color:#696b70}
.footer-wrap * {font-size:11px}
.footer-wrap a:hover {color:#FFF}
.footer-wrap .copyright {line-height:18px;text-align:left}
.footer-wrap .copyright .beian {margin-top:10px}
.footer-wrap .copyright .szcert {width:40px;height:40px;overflow:hidden;background:#202020;margin-top:10px}
.footer-wrap .ftitle {color:#b4b6bf;font-size:13px;margin:0 0 8px 0;line-height:22px;font-weight:bold}
.footer-wrap .flink .ftitle {cursor:pointer}
.footer-wrap .ftitle a {color:#b4b6bf}
.footer-wrap .aboutus a {display:block;line-height:22px;color:#696b70}
.footer-wrap .aboutus a:hover {text-decoration:underline;color:#999ba3}
.footer-wrap .flink a {display:inline-block;line-height:22px;color:#696b70}
.footer-wrap .flink .ftitle {color:#696b70}
.footer-wrap .flink .ftitle:hover {text-decoration:underline}
.footer-wrap .flink .ftitle.current {color:#b4b6bf}
.footer-wrap .flink a:hover {text-decoration:underline}
.footer-wrap .qr-code {width:70px;height:70px}
.footer-wrap .right-box {margin-left:60px;text-align:left}
.footer-wrap .service .ftitle {margin-bottom:10px}
.footer-wrap .service .service-tel {font-size:24px;font-weight:500;margin:0 0 0px 0}
.footer-wrap .flink-item {min-width:360px;max-width:380px;overflow:hidden}
.footer-wrap .flink-item a {margin-right:12px;display:block;float:left}
.footer-wrap .flink-item a:hover {color:#999ba3}
.footer-wrap .service .service-email {margin:8px 0 10px 0}
.footer-wrap .service-info span {display:block;text-align:left}
.footer-wrap .flink-tab {margin:0 0 0 15px;font-weight:normal}
.footer-wrap .data-sn {cursor:pointer;font-size:13px}
.footer-wrap .data-sn.current {color:#b4b6bf}
.footer-wrap .flink {overflow:hidden}
.footer-wrap .logo-bottom {margin:0 0 7px 0}
.footer .go-top {display:none;position:fixed;right:28px;bottom:160px;width:58px;height:67px;z-index:10;background:url(../images/new/go-top.png) 2px 2px no-repeat;cursor:pointer}
.footer .go-top:hover {background:url(../images/new/go-top.png) 2px -63px no-repeat;background-position:2px -64px\0}
.p404 {height:750px;background:#FFF url(../images/new/404.png) no-repeat center center}
em.currency {font-style:normal}





/****************分页样式*****************/

.pageblue {margin:5px;margin-left:0px;line-height:14px;text-align:center}
.pageblue a {display:inline-block;padding:8px 15px;border-radius:4px;background-color:#fff;border:1px solid #dadada;color:#999;margin-right:5px;}
.pageblue a:hover {background-color:#FF6600;text-decoration:none;color:#fff;}
.pageblue a:active {background-color:#FF6600;text-decoration:none;}
.pageblue span.current {display:inline-block;padding:8px 15px;border-radius:4px;background-color:#FF6600;border:1px solid #dadada;color:#fff;margin-right:5px;}
.pageblue span.disabled {background-color:#DDDDDD;padding:5px 10px;margin-right:3px;text-decoration:none;display:inline-block;color:#333;}