@font-face {
    font-family: "TIEMPOSFINE";
    src: url(../font1/TIEMPOSFINE-LIGHT.OTF);
}
@font-face {
    font-family: "TT0037M";
    src: url(../font1/TT0037M.TTF);
}
.header{
    background: #2c98cd;
    padding: 20px 0 16px 0;
}
.navigation{
    padding-left: 60px;
}
.navigation li{
    line-height: 61px;
}
.navigation a{
    color: white;
    font-size: 16px;
}
.tel{
    margin-top: 10px;
}
.tel span{
    color: white;
    font-size: 28px;
    font-family: "TIEMPOSFINE";
}
.tel em{
    color: white;
    font-size: 16px;
}
/* .tel img{
    margin-top: 7px;
} */
.product{
    padding: 0 78px 0 73px;
    margin: 117px 0;
}
.productShow{
    background: #d2e5ef;
    padding: 104px 0 40px 0;
    height: 400px;
    overflow: hidden;
}
.productText{
    padding-left: 80px;
}
.productText h3,.productListText h3{
    color: #222222;
    font-size: 30px;
    margin-bottom: 20px;
}
.productText h3{
    font-weight: bold;
}
.productText p,.productListText p{
    color: #666666;
    font-size: 16px;
    line-height: 35px;
}
.productMore{
    width: 148px;
    line-height: 40px;
    background: #0091ca;
    margin-top: 50px;
}
.productMore a,.productListMore a{
    color: white;
    font-size: 14px;
}
.productList{
    margin: 20px 0;
}
.productListB{
    background: #d2e5ef;
    padding: 56px 0 51px 0;
    height: 400px;
    overflow: hidden;
}
.productListText{
    padding:0 60px;
}
.productListMore{
    width: 148px;
    line-height: 40px;
    background: #0091ca;
    /* margin-top: 50px; */
	position: relative;
	z-index: 99;
}
/* .productListB img{
    margin-top: 20px;
} */
.productList li:first-child{
    padding-left: 0;
}
.productList li:last-child{
    padding-right: 0;
}
.webTitle h3{
    font-family: "TT0037M";
    font-size: 48px;
    text-transform: uppercase;
    color: #2c98cd;
}
.webTitle span{
    color: #222222;
    font-size: 18px;
}
.recommendShow{
    margin-top: 100px;
}
.recommendShow span{
    color: #222222;
    font-size: 18px;
}
.recommendShow p{
    color: #666666;
    font-size: 14px;
    line-height: 60px;
}
.recommendMore{
    width: 148px;
    line-height: 40px;
    margin: 0 auto;
    background: #0091ca;
}
.recommendMore a{
    color: white;
    font-size: 14px;
}
.about{
    padding: 0 70px;
    margin: 112px auto 95px auto;
}
.aboutback{
    background: url(../img1/about.jpg) no-repeat center center;
    background-size: cover;
    height: 617px;
    padding: 87px 0 84px 0;
}
.aboutLeft{
    padding-left: 60px;
}
.aboutText{
    margin: 22px 0 49px 0;
}
.aboutText p{
    color: #666666;
    font-size: 16px;
    line-height: 40px;
}
.aboutMore{
    width: 190px;
    border: solid 1px #2c98cd;
    padding: 5px;
}
.aboutMore a{
    color: white;
    font-size: 16px;
    display: block;
    line-height: 50px;
    background: #2c98cd;
}
.new{
    background: url(../img1/new.jpg) no-repeat center center;
    background-size: cover;
    padding: 90px 0 60px 0;
}
.newTitle h3{
    color: white;
}
.newTitle span{
    color: white;
}
.date span{
    color: white;
    font-family: "TT0037M";
    font-size: 36px;
}
.date p{
    color: white;
    font-family: "TT0037M";
    font-size: 18px;
}
.newCenter{
    margin-top: 30px;
    padding-right: 30px;
}
.newCenter li{
    border-bottom: solid 1px white;
    padding: 30px 0;
    margin: 20px 0;
}
.newShow a{
    color: white;
    font-size: 20px;
    line-height: 40px;
}
.newShow p{
    color: white;
    font-size: 14px;
}
.newMore{
    width: 160px;
    line-height: 50px;
    border: solid 1px white;
    margin-top: 40px;
}
.newMore a{
    color: white;
    font-size: 16px;
}
.link{
    line-height: 40px;
    margin: 20px auto;
}
.link h3{
    color: black;
    font-size: 16px;
    display: inline-block;
}
.link span{
    font-family: "TT0037M";
    font-size: 24px;
}
.link a{
    font-size: 16px;
    color: black;
    margin: 0 5px;
}
.footer{
    background: url(../img1/footer.jpg) no-repeat center center;
    background-size: cover;
    padding: 197px 0 36px 0;
}
.footerNavigation h3{
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.footerNavigation li{
    line-height: 30px;
}
.footerNavigation a{
    color: white;
    font-size: 15px;
}
.footerNavigation ul{
    margin-top: 20px;
}
.footerContact h3{
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.footerContact p{
    color: white;
    font-size: 16px;
    line-height: 48px;
}
.footerEwm span{
    color: white;
    font-size: 15px;
    line-height: 60px;
}
.optimize{
    margin-top: 110px;
    color: #546b84;
    font-size: 14px;
}
.optimize a{
    color: #546b84;
    font-size: 14px;
    margin-right: 5px;
}
.city{
    display: inline-block;
}
.mobileProduct,.mobileNew{
    margin: 20px auto;
}
.mobileTitle{
    margin-bottom: 20px;
}
.mobileTitle span{
    color: black;
    font-size: 22px;
    font-weight: lighter;
}
.mobileProductShow span{
    color: black;
    font-size: 14px;
    line-height: 35px;
}
.mobileAbout,.mobileNewCenter{
    padding: 0 15px;
}
.mobileAboutCenter p{
    color: black;
    font-size: 15px;
    line-height: 30px;
    text-indent: 2em;
}
.mobileNewCenter a{
    color: black;
    font-size: 15px;
}
.mobileNewCenter span{
    float: right;
    color: black;
    font-size: 15px;
}
.mobileNewCenter li{
    line-height: 40px;
}
.mobileFooter{
    background: #13355a;
    padding: 20px 15px;
    color: white;
    font-size: 15px;
    line-height: 30px;
}
.call{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2c98cd;
    line-height: 30px;
}
.call a{
    color: white;
    font-size: 15px;
}
@media screen and (max-width:768px) {
    html{
        padding-bottom: 30px;
    }
}