/*
* @Author: fuxiaohui
* @Date:   2019-08-08 10:43:18
* @Last Modified by:   fuxiaohui
* @Last Modified time: 2018-04-18 15:54:24
*/
body,div,ul,li,a,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,input,form,textarea{
    margin:0;
    padding:0;
    font-family:Microsoft YaHei, sans-serif;
}
ul,ol,li{
    list-style: none;
}
a{
    text-decoration: none;
    font-size: 13px;
    color: #0066CC;
}
img{
    border: none;
    display: block;
}
.clearfloat:after{
    display: block;
    clear:both;
    content: "";
    visible:hidden;
    height:0;
}
.clearfloat{
    zoom:1;
}
.Container {
    width: 1215px;
    margin: 0 auto 50px;
}
.text-wrapper {
    margin-top: 40px;
    border-bottom: 2px solid rgba(0,0,0, 0.1);
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;

}
.text-name{
    display: inline-block;
    font-size: 20px;
    color: #0e94fc;
    height: 38px;
    border-bottom: 2px solid #0e94fc;
}
.text-content {
    padding: 20px 0 0 0;
    font-size: 16px;
    line-height: 30px;
    color: #919191;
}
.text-title {
    text-indent: 2rem;
    font-size: 16px;
    line-height: 30px;
    color: #919191;
}
.card-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.card-wrapper li {
    height: 350px;
    width: 20%;
    background-color: rgba(0,0,0, 0.03);
    box-sizing: border-box;
    margin: 30px 20px 0 20px;
    padding: 20px;
    display: inline-block;
}
.card-wrapper li .card-title {
    height: 35px;
    color: #666;
    font-size: 17px;
    border-bottom: 2px solid rgba(0,0,0, 0.2);
    margin-bottom: 5px;

}
.card-wrapper li .card-text {
    font-size: 14px;
    color: #919191;
    line-height: 28px;
}





.map-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.map-wrapper li {
    width: 15%;
    box-sizing: border-box;
    padding: 20px 0;
}
.map-wrapper li img {
    width: 100%;
    transition: All 0.3s ease-in-out;
}
.map-wrapper li img:hover {
    transform: scale(1.01);

}
.text-table {
    box-sizing: border-box;
    padding: 30px 20px;
}
.table-ul {
    display: flex;
    justify-content: space-around;
    border-top: 1px solid rgba(0,0,0, 0.1);
    border-left: 1px solid rgba(0,0,0, 0.1);
    border-right: 1px solid rgba(0,0,0, 0.1);
    color: #666;

}
.table-ul li {
    box-sizing: border-box;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.product-wrapper {
    /*box-sizing: border-box;*/
    margin: 30px 20px;
    border: 2px solid rgba(0,0,0, 0.1);
    display: flex;
}
.product-wrapper .text-left {
    /*width: 50px;*/
    color: #666;
    background-color: rgba(0,0,0,0.1);
    width: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-wrapper .text-left .left-font {
    font-size: 20px;
    line-height: 50px;
    margin: 20px -7px 20px 0;
}
.product-wrapper .text-right {
    box-sizing: border-box;
    padding: 0 30px 20px 30px;
    width: 95%;
}

.card-two {
    margin: 30px 0;
    font-size: 14px;
    line-height: 30px;
    color: #919191;
    display: flex;
    justify-content: space-around;
}


.card-two li {
    width: 17%;
    height: 350px;
    box-sizing: border-box;
    padding: 10px 20px;
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.card-two li:hover {
    transform: scale(1.01);
}
.card-red {
    font-size: 16px;
    color: #F56C6C;
    font-weight: 500;
}
.card-blue {
    font-size: 16px;
    color: #409EFF;
    font-weight: 500;
}
.card-yellow {
    font-size: 16px;
    color: #E6A23C;
    font-weight: 500;
}
.card-grey {
    font-size: 16px;
    color: #909399;
    font-weight: 500;
}
.card-green {
    font-size: 16px;
    color: #67C23A;
    font-weight: 500;
}

.card-border-red {
    border-top: 6px solid #F56C6C;
    border-bottom: 6px solid #F56C6C;
}
.card-border-blue {
    border-top: 6px solid #409EFF;
    border-bottom: 6px solid #409EFF;
}
.card-border-yellow {
    border-top: 6px solid #E6A23C;
    border-bottom: 6px solid #E6A23C;
}
.card-border-grey {
    border-top: 6px solid #909399;
    border-bottom: 6px solid #909399;
}
.card-border-green {
    border-top: 6px solid #67C23A;
    border-bottom: 6px solid #67C23A;
}
.card-three {
    width: 25%;
    box-sizing: border-box;
    padding: 20px;
}
.card-three-title {
    text-align: center;
    margin: 20px 0;
}