@charset "UTF-8";
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body {
    background: #fafafa
}

body,
button,
input,
select,
textarea {
    font-size: 12px;
    color: #555;
    font-family: "PingFang SC", PingHei, STHeitiSC-Light, tahoma, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "microsoft yahei", Helvetica, Arial, Verdana, sans-serif
}

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

address,
cite,
dfn,
em,
var {
    font-style: normal
}

code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace
}

button,
input,
select,
textarea {
    outline: 0
}

textarea {
    resize: none
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #555;
    cursor: pointer
}

a:hover {
    text-decoration: none;
    color: #000;
    outline: 0;
}

a:active,
a:visited {
    text-decoration: none;
}

sup {
    vertical-align: text-top;
    vertical-align: super
}

sub {
    vertical-align: text-bottom
}

fieldset,
img {
    border: 0
}

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

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

.clear_float:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ""
}

.clear_float {
    display: inline-block
}

* html .clear_float {
    zoom: 1
}

.clear_float {
    display: block
}

.clear_float {
    clear: both
}

.red {
    color: #ea544a
}

.green {
    color: #40bc90
}

.arial,
.en {
    font-family: Arial, Helvetica, sans-serif
}

.fr {
    float: right
}

.mr30 {
    margin-right: 30px
}

.h18 {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    width: 100%
}

.w368 {
    width: 380px;
    height: 24px;
    line-height: 24px
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    display: block
}

.w1024 {
    width: 1024px;
    margin: 0 auto;
    display: block
}

.wrap {
    margin: 0 auto
}

.bgcolor {
    background: #f5f5f5
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(255, 255, 255, 0)
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #aaaaaa
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 5px;
    background: #aaaaaa
}

body {
    background: #fff
}

.bodyHidden {
    overflow: hidden;
}

.color3 {
    background: #e8eff6
}


/*css3*/

a,
a:hover {
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}


/*product color产品颜色*/

.proListMain .proItem .color1,
.color1 {
    background: #FBF4EB;
}

.proListMain .proItem .color2,
.color2 {
    background: #F2F2F2;
}

.proListMain .proItem .color3,
.color3 {
    background: #EBF6EF;
}

.proListMain .proItem .color4,
.color4 {
    background: #E8ECEF;
}

.proListMain .proItem .color5,
.color5 {
    background: #FFF;
}

.proListMain .proItem .color6,
.color6 {
    background: #FFFDEB;
}

.proListMain .proItem .color7,
.color7 {
    background: #FAE6E8;
}

.proListMain .proItem .color8,
.color8 {
    background: #E8EFF7;
}

.proListMain .proItem .color9,
.color9 {
    background: #F2E9F7;
}


/*product*/

.proListMain {
    width: 1240px;
    position: relative;
    left: -20px;
}

.proListMain .bigItem {
    width: 50%;
    float: left;
    height: 340px;
    overflow: hidden;
    padding: 0;
}

.proListMain .proItem {
    width: 25%;
    float: left;
    height: 340px;
    overflow: hidden;
}

.proListMain .proItem>div h2,
.proListMain .proItem span {
    font-size: 14px;
    margin-bottom: 3px;
}

.proListMain .proItem {
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 40px;
    color: #000;
}

.proListMain .proItem .img img {
    font-size: 0;
    display: inline-block;
}

.proListMain .proItem span {
    display: inline-block;
    padding-bottom: 33px;
}

.proListMain .proItem>div {
    cursor: pointer;
}

.proListMain .proItem>div:hover {
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08);
}

.proListMain .proItem>div,
.proListMain .proItem>div:hover {
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.proListMain {
    width: 1240px;
    position: relative;
    left: -20px;
}

.proListMain .proItem>div {
    margin: 0 20px;
}

.proListMain .proItem>div .img {
    height: 270px;
    overflow: hidden;
}


/*product tab*/

#tiWmenu {
    background: #fff;
}

#tiWmenu.fixedtop {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    margin: 0 auto;
    width: 100%;
}

#tiWmenu.fixedtop .proMenu {
    width: 1200px;
    margin: 0 auto;
}

.proMenu {
    padding: 25px 0 25px 0;
    height: 76px;
    line-height: 50px;
    width: 100%;
    overflow: hidden;
}

.proMenu .tab {
    float: right;
}

.proMenu .tab ul li {
    float: left;
    margin-right: 28px;
    color: #000;
    font-size: 12px;
    padding-bottom: 10px;
    line-height: 18px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
}

