@charset "UTF-8";

/* 重设样式 */

*{margin:0;padding:0;list-style:none;border:none;outline:none;}

body{ background: #eee;font:12px/1.5 "微软雅黑","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-style: normal;font-variant:normal;color:#000000;}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    margin: 0;

    padding: 0;

}

input, select, textarea {font-size: 100%;}

/* 去掉各 Table  cell 的边距并让其边重合 */

table {border-collapse: collapse;border-spacing: 0;}

/* 去除默认边框 */

fieldset, img {border: 0;}

/* 去掉 firefox 下此元素的边框 */

abbr, acronym {border: 0;font-variant: normal;}

/* 一致的 del 样式 */

del {text-decoration: line-through;}

address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}

/* 去掉列表前的标识, li 会继承 */

ol, ul {list-style: none;}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th {text-align: left;}

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

q:before, q:after {content: '';}

/* 正常链接 未访问 */

/* 鼠标悬停 */

a:hover {text-decoration:none;}

/* 默认不显示下划线，保持页面简洁 */

ins, a {text-decoration: none;color:#000000;

    -moz-transition:all .3s ease-in;

    -webkit-transition:all .3s ease-in;

    -o-transition:all .3s ease-in;

    -ms-transition:all .3s ease-in;

    transition:all .3s ease-in;}

div {

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

}



.container{width: 1200px !important;}



.web-map{width:1200px;margin: 20px auto 50px;position:relative;overflow:hidden;background: #fff;}

.web-map .web-con {

    padding: 30px 20px;

}

.mt40 {

    margin-top: 40px !important;

}

.web-map .web-con .button {

    width: 120px;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    padding: 0;

}

.fl {

    float: left;

}







.button {

    display: inline-block;

    line-height: 1;

    white-space: nowrap;

    cursor: pointer;

    background: #fff;

    border: 1px solid #dcdfe6;

    color: #606266;

    -webkit-appearance: none;

    text-align: center;

    outline: none;

    transition: .1s;

    font-weight: 500;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    padding: 12px 20px;

    font-size: 14px;

    border-radius: 2px;

}

.ml20 {

    margin-left: 20px !important;

}



.button-black {

    color: #fff;

    background-color: #E4572A;

    border-color: #E4572A;

}



.line  .button:hover{background: #eee;;color: #333;}



.line  .button-black:hover{background: #E4572A;;color: #fff;}