﻿* {
    margin: 0;
    padding: 0;
}


.header {
    height: 75px;
    /*background-color:coral;*/
}

.clear_float {
    clear: both;
    width: 100%;
}

.heder_content {
    width: 1200px;
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.heder_content_right {
    position: relative;
    right: 0;
}

    .heder_content_right ul {
        float: right;
        list-style: none;
    }

        .heder_content_right ul li {
            float: left;
            height: 75px;
            line-height: 75px;
            padding-left: 50px;
            font-size: 16px;
        }


            .heder_content_right ul li.cur a {
                padding-bottom: 5px;
                color: #1582fd;
                border-bottom: 3px solid #1582fd;
            }

            .heder_content_right ul li:hover a {
                padding-bottom: 5px;
                color: #1582fd;
                border-bottom: 3px solid #1582fd;
            }

            .heder_content_right ul li a {
                text-decoration: none;
                font-weight: bold;
                color: #333333;
            }





.heder_content_left {
    position: absolute;
    top: 10px;
}

.footer {
    height: 390px;
    background-color: #23272d;
    color: #626262;
}

.footer_content {
    width: 1200px;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
}

    .footer_content h3 {
        color: #fff;
    }

    .footer_content .footer_content_desc {
        padding-left: 15%;
        padding-right: 15%;
    }

        .footer_content .footer_content_desc ul {
            list-style: none;
            margin-top: 30px;
        }

            .footer_content .footer_content_desc ul li {
                height: 30px;
                line-height: 36px;
            }

.desc_1 {
    width: 45%;
}

    .desc_1 a {
        color: #626262;
        text-decoration: none;
    }

        .desc_1 a:hover {
            color: #fff;
        }

.desc_2 {
    width: 55%;
}

.desc_1, .desc_2 {
    padding-top: 90px;
    padding-bottom: 70px;
    float: left;
}

.cff {
    width: 100%;
    clear: both;
}


.footer_content .commpy {
    text-align: center;
}



.banner {
    height: 563px;
}

.soft {
    height: 623px;
    background-color: #f2f3f7;
    position: relative;
}

    .soft h6 {
        font-size: 28px;
        font-weight: 500;
        height: 104px;
        line-height: 104px;
        text-align: center;
    }

.soft_content {
    width: 1500px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

    .soft_content .soft_info {
        margin-top: 30px;
        width: 25%;
        height: 412px;
        float: left;
    }

        .soft_content .soft_info .soft_info_box {
            height: 100%;
            margin-left: 15px;
            margin-right: 15px;
            border-radius: 20px;
            background-color: #fff;
        }

            .soft_content .soft_info .soft_info_box:hover {
                box-shadow: 0px 0px 5px #808080;
            }



.soft_info_box_content {
    padding-left: 40px;
    padding-right: 50px;
    padding-top: 33px;
    padding-bottom: 33px;
}

.soft_info_box_content_logo div {
    float: left;
}

.soft_info_box_content_logo .title {
    padding-left: 10px;
}

    .soft_info_box_content_logo .title p {
        font-weight: bold;
        font-size: 26px;
    }

    .soft_info_box_content_logo .title small {
        color: #f78472;
        font-size: 13px;
        font-weight: bold;
    }

.soft_info_box_content_logo {
    clear: both;
}

.soft_info_box_content_desc {
    clear: both;
    color: #666666;
    font-size: 15px;
    padding: 25px 0;
    line-height: 28px;
}

    .soft_info_box_content_desc .tag span {
        display: inline-block;
        line-height: 28px;
        color: #666;
        width: 30%;
        font-size: 15px;
    }


.soft_info_box_content_js .title {
    height: 35px;
    line-height: 35px;
    font-weight: bold;
}

.soft_info_box_content_js .tag span {
    display: inline-block;
    line-height: 28px;
    color: #666;
    width: 30%;
    font-size: 15px;
}

.soft_info_box_content_link {
    text-align: center;
}

    .soft_info_box_content_link a {
        display: inline-block;
        text-align: center;
        margin-top: 30px;
    }

        .soft_info_box_content_link a img {
            display: block;
        }


.fcommpy {
    background-color: #fff;
    position: relative;
    width: 1200px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

    .fcommpy .title {
        position: relative;
        margin-top: 50px;
        height: 76px;
        line-height: 76px;
        text-align: center;
        font-size: 30px;
        font-weight: 500;
    }

    .fcommpy .desc {
        padding-top: 25px;
        padding-bottom: 55px;
        width: 80%;
        position: relative;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

        .fcommpy .desc p {
            line-height: 35px;
            color: #666;
        }

.team {
    height: initial;
}

    .team .team_info {
        width: 33%;
        float: left;
        text-align: center;
    }

.team_info_content {
    margin: 20px;
    background-color: #f2f3f7;
    width: 317px;
    height: 320px;
    border-radius: 25px;
    clear: both;
    display: inline-block;
}

    .team_info_content dl {
        padding: 30px;
    }

        .team_info_content dl h5 {
            font-size: 25px;
            line-height: 45px;
            color: #666;
        }

        .team_info_content dl p {
            text-align: left;
            color: #666;
            line-height: 28px;
            font-size: 15px;
        }

.seller {
    margin-top: 70px;
    background-color: #262a36;
    color: #fff;
    text-align: center;
}

    .seller h1 {
        font-size: 30px;
        line-height: 75px;
        padding-top: 20px;
        font-weight: 500;
    }


.My {
    text-align: center;
    margin-bottom: 20px;
}

    .My .content {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
    }

        .My .content h5 {
            margin: 35px 0;
            font-size: 30px;
            line-height: 55px;
            font-weight: 500;
        }

        .My .content .list div {
            width: 33%;
            display: inline-block;
            height: 213px;
            float: left;
            margin-bottom: 30px;
        }

            .My .content .list div .item {
                margin: 10px;
                margin-bottom: 30px;
                width: 95%;
                height: 95%;
                background: url(../images/index_34.png) no-repeat center center;
                background-size: 100% 100%;
            }

                .My .content .list div .item .desc {
                    width: 55%;
                    padding-left: 30px;
                    padding-top: 60px;
                    text-align: left;
                    color: #FFF;
                }

                    .My .content .list div .item .desc label {
                        font-weight: bold;
                        display: block;
                        margin-bottom: 15px;
                    }

                    .My .content .list div .item .desc p {
                        font-size: 14px;
                        line-height: 24px;
                    }

.proList {
    background-color: #ffffff;
}

    .proList .title {
        height:150px;
        background: url(../images/pro_title.png) no-repeat center center;
          background-size: 100% 100%;
    }

        .proList .title h2 {
          line-height:150px;
          text-align:center;
          font-weight:500;
          color:#fff;
        }

.detail {
     background-color:#f2f3f7;
     text-align:left;
}

.detail .buy {
    width:1200px;
    position:relative; 
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
     background-color:#f2f3f7;
     padding-top:35px;
    padding-bottom:35px;
     
}

.buy .buy_content {
  border-radius:8px;
  background-color:#fff;
 padding:20px 50px;
  
}
    .buy .buy_content .item {
      float:left;
      width:33%;
    }
     .buy .buy_content .item dd{
         width:100%;
      float:left;
    }
        .buy .buy_content .item dd .title {
          padding:5px 10px;
        }
    .buy .buy_content .item1 {
      width:40%;
    }
     .buy .buy_content .item2 {
      width:40%;
    }
      .buy .buy_content .item3 {
      width:20%;
    }

.item_ex {
  float:left;
}
    .item_ex b {
      font-size:28px;
      font-weight:500;
    }

    .item_ex small {
      color:#f78472;
      font-weight:bold;
    }
.buy .buy_content .item .tag {
  padding-top:10px;
  width:70%;
}
.btn_a {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
  left:0;
  right:0;
  top:50px;
  bottom:0;
}
   .buy .buy_content .item   .tag span {
        display: inline-block;
        line-height: 28px;
        color: #666;
        width: 30%;
        font-size: 15px;
    }
    .buy .buy_content .item   .tag p {
        
        color: #666;
        font-size: 15px;
        line-height:28px;
    }

.buy .buy_content .item .title_area {
  height:70px;
}
.detail .desc {
    width:1200px;
    position:relative; 
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    background-color:#f2f3f7;
    padding-bottom:35px;
}

    .detail .desc .content {
       border-radius:8px;
       background-color:#fff;
       padding:40px 20px;
       text-align:center;
    
    }

/**插件代码
    */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
