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

/* reset */
a{color: #303030;}
a:hover,a:focus{color: #303030; 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: #a0a0a0 !important; }
::-webkit-input-placeholder { color:#a0a0a0 !important; }
:-ms-input-placeholder { color:#a0a0a0 !important; }
body{color: #303030;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;}
}


/* logo */
@media (min-width: 768px) {
    .logo{height: 95px;}
}


/* hd */
.hd-fixed{ position: fixed; left: 0; top: 0; width: 100%; height: auto; z-index: 1000;}
.hd{background-color: #1b1b1b;}
@media (max-width: 767px){
    .hd-fixed{ position: initial;}
    .hd{background:none;}
}

/* ft */
.ft{background-color: #1b1b1b; color: #fff; padding: 50px 0;}
.ft .share{text-align: right;}

/* bd */
.i-module{margin: 50px 0 40px;}
.i-module .t{font-size: 40px; margin: 0; text-align: center; margin-bottom: 40px; text-transform: uppercase;}
.i-module .t:after{display:block; content:''; width: 76px; height: 6px; background-color: #303030; margin: 40px auto 0;}
@media (max-width: 767px){
    .i-module{margin: 30px 0 20px;}
    .i-module .t{font-size: 24px; margin-bottom: 20px;}
    .i-module .t:after{margin-top: 20px;}
}



.slide{position: relative;}
.slide .home{position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.slide .home .h{height: 100%;}
.slide .flexBox{display: flex; display: table\9; width: 100%; height: 100%;}
.slide .flex{display: flex; display: table\9; width: 100%; align-items: center; justify-content: center; text-align: center;}
.slide .con{font-size: 36px; color: #fff; position:relative; z-index:1;}
.slide .con h1,
.slide .con h2,
.slide .con h3,
.slide .con h4{font-size: 88px; border: 1px solid #fff; padding: 40px;}
.slide .arrow{position: absolute; left: 50%; bottom: 30px; background: url("https://tabccc.oss-cn-hongkong.aliyuncs.com/u_8/201905131110766.png?x-oss-process=style/TMTP"); width: 58px; height: 33px; margin-left: -30px; animation: arrow 0.5s ease-in infinite alternate;}
@keyframes arrow {
    0%{bottom: 30px;}
    30%{bottom: 35px;}
    60%{bottom: 40px;}
    100%{bottom: 45px;}
}
@media (max-width: 767px){
    .slide .con{font-size: 24px;}
    .slide .con h1,
    .slide .con h2,
    .slide .con h3,
    .slide .con h4{font-size: 36px; padding: 20px;}
}


.about .wrap{background-color: #f5f5f5; position: relative;}
.about .container-fluid .row>div{padding: 0;}
.about .imgList .item{background-position: 0 center;}
.about .con{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.about .h{height: 100%;}
.about .flexBox{display: flex; display: table\9; width: 100%; height: 100%;}
.about .flex{display: flex; display: table\9; width: 100%; align-items: center;}
@media (max-width: 767px){
    .about .con{position: static; height: auto; margin-top: 20px;}
}

.service{position:relative;}
.service .t{color: #fff; margin: 0;}
.service .t:after{display: none;}
.service .imgList{height: 925px;}
.service .wrap{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.service .service-list{padding: 50px 0; position:relative; z-index:1;}

.contact{background-color: #1b1b1b; padding: 80px 0; margin-bottom: 0;}
.contact .t{color: #fff;}
.contact .t:after{background-color: #fff;}
.contact .wrap{width: 80%; margin: 0 auto;}
.contact .form-control{border-color: #fff; background-color: #313131; border-radius: 0;}
.contact input.form-control{height: 48px;}
.contact .form .btn{display:block; background-color: #352390; border-radius: 0; border: 0; font-size: 16px; color: #fff; width: 220px; padding: 10px; margin: 50px auto 0;}
@media (max-width: 767px){
    .contact{padding: 30px 0;}
    .contact .wrap{width: 100%;}
    .contact input.form-control{height: 36px;}
    .contact .form .btn{width: 100%; margin-top: 30px;}
}


.find td{vertical-align: top; padding: 0 10px;}
.find tr>td:first-child{width: 15%;}
.find tr>td:nth-child(2){width: 85%;}
.find tr>td:first-child img{max-width: 30px; margin-top: 3px;}
.find .con h1,
.find .con h2,
.find .con h3,
.find .con h4{font-size: 18px; color: #00b7ee; margin: 0 0 10px 0;}
@media (max-width: 767px){
    .find td{padding: 10px 5px;}
    .find tr>td:first-child img{max-width: 20px;}
}



/* page */
.page{margin: 40px 0;}