@charset "utf-8";

a,a:hover{text-decoration:none}
.fn,address,cite,code,dfn,em,i,var{font-style:normal}
.foot-p3,.vm{vertical-align:middle}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0}

.fr{float:right}
.hide{display:none}
.icon{background:url(/css/list/icon_2017.png) no-repeat}

.ewm-box,.ewm-box img{width:140px;height:140px}
.ewm-box{margin:10px auto 0}
.ewm-box img{display:block}
.ewm-p{font-size:12px;line-height:18px;color:#333;padding-top:35px}

.no-kt .kt-icon-g{width:50px;height:50px;background:url(/css/list/index-icon.png) -350px -40px no-repeat;position:absolute;right:0;top:0;margin:0}
.r-toolbar{background-color: rgba(0,0,0,.5);position:fixed;_position:absolute;right:0;top:0;z-index:100;height:100%;width:34px;-moz-box-shadow:-3px 0 6px #f2f2f2;box-shadow:-3px 0 6px rgba(0,0,0,0.2);-webkit-transition:right .3s ease-in-out 0s!important;-moz-transition:right .3s ease-in-out 0s!important;transition:right .3s ease-in-out 0s!important}
.r-toolbar-tabs{position:absolute;left:0;top:38%;width:34px;margin-top:-180px;font-size:0;z-index:1}
.r-toolbar-tabs a{display:block}
.r-toolbar-open{right:270px}
.r-collection .icon,.r-ewm .icon,.r-find .icon,.r-look .icon,.r-phone .icon,.r-top .icon{position:relative;z-index:2;display:inline-block;background-repeat:no-repeat;font-size:0}
.r-collection,.r-ewm,.r-find,.r-look,.r-phone,.r-top{display:inline-block;width:34px;height:34px;cursor:pointer;position:relative;overflow:hidden;text-align:center}
.r-ewm,.r-phone{cursor:default}
.r-collection:hover,.r-ewm:hover,.r-find,.r-find:hover,.r-look:hover,.r-phone:hover,.r-top:hover{overflow:inherit}
.r-find{height:60px;width:42px;background:#333;position:relative;left:-8px;text-align:center;margin-bottom:11px}
.r-find .i1{display:inline-block;color:#fff;font-size:14px;line-height:16px;padding-top:13px}
.r-top{position:absolute;bottom:20px}
.r-collection:hover,.r-ewm:hover,.r-look:hover,.r-top:hover{background-color:#f60}
.r-collection:hover .rs-con,.r-ewm:hover .rs-con,.r-find:hover .rs-con,.r-look:hover .rs-con,.r-phone:hover .rs-con,.r-top:hover .rs-con{display:block;-webkit-transition:all .2s ease-in-out .1s;-moz-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s;left:-74px;opacity:1;-moz-opacity:1;-webkit-opacity:1}
.rs-con,.rs-con .tip-c1{position:absolute;*display:none}
.r-look .icon{width:21px;height:21px;background-position:-162px -112px;margin-top:7px}
.r-ewm .icon{width:20px;height:20px;background-position:-184px -112px;margin-top:7px}
.r-collection .icon{width:21px;height:19px;background-position:-140px -112px;margin-top:8px}
.r-top .icon{width:20px;height:21px;background-position:-205px -112px;margin-top:7px}
.r-top:hover .icon{background-position:-205px -134px}
.r-collection:hover .icon{background-position:-140px -134px}
.r-look:hover .icon{background-position:-162px -134px}
.r-ewm:hover .icon{background-position:-184px -134px}
.rs-con{left:-88px;top:0;height:34px;line-height:34px;color:#fff;font-size:12px;width:68px;text-align:center;background:#494949;-webkit-transition:all .2s ease-in-out .1s;-moz-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s;z-index:3;opacity:0;-moz-opacity:0;-webkit-opacity:0;left:-68px\9;*left:-68px}
.rs-con .tip-c1{color:#494949;top:13px;left:57px}
.r-phone{background:#f60;width:42px;height:100px;position:relative;left:-8px;border-top-left-radius:8px;text-align:center}
.r-phone .i1{display:inline-block;color:#fff;font-size:14px;line-height:16px;padding-top:10px}
.r-phone .icon{width:28px;height:28px;background-position:-111px -112px;margin-top:18px;font-size:0}
.r-phone .rs-con{width:180px;height:auto;padding:15px 0 10px;left:-210px;top:30px}
.r-phone .rs-con .p1{font-size:18px}
.r-phone .rs-con .p2{font-size:24px;color:#ffe667;padding-bottom:10px}
.r-phone .rs-con .p3{font-size:12px;line-height:20px}
.r-phone .rs-con .p3 .icon{width:12px;height:12px;background-position:-18px -112px;margin:0 3px 0 0;vertical-align:-1px}
.r-phone .rs-con .p4{color:#999;font-size:12px}
.r-phone .rs-con .tip-c1{left:169px;top:26px}
.r-phone:hover .rs-con{left:-186px}
.r-find .rs-con{width:126px;left:-152px;top:13px}
.r-find:hover .rs-con{left:-132px}
.r-find .rs-con .tip-c1{left:115px;z-index:1}
.r-find .icon{width:7px;height:3px;background-position:-111px -141px;position:absolute;bottom:-3px;left:0}
.r-ewm .rs-con{width:121px;height:143px;padding:2px;left:-145px;top:-113px}
.r-ewm:hover .rs-con{left:-131px}
.r-ewm .rs-con .tip-c1{left:114px;z-index:1;top:129px}
.r-ewm .s1{display:inline-block;width:121px;height:121px;font-size:0;line-height:0;position:relative;z-index:2;float:left}
.r-ewm .p1{line-height:22px;text-align:center;font-size:12px;float:left;width:121px}
.callForOffice {
    width: 100%;
    height: 288px;
    padding-top: 26px;
    clear: both;
    position: relative;
    background: #fafafa;
}
.callForOffice .office-content {
    width: 1140px;
    height: 262px;
    margin: 0 auto;
}
.callForOffice .require-img {
    width: 500px;
    height: 262px;
    margin-left: 44px;
}
.callForOffice .office-content .require-box {
    height: 262px;
    margin-left: 60px;
    text-align: left;
}
.fl {
    float: left!important;
}
.require-box .require-title {
    padding: 60px 0 10px 0;
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

.require-box .require-desc {
    padding: 8px 0 20px 0;
    color: #000;
    font-size: 16px;
}
.require-box .require-btn {
    font-size: 16px;
}

.require-box>a.btn-blue {
    color: #FFF;
    padding: 0;
}

.require-box>a:link {
    text-decoration: none;
}

.btn-blue {
    width: 260px;
    height: 48px;
    line-height: 48px;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    background: #17a1e6;
    border-radius: 4px;
    border: 0;
    padding: 0;
}