.proMenu .tab ul li a {
    color: #222;
}

.proMenu .tab ul li a:hover {
    color: #000;
}

.proMenu .tab ul li.active {
    border-bottom: 2px solid #ed2336;
}

.proMenu .tab ul li i {
    display: inline-block;
    width: 20px;
    height: 21px;
    margin-right: 14px;
    float: left;
}


.proMenu .tab ul li .i-dian {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #000;
    margin: 0 4px;
    border-radius: 50%;
    position: relative;
    top: -2px;
    *left: 3px;
    *top: -4px;
}


.proMenu .tab ul li span {
    float: left;
    line-height: 22px;
}

.proMenu .icon {
    float: left;
    padding: 0px 0 0 15px;
    overflow: hidden;
    position: relative;
    top: -12px;
    color: #000;
}

.proMenu .icon .icon-chaxianban,
.proMenu .icon .icon-chazuo,
.proMenu .icon .icon-peijian,
.proMenu .icon .icon-zhaoming,
.proMenu .icon .icon-duanluqi,
.proMenu .icon .icon-switch {
    float: left;
    display: inline-block;
    width: 25px;
    height: 36px;
    background-size: 100%;
    margin-right: 10px;
    position: relative;
    top: 5px;
}


.content-slide {
    padding: 20px;
    color: #fff;
}

.title {
    font-size: 25px;
    margin-bottom: 10px;
}

.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background: #999;
    background: #fff;
    margin: 0 3px;
    cursor: pointer;
    border: 1px solid #000;
}

.swiper-active-switch {
    background: #000;
}

.row {
    margin: 0;
}

.col-md-3 {
    padding: 0;
}

.allWrap .row {
    width: 1240px;
    position: relative;
    left: -20px;
}

.proDialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
}

.lt100 {
    left: 120%;
    top: -100%;
    display: block;
}


.basic ul {
    overflow: hidden;
    height: 230px;
}

.basic li {
    width: 25%;
    *width: 24.5%;
    float: left;
    margin-bottom: 20px;
}

.basic li .lableName {
    color: #000;
}

.basic li .labelContent {
    color: #666;
    white-space: normal;
    word-break: break-all;
    padding-top: 8px;
    height: 42px;
}

.basic h3 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}

