/*
 * @name style.css
 * @time 2019.04.22
 * @company Topkee Media
 * @author Fyz
*/

/* reset */
a{color: #242424;}
a:hover,a:focus{color: #242424; text-decoration: none;}
img{max-width: 100%;}
ul,ol{margin:0; padding:0;}
li{list-style: none;}
input{outline: none;}
textarea{outline: none; resize: none;}
em,strong{font-style: normal;}
::-moz-placeholder { color: #C3C3C3 !important; }
::-webkit-input-placeholder { color:#C3C3C3 !important; }
:-ms-input-placeholder { color:#C3C3C3 !important; }
body{color: #242424;font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.relative{position: relative;}
.min-height{min-height: 500px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: normal;}
@media (max-width: 767px) {
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}

    .min-height{min-height: 300px;}
}



/* hd */
.hd{position: relative; z-index: 1;}



/* ft */
.ft-info{background-color: #E2E7EC; padding: 35px 0;}
.ftNav{margin-top: 18px;}
.ftNav a{display: inline-block; margin:0 20px 5px 0; color: #828F9D;}
.ftLogo{margin: 0;}
.ft .share{text-align: right; margin-top: 10px;}
@media(max-width: 767px){
    .ft-info{padding: 25px 0 15px;}
    .ftNav{margin: 20px 0 15px;}
    .ftNav a{display: inline-block; margin:0 20px 5px 0; color: #828F9D;}
    .ftLogo img{height: 35px;}
    .ft .share{text-align: left;}
}


.information{background-color: #1B5487; font-size:18px; color: #fff;}
.information .box{padding: 25px 150px;}
.information .title{font-size: 26px; margin-bottom: 35px; text-align:center;}
.information .form-group{margin-bottom: 20px;}
.information .form-control{font-size: 20px; border-radius: 0; height: 50px;}
.information textarea.form-control{height:auto;}
.information .form .btn{background-color: #DA2A2A; border-color: #DA2A2A; border-radius: 0; font-size: 20px; color: #fff; width: 180px; margin-top: 10px; padding: 0 10px; line-height: 50px;}
.information .form .btn:hover{background-color: #6E0909; border-color: #6E0909;}
@media(max-width: 767px){
    .information{font-size: 14px;}
    .information .box{padding: 25px;}
    .information .title{font-size: 22px; margin-bottom: 20px;}
    .information .form-group{margin-bottom: 15px;}
    .information .form-control{height: 34px; font-size: 16px;}
    .information .form .btn{width: 100%; line-height: 34px; font-size: 16px; margin-top: 0;}
    .information .form img{margin-top: 5px;}
}


/* index */
.i-about{background-color: #F5F5F5; padding: 40px 0;}
.new-product .pushGoods{margin: 50px 0;}
.i-cms{margin: 40px 0;}
@media(max-width: 767px){
    .new-product .pushGoods{margin: 30px 0;}
    .i-cms{margin: 30px 0;}
}



/* page */
.page{margin: 85px 0 40px;}
.page-cms table{width: 100%; text-align: center; font-size: 14px;}
.page-cms table td{vertical-align: top; padding: 10px;}
.page-cms table p{margin-bottom: 5px;}
@media(max-width: 767px){
    .page{margin: 60px 0 30px;}
}


/* contact */
.contact{margin-bottom: 0;}
.contact .con{margin: 60px 0;}
.contact table{width: 100%; font-size: 14px;}
.contact table img{height:34px;}
.contact table td{width: 33.3%; text-align: center; vertical-align: top;}
.map{height: 460px;}
.map iframe{width: 100%; height: 100%;}
@media(max-width: 767px){
    .contact .con{margin: 45px 0;}
}