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

/* reset */
a{color: #272727;}
a:hover,a:focus{color: #272727; 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: inherit;}
::-moz-placeholder { color: #2b2b2b; }
::-webkit-input-placeholder { color:#2b2b2b; }
:-ms-input-placeholder { color:#2b2b2b; }
body{color: #272727;font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.relative{position: relative;}
.box-flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.box-flex .flex{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (min-width: 768px){
    .min-height{min-height: 400px;}
}


/* langage */
.langage{position: relative; z-index: 1; display: flex; height:80px; color: #fff;}
.langage .flex{display: flex; align-items: center; justify-content: center;}
.langage a{display: inline-block; line-height: 20px; padding: 0 5px; color: #fff;}
.langage a.active{color: #005857;}
@media (max-width: 767px) {
    .langage{height: 64px;}
    .langage .flex{margin-left: -5px;}
}

.app-nav-wrap{position: relative;}
@media(min-width: 767px){
    .hd .logo{position: absolute; top: -90px; height: 80px;}
}
@media(width: 768px){
    .hd .logo{position: relative; z-index: 1; top: 0; margin-top:0;}
}
@media (max-width: 768px){
    .ftLogo img{height: 100px;}
}

/* ftNav */
.ftNav a{ width: 49%; margin:0 0 10px;}

.hd .share{position: absolute; right: 25px; top: 0; z-index: 1; border-left:2px solid #4cc2c0;}
.hd .share .icon{border: 0; color: #fff; line-height: 80px;}
@media(max-width: 768px){
    .hd .share{border-left:0; right: 70px;}
    .hd .share .icon{font-size: 24px; line-height: 64px;}
}


/* hd */
.hd{height: 140px;}
.hd .inner{position: absolute; left: 0; top: 0; width: 100%; z-index: 1;}
.top-contact .box-flex{height: 100px;}
.top-contact .item{background: url("../images/icon1.png") no-repeat left center; padding:5px 0 5px 60px; word-break: break-all;}
.top-contact .email{background-image: url("../images/icon2.png"); padding-left: 70px;}
.top-contact p{margin-bottom: 0;}
/* ft */
.ft .t{font-size:20px; color: #fff; margin:40px 0 15px;}
.ft .t:after{display:block; margin-top: 3px; content: ''; width: 70px; height: 5px; border-radius: 4px; background-color:#008f8d;}
.ft-contact{padding-bottom:40px;background: url("../images/ftBg.jpg") no-repeat center top/100% 100%; color: #fff;}
.ft-contact a{color: #fff;}
.ft-info{background-color:#005857; color:#fff;}
.copyright{text-transform: uppercase; padding:10px 15px;}
.copyright p{margin-bottom: 0;}
.backTop{background:#008482 url("../images/top.png") no-repeat center; width: 70px; height: 100%; border-radius: 3px; position: absolute; right: 0; bottom:0; cursor: pointer;}

.app-nav-wrap{position: relative;}
.hd .topBar{position: absolute; right: 25px; top: 0; z-index: 1; border-left:2px solid #4cc2c0; padding-left: 10px;}
.hd .share .icon{padding: 0; border-radius: 0; border: 0; color: #fff; line-height: 80px;}

@media(width: 768px){
    .top-contact .col-sm-6{display: none;}
    .top-contact .col-sm-3{width:50%;}
    .app-nav-wrap{background-color: #09aba9; }
}
@media(max-width: 767px){
	.hd .topBar{right:70px; border-left:0;}
    .hd .share{border-left:0; right: 70px;}
    .hd .share .icon{font-size: 24px; line-height: 64px;}
    .hd{height: auto;}
    .hd .inner{position: static;}
    .top-contact .box-flex{height: 80px;}
    .app-nav-wrap{background-color: #09aba9;}
    .ft-contact{background-size: auto 100%; padding-top: 20px;}
    .top-contact .item{background-size: 20px auto; padding-left:25px;}
    .backTop{bottom: 100%; height: 40px;}
}

/* page */
.page-con,.contact{margin: 50px 0;}
.page-con img{width: auto; max-width: 100%;}

/* service */
.service{margin-bottom:50px;}
.service .even{background-color: #f8f8f8; padding: 40px 0;}
.service .odd{padding: 40px 0;}
.service .t{color: #1fa9a7; text-transform: uppercase; text-align: center; margin: 0 0 30px;}
.service .t em{display: inline-block; width: 14px; height: 14px; background-color: #1fa9a7; margin: 0 10px; border-radius: 50%;}
.service .default{margin: 30px 0;}
.service .default .con{font-size: 20px; color: #1c4072; background: url("https://tabccc.oss-cn-hongkong.aliyuncs.com/u_11/201905031519537.jpg?x-oss-process=style/TMTP") no-repeat 0 center; padding:50px 0 50px 370px; min-height: 200px;}
.service .default p{margin-bottom: 0;}
.languages-list p{float: left; width: 20%; text-transform: capitalize; padding:5px 15px; margin-bottom: 0;}
.languages-list p img{margin:-5px 8px 0 0; width:27px; height:27px;}
.network .title{font-weight: bold; color:#525252; margin-bottom:25px;}
.network-list{overflow: hidden; zoom:1;}
.network-list p{float: left; width: 33%; text-transform: capitalize;}
.network-list-partner p{width:20%;}
.network-list p:before{position:relative; content: '.'; font-size: 40px; line-height: 0; top:-3px; margin-right: 2px;}
@media(max-width: 768px){
	.service .default .con{padding: 210px 0 0; min-height: auto; background-position: center 0; font-size: 18px;}
    .service .default p{margin-top: 5px;}
    .languages-list p,.network-list p{width: 50%;}
}

/* about */

/* portfolio */
.portfolio{margin: 20px 0 50px;}

/* contact */
.address{box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 25px; position: relative; width: 120%; min-height: 420px; z-index: 1; top: 20px; background-color: #fff;}
.address h3, .address h4{font-weight: normal;}
.address img{ margin-right:10px;}
.address .row{margin-bottom: 10px;}
.address .row td{border-bottom: 1px dashed #cbcbcb; padding:15px 0;}
.address .row td img{height:25px; max-width:none;}
.address .other td{ padding:5px 0;}
.address .other td p{margin-bottom:0;}
.map{height: 465px;}
.map iframe{width: 100%; height: 100%;}
@media(max-width: 767px){
    .address{width: 100%; height: auto; top: 0;}
    .address .row{margin-bottom: 0;}
    .address .row>div{margin-bottom: 30px;}
    .address p{line-height: 3;}
    .address .row p{line-height: normal;}
    .address .other{margin-left:0;}
    .address .other p{float:none; margin:10px 0 0;line-height: normal;}
}

/* index */
.i-service{background-color: #faf9f9; padding: 30px 0 50px;}
.i-about{margin: 50px 0; font-size: 20px;text-align: center;}
.i-about .t{margin:0 0 20px; font-size: 34px;}
.i-about .t:after{display: block; content: ''; width: 200px; height:4px; background-color: #dbdbdb; border-radius: 2px; margin: 5px auto;}
.i-about .btn{background-color: #007271; font-size: 22px; color: #fff; margin-top: 20px;}

@media (max-width: 768px){
    /* reset */
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}

    /* index */
    .i-about .t{font-size: 24px; margin-top: 30px;}

    /* page */
    .page-con{margin: 30px 0; padding: 0;}
}