@charset "utf-8";

/*common-start;*/
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden }
ul{ margin:0px; padding:0px; list-style:none} 
li{ margin:0px; padding:0px; list-style:none} 
.navbar {border-radius: 0px !important;}
button {
  outline: none !important;
}
.top{ width:100%; float:left; height:100px; }
.top .logo{ width:30%; float:left; height:100px; padding-top:16px; margin-left:5.55%;}
.menu{ width:100%; float:left; height:52px; position: absolute; z-index: 1000; top: 100px;}
.head_contact { float: right;padding: 20px 20px 0 0; }
.head_contact .phone_wrapper { float: right; }
.head_contact img { display: inline-block; float: right; width: 60px; height: 60px; margin-left: 20px; margin-top: 4px;}
h4.special_phone { margin: 0 0 0 75px; }

.contactBox{ 
  width:100%; float:left; height:auto; 
  margin-top:50px; background-color:#505d75;
}
.contact{ width:1200px; margin-left:auto; margin-right:auto; height:390px; margin-top:90px;}
.contact form{ width:100%; float:left; height:auto; margin-top:30px;}
.contact .qq_logo,
.contact .weixin_logo {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.contact .qq_logo {
  background-image: url(../../common/images/qq_logo.png);
}
.contact .weixin_logo {
  background-image: url(../../common/images/weixin_logo.png);
}
.contact .weixin_wrapper {
  padding-top: 10px;
}
.contact .qrcode {
  width: 100px;
  height: 100px;
  vertical-align: top;
  margin-left: 4px;
}
.footer{ background-color:#333333; width:100%; float:left; height:200px; text-align:center; padding-top:50px;}
.footer a{ color:#FFF; font-size:16px; margin-left:10px; margin-right:10px; text-transform:uppercase }
 span strong{ font-size:36px; float:left; width:100%; color:#4d4d4d; font-family:"Arial Black", Gadget, sans-serif}
 span .title{ font-size:16px; float:left; width:100%; }
 hr{ width:60px;  color:#F00; float:left; margin-top:1px;}
.float_box {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 250px;
  background: rgba(0,0,0,0.75);
  color: #FFF;
  padding: 20px 30px;  
}
.float_box i {
  margin-right: 10px;
}
.float_box li {
  font-size: 20px;
}
.float_box li {
  font-size: 20px;
}
.float_box li:last-child {
  margin-top: 10px;
}
.float_box p {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 40px;
}
.float_box p:first-child {
  padding-top: 10px;
}
.float_box button {
  display: inline-block;
}
/*common-end;*/



.banner{ width:100%; float:left; height:auto; padding-top: 50px;}
.banner .title{ margin-left:auto; margin-right:auto; width:80%; margin-left:10%; margin-right:10%; float:left;text-align:center; color:#FFF; font-size:42px; font-family:"Arial Black", Gadget, sans-serif; margin-top:10%; text-shadow:0px 0px 1px #666}
.banner .info{ text-shadow:0px 0px 2px #666;
  margin-left:auto; margin-right:auto; width:50%; margin-left:25%; margin-right:25%; float:left;text-align:center; color:#FFF; font-size:20px;  margin-top:1.5%; line-height:30px;}
.banner .more{ 
  margin-left:auto; margin-right:auto;
  width:10%; margin-left:45%; margin-right:45%;
  height:50px; line-height:50px; background-color:#505d75; 
  float:left; text-align:center; color:#FFF; 
  margin-top:2%; text-transform:uppercase;
  border-radius: 4px;
}
.banner .more:hover{ text-decoration:none; background-color:#56a5be}
.main_image {width:100%; height:400px;  overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:400px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:400px;}
.main_image li span {display:block; width:100%; height:400px; background-size: cover !important; background-position: center center;}
.main_image li a {display:block; width:100%; height:400px}
.main_image li .img_1 {background: center top no-repeat}
.icon-circle-blank{ text-decoration:none !important; }
.icon-circle-blank:hover{ text-decoration:none !important; }
.icon-circle-blank:active{ text-decoration:none !important; }
.icon-circle-blank:visited{ text-decoration:none !important; }
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/left.png) no-repeat right top;right:100px; transform: rotate(180deg);}

.btnsBox{ float:left; width:100%; padding: 20px;}
/*.btnsBox .track_btn { 
  margin-top: 20px;
  margin-left: 50%;
  transform: translateX(-50%);
}*/
.btnsBox .desitination {
  display: inline-block;
  width: 80%;
}

.about{ width:100%; padding: 20px; background-image:url(../images/map2.png); float:left; background-position:580px top; background-color:#f1f1f1}
.about img{ float:right; width:50%; height:100%;}
.about span{ float:left; width:50%; height:100%; padding-top:5%; padding-left:11%;   padding-right:20%; }
.about p{ font-size:14px; float:left; width:100%; color:#9a9a9a; line-height:30px;}
.about .moreBox{ float:left; width:100%; height:auto; text-align:center; margin-top:60px;}
.about .moreBox .more{ border-radius: 4px; width:200px;  background-color:#56a5be; color:#FFF; display:inline-block; height:60px; line-height:60px;}
.about .moreBox .more:hover{ background-color:#505d75; text-decoration:none}


.serviceBox{ width:100%; float:left; height:auto; margin-top:100px;}
.service{ width:1200px; margin-left:auto; margin-right:auto; height:auto}
.service ul{ float:left; width:100%; margin-top:30px; height:auto  }
.service ul li{ float:left; width:32%; height:auto ; border:solid 1px #ececec;  }
.service ul li:hover{ cursor:pointer; border:solid 1px #a8d2de;   }
.service ul li img{ width:100%; float:left; height:255px;}
.service ul li span{width:100%; float:left; padding:6%; border-top:none; height:350px;}
.service ul li .title1{width:100%; float:left; font-size:24px;  color:#4d4d4d; font-family:"Arial Black", Gadget, sans-serif}
.service ul li span p{ color:#989898; line-height:28px; font-size:16px; float:left; margin-top:5px;}
.service ul li span font{ margin-top:20px; font-size:16px; float:left; color:#4d4d4d;}
.service ul li span font a{ color:#4d4d4d;}
.service .img_box {
  width: 100%;
  float: left;
  height: 255px;
  background-image: url(../images/service_img1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
.service .img_box.img_box3 {
  background-image: url(../images/service_img3.jpg);
}
.service .img_box.img_box2 {
  background-image: url(../images/service_img2.jpg);
}

.missonBox{ width:100%; background-image:url(../images/map2.png); background-position:center center; background-repeat:no-repeat; background-color:#ffffff; height:550px; float:left; margin-top:0px; }
.misson{ width:1200px; height:auto; margin-top:100px; margin-left:auto; margin-right:auto}
.misson p{ line-height:26px;}


.partnersBox{ width:100%; float:left; height:auto; margin-top:50px;}
.partners{ width:1200px; margin-left:auto; margin-right:auto; height:auto;}
.partners ul{ float:left; height:auto; width:100%; margin-top:20px;}
.partners ul li{ float:left; height:auto; width:25%; text-align:center; margin-bottom:60px;}


@media (max-width:1440px){
.about span{ padding:2%;}
}

@media (max-width:1024px){
.top{ display:none}
.menu{ top: 0;}
.banner .info{ font-size:16px; width:90%; margin-left:5%; margin-right:5%;}

.service{ width:96%; margin-left:2%; margin-right:2%;}
.service ul li span{ height:380px}
.misson{ width:96%; margin-left:2%; margin-right:2%;}
.partners{ width:96%; margin-left:2%; margin-right:2%;}
.contact{ width:96%; margin-left:2%; margin-right:2%;}

.moveBox{ overflow-x:hidden; position: relative;}

.fmenu{ display:none}
}

@media (max-width:960px){
.float_box { display: none; }
.moveBox{ width:100%}
.banner .title{ font-size:28px}
.banner .info{ font-size:14px; width:90%; margin-left:5%; margin-right:5%;}
.mLeft{ display:none}
.about{ padding-top:20px; padding-bottom:20px;}
.about img{ display:none}
.about span{ width:90%; margin-left:5%; margin-right:5%; float:left}
.about .moreBox{ margin-top:5px;}
.banner .more{ width:40%; margin-left:30%; margin-right:30%;}
div.flicking_con .flicking_inner{ left:13.5%; top:500px;}

.main_image {height:250px;}
.main_image ul {height:250px;}
.main_image li {height:250px;}
.main_image li span {height:250px}
.main_image li a {height:250px}

.serviceBox{ margin-top:50px;}
.service ul li{ width:100% !important; margin:0px !important; margin-top:20px !important;}
span strong{ line-height:52px; font-size:36px}
.service ul{ margin-top:10px;}

#btn_prev{ display:none !important }
#btn_next{ display:none !important }

.missonBox{ height:auto; padding-bottom:60px;}
.misson{ margin-top:80px;}

.partners ul li{ width:50%;}
.partners ul li img{ max-width:100%; }

.MtelBtn{ display:block; position:fixed; bottom:0px; width:100%; left:0px; height:46px; line-height:46px; background:rgba(0,0,0,0.75); color:#FFF}
.MtelBtn i{ font-size:36px; height:46px; line-height:46px;}
.partners ul li img { filter: none; }

.contact span{ margin-bottom:20px; min-width: 300px;}
}


.chase {
  position: relative;
  padding-right: 100px;
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ccc;
  padding-top: 5px;
}
.chase button {
  position: absolute;
  right: 0px;
  bottom: 20px;
}
.price_count {
  padding-top: 5px;
}
.price_count .form-group {
  margin-bottom: 8px !important;
}
.price_count button {
  position: relative;
  /*left: 20px;*/
  top: 2px;
  float: right;
}


@media screen and (min-width: 768px) {
  .company_declearation {
    height: 269px;
  }
}
.company_declearation {
  padding: 11px 15px;
}
.company_declearation .list-group{
  margin-bottom: 0px;
}
.company_declearation button span:first-child{
  float: left;
  display: inline-block;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.company_declearation button span:last-child{
  float: right;
}