/** *  * @authors Your Name (you@example.org) * @date    2017-10-18 08:57:34 * @version $Id$ */@font-face{    font-family: "dMedium";    src: url('../font/DIN-Medium.ttf') format('opentype');    font-weight: normal;    font-style: normal;}input {    border: none;    margin: 0;    padding: 0;	outline:none;}}/* header */header{    width: 100%;    height: 100px;    overflow: hidden;}.header-main{    position: relative;    display: flex;    justify-content: space-between;}.logo{    display: block;    width: 211px;    margin-top: 21px;}.logo img{    display: block;    width: 100%;}.nav-ul{    display: flex;}.nav-ul li{    margin-right: 70px;}.nav-ul li>a{    display: block;    font-size: 18px;    color: #111111;    line-height: 96px;	font-weight:bold;    border-bottom: 4px solid transparent;}.nav-ul li:hover>a,.nav-ul li.nav-active a{    color: #00479d;    border-bottom-color: #00479d;}.header-other{    position: relative;    display: flex;    align-items: center;}.header-shop{    display: flex;    align-items: center;    margin-right: 66px;}.shop-icon{    width: 40px;    height: 40px;     display: flex;    align-items: center;    justify-content: center; }.header-shop a{    font-size: 20px;    line-height: 24px;    color: #444;}.header-sou{    position: relative;}.hsou-wrap{    width: 170px;    position: absolute;    bottom: -30px;    left: 50%;    transform: translateX(-50%);    z-index: 999;    display: none;}.hsou-wrap input{    width: 100%;    outline: none;    height: 24px;    padding: 0 10px;    border: 1px solid #dcdcdc;    line-height: 22px;    font-size: 14px;    color: #333;    background-color: none;}.hsou-wrap i{    display: block;    width: 10px;    height: 10px;    background: url(../images/sou-cha.png) no-repeat center;    background-size: 10px 10px;    position: absolute;    right: 5px;    top: 50%;    cursor: pointer;    transform: translateY(-50%);}@media(max-width: 1600px){    .nav-ul li{        margin-right: 60px;    }    .header-shop{        margin-right: 40px;    }}@media(max-width: 1400px){    .nav-ul li{        margin-right: 40px;    }    .header-shop{        margin-right: 20px;    }}@media(max-width: 1199px){    .nav-ul li{        margin-right: 10px;    }    .shop-icon{        margin-right: 8px;    }    .header-shop{        margin-right: 10px;    }}@media(max-width: 991px){    .nav{        display: none;    }    .header-other{        display: none;    }    header{        height: 70px;    }    .logo{        margin-top: 6px;    }}@media(max-width: 599px){    .logo{        width: 192px;        margin-top: 9px;    }}/* 底部 */#footer{    padding-top: 47px;    overflow: hidden;    width: 100%;    background: #2f2f2f;}.copy{    height: 80px;    display: flex;    align-items: center;    justify-content: space-between;    color: #808080;    border-top: 1px solid #808080;}.links a{    color: #808080;    display: block;    margin-right: 10px;}.links a:last-child{    margin-right: 0px;}.links{    height: 80px;    display: flex;    align-items: center;}.footer-ul{    margin-bottom: 43px;    display: flex;    justify-content: space-between;    width: 100%;}.footer-ul li h3{    color: #fff;    font-size: 18px;    line-height: 24px;    margin-bottom: 20px;}.footer-ul li dl dd>a{    line-height: 30px;    display: block;    color: #808080;    font-size: 16px;}.footer-ul li dl dd span{    color: transparent;}.footer-dl{    display: flex;}.footer-dl dl{    margin-right: 50px;}.footer-dl dl:last-child{    margin-right: 0px;}.code-wrap{    display: flex;}.code-item{    width: 154px;    text-align: center;}.code-item p{    color: #808080;    line-height: 24px;    margin-top: 10px;    text-align: center;}@media(max-width: 1200px){    .copy{        flex-wrap: wrap;        height: auto;        padding: 15px 0px;    }    .copy p{        width: 100%;        line-height: 24px;        text-align: center;        margin-bottom: 10px;    }    .links{        width: 100%;        justify-content: center;        flex-wrap: wrap;        height: auto;    }    .links a{        line-height: 24px;    }    .footer-dl dl{        margin-right: 20px;    }}@media(max-width: 991px){    .footer-ul{        flex-wrap: wrap;        margin-bottom: 20px;    }    .footer-ul li{        width: 100%;        text-align: center;        margin-bottom: 10px;    }    .footer-ul li h3{        margin-bottom: 10px;    }    .footer-ul li dl{        text-align: center;    }    .footer-ul li dl dd{        display: inline-block;        margin: 0 4px;    }    .code-wrap{        width: 100%;        justify-content: center;    }    .code-item{        width: 153px;        margin: auto;    }    #footer{        padding-top: 42px;    }    .footer-dl{        flex-wrap: wrap;    }    .footer-dl dl{        width: 100%;        text-align: center;    }    .footer-dl dd{        display: inline-block;    }}/* 首页关于我们 */.home-about{    padding-top: 100px;    padding-bottom: 110px;    width: 100%;    overflow: hidden;}.habout-main{    margin-bottom: 110px;    display: flex;}.habout-left{    width: 50%;    padding-right: 50px;    display: flex;    flex-direction: column;    justify-content: space-between;}.habout-right{    width: 50%;    padding-left: 50px;}.habout-time{    width: 180px;    height: 180px;    border-radius: 10px;    background-color: #00479d;    display: flex;    flex-direction: column;    justify-content: center;    color: #fff;    margin-bottom: 50px;    padding-left: 20px;}.habout-time span{    display: block;    font-size: 20px;    line-height: 24px;    margin-bottom: 9px;}.habout-time strong{    display: block;    font-family: "dMedium";    font-size: 40px;    line-height: 62px;}.habout-top h3{    font-size: 30px;    line-height: 30px;    color: #111;    margin-bottom: 18px;}.habout-des{    font-size: 16px;    line-height: 32px;    color: #444;}.habout-des p{    margin-bottom: 15px;}/* .habout-des p:last-child{    margin-bottom: 0px;} */.public-more{    width: 160px;    height: 50px;    display: flex;    align-items: center;    border-radius: 5px;    background-color: #00479d;    padding-left: 22px;}.public-more span{    display: block;    font-size: 16px;    color: #fff;    margin-right: 32px;}.public-more i{    display: block;    width: 8px;    height: 14px;    background: url(../images/habout-arrow.png) no-repeat center;    transition: all .5s;}.public-more:hover{    background-color: #ff4000;}.public-more:hover i{    transform: translateX(5px);}.public-img{    width: 100%;    overflow: hidden;}.public-img img{    display: block;    width: 100%;    transition: all .5s;}.habout-right .public-img:hover img{    transform: scale(1.1);}.num-list{    display: flex;    justify-content: space-between;}.num-list li{    position: relative;    padding: 0 130px;}.num-list li:first-child{    padding-left: 0px;}.num-list li:last-child{    padding-right: 0px;}.num-list li::after{    position: absolute;    content: "";    height: 84px;    width: 1px;    background: #b3b3b3;    right: 0px;    top: 50%;    transform: translateY(-50%);}.num-list li:last-child::after{    display: none;}.num-wrap{    display: flex;    margin-bottom: 15px;}.num-wrap h3{    font-size: 56px;    line-height: 56px;    font-family: "dMedium";    color: #00479d;    margin-right: 5px;}.num-wrap span{    font-size: 18px;    line-height: 24px;    color: #222;}.num-list li p{    font-size: 16px;    line-height: 24px;    color: #222;}@media(max-width: 1700px){    .num-list li{        padding: 0 90px;    }    .habout-time{        margin-bottom: 30px;    }}@media(max-width: 1600px){    .num-list li{        padding: 0 60px;    }    .habout-left{        padding-right: 30px;    }    .habout-right{        padding-left: 10px;    }    .habout-time{        height: 140px;    }    .habout-des{        font-size: 14px;        line-height: 26px;    }}@media(max-width: 1400px){    .num-list li{        padding: 0 40px;    }}@media(max-width: 1200px){    .num-list li{        padding: 0 20px;    }    .habout-main{        margin-bottom: 80px;    }}@media(max-width: 991px){    .home-about{        padding-top: 46px;        padding-bottom: 20px;    }    .habout-time strong{        font-size: 36px;        line-height: 48px;    }    .habout-main{        flex-wrap: wrap;        margin-bottom: 20px;    }    .num-list{        flex-wrap: wrap;    }    .num-list li{        padding: 0px;        width: 50%;        display: flex;        flex-direction: column;        align-items: center;        margin-bottom: 14px;    }    .num-list li:nth-child(2)::after{        display: none;    }    .num-list li::after{        height: 62px;    }    .habout-left{        padding-right: 0px;        width: 100%;        margin-bottom: 25px;    }    .habout-right{        padding-left: 0px;        width: 100%;    }    .habout-time{        width: 140px;        height: 120px;        padding-left: 10px;        margin-bottom: 20px;    }    .habout-top h3{        font-size: 26px;        margin-bottom: 10px;    }    .habout-des{        margin-bottom: 20px;    }    .num-wrap{        margin-bottom: 3px;    }    .num-wrap h3{        font-size: 44px;        line-height: 44px;    }}@media(max-width: 599px){    .num-list li{        padding: 0 12px;    }    .num-wrap span{        font-size: 16px;    }    .num-wrap h3{        font-size: 38px;        line-height: 38px;    }    .num-list li p{        text-align: center;        font-size: 14px;        line-height: 20px;    }}/* 首页产品 */.home-pro{    width: 100%;    overflow: hidden;    background-color: #f0f0f4;    padding-top: 98px;    padding-bottom: 100px;} .hpro-title{    display: flex;    align-items: center;    justify-content: space-between;    margin-bottom: 50px;}.public-title{    display: flex;    align-items: flex-end;}.public-title h3{    font-size: 44px;    line-height: 44px;    color: #111;    margin-right: 15px;}.public-title span{    font-size: 24px;    color: #444;    line-height: 24px;    font-weight: 300;    text-transform: uppercase;}.hpro-more{    width: 130px;    height: 40px;    border-radius: 5px;    background-color: #00479d;    display: flex;    align-items: center;    justify-content: center;}.hpro-more span{    font-size: 16px;    color: #fff;    padding-right: 15px;}.hpro-more i{    display: block;    width: 8px;    height: 14px;    background: url(../images/habout-arrow.png) no-repeat center;    transition: all .5s;}.hpro-more:hover{    background-color: #ff4000;}.hpro-more:hover i{    transform: translateX(5px);}.hpro-item{    border-radius: 10px;    border: 1px solid #dcdcdc;    background-color: #fff;    display: flex;    flex-direction: column;    transition: all .5s;    align-items: center;    margin-bottom: 32px;    padding-bottom: 48px;}.hpro-swiper .swiper-slide .hpro-item:last-child{    margin-bottom: 0px;}.hpro-info{    text-align: center;    margin-top: 48px;}.hpro-info h3{    font-size: 24px;    color: #222;    line-height: 24px;    margin-bottom: 36px;}.hpro-info a{    display: inline-block;    color: #19479d;    line-height: 28px;    border-bottom: 2px solid transparent;    font-size: 16px;    transition: all .5s;}.hpro-item:hover {    box-shadow: 0px 0px 10px #dcdcdc;}.hpro-item:hover .hpro-info a{    border-bottom-color: #19479d;}@media(max-width: 1200px){    .public-title h3{        font-size: 38px;        line-height: 38px;    }    .public-title span{        font-size: 20px;        line-height: 20px;    }}@media(max-width: 991px){    .home-pro{        padding-top: 45px;        padding-bottom: 40px;    }    .public-title h3{        font-size: 32px;        line-height: 32px;        margin-right: 8px;    }    .public-title span{        font-size: 16px;        line-height: 20px;    }    .hpro-title{        margin-bottom: 30px;    }    .hpro-item{        padding: 0;        margin-bottom: 25px;    }    .hpro-info{        margin-top: 25px;    }    .hpro-info h3{        margin-bottom: 15px;    }}@media(max-width: 449px){    .hpro-more{        width: 100px;    }    .hpro-more span{        padding-right: 8px;    }    .public-title h3{        font-size: 28px;    }}.home-other{    padding: 100px 0px;    width: 100%;    overflow: hidden;}.other-item{    display: flex;    margin-bottom: 50px;}.other-item:nth-child(odd){    flex-direction: row-reverse;}.other-info{    width: 43.75%;    display: flex;    flex-direction: column;    justify-content: center;}.other-img{    width: 56.25%;}.other-des{    margin-top: 38px;    font-size: 16px;    line-height: 36px;    color: #444;    min-height: 216px;    margin-bottom: 4px;}.other-item:last-child{    margin-bottom: 0px;}.other-item:first-child .other-info{    padding-right: 95px;}.other-item:last-child .other-info{    padding-left: 95px;}.other-img .public-img:hover img{    transform: scale(1.1);}@media(max-width: 1600px){    .other-item:first-child .other-info{        padding-right: 65px;    }    .other-item:last-child .other-info{        padding-left: 65px;    }    .other-des{        margin-top: 18px;        margin-bottom: 12px;        line-height: 30px;    }}@media(max-width: 1200px){    .other-item:first-child .other-info{        padding-right: 35px;    }    .other-item:last-child .other-info{        padding-left: 35px;    }    .other-des{        min-height: 30px;    }}@media(max-width: 991px){    .home-other{        padding-top: 45px;        padding-bottom: 40px;    }    .other-item{        flex-wrap: wrap;        margin-bottom: 30px;    }    .other-info{        width: 100%;    }    .other-img{        width: 100%;        margin-bottom: 25px;    }    .other-item:first-child .other-info{        padding-right: 0px;    }    .other-item:last-child .other-info{        padding-left: 0px;    }    .other-des{        margin-bottom: 22px;        margin-top: 12px;    }}/* 首页新闻 */.hnews-list{    margin-left: -25px;    margin-right: -25px;}.hnews-list li{    float: left;    padding: 0 25px;    width: 33.333%;}.hnews-item{    border-radius: 20px;}.hnews-info{    width: 100%;    padding-top: 35px;    padding-bottom: 34px;    padding-left: 22px;    padding-right: 22px;    background-color: #fff;    border-bottom-left-radius: 10px;    border-bottom-right-radius: 10px;}.hnews-img{    border-top-left-radius: 10px;    border-top-right-radius: 10px;}.hnews-info h3{    font-size: 24px;    line-height: 30px;    color: #111;    margin-bottom: 10px;}.hnews-info span{    display: block;    font-size: 16px;    line-height: 24px;    color: #999;}.hnews-des{    font-size: 16px;    line-height: 30px;    color: #444;    margin-top: 6px;    overflow : hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}.hnews-item:hover .hnews-img img{    transform: scale(1.1);}.hnews-item:hover .hnews-info h3{    color: #00479d;}@media(max-width: 1400px){    .hnews-list{        margin-left: -15px;        margin-right: -15px;    }    .hnews-list li{        padding: 0 15px;    }}@media(max-width: 1200px){    .hnews-info h3{        font-size: 20px;        line-height: 24px;    }}@media(max-width: 991px){    .hnews-list{        margin-left: 0px;        margin-right: 0px;    }    .hnews-list li{        padding: 0px;        margin-bottom: 25px;        width: 100%;        float: none;    }    .hnews-list li:last-child{        margin-bottom: 0px;    }    .hnews-info{        padding: 20px;    }}/* 新闻中心 */.news-wrap{    width: 100%;    overflow: hidden;    padding-top: 100px;}.news-item .hnews-info{    background-color: #f0f0f4;}.news-list li{    margin-top: 50px;    background-color: #f0f0f4;    padding: 40px 30px;    border-radius: 10px;}.news-list li h3{    margin-bottom: 15px;}.news-list li h3>a{    font-size: 24px;    line-height: 30px;    color: #111;}.news-list li span{    font-size: 16px;    line-height: 24px;    color: #999;}.news-list li .hnews-des{    margin-top: 10px;}.news-list li:hover h3>a{    color: #00479d;}@media(max-width: 991px){    .news-list li{        margin-top: 30px;        padding: 30px 20px;        border-radius: 5px;    }}@media(max-width: 599px){    .news-list li h3 > a{        font-size: 20px;    }    .news-list li h3{        margin-bottom: 5px;    }    .news-list li .hnews-des{        margin-top: 5px;    }    .news-list li{        padding: 20px 20px;    }}/* 产品中心 */.pros-wrap{    background-color: #f0f0f4;}.pros-left{    float: left;    width: 260px;}.proleft-list{    width: 100%;    border-radius: 10px;    background-color: #fff;}.proleft-tit{    border-top-left-radius: 10px;    border-top-right-radius: 10px;    height: 140px;    background-color: #00479d;    text-align: center;}.proleft-tit h3{    font-size: 44px;    color: #fff;    line-height: 140px;}.pronav-list{    background-color: #fff;    border-bottom-left-radius: 10px;    border-bottom-right-radius: 10px;    margin-bottom: 26px;}.pronav-list li{    padding: 0 20px;    position: relative;}.left-sub{    width: 100%;    display: none;}.pronav-list li > a{    display: block;    line-height: 59px;    border-bottom: 1px solid #e5e5e5;    padding-left: 14px;    position: relative;    font-size: 16px;    color: #222;}.pronav-list li > a::after{    width: 16px;    height: 16px;    background: url(../images/pro-add.png) no-repeat center;    position: absolute;    right: 20px;    top: 50%;    transform: translateY(-50%);    content: "";    transition: all .5s;}.pronav-list li:last-child > a{    border-bottom: none;}.pronav-list li:hover > a, .pronav-list li.on a{    color: #00479d;}.pronav-list li:hover > a::after, .pronav-list li.on a::after{    background-image: url(../images/pro-add-on.png);}.pro-service{    height: 186px;    border: 1px solid #dcdcdc;    border-radius: 10px;    background-color: #fff;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;}.pro-tel h3{    font-size: 18px;    line-height: 24px;    color: #111;    margin-top: 14px;    margin-bottom: 6px;    text-align: center;}.pro-tel span{    font-size: 28px;    line-height: 30px;    color: #00479d;    font-family: "dMedium";}.pros-right{    width: calc(100% - 260px);    float: right;    padding-left: 60px;}.pros-list{    margin-left: -13px;    margin-right: -13px;}.pros-list li{    padding: 0 13px;    float: left;    width: 25%;    margin-bottom: 26px;}.pros-item{    width: 100%;    border: 1px solid #dcdcdc;    padding-bottom: 39px;    background-color: #fff;    display: flex;    flex-direction: column;    align-items: center;    transition: all .5s;}.hpro-img img{    width: 100%;}.hpro-img{    overflow: hidden;    width: 100%;}.pros-info{    margin-top: 32px;    text-align: center;}.pros-info h3{    font-size: 20px;    line-height: 24px;    color: #222;    margin-bottom: 27px;}.pros-info a{    display: inline-block;    line-height: 22px;    font-size: 16px;    color: #19479d;    border-bottom: 2px solid transparent;    transition: all .5s;}.pros-item:hover{    box-shadow: 0px 0px 10px #dcdcdc;}.pros-item:hover .pros-info a{    border-bottom-color: #19479d;}.pros-img img{    width: 100%;}@media(max-width: 1600px){    .pros-right{        padding-left: 40px;    }    .pros-img{        padding: 0px;        overflow: hidden;        width: 100%;    }    .pros-img img{        display: block;        width: 100%;    }}@media(max-width: 1200px){    .pros-right{        padding-left: 30px;    }    .pros-img{        padding: 0px;        width: 100%;    }    .pros-list li{        width: 50%;    }}@media(max-width: 991px){    .news-wrap{        padding-top: 50px;    }    .pros-left{        width: 100%;        margin-bottom: 30px;    }    .pros-right{        padding-left: 0px;        width: 100%;        float: none;    }    .proleft-tit{        width: 100%;        height: 50px;        border-top-left-radius: 0px;        border-top-right-radius: 0px;    }    .proleft-tit h3{        float: left;        line-height: 50px;        font-size: 24px;        padding-left: 20px;    }    .pronav-list {        display: none;    }    .pronav-list li > a{        line-height: 49px;    }    .pro-service{        display: none;    }    .pros-list li{        width: 100%;        padding: 0px;    }    .pros-item{        padding-top: 0px;        padding-bottom: 20px;    }    .pros-list{       margin-left: 0px;       margin-right: 0px;    }    .pros-info{        margin-top: 20px;    }    .pros-info h3{        margin-bottom: 15px;    }}/* 关于奇展 */.about-wrap{    width: 100%;    overflow: hidden;}.about-title{    padding-top: 100px;    text-align: center;    margin-bottom: 50px;}.about-title h3{    font-size: 44px;    line-height: 44px;    color: #111;}.about-des p{    font-size: 16px;    line-height: 32px;    color: #444;    text-indent: 32px;    margin-bottom: 15px;}.about-nums{    margin-top: 40px;    margin-bottom: 50px;}.about-title p{    font-size: 16px;    color: #444;    margin-top: 22px;    line-height: 32px;    text-align: center;}.culture-wrap{    padding-bottom: 100px;}.culture-list{    margin-left: -16px;    margin-right: -16px;}.culture-list li{    float: left;    width: 25%;    padding: 0 16px;}.culture-item{    border-radius: 10px;    position: relative;}.culture-item .public-img{    border-radius: 10px;}.culture-item:hover .public-img img{    transform: scale(1.1);}.culture-info{    position: absolute;    width: 100%;    height: 100%;    top: 0px;    left: 0px;    background: rgba(0, 0, 0, .3);    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;}.culture-icon{    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 28px;    border: 2px solid #fff;    width: 122px;    height: 122px;    border-radius: 50%;}.culture-info h3{    color: #fff;    font-size: 24px;    line-height: 24px;}.culture-des{    padding-top: 12px;    line-height: 32px;    color: #fff;    font-size: 16px;    text-align: center;    height: 0px;    visibility: hidden;    transition: all .5s;}.culture-item:hover .culture-des{    visibility: visible;    height: 76px;}/* 合作客户 */.partner-wrap{    background-color: #f0f0f4;}.partner-item{    margin-bottom: 25px;}.partner-swiper .swiper-slide .partner-item:last-child{    margin-bottom: 0px;}@media(max-width: 1400px){    .culture-icon{        width: 100px;        height: 100px;        margin-bottom: 20px;    }}@media(max-width: 1200px){    .culture-wrap{        padding-bottom: 80px;    }    .about-title{        padding-top: 80px;    }     .pro-title{        padding-top: 80px;    }    .culture-icon{        width:90px;        height:90px;    }    .culture-des{        font-size: 14px;        line-height: 20px;    }}@media(max-width: 991px){    .culture-wrap{        padding-bottom: 30px;    }    .partner-wrap{        padding-bottom: 40px;    }    .about-title{        padding-top: 45px;        margin-bottom: 20px;    }      .pro-title{        padding-top: 45px;        margin-bottom: 20px;    }    .about-title h3{        font-size: 30px;        line-height: 30px;    }      .pro-title h3{        font-size: 30px;        line-height: 30px;    }    .about-nums{        margin-top: 10px;        margin-bottom: 20px;    }    .culture-list li{        width: 50%;        margin-bottom: 20px;    }}@media(max-width: 599px){    .culture-list li{        width: 100%;        float: none;        padding: 0px;    }    .culture-list{        margin-left: 0px;        margin-right: 0px;    }    .culture-des{        visibility: visible;        height: 78px;        font-size: 16px;        line-height: 24px;    }}.dc-phone {    display: none;}@media (max-width: 991px) {    .dc-phone {        display: block;    }    .dc-pc {        display: none;    }}#pbanner .swiper-slide img {    width: 100%;    display: block;}.public-img video {    display: block;    width: 100%;    transition: all .6s;}.about-dess img{    max-width: 100%;}.about-dess video{    max-width: 100%;}/* 联系我们 */.contact-main{    padding-bottom: 60px;}.contact-cont{    overflow: hidden;}.contact-info{    width: 100%;    display: flex;    flex-direction: column;    align-items: center;    background: #f3f3f3;    justify-content: center;}.contact-info dl dt{    font-size: 24px;    color: #003f88;    margin-bottom: 25px;}.contact-info dl dd{    line-height: 30px;    color: #666;    font-size: 16px;}.contact-img{    overflow: hidden;    width: 100%;}.contact-img img{    display: block;    width: 100%;}.contact-ditu{    margin-top: 28px;    overflow: hidden;    width: 100%;}.contact-ditu img{    display: block;    width: 100%;}@media(max-width: 1200px){    .contact-info dl dt{        margin-bottom: 15px;    }}@media(max-width: 991px){    .col-xxs-12{        width:100%;    }    .contact-info{        padding: 30px 0px;        margin-bottom: 15px;    }    .contact-main{        padding-bottom: 40px;    }}@media(max-width: 599px){    .contact-main{        padding-bottom: 30px;    }    .contact-ditu{        margin-top: 15px;    }}.about-dess{    margin-bottom: 20px;}.about-dess img{    max-width: 100%;}.pro-title{        text-align: center;    margin-bottom: 50px;}.pro-title h3{    font-size: 44px;    line-height: 44px;    color: #111;}.pro-title p{    font-size: 16px;    color: #444;    margin-top: 22px;    line-height: 32px;    text-align: center;}.about-img {border-radius: 8px;}.copy p a {color:#808080;}.Map {    margin: 45px 0;    padding-top: 35%;}.ContactBlock .Map img{ max-width:999px; }.ContactBlock .form{ display:block; width:100%; margin-bottom:40px;}.ContactBlock .form .h3{ text-align:center; font-size:30px; line-height:36px; color:#222222; font-weight:normal; padding:40px 0; }.ContactBlock .form .Box{ margin:-9px; font-size:0; }.ContactBlock .form .Box .label{ padding:9px; display:inline-block; }.ContactBlock .form .Box .title{ font-size:16px; line-height:22px; color:#999999; padding-bottom:5px; text-align:left;}.ContactBlock .form .Box .title .tip{ color:#fe1212; margin-right:5px; }.ContactBlock .form .Box .title .icon{ display:block; padding-left:25px; background:url(../images/icons1_2.png) no-repeat left center/17px auto; }.ContactBlock .form .Box .input{ display:block; width:100%; border:1px solid #eee; background:#f8f8f8; font-size:15px; line-height:58px; height:60px; padding:0 15px; box-shadow:0 0 0 transparent; transition:all .3s;-webkit-appearance: none; }.ContactBlock .form .Box .input:focus{ box-shadow:0 0 15px rgba(0,0,0,.05); }.ContactBlock .form .Box textarea.input{ display:block; height:185px; padding:15px; line-height:20px; }.ContactBlock .form .Box .submit{ display:block; color:#fff; cursor:pointer; line-height:40px; height:40px; width:110px; font-size:14px; text-align:center; background:#00479d; box-shadow:0 0 0 transparent;-webkit-appearance: none; }.ContactBlock .form .Box .submit:hover{ background:#4792fd; }@media only screen and (max-width: 1200px){    .ContactBlock .Map{ margin:40px 0; }    .ContactBlock .form .h3{ font-size:26px; padding:20px 0; }    .ContactBlock .form .Box{ margin:-7px; }    .ContactBlock .form .Box .label{ padding:7px; }    .ContactBlock .form .Box .title{ font-size:15px; }    .ContactBlock .form .Box .input{ line-height:44px; height:44px; font-size:14px; }    .ContactBlock .form .Box textarea.input{ padding:10px 15px; }}@media only screen and (max-width: 992px){    .ContactBlock .form .h3{ padding:0 0 10px; font-size:20px; }    .ContactBlock .form .Box .submit{ width:100%; }}@media only screen and (max-width: 768px){    .ContactBlock .Map{ margin:30px 0; height:350px; }}.lw-w-1{ width:8.33333333%; }.lw-w-2{ width:16.66666667%; }.lw-w-3{ width:25%; }.lw-w-4{ width:33.33333333%; }.lw-w-5{ width:41.66666667%; }.lw-w-6{ width:50%; }.lw-w-7{ width:58.33333333%; }.lw-w-8{ width:66.66666667%; }.lw-w-9{ width:75%; }.lw-w-10{ width:83.33333333%; }.lw-w-11{ width:91.66666667%; }.lw-w-12{ width:100%; }.lw-5w{ width:20%; }@media (max-width:1200px) {    .lw-xw-1{ width:8.33333333%; }    .lw-xw-2{ width:16.66666667%; }    .lw-xw-3{ width:25%; }    .lw-xw-4{ width:33.33333333%; }    .lw-xw-5{ width:41.66666667%; }    .lw-xw-6{ width:50%; }    .lw-xw-7{ width:58.33333333%; }    .lw-xw-8{ width:66.66666667%; }    .lw-xw-9{ width:75%; }    .lw-xw-10{ width:83.33333333%; }    .lw-xw-11{ width:91.66666667%; }    .lw-xw-12{ width:100%; }    .lw-5xw{ width:20%; }}@media (max-width:1024px) {    .lw-mw-1{ width:8.33333333%; }    .lw-mw-2{ width:16.66666667%; }    .lw-mw-3{ width:25%; }    .lw-mw-4{ width:33.33333333%; }    .lw-mw-5{ width:41.66666667%; }    .lw-mw-6{ width:50%; }    .lw-mw-7{ width:58.33333333%; }    .lw-mw-8{ width:66.66666667%; }    .lw-mw-9{ width:75%; }    .lw-mw-10{ width:83.33333333%; }    .lw-mw-11{ width:91.66666667%; }    .lw-mw-12{ width:100%; }    .lw-5mw{ width:20%; }}@media (max-width:768px) {    .lw-sw-1{ width:8.33333333%; }    .lw-sw-2{ width:16.66666667%; }    .lw-sw-3{ width:25%; }    .lw-sw-4{ width:33.33333333%; }    .lw-sw-5{ width:41.66666667%; }    .lw-sw-6{ width:50%; }    .lw-sw-7{ width:58.33333333%; }    .lw-sw-8{ width:66.66666667%; }    .lw-sw-9{ width:75%; }    .lw-sw-10{ width:83.33333333%; }    .lw-sw-11{ width:91.66666667%; }    .lw-sw-12{ width:100%; }    .lw-5sw{ width:20%; }} 