﻿

/*banner*/
.banner{position: relative;}
.banner-img{width: 100%;}
.banner-menu{position: absolute;top: 45px;left: 110px;width: 496px;height: 406px;}
.left-banner{width: 178px;box-shadow: 5px  0 15px   #000;}
.left-banner span{display: block;background: url("zxqz-banner-light_03.png");width: 178px;height: 67px;padding-top: 8px;}
.left-banner .on{background: url("zxqz-banner-rm_03.png");box-shadow: none;}
.right-banner{width: 316px;height: 406px;}
.c-tab-box{background: url("zxqz-banner2_03.png");width: 100%;height: 100%;padding: 35px 35px;}
.banner-search{background: url("zxqz-banner-searchbg_03.png");width: 178px;height: 72px;border-top: 1px solid #9d9d9d;box-shadow: 5px 0 15px  #000;}
.left-banner strong{color: #ffffff;font-size: 16px;margin-left: 25px;}
.left-banner span a{display: block;float: left;color: #ffffff;margin:5px 5px 5px 0;font-size: 14px;}
.left-banner span ul{margin-left: 25px;}
.c-tab-box a{color: #ffffff;font-size: 15px;}
.c-tab-box ul li{float: left;margin:0 20px 20px 0;}
.banner-search{padding: 10px;height:71px;}
.ui-widget{width: 100%;height: 90%;border-bottom: 1px solid #9d9d9d}
.banner-search .ui-widget input{background: transparent;border: none;outline: none;float: left;display: block;width: 125px;height: 40px;line-height:40px;color: #999999;font-size: 14px;padding-left: 10px;}
.banner-search .ui-widget a{background: transparent;float: left;display: block;margin-top: 5px;}
#ui-id-1{
    width: 160px;
    height: 200px;
}
.search-null{display: block;width: 100%;text-align: center;height: inherit;color: #333333;line-height: 80px;}

.banner-menu{display: block}
.banner-xys{display: none;}
.banner-content-tab{background: transparent;}
.banner-tabs li{font-size: 14px;font-weight: bold;}
.banner-tabs .on{color: #f74d4d;border-bottom: 2px solid #f74d4d;}
.banner-tab-box ul{clear: left;}
.banner-tab-box ul li{float: left;}
.banner-tab-box ul li a{padding: 5px 10px 5px 10px;line-height: 40px;}
@media all and (max-width:769){
.banner-tab-box ul li a{padding: 5px 20px 5px 10px; line-height: 40px;}   
}
@media all and (min-width:993px) and (max-width: 1200px ) {
    .banner-menu{position: absolute;top: 45px;left: 110px;width: 396px;height: 306px;}
    .left-banner{width: 138px;height: 250px;box-shadow: 5px  0 15px   #000;}
    .left-banner span{display: block;background: url("zxqz-banner-light_03.png")no-repeat top center;width: 138px;height: 50px;padding-top: 4px;overflow: hidden;}
    .left-banner .on{background: url("zxqz-banner-rm_03.png")no-repeat top center;box-shadow: none;}
    .right-banner{width: 216px;height: 310px;}
    .c-tab-box{background: url("zxqz-banner2_03.png")no-repeat top center;width: 100%;height: 100%;padding: 35px 35px;}
    .banner-search{background: url("zxqz-banner-searchbg_03.png")no-repeat top center;width: 138px;height: 65px;border-top: 1px solid #9d9d9d;box-shadow: 5px 0 5px  #000;}
    .left-banner strong{color: #ffffff;font-size: 16px;margin-left: 25px;}
    .left-banner span a{display: block;float: left;color: #ffffff;margin:5px 5px 5px 0;font-size: 12px;}
    .left-banner span ul{margin-left: 25px;}
    .c-tab-box a{color: #ffffff;font-size: 14px;}
    .c-tab-box ul li{float: left;margin:0 10px 10px 0;}
    .banner-search{padding: 10px;height:65px;}
    .banner-search img{width: 20px;height: 20px;margin-top: 5px;}
    .ui-widget{width: 100%;height: 90%;border-bottom: 1px solid #9d9d9d}
    .banner-search .ui-widget input{background: transparent;border: none;outline: none;float: left;display: block;width:95px;height: 40px;color: #999999;font-size: 10px;padding-left: 5px;}
    .banner-search .ui-widget a{background: transparent;float: left;display: block;margin-top: 5px;}
    #ui-id-1{
        width: 118px;
        height: 100px;
    }
}
/*banner*/

/*lgqzyw*/
.lgqzyw{background-color: #ffffff;padding-bottom: 50px;}
.section_title {
font-size: 28px;
color: #333333;
font-weight: bold;
text-align: center;
margin: 60px 0;
}
 @media all and (max-width: 768px) {
.section_title {
margin: 40px 0;
font-size:24px;
}
}
.lgqzyw-tabs{height: 40px;}
.lgqzyw-tabs li{padding: 0 5px 16px 5px;font-size: 14px;font-weight: bold;border-bottom: 2px solid #e0e0e0;margin: 0 -2px;text-align: center}
.lgqzyw-tabs-main{margin-top: 20px;}
.lgqzyw-tabs .hover{color: #f74d4d;border-bottom: 2px solid #f74d4d;}
@media all and (min-width: 1200px ) {
	 .lgqzyw-content-tab{ width:972px;margin: auto;}
}

/*.flex-container div.flex-box{height: 410px;flex: 1;margin-left: 20px;}
.flex-box-jf{display: flex;flex-direction: column;background-color: #003b79;}
.flex-container .flex-box-jf .A-logo{flex: 1;margin:60px auto 0;}
.flex-container .flex-box-jf .A-content{flex: 1;margin: auto;text-align: center;}
.flex-container .flex-box-jf .A-address{flex:1;margin: auto; text-align: center;width: 100%;font-size: 12px;color: #ffffff;}
.flex-container .flex-box-jf .A-button{flex: 1;margin: auto;}
.flex-container .flex-box-jf .A-content .p1{font-size: 14px;color: #ffffff;}
.flex-container .flex-box-jf .A-content .p2{font-size: 12px;color: #ffffff;}
.flex-container .flex-box-jf .A-address a{color: #ffffff;}
.flex-box{display: flex;flex-direction: column;}
.flex-box-s{flex: 1;width: 100%;position: relative;margin-bottom: 10px;}
.flex-box-s img{width: 100%;}*/
.big-one{display: block;}
.small-one{display: none;}
/*.flex-box-text{height:auto;width: 100%;background-color: #ffffff;padding: 10px;position: absolute;bottom: 0;overflow: hidden;box-shadow: 1px 4px 4px #ddd;}
.flex-box-text .text-title{font-size: 12px; font-weight: bold;}*/
.text-price{color: #e8313e;font-size: 12px;margin-top: 14px;}
.text-price span{font-size: 16px;}
.nav-tabs > li > a:hover {
     border-color:transparent;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
     background-color: transparent;
}

.nav-tabs {
     border-bottom: none;
}
/*响应式*/
   @media (max-width: 768px){
       .banner-tabs li{float: left;width: 1%;display: table-cell;}
       .nav>li>a{padding: 0;}
       .big-one{display: none;}
       .small-one{display: block;}
       .lgqzyw-tabs-main {
         margin-top: 20px; 
        }
   }
 @media (min-width: 431px) and (max-width:768px){
  .lgqzyw-tabs li{float: left;width: 1%;display: table-cell;}
       .lgqzyw-tabs li{padding: 0 5px;font-size: 12px;font-weight: bold;border-bottom: 2px solid #e0e0e0;text-align: center}
       
 }
 @media (max-width: 430px) and (min-width:419px){
    .lgqzyw-content-tab .nav-tabs.nav-justified > li{float:left;}
    .lgqzyw-tabs li{float: left;}
    .lgqzyw-tabs li {
         padding: 9px;
         margin-left: 1px;
         font-size: 12px;
         font-weight: bold;
         border-bottom: 2px solid #e0e0e0;
         text-align: center;
        }    
 }
 @media (max-width: 409px){
       .lgqzyw-tabs li{float: left;width: 1%;display: table-cell;}
       .lgqzyw-tabs li{padding: 0 5px;font-size: 12px;font-weight: bold;border-bottom: 2px solid #e0e0e0;text-align: center}
       
 }
@media all and (max-width: 418px) and (min-width:410px){
    .lgqzyw-content-tab .nav-tabs.nav-justified > li{float:left;}
    .lgqzyw-tabs li{float: left;}
    .lgqzyw-tabs li {
         padding: 8px 8px 8px 9px;
         margin-left: 1px;
         font-size: 12px;
         font-weight: bold;
         border-bottom: 2px solid #e0e0e0;
         text-align: center;
        }
}
/*响应式*/

/*响应式*/
    @media (min-width: 768px){
        .nav-tabs.nav-justified > li > a {
            border-bottom: none;
            border-radius: 4px 4px 0 0;
        }
    }
    @media (min-width: 768px){
        .nav-tabs.nav-justified > li > a {
            border-bottom: none;
            border-radius: 4px 4px 0 0;
        }
    }
    @media (max-width: 992px){
        .banner-menu{display: none}
        .banner-xys{display: block;position: absolute;z-index: 1;width: 100%;background:white;}
        .banner-xys .banner-content-tab{background-color: #ffffff;}
        .banner{top: 20px;}
    }
@media all and (min-width: 417px) and (max-width: 993px){
  /*  .flex-container div.flex-box{height: auto;flex: 1;margin-left: 20px;}*/
    .jf-address span {
        margin-left: 10%;
    }
}
/*响应式*/
.lgqzyw-tab-box{height:auto;width: 100%;}
/*.flex-container{
    display: flex;
    flex-direction: row;

}*/
/*响应式*/
@media (max-width: 993px){
    .lgqzyw-tab{height: 20px;}
    .lgqzyw-tab-box{height:auto;width: 100%;}
    /*.flex-container{
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .flex-container div.flex-box{height: 180px;flex: 1;margin-bottom: 20px;}
    .flex-box{display: flex;flex-direction: row;-webkit-justify-content: center;
        justify-content: center;}
    .flex-box-jf{display: block;overflow: hidden;}
    .flex-container .flex-box-jf .A-logo{float: left;margin: auto;width: 30%;height: 50%;}
    .flex-container .flex-box-jf .A-content{float:right;width: 70%;height: 50%;}
    .flex-container .flex-box-jf .A-address{float: left;width: 60%}
    .flex-container .flex-box-jf .A-button{float: right;width: 40%;}
    .flex-box-s{flex: 1;margin: auto;display: flex;}
    .flex-item{margin: auto;}
    .flex-box-text{height:auto;width: 100%;background-color: #ffffff;padding: 10px;position: absolute;overflow: hidden;bottom: -10px;}
    .flex-box-text .text-title{font-size: 12px; font-weight: bold;}
    .text-price{color: #e8313e;font-size: 12px;margin-top: 14px;}
    .text-price span{font-size: 16px;}
    .flex-box-s img{width: auto;}*/
}
@media (max-width: 993px) and (min-width: 460px){
   /* .flex-box-text{width: 186px;}
    .text-price span{font-size: 14px;}*/
}

@media all and (max-width: 434px){
 /*   .flex-box{display: flex;flex-direction: row;-webkit-justify-content: space-around;
        justify-content: space-around;}
    .flex-container div.flex-box{margin: 0;}
    .text-price span{font-size: 12px;}
    .flex-box-text{bottom: -10px;}*/
}
@media all and (max-width: 360px){
    .text-price span{font-size: 12px;}
  /*  .flex-box-text{bottom: -40px;}
    .flex-box-text .text-title{font-size: 12px; font-weight: bold;width: 60%;}*/
}

/*领馆授权签证*/

/*签证进度*/
.qzjd{padding-bottom: 40px;background-color: #F6F8F9;}
.qzjd .qzjd-card{position: relative;}
@media all and (min-width: 1200px) {
	.qzjd-card{width: 972px;margin:auto;}
	
}


.qzjd-card .bg-pic{width: 100%;}
.qzjd .row{position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 100;}
.progress-tiao .progress{height: 10px;top:30px;position: relative;}
.qzjd-name{font-size: 18px;font-weight: bold;width: 100%;text-align: center;}
.qzjd-progress{font-size: 14px;font-weight: bold;width:100%;text-align: center;color: #e8313e;}
.qzjd-progress span{font-size: 24px;}
.qzjd-xq{font-size: 14px;width: 100%;text-align: center;margin-top: 10px;}
.qzjd-xq a{color: #1a1a1a;}
.loginBefore{text-align:center;margin-top: 22px;}
.qzjd-card {
    margin-bottom: 10px;
    
}
.qzjd-country{
    padding: 60px 0;
}
.loginNull{
text-align: center;
font-size: 16px;
font-weight: bold;
margin-top: 12%;
color: #e8313e;
}
@media all and (min-width: 768px)and (max-width: 994px){
   .rmtj .big-one{display:block;}
   .rmtj .small-one{display: none;}
}
@media all and (max-width: 768px){
.big-one{display: none;}
.small-one{display: block;}
    .qzjd-name{font-size: 16px;font-weight: bold;width: 100%;text-align: center;}
    .qzjd-progress{font-size: 12px;font-weight: bold;width:100%;text-align: center;color: #e8313e;}
    .qzjd-progress span{font-size: 20px;}
    .qzjd-xq{font-size: 12px;width: 100%;text-align: center;margin-top: 10px;}
}

/*@media all and (max-width: 600px)and (min-width: 460px){
    .qzjd-card .bg-pic{height: auto;}
}*/
@media all and (max-width:600px)and (min-width: 320px){
    .qzjd-card .bg-pic{height: auto;}
    .row{margin-left: 0;margin-right: 0;width: 100%;}
    .rmtj .col-xs-4{padding-left: 0;padding-right: 0;}
    .rmtj .col-sm-2{padding-left: 0;padding-right: 0;}
    .qzjd-name{font-size: 14px;font-weight: bold;width: 100%;text-align: center;}
    .qzjd-progress{font-size: 12px;font-weight: bold;width:100%;text-align: center;color: #e8313e;}
    .qzjd-progress span{font-size: 14px;}
    .qzjd-xq{font-size: 12px;width: 100%;text-align: center;margin-top: 5px;}
    
}
@media all and (max-width:600px){
.loginNull{
font-size: 14px;
font-weight: bold;
margin-top: 30%;

}
}

/*签证进度*/

/*热门推荐*/
.rmtj .rmtj-pic{position: relative;}
/*.rmtj .big-one{width: 100%;}
.rmtj .col-sm-2{padding-left: 0;padding-right: 0;}*/
.rmtj .row div{margin-bottom: 20px;}
.rmtj .rmtj-info{position: absolute;bottom: -20px;/* background: url("rmtj-img-1_08.png")no-repeat top center;*/height: 110px;width: 100%;text-align: center;color: #ffffff;}
.info-name{font-size: 20px;line-height: 150%;}
.info-price{font-size: 24px;line-height: 150%;}
.col-xs-4{padding-left:0;padding-right:0;}
.rmtj-pic img.big-one{width:100%;}
@media all and (min-width: 600px)and (max-width: 768px){
    .rmtj .rmtj-info{position: absolute;bottom: -20px;left: 7px;/* background: url("rmtj-phone2_03.png")no-repeat top center;*/height: 109px; width: 100%;}

}
@media all and (width: 768px){
    .rmtj .rmtj-info{height: 90px;}
}
@media all and (max-width:460px)and (min-width: 360px) {
    .rmtj .rmtj-info {
        left: 0;
    }
    .info-name{font-size: 16px;line-height: 150%;}
    .info-price{font-size: 18px;line-height: 150%;}
}
@media all and (max-width: 360px){
    .rmtj .rmtj-info {
        left: 0;
    }
    .info-name{font-size: 12px;line-height: 150%;}
    .info-price{font-size: 14px;line-height: 150%;}
}

/*热门推荐*/

/*常见问题*/
.cjwt{padding-bottom: 50px;}
.cjwt .section_title{font-weight: normal;}
.cjwt .section_title a{color: #3b3d3e;}
.cjwt .section_title a img{margin: 0 10px;}
.cjwt-list ul li{margin-bottom: 15px;}
.cjwt-list ul li a span.cjwt-date{color: #a9a9a9;font-size: 14px;margin-left:15px; }
.cjwt-list ul li a span.cjwt-title{
color: #062033;
font-size: 14px;
margin-left: 15px;
display: block;
width: 80%;
float: right;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.cjwt-list ul li a img{margin-left:15px;margin-top: -4px; }

@media all and (max-width: 460px){
    .cjwt-list ul li a span.cjwt-date{margin-left:0; }
    .cjwt-list ul li a img{margin-left:5px;}
}
/*常见问题*/

.lgqzyw-tabs li{cursor:pointer;}
#qzjd_notLogin{
background: #e8313e;
border: none;
padding: 10px 20px;
color: white;
font-size: 16px;
margin-top: 10px;
border-radius: 5px;
}
.rmtj .row{margin-left:0;margin-right:0;}

@media all and (min-width:350px) and (max-width:768px){
#qzjd_notLogin {
background: #e8313e;
border: none;
padding: 5px 10px;
color: white;
font-size: 14px;
margin-top: 15px;
border-radius: 5px;
}
.progress-tiao{margin-top:0px;}
}

@media all and (max-width:350px) {
#qzjd_notLogin {
background: #e8313e;
border: none;
padding: 5px 10px;
color: white;
font-size: 14px;
margin-top: 25px;
border-radius: 5px;
}
.progress-tiao{margin-top:0px;}

}
@media all and (width:768px){

.banner-tab-box ul li a{padding: 5px 20px 5px 20px;font-size: 16px;}
.banner-tabs li {font-size: 16px;padding: 10px 0;}
.banner-xys .banner-content-tab {width: 100%;}
.banner-xys {z-index: 1;}
#mobileNavigater .navigater .nav {
padding-top: 15px;
padding-bottom: 15px;
}
.rmtj .row div{
	margin-bottom: 0;
}
.info-name {
font-size: 18px;
}
.info-price {
font-size: 22px;
}
.rmtj .rmtj-info{
	padding-top: 6px;
	left: 0;
}
}




