/*design by xx @*/

font
@font-face {
    font-family: 'rbno2_light_alternative_Rg';
    src: url('../font/rbno2light_a-webfont.eot');
    src: url('../font/rbno2light_a-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/rbno2light_a-webfont.woff2') format('woff2'),
         url('../font/rbno2light_a-webfont.woff') format('woff'),
         url('../font/rbno2light_a-webfont.ttf') format('truetype'),
         url('../font/rbno2light_a-webfont.svg#rbno2_light_alternative_Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}



.normal-title{ font-family:"rbno2_light_alternative_Rg" !important; }



/*global*/
*{margin: 0; padding: 0; }
i{ font-style: normal;}
section{ display: block;}
a:hover, a:active, a:focus{ text-decoration: none;}
ul { list-style: none;}
.clearfix{content:".";display:block; height:0;clear:both;visibility:hidden}
.btn{ color: #000; border-radius: 0;}
/*head*/
.header-foodappx{ 
	display: block;
	position: fixed;
	width: 100%;
	height: 100px; 
	background: rgba(0, 0, 0, .55);
	z-index: 999;
}

.header-foodappx ul nav{ 
	color: #fff; 

}
.navbar-foodappx {
	margin: 0 auto;
	max-width: 1200px;
	
}

.header-foodappx .navbar-nav{
	
}

.respon-logo{
	display: inline-block;
	width:220px;
	height: 100px;
	background: url(../../qisweb-images/logo.png) center no-repeat;
	background-size: contain;
}

.header-foodappx  .navbar-nav>li{
	padding:20px 25px;
	position: relative;
	text-align: center;
	margin-top: 20px;

}

.header-plus-bg{
	background:#34393f;
	border-bottom: 1px solid #43484d;
	box-shadow: 0 3px 10px #999;
}

.header-foodappx .logo{
	margin: 0 !important;
	padding: 0 !important;
}

.header-foodappx  .navbar-nav>li .current em{ 
	
	width: 50%;
	height: 3px; 
    text-align: center;
	margin:15px auto;
	display: block; 
	background-color: #ffb13d;
}

.header-foodappx .navbar-nav>li>a{
	padding: 0 ;
	font-size: 18px;
	font-weight:700;
	color: #fff;  
}

.header-foodappx .navbar-nav>li>a:hover{
	background: none;
}



.normal-title{
	font-size: 50px;
	color: #6a3906;
	text-align: center;
	margin: 10% auto 10px;
}

.normal-title em{
	display: block;
	width: 50px;
	height: 3px;
	background: #ffb13d;
	margin: 10px auto;
}

/*section1*/
.s1{
	display: block; 
	background:url(../../qisweb-images/s1.jpg) center; 
	background-size: cover; 
	min-height: 1000px;
	text-align: center;
	color: #fff;

}

.s1 h1{
	margin-top: 0;
	padding-top: 20%;
	font-size: 72px; 
	font-weight: bold;
}

.s1 h3{
	 margin-top: 15px; 
}

.btn-s1{ 
	padding: 15px;
    font-size: 30px;
    border: 3px solid rgba(255,255,255, .5);
    border-radius: 0;
    color: #fff;
    margin-top: 50px;
    width: 300px;

}

.btn-s1:hover{
	border: 3px solid rgba(255,255,255, 1);
	color: #fff;
}

/*section2*/

.s2{ 
	display: block;
	height: 100%;
	margin-bottom: 5%
}
.s2 .s2-col{ 
	margin-top: 10px;
}

.s2-img{
	width: 100%;
	min-height: 400px;
	display: block;
	background: url(../../qisweb-images/s2.png) center no-repeat;
	margin: 5% auto;
	background-size: contain;
}

.thumbnail{
	display: block;
	border:none;
	background: none; 
	margin: 0 auto;
}

.s2 h3{ 
	text-align: center;
	margin: 20px auto;
	font-size: 24px;
}

.s2 p{
	color: #999;
	font-size: 16px;
}

.s2 .btn-reques{
	border:2px solid #ffb13d;
	padding: 10px 20px;
}

/*s3*/

.s3{ 
	display: block; 
	background: url(../../qisweb-images/s3.png) center no-repeat; 
	background-size: cover;
	padding-bottom: 5%;
}

.s3 .s3-col{
	margin-top: 3%;

}

.s3 h3{
	text-align: center;
	margin: 0 auto 25px;
	font-size: 24px;
}

.s3 p{ 
	font-size: 16px;
	color: #555;
}

/*s4*/
.s4{
	padding-bottom: 8%;
}

.row>a{
	height: 100px;
	margin-top: 20px;
}

.s4 .s4-col div{
	text-align: center;
	line-height: 100px;
	height: 100px;
}

.s4 .s4-col img{
	max-width: 100%;
	//margin:40px auto 20px;
	//display: block;
	text-align: center;
	max-height:100px;
	vertical-align:middle;
}

.s4-more{ 
	display: block; 
	text-align: right; 
	height: 50px; 
	line-height: 50px; 
	font-size: 20px;
	color: #999;
/*	margin-right: 15px;*/
	font-weight: normal;
}

.s4-more:hover{
	color: #999;
	text-decoration: underline;
}


/*s5*/
.s5{ 
	background: #34393f;
	height: 100%;
	padding-bottom: 8%;
}

.s5 h1{ 
	text-align: center; 
	color: #fff;
	margin: 10% auto 4%;
}

.s5 .circle-step{ 
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	display: block;
	background: #ffb13d;
	color: #fff;
	font-size: 18px;
	margin: 10px auto;
	text-align: center;
	
 }
 .s5 i{
 	 color: #fff;
 	 margin-top: 2%;
 	 font-size: 30px;
 }

  .s5 .col-xs-1{
 	 margin-top: 3%;
 }

.s5 h4{
 	font-size: 24px;
 	color: #fff;
 	text-align: center;
 }

.s5 h4 a{ 
  	color: #fff;
  	text-decoration: underline;
 }

.s5 form h4{ 
	text-align: left;
	margin: 0 0 8%;
}

.s5 form .thsi-info p{
	color:#d1d1d1;
	margin-left: 40px;
	font-size: 18px;
}

.s5-hr{ 
	width: 60%; 
	margin:8% auto;
	border-color: #43484d;
}

.s5 form .form-control{ 
	height: auto; 
	padding: 15px;
	border-radius: 0;
	background: #292e34;
	color: #696969;
	font-size: 18px;
	border:none;
}

.s5 form .form-control:focus{
	color: #fff;
	box-shadow: none;
}

.s5 textarea{ 
	height: 180px !important;
}

.s5 .btn{ 
	font-size: 14; 
	background:#24272C;
	color: #fff;
	 }

.s5 .btn:hover{ 
	background: #141619;
	color: #fff;
}

input:-webkit-autofill{
   background: #292e34 !important;
}

.s5 .icon{ 
	font-size: 35px; 
	color: #fff; margin-right: 15px;}



/*footer*/
footer{ 
	background: #34393f;
	border-top: 1px solid #494d53;
	padding: 50px 20px;
	text-align: center;
	color: #c2c4c6;
	
}

footer a{ 
	margin: 0 10px;
	color: #c2c4c6;
}

/*------------------------------------------------*/

/* page about*/
.page-about p {
	padding: 0 8%;
	 color: #666;
	 margin-top: 3%;

}

.page-about .s2-img{
	margin-top: 18%;
}

.page-about p b{
	color: #333;
}


/*------------------------------------------------*/

/*page-brand*/
.page-brand form{ 
	padding-top: 150px;
	margin-bottom: 20px;
}

.page-brand{
    height: auto;
    padding: 15px;

}
.page-brand form input{
	height: auto;
	padding: 10px; 
	border:2px solid #202124;
	border-radius: 0;
}

.page-brand form .btn{ 
   border:2px solid #202124;
   background: #202124;
   color: #fff;
   padding-top: 10px;
   padding-bottom: 10px;
   width: 100%;
}
.page-brand form .btn:hover{
	 background:#000;

}

/*page-request*/
.page-request{ 
	padding-top: 150px;
}

.font-red{ color: red ;}

.page-request label{
	font-size: 16px;
}

.page-request input , .page-request textarea{ 
	border-radius: 0;
	padding: 10px;
	border:2px solid #666;
	height: auto;
	font-size: 16px ;
}

.page-request .radio-inline, .page-request .checkbox-inline{
	margin-left:-20px;
}

.page-request .radio-inline i {
	margin-left: 5px ;
}

.page-request .check-group i{
	margin-left: 5px !important ;
	margin-right: 5px !important ;

}
.page-request .check-clip{ 
	display: inline-block; 
	float: left; 
	margin-top: 10px; 
	margin-right: 10px;
}

.btn-request{
	background:#202124;
	color: #fff;
}

.btn-request:hover{
	color: #fff;
	background: #000;
}

/*----------------------------------------*/
/*page-news*/
.page-news{ 
	padding-top: 100px;
}

.page-news h3 a{
    color: #000;
}

.page-news h3 a:hover{ 
	text-decoration: none;
	color: #ffb13d;
}

.page-news .section{ 
	display: block;
	padding: 4% 0; 
	border-bottom:1px solid #e8e8e8;
	background:#fff;
}

.page-news .section:nth-child(2n+1){
	background: #f7f7f7;
    
}

.page-news p img{ 
	max-width: 100%;
	height: auto;
	margin: 20px 0;
}

.page-news .time{ color: #999;}

.page-news .art-content{
	font-size: 16px;
}

.page-news-detail{
	padding-top: 180px;
}

.page-news-detail p{
	margin-bottom: 5%;
}
.onlypan{
height:100px;width:100%;
display:block;text-align:center;vertical-align:middle;
    background: #e8e8e8 url(../../qisweb-images/default.png) no-repeat;
    color: #3B3C3E;
    font-size: 15px;
    border-radius: 10px;
    font-weight: bold;
    line-height: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-size: contain;
}