.basic .goBuy {
    width: 240px;
    height: 50px;
    margin: 0 auto;
    border-radius: 3px;
    background: -webkit-linear-gradient(left, #D21E2F, #ED2336);
    background: linear-gradient(to right, #D21E2F, #ED2336);
    *overflow: hidden;
    *margin-top: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.basic .goBuy a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
}

.proDialog .popWrap .describe {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 76%;
}

.proDialog .popWrap .proName {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: bold;
}

.proDialog .popWrap .fuTitle {
    line-height: 24px;
    font-size: 24px;
    margin-bottom: 20px;
}

.proDialog .popWrap .flSlider {
    height: 530px;
    width: 500px;
    float: left;
    padding: 0 15px 0 15px;
    margin-left: -530px;
    position: relative;
}

.proDialog .popWrap .infoBox {
    height: 530px;
    padding: 0 40px;
    text-align: center;
    color: #000;
    position: relative;
}

.popWrap .pad .row {
    padding-left: 530px;
}

.popWrap .pad .row .flSlider .device {
    height: 100%;
}

.popWrap {
    z-index: 3;
    width: 1200px;
    height: 640px;
    background: #fafafa;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -320px 0 0 -600px;
}

.popWrap .pad {
    margin: 55px;
}

.popWrap .pad .row .flSlider .device .swiper-container {
    height: 100%;
}



/*serve*/

.col-md-6,
.col-md-3,
.col-md-8,
.col-md-4 {
    float: left;
}

.col-md-3 {
    width: 25%;
}

.col-md-6 {
    width: 50%;
}

.col-md-8 {
    width: 66.666666%;
}

.col-md-4 {
    width: 33.33%;
}

.crumbsWrap {
    font-size: 12px;
    color: #000;
    height: 20px;
    line-height: 20px;
    margin: 20px auto;
    width: 1200px;
}

.crumbsWrap ul li {
    margin-right: 15px;
    float: left;
}



.crumbsWrap ul li.active {
    color: #888888;
}

.crumbsWrap a {
    color: #000;
}


/*分页*/

.paging {
    font-size: 14px;
    color: #000;
    width: 100%;
    margin: 0 auto;
    line-height: 26px;
    text-align: center;
}

.paging ul li {
    margin: 0 8px 0 8px;
    padding: 0 2px 0 2px;
    padding-bottom: 3px;
    cursor: pointer;
    display: inline-block;
    *float: left;
}

.paging ul li.active {
    border-bottom: 2px solid #C70019;
}

.paging ul b {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #000;
    margin: 0 10px 0 12px;
    position: relative;
    top: 4px;
    *float: left;
}

#search {
    width: 100%;
    overflow: hidden;
}


/* 头部 */

.headWrap .w1200 {
    position: relative;
}

.headWrap {
    font-size: 14px;
    width: 100%;
    z-index: 999;
    background-color: #000;
    height: 60px;
}

.headWrap h1 {
    width: 114px;
    height: 60px;
    float: left;
    /* padding-top: 5px; */
    margin: 0;
}

.headWrap h1 a {
    text-decoration: none;
    cursor: pointer;
}

.headWrap .menu {
    height: 100%;
    width: 730px;
    color: #fff;
}

.headWrap .menu li {
    float: left;
    height: 100%;
    margin-right: 60px;
    height: 60px;
}

.headWrap .menu li a {
    text-align: center;
    padding-top: 20px;
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    position: relative;
    white-space: normal;
    transition: color .2s ease;
}

.headWrap .menu li a em {
    display: inline-block;
    width: 0px;
    height: 2px;
    background: #c70019;
    transition: all 1s;
    position: relative;
    top: -5px;
}

.headWrap .menu li a:hover em {
    width: 100%;
}

.headWrap .menu li.active a em {
    width: 100%;
}

.headWrap .seUp {
    position: absolute;
    right: 0;
    top: 22px;
}

.headWrap .seUp a {
    display: block;
    color: #fff;
}

.headWrap .seUp .language {
    float: left;
    line-height: 16px;
    text-decoration: underline;
}


/* 底部 */


.footWrap .ulWrap {
    float: left;
    width: 260px;
}

.footWrap .ulWrap ul {
    float: left;
    font-size: 12px;
    color: #000;
}

.footWrap .ulWrap ul li {
    margin-bottom: 17px;
}

.footWrap .ulWrap ul li h2 {
    font-size: 14px;
    margin-bottom: 26px;
}

.footWrap .ulWrap ul li a {
    color: #000;
}

.footWrap .ulWrap ul li h2 a {
    font-weight: bold;
}

.footWrap .rightWrap {
    float: right;
}

.footWrap .shopWrap {
    margin-bottom: 80px;
    *width: 628px;
}

.footWrap .shopWrap ul {
    overflow: hidden;
}

.footWrap .shopWrap li {
    float: left;
    margin-right: 79px;
}

.footWrap .shopWrap li a {
    display: block;
    padding-top: 54px;
    font-size: 14px;
    color: #000;
    text-align: center;
}


.footWrap .server {
    text-align: right;
}

.footWrap .server p {
    margin-bottom: 18px;
    font-size: 14px;
}


.footWrap .server span {
    font-size: 19px;
    display: block;
    margin-bottom: 30px;
}

.footWrap .server .sIcon {
    float: right;
}

.footWrap .server a {
    display: block;
    float: left;
    width: 31px;
    height: 31px;
    margin-left: 10px;
    position: relative;
}

.main {
    background: #fff;
}

a:link {
    text-decoration: none;
}


/* 指正常的未被访问过的链接*/

a:visited {
    text-decoration: none;
}


/*指已经访问过的链接*/

a:hover {
    text-decoration: none;
}


/*指鼠标在链接*/

a:active {
    text-decoration: none;
}


/* 指正在点的链接*/


/* headWrap */

.headWrap .menu li {
    opacity: 1;
    transition: all .8s ease;
}

.headWrap .seUp {
    opacity: 1;
    transition: all .8s ease;
}

.golW.active .menu li {
    opacity: 0;
    transform: scale(0);
}

.golW.active .seUp {
    opacity: 0;
    transform: scale(0);
}

.golW.active .bgcolor {
    opacity: 1;
}

.golW.active .v_h_search {
    opacity: 1;
}

.golW .bgcolor {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
    opacity: 1;
    /*transition: all .8s ease;*/
}

.golW {
    width: 900px;
    margin-left: 208px;
    position: relative;
}

.hidd {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.v_h_search {
    width: 515px;
    height: 358px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -179px 0 0 -257px;
    z-index: 991;
}

.v_h_search .searchContent {
    width: 100%;
}

.v_h_search .searchContent.animate .closeBig:hover {
    transform: rotate(180deg);
    transition: all .5s ease;
}

.v_h_search .searchContent.animate .closeBig {
    opacity: 1;
    transform: translate(0);
}

.v_h_search .searchContent.animate .searchCase {
    opacity: 1;
    transform: translate(0);
}

.v_h_search .searchContent.animate .whatContent .list {
    opacity: 1;
    transform: translate(0);
}

.v_h_search .closeBig {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 46px;
    cursor: pointer;
    opacity: 0;
    transform: translateY(40px);
    transition: all .3s ease;
}

.v_h_search .searchCase {
    width: 100%;
    position: relative;
    height: 68px;
    margin-bottom: 40px;
    opacity: 0;
    transform: translateY(40px);
    transition: all .3s ease .1s;
}

.v_h_search .searchCase input {
    border: none;
    display: block;
    width: 100%;
    height: 68px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-indent: 64px;
    font-size: 20px;
}

.v_h_search .searchCase .searchBig {
    display: block;
    width: 21px;
    height: 23px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -11.5px;
}

.v_h_search .whatContent {
    width: 100%;
}

.v_h_search .whatContent .list:nth-of-type(1) {
    transition: all .3s ease .2s;
}

.v_h_search .whatContent .list:nth-of-type(2) {
    transition: all .3s ease .3s;
}

.v_h_search .whatContent .list:nth-of-type(3) {
    transition: all .3s ease .4s;
}

.v_h_search .whatContent .list:nth-of-type(4) {
    transition: all .3s ease .5s;
}

.v_h_search .whatContent .list {
    float: left;
    margin-bottom: 36px;
    padding: 0 25px;
    width: 50%;
    opacity: 0;
    transform: translateY(40px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.v_h_search .whatContent .list .pad {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.v_h_search .whatContent .list a {
    color: #fff;
    font-style: 16px;
}

html,
body {
    width: 100%;
    height: 100%;
}

.slideMenu {
    height: 60px;
    line-height: 60px;
    background: #424242;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 2;
    font-size: 14px;
    display: none;
}

.slideMenu .slideContent {
    position: relative;
    text-align: center;
}

.slideMenu .slideContent ul {
    margin: 0 auto 10px;
    display: inline-block;
}

.slideMenu .slideContent li {
    float: left;
    margin-right: 50px;
    padding-top: 5px;
    display: none;
}

.slideMenu .slideContent li a {
    padding-left: 50px;
    color: #fff;
    display: block;
    width: auto;
    height: 50px;
    line-height: 50px;
    opacity: .7;
}

.slideMenu .slideContent li a:hover {
    opacity: 1;
}


.ft-btm {
    height: 60px;
    background: #1f1f1f;
    font-size: 12px;
    padding-top: 22px;
}

.ft-btm .b-l {
    color: #939393;
    float: left;
}

.ft-btm .b-r {
    float: right;
    width: 128px;
    height: 14px;
    line-height: 14px;
}

.ft-btm .b-r span {
    display: inline-block;
    float: left;
    padding: 0 10px;
    color: #d8d8d8;
    font-size: 12px;
}

.ft-btm .b-r span a {
    color: #d8d8d8;
}

.footWrap .server .i-weixin .erCode {
    display: block;
    width: 770px;
    position: absolute;
    right: 0;
    bottom: 40px;
    font-size: 0;
    background: #fff;
    padding: 0 5px;
    border: 1px solid #cfcfcf;
    text-align: center;
}

.footWrap .server .i-weixin .erCode:after,
.footWrap .server .i-weixin .erCode:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    top: 100%;
    position: absolute;
    width: 0;
}

.footWrap .server .i-weixin .erCode:after {
    border-width: 6px;
    border-top-color: #fff;
    right: 10px;
}

.footWrap .server .i-weixin .erCode:before {
    border-width: 8px;
    border-top-color: #cfcfcf;
    right: 8px;
}

.footWrap .server .i-weixin .erCode .list {
    display: inline-block;
    text-align: center;
    padding: 10px 0;
}

.footWrap .server .i-weixin .erCode img {
    width: 140px;
    height: auto;
    padding: 0 5px;
    box-sizing: content-box;
}

.footWrap .server .i-weixin .erCode p {
    font-size: 12px;
    color: #000;
    margin: 0;
}

.noKill {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #888;
    text-align: center;
    padding-top: 5px;
}
/*弹框图片背景色*/
.swiper-slide {
    background-color: #fff;
}
.fangweiWrap {
    background: url("../newsimages/bg.jpg") center no-repeat;
    background-size: cover;
    height: 1080px;
    padding-top: 200px;
}
.fangweiWrap .fangweiInfo {
    width: 938px;
    height: 542px;
    margin: 0 auto;
}

.fangweiWrap .title {
    width: 220px;
    height: 130px;
    margin: 0 auto 55px;
    text-align: center;
    color: #fff;
}

.fangweiWrap .title span {
    font-size: 28px;
    line-height: 50px;
    height: 50px;
    display: block;
}

.fangweiWrap .title span:nth-child(1) {
    font-size: 40px;
}

.fangweiWrap .fangweiContent {
    position: relative;
    overflow: hidden;
    margin: 0 -60px 70px -60px;
}

.fangweiWrap .fangweiContent .fangweiLine {
    width: 1px;
    height: 140px;
    background: #909090;
    position: absolute;
    left: 50%;
    top: 0;
}

.fangweiWrap .fangweiContent .list {
    width: 529px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fangweiWrap .fangweiContent .list .pad {
    padding: 0 60px 0 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fangweiWrap .fangweiContent .list .tabel {
    height: 50px;
    line-height: 50px;
    background: #fff;
    padding-left: 20px;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px;
}

.fangweiWrap .fangweiContent .list .tabel i {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 12px;
    top: 12px;
}

.fangweiWrap .fangweiContent .list .tabel input {
    width: 90%;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: none;
    border: none;
}

.fangweiWrap .fangweiContent .list .yanzheng {
    height: 50px;
    line-height: 50px;
    padding-right: 175px;
    position: relative;
    *width: 100%;
    *padding-right: 0;
    overflow: hidden;
}

.fangweiWrap .fangweiContent .list .yanzheng .paiLeft {
    float: left;
    background: #fff;
    position: relative;
    padding-left: 20px;
    width: 100%;
    *width: 235px;
    *padding-left: 0;
    border-radius: 10px;
    overflow: hidden;
}

.fangweiWrap .fangweiContent .list .yanzheng .paiLeft i {
    position: absolute;
    left: 12px;
    top: 10px;
    display: block;
    width: 25px;
    height: 29px;
}

.fangweiWrap .fangweiContent .list .yanzheng .paiLeft input {
    width: 80%;
    height: 40px;
    line-height: 40px;
    background: none;
    border: none;
}

.fangweiWrap .fangweiContent .list .yanzheng .paiRight {
    border-radius: 10px;
    overflow: hidden;
    width: 159px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.fangweiWrap .fangweiContent .list .erImg {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 25px;
}

.fangweiWrap .fangweiContent .list .erText {
    width: 240px;
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}

.fangweiWrap .fangweiContent .list .erText p {
    margin-bottom: 18px;
}

.fangweiWrap .fangweiContent .list .erText a {
    font-size: 12px;
    text-decoration: underline;
    color: #fff;
}

.fangweiWrap .fangweiContent .list .erText a:hover {
    text-decoration: none;
}

.fangweiWrap .fangBtn {
    margin: 0 auto 50px;
    width: 180px;
    height: 55px;
    background: #004098;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 55px;
    position: relative;
    padding: 0;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 10px;
}

.fangweiWrap .fangBtn:hover {
    background: #0a59c9;
}

.fangweiWrap .fangBtn,
.fangweiWrap .fangBtn:hover {
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.fangweiWrap .fangBtn span {
    letter-spacing: 4px;
}

.fangweiWrap .zhichi {
    text-align: center;
    margin-bottom: 35px;
    color: #fff;
}

.fangweiWrap .fangHow {
    text-align: center;
}

.fangweiWrap .fangHow a {
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
}

.fangweiWrap .fangHow a:hover {
    text-decoration: none;
}

.bottomList {
    width: 938px;
    display: flex;
    justify-content: space-evenly;
}

.bottomList .list-item {
    width: 400px;
    height: 200px;
}

.bottomList .list-item h3,
.bottomList .list-item ul li {
    color: #fff;
}

.bottomList .list-item h3 {
    font-size: 18px;
    margin-bottom: 34px;
}

.bottomList .list-item ul li {
    margin-bottom: 6px;
    font-size: 14px;
}